/*
	Theme Name: MisrProperty
	Theme URI: http://misrproperty.com
	Author: FlatLayers
    Author URI: http://www.flatlayers.com
	Description: Custom WordPress theme for MisrProperty.com
	Version: 1.0
    License: GNU/GPL Version 2 or later. 
    License URI: http://www.gnu.org/licenses/gpl.html 
    Tags: custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, theme-options
    Text Domain: fo2sh
*/

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*-------------------------------------------------------------------------*/
/*  Font Icons
/*-------------------------------------------------------------------------*/
@font-face {
    font-family: 'fontello';
    src: url('font/fontello.eot');
    src: url('font/fontello.eot?#iefix') format('embedded-opentype'),
         url('font/fontello.woff2') format('woff2'),
         url('font/fontello.woff') format('woff'),
         url('font/fontello.ttf') format('truetype'),
         url('font/fontello.svg?#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 
.icon-search:before { content: '\e800'; } /* '' */
.icon-star:before { content: '\e801'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-cancel:before { content: '\e803'; } /* '' */
.icon-ok:before { content: '\e804'; } /* '' */
.icon-phone:before { content: '\e805'; } /* '' */
.icon-location:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-flash:before { content: '\e808'; } /* '' */
.icon-comment:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-vimeo:before { content: '\f27d'; } /* '' */


/*-------------------------------------------------------------------------*/
/*	1. Browser Reset + Main Styels
/*-------------------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure {
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:focus { outline: 0; }
input[type=submit] { -webkit-appearance: none; }
html {
	overflow-x: hidden;
	max-width: 100%;
    font-size: 1em;
}
body {
    position: relative;
    background: #ffffff;
	color: #1d2129;
    font-family: Cairo, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.7;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    direction: rtl;
    unicode-bidi: embed;
}
ol, ul { list-style: none; }
input[type=text]::-ms-clear { display: none; }
sup {
	font-size: .65rem;
	vertical-align: super;
}
sub {
	font-size: .65rem;
	vertical-align: sub;
}
p { padding-bottom: 15px; }
strong { font-weight: bold; }
em { font-style: italic; }
p:empty { display: none; }
hr {
    border: none;
    border-top: 2px solid rgba(128,128,128,.1);
    height: 1px;
    margin: 0 auto;
    width: 100%;
}
a {
    text-decoration: none;
    color: #4e99ff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
a:hover { color: #484848; }
blockquote, q {
    margin: 15px 0 40px;
    padding: 25px 0;
    font-size: 1.2rem;
    display: block;
    position: relative;
    border-top: 2px solid rgba(128,128,128,.1);
    border-bottom: 2px solid rgba(128,128,128,.1);
    color: #261b26;
}
blockquote p:last-child, q p:last-child { padding-bottom: 0; }
pre, address {
	position: relative;
	margin-bottom: 25px;
	padding: 5px 0;
	overflow: auto;
	max-width: 100%;
}
table, dl {
	margin-bottom: 25px;
	width: 100%;
}
table thead, dt {
	font-weight: bold;
	background: rgba(128,128,128,.1);
}
table th, table td, dt, dd {
	padding: 10px 0 10px 10px;
	text-align: left;
}
table th p, table td p, dt p, dd p { padding-bottom: 0; }
table tr:nth-child(even) {
	background: rgba(128,128,128,.1);
}

/* Alignment */
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Images */
img {
	height: auto;
	max-width: 100%;
}
.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
}
.wp-post-image {
	display: block;
	margin: 0 auto;
}
img.alignright,
.wp-caption.alignright { margin: 10px 0 10px 20px; }

img.alignleft,
.wp-caption.alignleft {	margin: 10px 20px 10px 0; }

img.aligncenter{}
.wp-caption .wp-caption-text,
.entry-caption,
.wp-block-image figcaption {
    color: #261b26;
	font-size: 1rem;
	text-align: center;
    margin: 0;
}

.wp-block-image,
.wp-block-image.is-resized {
    text-align: center;
    margin: 0 auto 25px;
}

/* Embeds and iframes */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Gallery */
.gallery { margin-bottom: 30px !important; }
.gallery-item {
	float: left;
	text-align: center;
    margin-top: 0 !important;
    line-height: 0;
}
.gallery-icon {
    padding: 0;
    text-align: center;
    background: inherit;
}
.gallery img { border: none !important; }
.gallery-caption {
	opacity: .8;
	font-size: .75rem;
	line-height: 1.54;
	margin: 0;
	padding: 7px 15px;
	text-align: center;
}
.screen-reader-text { }

/*-------------------------------------------------------------------------*/
/*  2. Containers + Clearfix
/*-------------------------------------------------------------------------*/
.fl-container {
    position: relative;
    display: block;
    width: 96%;
	max-width: 1080px;
    margin: 0 auto;
}
.fl-container:after,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-------------------------------------------------------------------------*/
/*	3. Headings
/*-------------------------------------------------------------------------*/
h1 { font-size: 1.8rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1rem; }
h6 { font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    padding-bottom: 15px;
    font-weight: bold;
    text-rendering: optimizelegibility;
}


/*-------------------------------------------------------------------------*/
/*  Header 
/*-------------------------------------------------------------------------*/
#fl-header {    
	background: #ffffff;
    color: #261b26;
    position: relative;
    border-bottom: 2px solid #261b26;
    display: block;
}

#fl-header a { color: #261b26; }
#fl-header a:hover { color: #314794; }

/* Logo */
#fl-header .logo {
    position: relative;
    display: block;
    float: right;
    height: 80px;
    overflow: hidden;
    margin-left: 20px;
}
#fl-header .logo img {
    max-height: 80px;
    width: auto;
    padding: 5px 0;
}

/* Navigation */
#fl-header .navigation {
    display: block;
    float: right;
}
#fl-header .navigation li {
    position: relative;
    display: inline-block;
}

#fl-header .navigation li a {
    position: relative;
    display: block;
    font-size: 1rem;
    padding: 5px 10px 0;
    line-height: 75px;
}
#fl-header li.current-menu-item > a { color:#314794; }

#fl-header .navigation li.menu-item-has-children > a:after,
#fl-header .navigation li.fl-megamenu > a:after {
    position: absolute;
    font-family: fontello;
    content: '\f107';
    line-height: 1;
    width: 10px;
    text-align: center;
    bottom: 8px;
    right: 50%;
    margin-right: -5px;
    color: #314794;
}

#fl-header .navigation li .sub-menu {
    border-top: 2px solid #314794;
    display: block;
    position: absolute;
    background: #ffffff;
    text-transform: none;
    min-width: 200px;
    z-index: 600;
    right: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
#fl-header .navigation li .sub-menu li {
    display: block;
    position: relative;
    padding: 0;
}
#fl-header .navigation li .sub-menu li a {
    position: relative;
    display: block;
    margin: 0;
    line-height: 2.6;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 20px;
    border-bottom: 1px solid rgba(128,128,128,.1);
    white-space: nowrap;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;    
}
#fl-header .navigation li .sub-menu li:last-child a,
#fl-header .navigation li .sub-menu li.menu-item-has-children:last-child li:last-child a { border-bottom: none; }
#fl-header .navigation li .sub-menu li.menu-item-has-children:last-child li a { border-bottom: 1px solid rgba(128,128,128,.1); }
#fl-header .navigation li .sub-menu li.menu-item-has-children > a:after {
    content: '\e800';
    position: absolute;
    width: auto;
    right: auto;
    bottom: auto;
    left: 20px;
    line-height: 2.8;
}
#fl-header .navigation li .sub-menu li a:hover { background: #eff1f4; }
#fl-header .navigation li:hover > .sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; 
}
#fl-header .navigation li .sub-menu li ul {
    right: 100%;
    margin: 0;
    top: 0;
    border-top: none;
    z-index: 600;
}

#fl-header .header-info {
    display: block;
    position: relative;
    float: left;
    line-height: 40px;
    padding: 20px 0;
}
#fl-header .header-info a {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}
#fl-header .header-info i {
    display: inline-block;
    height: 34px;
    width: 34px;
    line-height: 34px;
    margin-left: 3px;
    text-align: center;
    background: #eeeeee;
    font-size: 1rem;
    vertical-align: middle;
    border-radius: 16px;
}
#fl-header .header-info a:hover { color: #314794; }

/* Menu Icon */
.fl-menu-icon {
    position: relative;
    display: none;
    float: left;
    width: 50px;
    height: 50px;
    margin: 15px 15px 15px 0;
    padding: 0;
    background-color: #eeeeee !important;
    overflow: hidden;
    font-size: 0;
    border-radius: 4px;
}
.fl-menu-icon:hover { background-color: #eeeeee !important; }
.fl-menu-icon span {
    background-color: #261b26;
    display: block;
    width: 22px;
    height: 2px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}
.fl-menu-icon span:before, .fl-menu-icon span:after {
    transition-duration: .2s, .2s;
    transition-delay: .2s, 0s;
    content: '';
    background-color: #261b26;
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
}
.fl-menu-icon span:before {
    transition-property: top, transform;
    top: -8px;
}
.fl-menu-icon span:after {
    transition-property: bottom, transform;
    bottom: -8px;
}
.fl-menu-icon.active span { background: none; }
.fl-menu-icon.active span:before {
    top: 0;
    transform: rotate(45deg);
}
.fl-menu-icon.active span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

/*-------------------------------------------------------------------------*/
/*  Blog 
/*-------------------------------------------------------------------------*/
#content {
    position: relative;
    display: block;
    overflow: hidden;
}

#fl-content {
    width: 70%;
    float: left;
}

/*-------------------------------------------------------------------------*/
/*	Home Page & Loops
/*-------------------------------------------------------------------------*/
#fl-slider {
    position: relative;
    padding: 90px 0;
    color: #ffffff;    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(img/bg1.jpg);
}
#fl-slider:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: rgba(16, 31, 78,.8);
}

#fl-slider h1 { color: #c99333; }
#fl-slider h2 {
    padding-bottom: 70px;
    color: #c99333;
}
#fl-slider h3 {
    max-width: 200px;
    text-align: center;
    background: #c99333;
    padding: 10px 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#fl-slider .project-search {
    padding: 0 10px 10px;
    margin: 0;
    background: rgba(49, 71, 148,.9);
    border-radius: 10px;
    border-top-right-radius: 0;
}
#fl-slider .project-search div {
    width: 20%;
    margin-left: 0;
    padding: 10px;
}
#fl-slider .project-search div span {
    text-align: right;
    padding: 0 0 5px;
    font-weight: normal;
}
#fl-slider .project-search div select,
#fl-slider .project-search div input {
    background: rgba(255, 255, 255, 0.7);
    border: none;
    height: 42px;
}

#fl-slider .project-search div button {
    background: #ffffff;
    color: #314794;
    margin-top: 30px;
    line-height: 42px;
    width: 100%;
}


.fl-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.no-porjects {
    display: block;
    width: 100%;
    padding: 25px 20px 0;
    margin-bottom: 30px;
    background: #ffffff;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
}

.fl-post {
    width: 32%;
    position: relative;
    margin-bottom: 20px;
    background: #f9f9f9;
    line-height: 1.2;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.fl-post:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%;
}

.thumnail {
    display: block;
    position: relative;
}
.thumnail img {
    display: block;
    width: 100%;
}
.thumnail .areas,
.thumnail .developers {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: .9rem;
    z-index: 99;
}
.thumnail .developers {
    left: 10px;
    right: auto;
}
.thumnail .areas a,
.thumnail .developers a {
    display: block;
    padding: 5px;
    margin: 5px 0;
    background: #314794;
    color: #ffffff;
    border-radius: 4px;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.thumnail .developers a { background: #261b26; }

.single #fl-content article.projects .thumnail .areas,
.single #fl-content article.projects .thumnail .developers { bottom: 90px; }

.fl-post .title { padding: 10px; }
.fl-post .title a { color: #261b26; }


/* Offers section & Loop */
.fl-sec-title {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.fl-sec-title a { color: #261b26; }

/* Areas */
#fl-areas { padding: 30px 0; }
#fl-areas .fl-flex { justify-content: space-between; }
#fl-areas .item {
    position: relative;
    overflow: hidden;
    width: 49%;
    height: 300px;
    border-radius: 6px;
    margin-bottom: 20px;
    color: #ffffff;  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#fl-areas .item:nth-child(n+3) {
    width: 32%;
    height: 200px;
}
#fl-areas .item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: #101f4e;
    opacity: .4;
    transition: 0.3s ease-out;
}
#fl-areas .item:hover:before {background: #314794;}
#fl-areas .item h3 {
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 45%;
    padding: 0 5px;
    text-align: center;
}

#fl-top-projects {
    padding: 40px 0 20px;
    background: #f5f5f5;
}

#fl-top-developers { padding: 40px 0; font-size: 0; }
#fl-top-developers .top-developer {
    white-space: nowrap;
    overflow-x: auto;
}
#fl-top-developers a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 200px;
    margin-left: 20px;
}
#fl-top-developers a:last-child { margin-left: 0; }

#fl-banner {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f5f5f5;
    padding: 80px 0;
}
#fl-banner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background-image: url(img/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}
#fl-banner .fl-container div {
    display: block;
    float: right;
    width: 50%;
}
#fl-banner .fl-container div a {
    display: inline-block;
    color: #ffffff;
    padding: 6px 25px;
    font-size: 1.1rem;
    background: #314794;
    border-radius: 5px;
}

/* Breadcumbs */
.fl-breadcumbs {
    display: block;
    position: relative;
    background: #314794;
    padding: 10px 0 20px;
    font-size: .8rem;
    color: #ffffff;
    margin-bottom: 30px;
}
.fl-breadcumbs .title { padding-bottom: 0; }
.fl-breadcumbs .breadcumbs { margin-bottom: 5px; }
.fl-breadcumbs .breadcumbs li { display: inline-block; }
.fl-breadcumbs .breadcumbs li a { color: #eeeeee; }
.fl-breadcumbs .breadcumbs li:before {
    display: inline-block;
    content: '\f104';
    font-family: fontello;
    padding: 0 5px;
}
.fl-breadcumbs .breadcumbs li:first-child:before { display: none; }
.error404 .fl-breadcumbs { margin-bottom: 0; }


.project-search {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 6px;
    background: #eeeeee;
}
.project-search div {
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    width: 48%;
}
.project-search div:nth-child(2n+1) { margin-left: 4%; }
.project-search div:last-child {
    margin-left: 0;
    width: 100%;
    text-align: center;
}
.project-search div span {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 10px 0 5px;
}
.project-search div input {
    display: block;
    float: right;
    width: 49%;
    margin-left: 2%;
}
.project-search div input:last-child { margin-left: 0; }
.project-search div button {
    margin-top: 20px;
    width: 40%;
    height: auto;
    line-height: 50px;
    border-radius: 4px;
}
/*-------------------------------------------------------------------------*/
/*  Widgets
/*-------------------------------------------------------------------------*/
#fl-sidebar {
    width: 30%;
    padding-left: 30px;
    float: right;
}
#fl-sidebar .fl-widget {
    display: block;
    text-align: right;
    background: #eeeeee;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.fl-widget .title {
    display: block;
    position: relative;
    color: #261b26;
    font-size: 1.3rem;
}
.fl-widget ul,
.fl-widget div {
    display: block;
    position: relative;
}
.fl-widget ul li {
    position: relative;
    display: block;
}
.fl-widget ul li a { display: inline-block; padding: 5px 0; }
.fl-widget ul li ul { padding-right: 20px; }

.fl-widget label {
	margin-bottom: 15px;
    display: block;
    font-weight: bold;
}
.fl-widget label.screen-reader-text { display: none; }
.fl-widget caption {
	margin-bottom: 15px;
    font-weight: bold;
}
.fl-widget table th, .fl-widget table td, .fl-widget dt, .fl-widget dd {
    padding: 5px;
    text-align: center;
}

.fl-widget table #prev,
.fl-widget table #next {
	padding: 10px;
	font-weight: bold;
}

/* Tag Widget */
.fl-widget .tagcloud { overflow: hidden; }
.fl-widget .tagcloud a {
	display: block;
    float: right;
    padding: 4px 6px;
    font-size: 0.75rem !important;
    margin: 0;
    color: #314794 !important;
}
.fl-widget .tagcloud a:hover {
    color: #ffffff !important;
    background: #314794;
}

/* Calendar Widget */
.fl-widget_calendar caption {
    margin: 0 auto;
    line-height: 34px;
    font-weight: bold;
}
.fl-widget_calendar table { margin-bottom: 0; }
.fl-widget_calendar div { padding: 0; }
.fl-widget_calendar thead tr th {
    padding: 2px;
    font-weight: bold;
    text-align: center;
}
.fl-widget_calendar td {
    padding: 2px;
    text-align: center;
}
.fl-widget_calendar tfoot tr td {
    padding: 5px;
    padding-bottom: 0;
    border: none;
}
.fl-widget_calendar tfoot #prev { text-align: right;}
.fl-widget_calendar tfoot #next { text-align: left; }

/* Recent Posts */
.fl-widget_recent_entries .post-date {
    display: block;
    font-size: 0.625rem;
}

/* Menu Widget */
.fl-widget .menu li { padding: 0; }
.fl-widget .menu li a { display: block; }
.fl-widget .menu .menu-item-has-children > a:after {
    content: "\f054";
    float: right;
    padding-right: 10px;
    font-family: fontello;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.close-rotate:after {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*for IE*/
}
.fl-widget .menu li ul li a {
    font-weight: normal;
    text-transform: none;
}

#fl-sidebar .contact-widget {
    padding: 0;
    background: transparent;
}
#fl-sidebar .contact-widget a {
    display: block;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 1.2rem;
    background: #314794;
    margin-bottom: 1px;
    border-radius: 5px;
}
#fl-sidebar .contact-widget a:hover { opacity: .9; }
#fl-sidebar .contact-widget a:last-child {
    border-bottom: none;
    background: #25d366;
}
#fl-sidebar .contact-widget a i {
    font-size: 1.5rem;
    opacity: .8;
    margin-left: 10px;
}

#fl-sidebar .lead-widget { text-align: center; }
#fl-sidebar .lead-widget span { display:block; color: #c99333; font-weight: bold; }
#fl-sidebar .lead-widget b { display:block; color: #314794; font-size: 1.2rem; }
#fl-sidebar .lead-widget p { font-weight: bold; }
.lead-widget form p {
    display: block;
    padding: 0;
    margin-bottom: 10px;
}
.lead-widget form textarea { height: 120px; }
.lead-widget form button {
    margin-top: 0;
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: .9rem;
    border-radius: 4px;
}
/*-------------------------------------------------------------------------*/
/*	8. Article Style
/*-------------------------------------------------------------------------*/
article {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 4px;
}

.project-data {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}
.project-data li {
    display: block;
    float: right;
    width: 49%;
    margin-left: 2%;
    vertical-align: top;
}
.project-data li:last-child { margin-left: 0; }
.project-data li:first-child {
    width: 100%;
    background: #eeeeee;
    margin-left: 0;
    padding: 5px 0;
    margin: 10px 0;
    border-radius: 4px;
}
.project-data li:first-child span:before {
    content: "|";
    padding: 0 5px;
}
.project-data li:first-child span:first-child:before { display: none; }
.project-data li .data-title {
    display: block;
    color: #888888;
}

/* post content */
.post-content { margin-top: 20px; }

/* Case there is no posts */
.no-posts {
    text-align: center;
    padding: 30px;
}
.no-posts p { padding-bottom: 0; }

/* Post Content */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 { padding-top: 15px; }

.post-content hr { margin: 15px 0; }

.post-content p a,
.post-content li a { border-bottom: 1px dotted; }

/* Content List Style and Mixes Lists */
.post-content ul {
    list-style: disc;
	margin-right: 30px;
	margin-bottom: 15px;
}
.post-content ol {
    list-style: decimal;
    margin-right: 30px;
    margin-bottom: 15px;
}
.post-content ul ul,
.post-content ol ol,
.post-content ul ol,
.post-content ol ul {
	margin-bottom: 0;
    margin-right: 30px;
}

.post-content ul li,
.post-content ol li { margin-bottom: 10px; }

.post-content .blocks-gallery-grid,
.post-content .wp-block-gallery {
    margin-right: 0;
    margin-bottom: 0;
}

.post-content img { cursor: pointer; }

#ez-toc-container a { border-bottom: none; }

.article-bottom {
    text-align: center;
    color: #d70000;
    font-weight: bold;
    font-size: 1.1rem;
    padding-bottom: 5px;
}
.article-bottom a {
    font-size: 1.3rem;
    margin: 0 5px;
    display: inline-block;
}
.article-bottom a span {
    display: block;
    float: right;
}
.article-bottom a .fl-animating {
    position: relative;
    overflow: hidden;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;    
    margin-left: 5px;
    font-size: 0;    
    color: #ffffff;
}
.article-bottom a.phone i {
    display: inline-block;
    background: #314794;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 1.3rem;
}
.article-bottom a.whatsapp i {
    display: inline-block;
    background: #25d366;
    color: #ffffff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 1.3rem;
}
/*-------------------------------------------------------------------------*/
/*	Pagination
/*-------------------------------------------------------------------------*/
.fl-pagination {
    display: block;
    overflow: hidden;
    font-size: 0;
    padding: 10px 0 30px;
    text-align: center;
}
.fl-pagination .page-numbers {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 5px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.9rem;
    color: #ffffff;
    background: #4e99ff;
}
.fl-pagination .current { background: #261b26; }
.fl-pagination a:hover { opacity: .9; }

/*-------------------------------------------------------------------------*/
/*  11. Comments
/*-------------------------------------------------------------------------*/
#commentswarpper { margin-bottom: 40px; }
.commentlist {
    width: 100%;
    list-style:none;
}
.commentlist li {
    margin: 0;
    padding: 0;
}
.commentlist li img.avatar {
    float: right;
    border: none;
    position: relative;
    margin-left: 15px;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.fn, .fn a {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 5px;
    color: #261b26;
}
.says { display: none; }
.commentmetadata { margin-bottom: 5px; }
.commentmetadata a {
    font-size: 0.65rem;
    font-style: italic;
    margin: 0;
    padding: 0;
    vertical-align: top;
    color: #777777;
}
.comment-body {
    display: block;
    border-bottom: 1px solid rgba(128,128,128,.1);
    margin-bottom: 20px;
}
.comment-body p { 
    display: block;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p { margin-right: 75px; }
.comment-body blockquote p { margin-right: 0; }
.comment-body ul ul, .comment-body ol ol { margin-right: 25px; }
.comment-body table, .comment-body dl { width: inherit; }
.comment ul.children {
    padding-right: 60px;
    padding-top: 5px;
}
.comment ul.children li { margin: 5px 0; }
.nocomments { text-align: center; }
.reply {
    display: block;
    position: relative;
    overflow: hidden;
}
.reply a {
    font-size: 0.75rem;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 60px;
    background: #314794;
    color: #ffffff;
}
.reply a:hover { background: #261b26; }
.bypostauthor { }

/* Respond */
#respond {
    display: block;
    margin: 30px 0;
}
#reply-title {
    padding-bottom: 0;
    font-size: 1.125rem;
}
#reply-title small {
    float: left;
    text-transform: none;
}
#respond .logged-in-as {
    font-size: 0.75rem;
    line-height: 1.4;
    padding-bottom: 20px;
}
#respond small {
    font-size: 0.75rem;
    color: #777777;
}
#respond .inline-input {
    display: block;
    overflow: hidden;
    position: relative;    
    margin: 0 -10px 20px -10px;
}
#respond .inline-input p {
    width: 33.33333%;
    float: right;
    padding: 0 10px;
}
#respond p { padding-bottom: 10px; }
#respond .form-submit { padding-bottom: 0; }
#commentform small {
    margin: 10px 0 20px;
    display: block;
}

.comments-nav {
    position: relative;
    display: block;
    overflow: hidden;
}
.comments-nav div {
    font-size: 0.75rem;
    font-weight: bold;
    padding: 5px 0;
    margin: 0 !important;
}

/* General and Response Inputs Style */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select {
    border: 1px solid #eeeeee;
    background: #ffffff;
    padding: 6px 10px;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    font-size: 0.9rem;
    font-family: Cairo, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="submit"],
button { height: 42px; }

.form-allowed-tags { display:block; }
input[type="submit"],
button {
    font-family: Cairo, Arial, sans-serif;
    cursor: pointer;
    padding: 0 14px;
    margin-top: 10px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    border: none;
    background: #314794;
    color: #ffffff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="submit"]:hover,
button:hover { opacity: 0.9; }

.btn {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
}
.btn:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

/* Search form */
.fl-searchform {
    position: relative;
    display: block;
    overflow: hidden;
}
.fl-searchform input {
    border: 1px solid #314794;
    border-radius: 18px;
    padding-left: 40px;
}

.fl-searchform button {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    border-radius: 18px;
    font-size: 1.1rem;
}

/* Warnings */
.fl-warning-comment,
.fl-warning-email {
    display: block;
    color: red;
    display: none;
    font-size: 0.75rem;
    font-style: italic;
}
.fl-warning-field { border-color: red; }

.fl-error {
    position: fixed;
    display: block;
    top: 15%;
    right: 30%;
    left: 30%;
    z-index: 900;
    background: #d70000;
    color: #ffffff;
    padding: 15px 0;
    border-radius: 4px;
    text-align: center;
}
.fl-error.thanks { background: #1cac52; }

.fl-error:before {
    display: block;
    font-family: fontello;
    content: '\e803';
    line-height: 1;
    text-align: center;
    margin-bottom: 5px;
}
.fl-error.thanks:before {
    content: '\e804';
    font-size: 1.3rem;
}

/*-------------------------------------------------------------------------*/
/*  12. Footer
/*-------------------------------------------------------------------------*/
#fl-floating {
    display: block;
    position: fixed;
    left: 10px;    
    bottom: 5px;
    z-index: 500;
}
#fl-floating a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    color: #ffffff;
    font-size: 0;
    -webkit-box-shadow: 0 2px 9px rgb(0 0 0 / 24%);
    box-shadow: 0 2px 9px rgb(0 0 0 / 24%);
}
#fl-floating a i {font-size: 2.2rem;}
#fl-floating a.whatsapp { display: none; background: #25d366; }
#fl-floating a.form {
    background: #1DA1F2;
    font-size: 1.2rem;
    width: auto;
    border-radius: 22px;
    padding: 0 10px 0 15px;
    font-weight: bold;
}
#fl-floating a.form i { font-size: 1.2rem; margin-left: 4px; }

#call-floating {
    display: none;
    position: fixed;
    right: 10px;    
    bottom: 10px;
    z-index: 500;
}
#call-floating a {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    color: #ffffff;
    background: #d70000;
    font-size: 0;
    box-shadow: 0 0 0 0px rgba(100, 100, 100, 0);
    transform: translate3d(0, 0, 0) scale(1);
}
#call-floating a i { font-size: 2.5rem; }

#call-floating a:hover,
#fl-floating a:hover { opacity: .9; }

.fl-animating { animation: icon-outer 3000ms infinite; }
.fl-animating:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
    animation: icon-inner 3000ms infinite;
}

.fl-animating i:before { animation: icon-vibe 3000ms infinite; }

@keyframes icon-inner {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0.9);
  }
  66.6666% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
  }
}

@keyframes icon-outer {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0px rgba(100, 100, 100, 0);
  }
  33.3333% {
    transform: translate3d(0, 0, 0) scale(1.1);
    box-shadow: 0 0 0 0px rgba(100, 100, 100, 0.5);
  }
  66.6666% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 15px rgba(100, 100, 100, 0);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 0px rgba(100, 100, 100, 0);
  }
}

@keyframes icon-vibe {
  0% { transform: translate3d(0px, 0, 0); }
  2% { transform: translate3d(1px, 0, 0); }
  4% { transform: translate3d(-1px, 0, 0); }
  6% { transform: translate3d(1px, 0, 0); }
  8% { transform: translate3d(-1px, 0, 0); }
  10% { transform: translate3d(1px, 0, 0); }
  12% { transform: translate3d(-1px, 0, 0); }
  14% { transform: translate3d(1px, 0, 0); }
  16% { transform: translate3d(-1px, 0, 0); }
  18% { transform: translate3d(1px, 0, 0); }
  20% { transform: translate3d(-1px, 0, 0); }
  22% { transform: translate3d(1px, 0, 0); }
  24% { transform: translate3d(-1px, 0, 0); }
  26% { transform: translate3d(1px, 0, 0); }
  28% { transform: translate3d(-1px, 0, 0); }
  30% { transform: translate3d(1px, 0, 0); }
  32% { transform: translate3d(-1px, 0, 0); }
  34% { transform: translate3d(1px, 0, 0); }
  36% { transform: translate3d(-1px, 0, 0); }
  38% { transform: translate3d(1px, 0, 0); }
  40% { transform: translate3d(-1px, 0, 0); }
  42% { transform: translate3d(1px, 0, 0); }
  44% { transform: translate3d(-1px, 0, 0); }
  46% { transform: translate3d(0px, 0, 0); }
}

.fl-overlay {
    position: absolute;
    display: none;    
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
}
.overlay-cancel {
    display: block;
    position: fixed;
    right: 30%;
    top: 25%;
    margin-top: -50px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    z-index: 700;
    color: #ffffff;
    font-size: 1.3rem;
    cursor: pointer;
}
.overlay-cancel:hover { opacity: .8; }

.overlay-img {
    position: fixed;
    display: block;
    overflow: hidden;
    border-radius: 6px;
    max-height: 70%;
    top: 25%;
    z-index: 700;
}
.overlay-img img {
    display: block;
    position: relative;
    max-height: 70vh;
    width: auto;
}

.fl-form {
    position: fixed;
    display: none;
    background: #dddddd;
    width: 40%;    
    border-radius: 6px;
    padding: 30px;
    top: 25%;
    right: 30%;
    z-index: 700;
    border: 1px solid #cccccc;
    text-align: center;
}
.fl-form h4 { padding-bottom: 5px; }
.fl-form h5 { color: #314794; }
.fl-form form {
    position: relative;
    overflow: hidden;
    display: block;
    background: #dddddd;
}
.fl-form form p {
    display: block;
    padding: 0;
    margin-bottom: 10px;
}
.fl-form form textarea { height: 70px; }
.fl-form form button {
    margin-top: 0;
    display: block;
    width: 100%;
    height: 42px;
    border-radius: 6px;
    line-height: 42px;
    font-size: .9rem;
    background: #1DA1F2;
}

#fl-footer {
    position: relative;
    display: block;
    padding-top: 40px;
    background: #314794;    
    color: #ffffff;
    font-size: 0.9rem;
}
#fl-footer a { color: #eeeeee; }
#fl-footer a:hover { opacity: 0.9; }

#fl-footer .fl-widget {
    display: block;
    position: relative;
    overflow: hidden;
    width: 30%;
    margin: 0 0 20px 5%;
    float: right;
}
#fl-footer .fl-widget:last-child { margin: 0 0 20px 0; }
#fl-footer .fl-widget .title { color: #c99333; padding-bottom: 0; }
#fl-footer .fl-widget p { padding-bottom: 0; }

#fl-footer .copyright {
    display: block;
    color: #ffffff;
    background: rgba(0,0,0,.2);
    text-align: center;
    padding: 10px 15px;
}


/*-------------------------------------------------------------------------*/
/*  13. Archive Pages Style
/*-------------------------------------------------------------------------*/

/* Slider */
.owl-nav button {
    position: absolute;
    top: 50%;
    margin: -24px 0 0;
    height: 48px;
    color: #ffffff !important;
    opacity: .6;
}
.owl-nav button:hover { opacity: 1; }
.owl-nav button span {
    display: block;
    overflow: hidden;
    line-height: 48px;
    width: 40px;
    height: 48px;
    text-align: center;
    font-size: 3.5rem;
    transform: rotate(180deg);
}
.owl-next { right: 0; }
.owl-prev { left: 0; }

.owl-dots {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.owl-dot {
    display: inline-block;
    width: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center;    
    opacity: .6;
}
.owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;    
    font-size: 0; 
    margin: 19px auto;
    padding: 0;  
    background: #ffffff;
}
.owl-dot:hover,
.owl-dot.active { opacity: 1; }

#project-slider .owl-nav button { margin: -60px 0 0; }
#project-slider .owl-dots {
    position: relative;
    display: block;
    background: #eeeeee;
    font-size: 0;
    padding: 3px;
    text-align: right;
    overflow-x: auto;
    white-space: nowrap;
}
#project-slider .owl-dot {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100px;
    width: 100px;
    height: auto;
    margin: 3px;
    background: #ffffff;
    border-radius: 4px;
    border: 2px solid #dddddd;
}
#project-slider .owl-dot img {
    display: block;
    width: 96px;
    max-width: 96px;
    height: auto;
}

/*-------------------------------------------------------------------------*/
/*  Media Queries
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    #fl-header .header-info a span { display: none; }
}

@media only screen and (max-width: 960px) {

    .fl-container {
        width: 100%;
        padding: 0 30px;
    }

    #fl-header .navigation {
        position: absolute;
        background: #eeeeee;
        display: none;
        margin: 0 30px;
        right: 0;
        left: 0;
        top: 81px;
        border-radius: 4px;
        border: 1px solid #261b26;
        z-index: 600;
    }
    #fl-header .navigation li { display: block; }
    #fl-header .navigation li a {
        padding: 0 20px;
        line-height: 36px;
        border-bottom: 1px solid #dddddd;
    }
    #fl-header li a:hover,
    #fl-header li.current-menu-item > a { color: #314794; }
    #fl-header .navigation li.menu-item-has-children { border-bottom: 1px solid #dddddd; }
    #fl-header .navigation li.menu-item-has-children > a:after {
        font-size: 1.7rem;
        line-height: 36px;
        padding: 0 20px;
        background: #dddddd;
        width: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        top: 0;
        left: 0;
    }
    #fl-header .navigation li .sub-menu {
        display: none;
        border-top: none;
        position: relative;
        background: #dddddd;
        right: auto;
        height: auto;
        opacity: 1;
        min-width: auto;
        visibility: visible;
        margin: 10px 30px;
        border-radius: 4px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #fl-header .navigation li .sub-menu li a {
        line-height: 20px;
        padding: 10px;
        font-size: 0.9rem;
        border-bottom: 1px solid #cccccc;
        white-space: normal;   
    }
    #fl-header .navigation li .sub-menu li a:hover { background: transparent; }
    #fl-header .navigation li .sub-menu li.menu-item-has-children > a:after {
        font-size: 1.4rem;
        content: '\f107';
        position: absolute;
        width: auto;
        right: auto;
        bottom: auto;
        left: 0;
        line-height: 20px;
    }
    #fl-header .navigation li .sub-menu li ul {
        margin: 0 30px;
        right: auto;
        top: auto;
    }

    .fl-menu-icon { display: block; }
}

@media only screen and (max-width: 768px) {

    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.3rem; }
    h3 { font-size: 1.1rem; }
    h4 { font-size: 1rem; }

    h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; }

    .fl-container { padding: 0 15px; }

    #fl-header .logo { height: 60px; margin-left: 5px; }
    #fl-header .logo img { max-height: 60px; }
    #fl-header .header-info {
        padding: 10px 0;
        max-width: 50%;
        white-space: nowrap;
        overflow-x: auto;
    }
    #fl-header .header-info a i { margin: 0; }
    .fl-menu-icon { margin: 5px 5px 5px 0; }
    #fl-header .navigation { top: 61px; }  

    .fl-breadcumbs {
        padding: 5px 0 10px;
        margin-bottom: 15px;
        font-size: .7rem;
    }
    .fl-breadcumbs .breadcumbs { margin: 0; }

    .fl-post {
        display: block;
        max-width: 400px;
        width: 100%;
        margin: 0 auto 20px !important;
    }
    .thumnail .areas, .thumnail .developers { font-size: .8rem; }

    #fl-sidebar,
    #fl-content {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 auto;
    }
    #fl-sidebar { max-width: 400px; }
    #fl-footer { padding-top: 30px; }
    #fl-footer .fl-widget {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 10px;
    }

    #fl-slider { padding: 30px 0; }

    #fl-slider h2 { padding-bottom: 30px; }
    #fl-slider .project-search { padding: 15px; }    
    #fl-slider .project-search div {
        width: 48%;
        padding: 0;
    }
    #fl-slider .project-search div:nth-child(2n+1) { margin-left: 4%; }
    #fl-slider .project-search div:last-child {
        margin-left: 0;
        width: 100%;
    }
    #fl-slider .project-search div span { padding: 5px 0; }
    #fl-slider .project-search div button { margin-top: 15px; }

    .fl-form {
        padding: 15px;
        width: 90%;
        right: 5%;
        top: 15%;
    }
    .overlay-cancel {
        right: 5%;
        top: 15%;
    }

    .overlay-img {
        max-height: 90%;
        max-width: 95%;
        top: 15%;
    }
    .overlay-img img { max-height: 90vh; }

    #fl-top-developers { padding: 20px 0; }
    #fl-top-developers a { max-width: 120px; }

    #fl-areas,
    #fl-top-projects { padding: 20px 0 10px; }

    .fl-sec-title { margin-bottom: 10px; }
    #fl-areas .item { height: 120px; margin-bottom: 10px; }
    #fl-areas .item:nth-child(n+3) { height: 100px; }
    #fl-areas .item h3 { bottom: 25%; }

    #fl-banner { padding: 0 }
    #fl-banner:before {
        position: relative;
        float: none;
        right: 0;
        height: 200px;
    }
    #fl-banner .fl-container div {
        display: block;
        float: none;
        width: 100%;
        padding: 20px 0 30px;
    }

    .project-data li { font-size: .9rem; }

    .project-search {
        padding: 10px;
        max-width: 400px;
        margin: 0 auto 15px;
    }
    .project-search div span { padding: 5px 0; }
    .project-search div button {
        margin-top: 15px;
        width: 100%;
        line-height: 40px;
    }

    .fl-error {
        top: 5%;
        right: 5%;
        left: 5%;
        padding: 10px 0;
    }

    #call-floating { display: block; }
    #fl-floating a.whatsapp { display: inline-block; }
}

/* Plugins */
#ez-toc-container p.ez-toc-title { text-align: right !important; }
#ez-toc-container .ez-toc-pull-right {
    float: left!important;
    margin-left: 0;
    margin-right: 10px;
}