/*** 
Template Name: syncoperate* 
Template URL: https://geographics.in* 
Author: George Philip*/
/*--------------------------------------------------------------# 

General--------------------------------------------------------------*/
:root {
    --type: #003;
    --white: #ffffff;
    --cta :#153147;
    --head:#3274a8;
    --hlight:#669dd0;
  }
body {font-size:14px;color: #444444;font-weight:normal !important;font-family:helvetica !important;}
a {color: #4b6a7c;}
a:hover {color:var(--hlight);text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal !important;}
.nomar{margin:0 !important;}
.nopad{padding:0 !important;}

/*--------------------------------------------------------------# 
Preloader--------------------------------------------------------------*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid var(--hlight);border-top-color: #e2eefd;border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*--------------------------------------------------------------# Back to top button--------------------------------------------------------------*/
.entry{padding:50px 0;}
.checkform{padding: 15px;background:#7c9f26;width: 271px;margin: 0;position: absolute;z-index: 1;top: 100px;right: 0;}
.back-to-top {position: fixed;display: none;right: 15px;bottom: 15px;z-index: 99999;}
.checkform form{ width:100%; }
.back-to-top i {display: flex;align-items: center;justify-content: center;font-size: 24px;width: 40px;height: 40px;border-radius: 40px;color: #fff;transition: all 0.4s;margin-bottom:5px;}
.back-to-top i:hover {background: #000;color: #fff;}
.topBtn i{background: var(--hlight);}

/*--------# 
Disable aos animation delay on mobile devices
--------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {transition-delay: 0 !important;}
.entry{padding:50px 15px !important;}
}

/*------------# Top Bar--------------*/
#topbar {background:rgb(72 92 124 / 60%);height:50px;font-size: 13px;transition: all 0.5s;color: #fff;z-index:300;line-height:30px;}
#topbar.topbar-scrolled {top: -40px;}
#topbar .social-links{width:70%;padding-left: 25px;padding-right: 130px;height:29px;}
#topbar .contact-info{width:30%;height:29px;}
#topbar .contact-info {font-size:12px;padding-left:48px;line-height: 27px;text-align: left;}
#topbar .contact-info a {line-height: 2;color: #fff;transition: 0.3s;}
#topbar .contact-info a:hover {text-decoration: underline;}
#topbar .contact-info i {padding-right: 0px;margin-left: 15px;color:#e6e8e9;}
#topbar .contact-info i:first-child {margin-left: 0;}
#topbar .social-links a, .headSocial a {color:#fff;padding:0 10px 5px 0;display: inline-block;line-height: 30px;transition: 0.3s;font-size:14px;}
#topbar .social-links a:hover {color: #fff;}
#header .logo a {color: #fff;transition: 0.3s;}
#header .logo a span {color: #fff;}
#topbar .social-links{text-align: right;}
#topbar .social-links i {font-size:15px;color:#7cc7ff;margin-left:10px;}
.headSocial a{padding:0 10px;}

/*------------# Header---------------*/
#header {transition: all 0.5s;z-index: 997;padding:5px 0;top: 50px;background:rgba(255,255,255,0.9);border-bottom: 1px solid #98b8d6;}
#header.header-scrolled {top: 0;padding: 0;background:#fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#header .logo {font-size: 32px;margin: 0;padding: 0;line-height: 1;font-weight: 600;letter-spacing: 0.8px;}
#header .logo a {color: #222222;transition: 0.3s;}
#header .logo a span {color: var(--hlight);}
#header .logo img {max-width: 235px;position: absolute;top:6px;z-index: 2;transition: 0.3s;}
#header.header-scrolled .logo img{max-width:180px;transition: 0.3s;top: 3px !important;}
@media (max-width: 992px) {
#header {padding: 15px;top: 0;height:50px;}
#header .logo {font-size: 28px;}
#header .logo img{max-height:50px;top:11px !important;left:3%;height:30px;}
.carousel-indicators{width: 83% !important;left: 9% !important;}
.bishop{width: 83% !important;left: 8% !important;}
.herobg{top:0 !important}
.captionsVary{width:90% !important;}
#hero .btn-get-started{font-size: 22px !important;}
#header.header-scrolled .logo img{height:25px;transition: 0.3s;top: 15px !important;}
}

.searchbox{display:inline-block;}
.searchbox .search-input{height:24px;width:200px;background:rgba(255, 255, 255, 0.8);border:0 none;line-height: 19px;padding-left: 10px;}
.searchbox .searchicon{padding:0 10px 0 0 !important;}
.searchbox .searchicon i{color:#fff !important;padding:0 !important;}
.menuwrap{margin:0 130px 0 45px;}
.header-scrolled{border:0 none;}
#cta{width:100%;display:block;position:absolute;bottom:0;transition: 0.7s;box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.2);z-index:0 !important;border:0 none;}
#cta.cta-scrolled{animation: 0.7s fadeIn;
    animation-fill-mode: forwards;    
    visibility: visible;}
    @keyframes fadeIn {
        0% {
          opacity: 1;
        }
        100% {
          visibility: hidden;
          opacity: 0;
        }
      }
.cta-item{height:100px;padding:10px 0;background:rgba(255,255,255,0.9);}
.cta-item i{font-size:40px;color:#153147;position: relative;top: -30px;background: rgba(255,255,255,1);border-radius: 50px;padding: 15px 18px;border: 4px solid #fff;transition: all 0.5s;}
.cta-item a{font-size:15px;color:#153147;}
.cta-item:hover i{top:-40px;background:#153147;color:#fff;}
/*-----------------# Navigation Menu-------------*/
/* Desktop Navigation */
.nav-menu ul {margin: 0;padding: 0;list-style: none;}
.nav-menu > ul {display: flex;}
.nav-menu > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 15px;}
.nav-menu a {display: block;position: relative;color:#2e373f;transition: 0.3s;font-size: 13px;font-weight: bold;padding: 0 3px;text-transform:uppercase;}
.nav-menu > ul > li > a:before {content: "";position: absolute;width: 100%;height: 1px;bottom: -5px;left: 0;background-color: #a72b2fb3;visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .active > a:before {visibility: visible;width: 100%;}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {color: var(--hlight);}
.nav-menu .drop-down ul {display: block;position: absolute;left: 26px;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;}
.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.nav-menu .drop-down li {min-width: 180px;position: relative;}
.nav-menu .drop-down ul a {padding: 5px 20px;font-size: 14px;font-weight: 500;text-transform: none;color: #608800;}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: var(--hlight);}
.nav-menu .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 5px;}
.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.nav-menu .drop-down .drop-down > a {padding-right: 35px;}
.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";font-family: IcoFont;position: absolute;right: 15px;}
@media (max-width: 1366px) {.nav-menu .drop-down .drop-down ul {left: -90%;}
.nav-menu .drop-down .drop-down:hover > ul {left: -100%;}
.nav-menu .drop-down .drop-down > a:after {content: "\ea9d";}
}

/* Mobile Navigation */
.mobile-nav-toggle {position: fixed;right: 80px;top: 13px;z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {color: #222222;}
.mobile-nav {position: fixed;top: 55px;right: 15px;bottom: 15px;left: 15px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #222222;padding: 10px 20px;font-weight: 500;outline: none;text-align: center;font-size: 1rem;
    border-bottom: 1px solid #b1cfde;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: var(--hlight);text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\eaa1";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(9, 9, 9, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.mobile-nav-active button{right: 45%;top: 20px;}

/*-----------------# Hero Section-------------*/
#hero {width: 100%;height: 100vh;background-size: cover;position: relative;}
.herobg {content: "";position: absolute;top: 45px;bottom:0;left: 0;right: 0;z-index:14;}
#hero .container {position: relative;padding-top: 132px;}
/*@media (max-width: 992px) {
	#hero .container {padding-top: 58px;}
	.carousel-item {top:7px !important;}
}*/
#hero h1 {margin: 0;font-size: 48px;font-weight: 700;line-height: 56px;}
#hero h1 span {font-size: 50px !important;}
#hero h4 {margin: 0;font-size: 30px;font-weight: 700;line-height: 40px;text-shadow: 1px 1px #000;}
#hero h4 span {font-size: 60px !important;}
#hero h4 p {margin-bottom: 0 !important;}
#hero h2 {margin: 5px 0 10px 0;font-size: 18px;font-weight: 400;}
#hero .btn-get-started {text-transform: uppercase;font-weight: 500;font-size: 17px;letter-spacing: 1px;display: inline-block;padding: 5px 15px;border-radius: 4px;transition: 0.5s;color: #fff;background: var(--hlight);}
#hero .btn-get-started:hover {background: #247cf0;}
#hero .btn-watch-video {font-size: 16px;display: inline-block;padding: 10px 25px 8px 40px;transition: 0.5s;margin-left: 25px;color: #c9ff3d;position: relative;font-weight: 600;}
#hero .btn-watch-video i {color: #c9ff3d;font-size: 32px;position: absolute;left: 0;top: 7px;transition: 0.3s;}
#hero .btn-watch-video:hover {color: var(--hlight);}
#hero .btn-watch-video:hover i {color: #3b8af2;}
.left.carousel-control{    position: absolute;z-index: 100;left: 0;display: block;color: rgba(0,0,0,0.3);font-size: 100px;bottom:40vh;}
.right.carousel-control{    position: absolute;z-index: 101;right: 0;display: block;color: rgba(0,0,0,0.3);font-size: 100px;bottom:40vh;}
.carousel-control:hover{color:#000;}
@media (min-width: 1024px) {#hero {background-attachment: fixed;}
}
@media (max-width: 768px) {#hero {height: 100vh;}
#hero h1 {font-size: 28px;line-height: 36px;}
#hero h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}
#hero .btn-get-started, #hero .btn-watch-video {font-size: 13px;}
}
@media (max-height: 500px) {#hero {height: 120vh;}
}

/*------------------# Sections General------------------*/
section {padding: 60px 0;overflow: hidden;}
.section-bg {background-color: #f6f9fe;}
.section-title {text-align: center;padding-bottom: 30px;width:100%;}
.section-title h2 {font-size: 13px;letter-spacing: 1px;font-weight: 700;padding: 8px 20px;margin: 0;background: #e7f1fd;color: var(--hlight);display: inline-block;text-transform: uppercase;border-radius: 50px;}
.section-title h3 {margin: 15px 0 0 0;font-size: 32px;font-weight: 700;    padding: 25px 0;
    background: linear-gradient(0deg, rgb(215 226 234) 0%, rgb(255 255 255 / 67%) 85%);}
.section-title h3 span {color: #669dd0;}
.section-title p {margin: 15px auto 0 auto;font-weight: 600;}
@media (min-width: 1024px) {.section-title p {width: 50%;}
}

/*--------------# Breadcrumbs-----------------*/
.breadcrumbs {padding: 20px 0;background-color: #f1f6fe;min-height: 40px;margin-top: 134px;}
@media (max-width: 992px) {.breadcrumbs {margin-top: 58px;}
}
.breadcrumbs h2 {font-size: 24px;font-weight: 300;margin: 0;}
@media (max-width: 992px) {.breadcrumbs h2 {margin: 0 0 10px 0;}
}
.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;font-size: 14px;}
.breadcrumbs ol li + li {padding-left: 10px;}
.breadcrumbs ol li + li::before {display: inline-block;padding-right: 10px;color: #6c757d;content: "/";}
@media (max-width: 768px) {.breadcrumbs .d-flex {display: block !important;}
.breadcrumbs ol {display: block;}
.breadcrumbs ol li {display: inline-block;}
}
/*--------------------- carousel --------------*/

.carousel-fade .carousel-item {display: block;position: absolute;opacity: 0;transition: opacity 0.75s ease-in-out;}
.carousel-fade .carousel-item.active {opacity: 100;top:0;}
.carousel-fade .carousel-item.active .carousel-caption{z-index:100;top:0;}
html,body,.carousel,.carousel-inner,.carousel-item {width: 100%;height: 100%;top:45px}
.carousel {position: absolute;top: 0;left: 0;}
.carousel-indicators {bottom:110px;}
.herocta{position: absolute;bottom: 0;left: 0;z-index: 100;width: 100%;background-color:rgba(255,255,255,0.5);overflow: auto;}
.herocta a {float: left;padding: 3px 12px;color: white;text-decoration: none;font-size: 17px;width: 33.33%;text-align: center;}
.herocta a:hover {background-color: #00436b;}
.herocta a.active:hover {background-color: #00436b;}
.herocta a.active {background-color: rgba(0,0,0,0.5);}
.ovImg1{background: url(assets/img/ovpic1.png) no-repeat left bottom;height: 100vh;width: 100vw;z-index: 30;position: absolute;left: -50px;bottom: 0;}
.ovImg2{background: url(assets/img/ovpic2.png) no-repeat left bottom;height: 100vh;width: 100vw;z-index: 30;position: absolute;left: -50px;bottom: 0;}
.ovImg3{background: url(assets/img/ovpic3.png) no-repeat left bottom;height: 100vh;width: 100vw;z-index: 30;position: absolute;left: -50px;bottom: 0;}
.bishop{width:46%;padding:25px;margin:0;bottom:150px;right:0;height:72vh;left:50%;background: rgb(30,48,64);
background: linear-gradient(0deg, rgba(30,48,64,0.2) 0%, rgba(78,99,120,0) 92%);}
.bishop h3{font-size:28px !important;text-align:left;}
.bishop h3 span{font-size:22px !important;color:#c9ff3d;}
.bishop .bmsg{font-size:13px !important;line-height:17px;}
.green{color:#c9ff3d;}
.redbg{background:rgb(0 0 0 / 30%) !important;border-radius: 0 !important;}
.captionsVary{position:absolute;bottom:25px;width:65%;}
.carousel-indicators{position:absolute;width:100%;margin:auto !important;}
.carousel-indicators li{text-indent:unset !important;display:inline-block;width:15px;opacity:1;-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.75);border:1px solid #fff;}
.carousel-indicators .active{border-color:#7cd9ff;background:#7cd9ff;}
@media screen and (max-width: 750px) {
.herocta a { float: none;display: block;width: 100%;text-align: left;}
.bishop{width:90vw;left:0}
.bishop h3{text-align:center !important;}
.bishop .bmsg,.herocta{display:none !important;}
}
@media screen and (max-width: 400px) {
.bishopImg{left:0}
}
/*------------------# Featured Services-------------*/
.featured-services .icon-box {padding: 30px;position: relative;overflow: hidden;background: #fff;box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);transition: all 0.3s ease-in-out;border-radius: 8px;z-index: 1;}
.featured-services .icon-box::before {content: '';position: absolute;background: #cbe0fb;right: 0;left: 0;bottom: 0;top: 100%;transition: all 0.3s;z-index: -1;}
.featured-services .icon-box:hover::before {background: var(--hlight);top: 0;border-radius: 0px;}
.featured-services .icon {margin-bottom: 15px;}
.featured-services .icon i {font-size: 48px;line-height: 1;color: var(--hlight);transition: all 0.3s ease-in-out;}
.featured-services .title {font-weight: 700;margin-bottom: 15px;font-size: 18px;}
.featured-services .title a {color: #111;}
.featured-services .description {font-size: 13px;line-height: 18px;margin-bottom: 0;}
.featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description {color: #fff;}
.featured-services .icon-box:hover .icon i {color: #fff;}

/*-------- gallery wid*/
.gal-widget ul{list-style-type:none;padding:0;margin:0;flex-wrap:wrap;}
.gal-widget ul li{flex-basis: 33.333333%;}
.gal-widget ul li img{width:96%;margin:2%;border:1px solid #b1cfde;}

/*-----------------# About---------------*/
.about .content h3 {font-weight: 600;font-size: 26px;}
.about .content ul {list-style: none;padding: 0;}
.about .content ul li {display: flex;align-items: flex-start;margin-bottom: 35px;}
.about .content ul li:first-child {margin-top: 35px;}
.about .content ul i {background: #fff;box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);font-size: 24px;padding: 20px;margin-right: 15px;color: var(--hlight);border-radius: 50px;}
.about .content ul h5 {font-size: 18px;color: #555555;}
.about .content ul p {font-size: 15px;}
.about .content p:last-child {margin-bottom: 0;}

/*--------------# Skills---------------*/
.skills .progress {height: 50px;display: block;background: none;}
.skills .progress .skill {padding: 10px 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: "Poppins", sans-serif;color: #222222;}
.skills .progress .skill .val {float: right;font-style: normal;}
.skills .progress-bar-wrap {background: #e2eefd;}
.skills .progress-bar {width: 1px;height: 10px;transition: .9s;background-color: var(--hlight);}

/*---------------# Counts---------------*/
.counts {padding: 70px 0 60px;}
.counts .count-box {padding: 30px 30px 25px 30px;width: 100%;position: relative;text-align: center;background: #f1f6fe;}
.counts .count-box i {position: absolute;top: -28px;left: 50%;transform: translateX(-50%);font-size: 24px;background: var(--hlight);padding: 12px;color: #fff;border-radius: 50px;border: 5px solid #fff;}
.counts .count-box span {font-size: 36px;display: block;font-weight: 600;color: #062b5b;}
.counts .count-box p {padding: 0;margin: 0;font-family: "Roboto", sans-serif;font-size: 14px;}

/*-------------# Clients-------------*/
.clients {padding: 15px 0;text-align: center;}
.clients img {max-width: 45%;transition: all 0.4s ease-in-out;display: inline-block;padding: 15px 0;}
.clients img:hover {transform: scale(1.15);}
@media (max-width: 768px) {.clients img {max-width: 40%;}
}

/*--------------------# Services-------------*/
.services .icon-box {text-align: center;border: 1px solid #e2eefd;padding: 80px 20px;transition: all ease-in-out 0.3s;background: #fff;}
.services .icon-box .icon {margin: 0 auto;width: 64px;height: 64px;background: #f1f6fe;border-radius: 4px;border: 1px solid #deebfd;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: ease-in-out 0.3s;}
.services .icon-box .icon i {color: #3b8af2;font-size: 28px;transition: ease-in-out 0.3s;}
.services .icon-box h4 {font-weight: 700;margin-bottom: 15px;font-size: 24px;}
.services .icon-box h4 a {color: #222222;transition: ease-in-out 0.3s;}
.services .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
.services .icon-box:hover {border-color: #fff;box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.1);}
.services .icon-box:hover h4 a, .services .icon-box:hover .icon i {color: var(--hlight);}
.services .icon-box:hover .icon {border-color: var(--hlight);}

/*---------------# Testimonials----------------*/
.testimonials {padding: 80px 0;background: url("../img/testimonials-bg.jpg") no-repeat;background-position: center center;background-size: cover;position: relative;}
.testimonials::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 60%);}
.testimonials .section-header {margin-bottom: 40px;}
.testimonials .testimonial-item {text-align: center;color: #fff;}
.testimonials .testimonial-item .testimonial-img {width: 100px;border-radius: 50%;border: 6px solid rgba(255, 255, 255, 0.15);margin: 0 auto;}
.testimonials .testimonial-item h3 {font-size: 20px;font-weight: bold;margin: 10px 0 5px 0;color: #fff;}
.testimonials .testimonial-item h4 {font-size: 14px;color: #ddd;margin: 0 0 15px 0;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: rgba(255, 255, 255, 0.4);font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}
.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;}
.testimonials .testimonial-item p {font-style: italic;margin: 0 auto 15px auto;color: #eee;}
.testimonials .owl-nav, .testimonials .owl-dots {margin-top: 5px;text-align: center;}
.testimonials .owl-dot {display: inline-block;margin: 0 5px;width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.4) !important;}
.testimonials .owl-dot.active {background-color: var(--hlight) !important;}
@media (min-width: 1024px) {.testimonials {background-attachment: fixed;}
}
@media (min-width: 992px) {.testimonials .testimonial-item p {width: 80%;}
}

/*-----------------# Portfolio---------------*/
.portfolio #portfolio-flters {padding: 0;margin: 0 auto 15px auto;list-style: none;text-align: center;border-radius: 50px;padding: 2px 15px;}
.portfolio #portfolio-flters li {cursor: pointer;display: inline-block;padding: 10px 15px 8px 15px;font-size: 16px;font-weight: normal;line-height: 1;text-transform: uppercase;color: #444444;margin-bottom: 5px;transition: all 0.3s ease-in-out;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {color: var(--hlight);}
.portfolio #portfolio-flters li:last-child {margin-right: 0;}
.portfolio .portfolio-item {margin-bottom: 30px;}
.portfolio .portfolio-item .portfolio-info {opacity: 0;position: absolute;left: 30px;right: 30px;bottom: 0;z-index: 3;transition: all ease-in-out 0.3s;background: rgba(255, 255, 255, 0.9);padding: 15px;}
.portfolio .portfolio-item .portfolio-info h4 {font-size: 18px;color: #fff;font-weight: 600;color: #222222;}
.portfolio .portfolio-item .portfolio-info p {color: #555555;font-size: 14px;margin-bottom: 0;}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {position: absolute;right: 10px;font-size: 24px;top: calc(50% - 18px);color: #3c3c3c;}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {color: var(--hlight);}
.portfolio .portfolio-item .portfolio-info .details-link {right: 40px;}
.portfolio .portfolio-item .portfolio-links {opacity: 0;left: 0;right: 0;text-align: center;z-index: 3;position: absolute;transition: all ease-in-out 0.3s;}
.portfolio .portfolio-item .portfolio-links a {color: #fff;margin: 0 2px;font-size: 28px;display: inline-block;transition: 0.3s;}
.portfolio .portfolio-item .portfolio-links a:hover {color: #6ba7f5;}
.portfolio .portfolio-item:hover .portfolio-info {opacity: 1;bottom: 20px;}

/*--------------# Portfolio Details----------------*/
.portfolio{padding:4em 40px;position:relative;}
.portfolio-details {padding-top: 30px;}
.portfolio-details .portfolio-details-container {position: relative;}
.portfolio-details .portfolio-details-carousel {position: relative;z-index: 1;}
.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {margin-top: 5px;text-align: left;}
.portfolio-details .portfolio-details-carousel .owl-dot {display: inline-block;margin: 0 10px 0 0;width: 12px;height: 12px;border-radius: 50%;background-color: #ddd !important;}
.portfolio-details .portfolio-details-carousel .owl-dot.active {background-color: var(--hlight) !important;}
.portfolio-details .portfolio-info {padding: 30px;position: absolute;right: 0;bottom: -70px;background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);z-index: 2;}
.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}
.portfolio-details .portfolio-info ul li + li {margin-top: 10px;}
.portfolio-details .portfolio-description {padding-top: 50px;}
.portfolio-details .portfolio-description h2 {width: 50%;font-size: 26px;font-weight: 700;margin-bottom: 20px;}
.portfolio-details .portfolio-description p {padding: 0 0 0 0;}
@media (max-width: 768px) {.portfolio-details .portfolio-description h2 {width: 100%;}
.portfolio-details .portfolio-info {position: static;margin-top: 30px;}
}

/*---------------# Team----------------*/
.team {padding: 60px 0;}
.team .member {margin-bottom: 20px;overflow: hidden;border-radius: 4px;background: #fff;box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);}
.team .member .member-img {position: relative;overflow: hidden;}
.team .member .social {position: absolute;left: 0;bottom: 30px;right: 0;opacity: 0;transition: ease-in-out 0.3s;text-align: center;}
.team .member .social a {transition: color 0.3s;color: #222222;margin: 0 3px;padding-top: 7px;border-radius: 4px;width: 36px;height: 36px;background: rgba(16, 110, 234, 0.8);display: inline-block;transition: ease-in-out 0.3s;color: #fff;}
.team .member .social a:hover {background: #3b8af2;}
.team .member .social i {font-size: 18px;}
.team .member .member-info {padding: 25px 15px;}
.team .member .member-info h4 {font-weight: 700;margin-bottom: 5px;font-size: 18px;color: #222222;}
.team .member .member-info span {display: block;font-size: 13px;font-weight: 400;color: #aaaaaa;}
.team .member .member-info p {font-style: italic;font-size: 14px;line-height: 26px;color: #777777;}
.team .member:hover .social {opacity: 1;bottom: 15px;}

/*-------------------# Pricing----------------*/
.pricing .box {padding: 20px;background: #fff;text-align: center;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);border-radius: 5px;position: relative;overflow: hidden;}
.pricing .box h3 {font-weight: 400;margin: -20px -20px 20px -20px;padding: 20px 15px;font-size: 16px;font-weight: 600;color: #777777;background: #f8f8f8;}
.pricing .box h4 {font-size: 36px;color: var(--hlight);font-weight: 600;font-family: "Poppins", sans-serif;margin-bottom: 20px;}
.pricing .box h4 sup {font-size: 20px;top: -15px;left: -3px;}
.pricing .box h4 span {color: #bababa;font-size: 16px;font-weight: 300;}
.pricing .box ul {padding: 0;list-style: none;color: #444444;text-align: center;line-height: 20px;font-size: 14px;}
.pricing .box ul li {padding-bottom: 16px;}
.pricing .box ul i {color: var(--hlight);font-size: 18px;padding-right: 4px;}
.pricing .box ul .na {color: #b1cfde;text-decoration: line-through;}
.pricing .btn-wrap {margin: 20px -20px -20px -20px;padding: 20px 15px;background: #f8f8f8;text-align: center;}
.pricing .btn-buy {background: var(--hlight);display: inline-block;padding: 8px 35px 10px 35px;border-radius: 4px;color: #fff;transition: none;font-size: 14px;font-weight: 400;font-family: "Roboto", sans-serif;font-weight: 600;transition: 0.3s;}
.pricing .btn-buy:hover {background: #3b8af2;}
.pricing .featured h3 {color: #fff;background: var(--hlight);}
.pricing .advanced {width: 200px;position: absolute;top: 18px;right: -68px;transform: rotate(45deg);z-index: 1;font-size: 14px;padding: 1px 0 3px 0;background: var(--hlight);color: #fff;}

/*------------# Frequently Asked Questions-----------*/
.faq {padding: 60px 0;}
.faq .faq-list {padding: 0;list-style: none;}
.faq .faq-list li {padding: 0 0 20px 25px;}
.faq .faq-list a {display: block;position: relative;font-family: var(--hlight);font-size: 18px;font-weight: 500;}
.faq .faq-list i {font-size: 18px;position: absolute;left: -25px;top: 6px;}
.faq .faq-list p {margin-bottom: 20px;font-size: 15px;}
.faq .faq-list a.collapse {color: var(--hlight);}
.faq .faq-list a.collapsed {color: #343a40;}
.faq .faq-list a.collapsed:hover {color: var(--hlight);}
.faq .faq-list a.collapsed i::before {content: "\eab2" !important;}

/*---------------# Contact-------------*/
.contact .info-box {color: #444444;text-align: center;box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);padding: 20px 0 30px 0;}
.contact .info-box i {font-size: 32px;color: var(--hlight);border-radius: 50%;padding: 8px;border: 2px dotted #b3d1fa;}
.contact .info-box h3 {font-size: 20px;color: #777777;font-weight: 700;margin: 10px 0;}
.contact .info-box p {padding: 0;line-height: 24px;font-size: 14px;margin-bottom: 0;}
.contact .php-email-form {box-shadow: 0 0 30px rgba(214, 215, 216, 0.4);padding: 30px;}
.contact .php-email-form .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px;}
.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}
.contact .php-email-form .error-message br + br {margin-top: 25px;}
.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}
.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}
.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: var(--hlight);}
.contact .php-email-form input {padding: 20px 15px;}
.contact .php-email-form textarea {padding: 12px 15px;}
.contact .php-email-form button[type="submit"] {background: var(--hlight);border: 0;padding: 10px 30px;color: #fff;transition: 0.4s;border-radius: 4px;}
.contact .php-email-form button[type="submit"]:hover {background: #3b8af2;}
@-webkit-keyframes animate-loading {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-loading {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*---------------# Footer---------------*/
#footer {background: #fff;padding: 0 0 30px 0;color: #444444;font-size: 14px;background: #f1f6fe;}
#footer .footer-newsletter {padding: 50px 0;background: #f1f6fe;text-align: center;font-size: 15px;}
#footer .footer-newsletter h4 {font-size: 24px;margin: 0 0 20px 0;padding: 0;line-height: 1;font-weight: 600;}
#footer .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 4px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);text-align: left;}
#footer .footer-newsletter form input[type="email"] {border: 0;padding: 4px 8px;width: calc(100% - 100px);}
#footer .footer-newsletter form input[type="submit"] {position: absolute;top: 0;right: 0;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 20px;background: var(--hlight);color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#footer .footer-newsletter form input[type="submit"]:hover {background: #0d58ba;}
#footer .footer-top {padding: 60px 0 30px 0;background: #fff;}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact h3 {font-size: 24px;margin: 0 0 15px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 700;}
#footer .footer-top .footer-contact h3 span {color: var(--hlight);}
#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Roboto", sans-serif;color: #777777;}
#footer .footer-top h4 {font-size: 16px;font-weight: bold;color: #444444;position: relative;padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px;color: var(--hlight);font-size: 18px;line-height: 1;}
#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #777777;transition: 0.3s;display: inline-block;line-height: 1;}
#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: var(--hlight);}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: var(--hlight);color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 4px;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #3b8af2;color: #fff;text-decoration: none;}
#footer .copyright {text-align: center;float: left;}
#footer .credits {float: right;text-align: center;font-size: 13px;color: #444444;}
@media (max-width: 768px) {#footer .copyright, #footer .credits {float: none;text-align: center;padding: 2px 0;}

}

/*-------------------------------*/
.herocta1{width: 100%;background-color: #007dc5;overflow: auto;}
.herocta1 a {float: left;padding: 3px 12px;color: white;text-decoration: none;font-size: 17px;width: 33.33%;text-align: center;}
.herocta1 a:hover {background-color: #00436b;}
.herocta1 a.active:hover {background-color: #00436b;}
.herocta1 a.active {background-color: #7c9f26;}
@media screen and (max-width: 750px) {.herocta1 a { float: none;display: block;width: 100%;text-align: left;}
#hero h4 span {font-size: 40px !important;line-height: 30px;}
#hero h4 p {font-size: 25px !important;line-height: 30px;}
#hero h2 {margin-bottom:0;}
#hero .btn-get-started{font-size: 20px;}
}
h3.card-title em,h3.card-title i{display:block;font-size:70px;color:#96a1ab;}
.card__img img{width:100%;}
.MsoNormal{font-family:airal !important;}
.cards {margin-top: 1rem;padding: 10px;display: grid;grid-gap: 20px;font-family: "Roboto", sans-serif;}
.cards .card {position: relative;max-height: 500px;padding: 10px;border-radius: 8px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);display: grid;grid-gap: 10px;grid-template-columns: repeat(auto-fit, minmax(auto, 1fr));}
.cards .card__img {max-height: 200px;border-radius: 10px;overflow: hidden;}
.cards .card__details {position: relative;top: -36px;width: 90%;padding: 10px;margin: 0 auto;background: white;border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(3, 6, 31, 0.15);display: grid;grid-gap: 5px;}
.cards .card__details h3 {font-size: 22px;font-weight: 400;}
.cards .card__details .address {color: #777777;font-size: 12px;}
.cards .card__details .price {display: grid;grid-template-columns: 1fr 1fr;}
.cards .card__details .price .price__l {width: 100%;text-align: right;}
.cards .card__details .price .price__l .price__label {font-weight: 600;text-align: right;}
.cards .card__details .price .star img {width: 14px;}
.cards .card__details button {cursor: pointer;width: 100%;padding: 15px;border: none;border-radius: 5px;background: #51D6FB;color: #FFFFFF;}
.cards .card__details button:focus {outline: none;}
.cards .card .credit-img {position: absolute;right: 0;bottom: 0;padding: 10px;font-size: 10px;text-align: right;}
@media (max-width: 347px) {.cards .card__details .price {align-items: baseline;}
.cards .card__details .price .price__l {font-size: 12px;}
}
@media (min-width: 425px) {.top__header .icon__menu .menu__mobile {display: none;}
.top__header .icon__menu .menu__desktop {display: block;}
.top__header .icon__menu .menu__desktop ul.desktop__menu li {cursor: pointer;margin: 0 1rem;padding: 2px 10px;}
.top__header .icon__menu .menu__desktop ul.desktop__menu li.promo {background: #D7493A;border-radius: 5px;}
.top__header .icon__menu .menu__desktop ul.desktop__menu li.promo:hover {background: #b93425;}
}
@media (min-width: 768px) and (max-width: 1024px) {.cards .card {grid-template-columns: 1fr 1fr;}
.cards .card__details {top: 0;align-items: flex-start;align-content: center;grid-gap: 10px;}
.cards .card__details .price {grid-template-columns: auto 1fr;font-size: 15px;}
.cards .card__details .address {margin-top: -7px;}
.cards .card .credit-img {padding: 15px 25px;}
}
@media (min-width: 481px) and (max-width: 767px) {.cards .card {grid-template-columns: 1fr 1fr;}
.cards .card__details {top: 0;align-items: flex-start;align-content: center;grid-gap: 10px;}
.cards .card__details .price {grid-template-columns: auto 1fr;font-size: 15px;}
.cards .card__details .address {margin-top: -7px;}
.cards .card .credit-img {padding: 15px 25px;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {.cards {grid-template-columns: 1fr 1fr;}
.cards .credit-img {font-size: 8px !important;}
}
@media (min-width: 1025px) {.wrapper {margin: auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.wrapper .cards {grid-template-columns: 1fr 1fr 1fr;}
.wrapper .cards .card__details h3 {font-size: 18px;}
}
#range-from,#range-to{background: url(https://i.imgur.com/u6upaAs.png) no-repeat 5px center #fff;padding-left: 25px;line-height: 27px;height: 27px;margin-bottom: 8px;}
.checkform {text-align:center;color:#fff;font-size:13px;z-index:1000}
.checkform select{ width:90px;height: 28px;}
.checkform input{ line-height: 27px;height: 27px;margin-bottom: 8px;width:100%;border-radius:0px;border:0px;font-size:13px;}
.checkBtn{line-height: 28px !important;padding: 0px !important;}
#autoMessage{position:absolute;top:0;left:0;background:#ff0000;color:#fff;padding:5px 25px;text-align:center;display:block;width:100%;min-height:40px;z-index:10000;}
#autoMessage b{ padding:5px;border-radius:3px;float:right;line-height:12px;color:#fff;background:#000;width:20px;height:20px;cursor:pointer;position:absolute;right:5px;top:5px;display:block;}
@keyframes blinking {0% {background-color: #ff0000;}100% {background-color: #ad0000;}}
.blink {animation: blinking 1s infinite;}
.pad25{padding:25px;}
.rmore{padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid #b1cfde;}


/* abouthome */
.welcomeNote{padding:35px 45px;}
.welcomeNote .btn{border:0 none;border-radius:0;border: 1px solid #b1cfde;color: #000;background:#fff;}
.clientCarousel{background: url('../../assets/img/clients/clientBoxbg.png') no-repeat right bottom #fafafa;padding:45px;}
.clientCarousel .quotes{padding-right: 30px;}
.clientCarousel .quotes .testimsclient{position:relative;}
.clientCarousel .quotes img{float:right;width:150px;height:auto;margin: 15px 0 50px 20px;/*border-radius: 50%;*/}
.clientCarousel .quotes p{font-size:14px;}
.clientCarousel .quotes .testimsclient p{text-indent: 25px;}
h1{font-size: 2rem;color: #a8afc0;margin-bottom: 1.5rem;}
h1 span{color: #669dd0;}
.clientCarousel i:first-child{color:#cecece;top:0px;position: absolute;left: -5px;font-size: 60px;}
.btn{border-radius: 8px !important;}
.quotes .btn{background: #fff;
    color: #000;
    position: absolute;
    bottom: 22px;
    border-radius: 0;
    left: 45px;}
/*------------------------*/

.footer-section{background:#f3f9fe;position:relative;border-top:1px solid #b1cfde;}
.footer-cta{border-bottom:1px solid #b1cfde;margin:0 40px 0 40px !important;padding: 30px 0 !important;}
.single-cta i{color:#495057;font-size:30px;float:left;margin-top:8px;}
.cta-text{padding-left:15px;display:inline-block;}
.cta-text h4{color:#495057;font-size:20px;font-weight:600;margin-bottom:2px;}
.cta-text span{color:#495057;font-size:15px;}
.footer-content{position:relative;z-index:2;padding:40px !important;}
.footer-pattern img{position:absolute;top:0;left:0;height:330px;background-size:cover;background-position:100% 100%;}
.footer-logo{margin-bottom:30px;}
.footer-logo img{max-width:200px;}
.footer-text p{margin-bottom:14px;font-size:14px;color:#495057;}
.footer-social-icon span{color:#495057;display:block;font-size:20px;font-weight:700;font-family:"Poppins", sans-serif;margin-bottom:20px;}
.footer-social-icon a{font-size:16px;margin-right:15px;}
.footer-social-icon i{text-align:center;line-height:38px;border-radius:50%;}
.facebook-bg{background:#3b5998;}
.twitter-bg{background:#55acee;}
.google-bg{background:#dd4b39;}
.footer-widget-heading h3{color:#495057;font-size:20px;font-weight:600;margin-bottom:40px;position:relative;}
.footer-widget-heading h3::before{content:"";position:absolute;left:0;bottom:-15px;height:2px;width:50px;background:#eee;}
.footer-widget ul{padding:0;}
.footer-widget ul li{display:inline-block;float:left;width:50%;margin-bottom:12px;}
.footer-widget ul li a:hover{color:var(--hlight);}
.footer-widget ul li a{color:#495057;text-transform:capitalize;}
.subscribe-form{position:relative;overflow:hidden;}
.subscribe-form input{width:100%;padding:14px 28px;background:#2e2e2e;border:1px solid #2e2e2e;color:#eee;}
.subscribe-form button{position:absolute;right:0;background:#eee;padding:13px 20px;border:1px solid #eee;top:0;}
.subscribe-form button i{color:#eee;font-size:22px;transform:rotate(-6deg);}
.copyright-area{background:#4d616b;padding:25px 0;border-top:1px solid #000;}
.copyright-text p{margin:0;font-size:12px;color:#fff;}
.copyright-text p a{color:#fff;}
.footer-menu li{display:inline-block;margin-left:20px;}
.footer-menu li:hover a{color:#fff;}
.footer-menu li a{font-size:12px;color:#fff;}
.footBlock{margin-bottom:0px;}
.mapBlock{max-height:150px;overflow:hidden;filter: grayscale(90%);transition: 0.3s;}
.mapBlock:hover{filter: grayscale(0%);transition: 0.3s;}
.card{border-color:#fff !important}

.image-grid-cover {width: 100%;background-size: cover;min-height: 180px;position: relative;margin-bottom: 30px;text-shadow: rgba(0,0,0,.8) 0 1px 0;}
.image-grid-clickbox {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width: 100%;height: 100%;z-index: 20;background: rgba(0,0,0,.45);}
.cover-wrapper {font-size: 18px;text-align: center;display: block;color: #fff;text-shadow: rgba(0,0,0,.8) 0 1px 0;z-index: 21;position: relative;top: 80px;}
.image-grid-item {padding:1em;margin:0;}
.image-grid-item div{margin:0;}
.image-grid-item a{opacity:0;transition: 0.3s;}
.image-grid-item:hover a{opacity:1;transition: 0.3s;}
.galleryHead{position:absolute;top:0;left:43%;display:inline-block;color:#000;background:#fff;margin:0 auto;z-index:1;font-size: 16px;padding:10px 15px;-webkit-box-shadow: -1px 6px 7px 0px rgba(0,0,0,0.44);-moz-box-shadow: -1px 6px 7px 0px rgba(0,0,0,0.44);
box-shadow: -1px 6px 7px 0px rgba(0,0,0,0.44);}
.clientHead{position:absolute;bottom:0;left:43%;display:inline-block;color:#000;background:#fff;margin:0 auto;z-index:1;font-size: 20px;padding:10px 15px;-webkit-box-shadow: 0px -5px 9px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px -5px 9px -3px rgba(0,0,0,0.75);
box-shadow: 0px -5px 9px -3px rgba(0,0,0,0.75);}

.owl-dots{display:none;}
.owl-prev{position: absolute;height: 50px;z-index: 100;top:-55px;right: 75px;padding:10px;background:#eee !important;}
.owl-next{position: absolute;height: 50px;z-index: 100;top:-55px;right: 40px;padding:10px;background:#eee !important;}
.owl-prev:focus,.owl-next:focus{outline:0 none !important;}
.owl-prev:hover,.owl-next:hover{background:#e3e1e1;}
#projectshome{padding: 40px 10px;}
.tg-one-third{padding:10px;}
.service-image{max-height:150px;overflow:hidden;height:125px;}
.projectHead{margin: 10px 35px;}
.entry-title{padding-top:10px;font-size:18px;}
.readServ{background:#fff;color:#889499;padding:10px 15px;margin:10px 0 0 0;display:inline-block;border:1px solid #889499;}


.subgallery{margin:10px 0 10px 0;list-style-type:none;padding:0;}
.subgallery li{margin:0;padding:0;display:inline-block;overflow:hidden;width:auto;}
.subgallery li img{height:75px;}
.projAddress{background:#f8f8f8;padding:10px;margin-bottom:15px;font-size: 18px;line-height: 25px;color: #506b84;}
.logoBlock{float:right;margin:10px;padding: 10px;background: #fff;border: 1px solid #eee;}



.owl2 {
width: 100vw;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background: #fff;
font-size: 16px;
font-family: 'proxima nova', 'open sans', 'Helvetica', sans-serif;
}
.marqueesection{padding:0}
.Marquee {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4em 0 4em 0;
color: #fff;
font-weight: 200;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.Marquee-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-animation: marquee 200s linear infinite running;
-moz-animation: marquee 200s linear infinite running;
-o-animation: marquee 200s linear infinite running;
-ms-animation: marquee 200s linear infinite running;
animation: marquee 200s linear infinite running;
}
.Marquee-content:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
}
.Marquee-tag {
width: 100px;
margin: 0 1em;
padding:5px;
background: rgba(255,255,255,1);
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
height: 100px;
overflow: hidden;
}
.Marquee-tag:hover {background: rgba(255,255,255,1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);cursor: pointer;}
@-moz-keyframes marquee {
  0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}
}
@-webkit-keyframes marquee {
  0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);
  transform: translate(-50%);}
}
@-o-keyframes marquee {
  0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}
}
@keyframes marquee {
  0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  100% {-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}
}


.list-inline>li {padding: 0 10px 0 0;}
.container-pad {padding: 30px 15px;}

.bgc-fff {background-color: #fff !important;}
.box-shad {-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);box-shadow: 1px 1px 0 rgba(0,0,0,.2);}
.brdr {border: 1px solid #ededed;}
.fnt-smaller {font-size: .9em;}
.fnt-lighter {color: #bbb;}
.pad-10 {padding: 10px!important;}
.mrg-0 {margin: 0!important;}
.btm-mrg-10 {margin-bottom: 10px !important;}
.btm-mrg-20 {margin-bottom: 20px !important;}
.clr-535353 {color: #535353;}

/**** MEDIA QUERIES ****/
@media only screen and (max-width: 991px) {
    #property-listings .property-listing {padding: 5px !important;}
    #property-listings .property-listing a {margin: 0;}
    #property-listings .property-listing .media-body {padding: 10px;}
    .menuwrap{border:none;}
    .welcomeNote{padding:35px 0px !important;} 
}
@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {max-width: 180px;}
}
@media screen and (max-width: 768px) {
    .call{right:0;}
    #cta{display:none;} 
    .clientCarousel{padding:15px 15px 45px 15px !important;}
    .clientCarousel .quotes img{margin-bottom:15px;}
    .clientCarousel .quotes{padding-right: 25px;padding-bottom: 25px;}
    .quotes .btn{left:15px !important;}
    .galleryHead{left:34%;}
    .clientHead{left:33%;}
    .portfolio{padding:4em 0px;}
    .footer-content{padding:40px 0 !important;}
    .footer-cta{margin:0 !important}
    .footBlock{margin-bottom:15px;}
    .Marquee{padding: 2em 0 2em 0;}
    #main p img,.portfolio-item,.portfolio-item img{width:100% !important;}
    .property-listing a{width:100%;}
    .property-listing .media{display:block;}
    .property-listing .media img{width:100%;margin-bottom:15px;}
    .mainImg{width:100%;}
    .body{overflow-x:hidden !important;}
    .base li.item1 img.first{right:0px !important;}
    .base li.item1 img.second{right:0px !important;}
    .base li.item1 img.third{right:0px !important;}
    
    .base li.item2 img.first{right:0px !important;}
    .base li.item2 img.second{right:0px !important;}
    .base li.item2 img.third{right:0px !important;}
    
    .base li.item3 img.first{right:0px !important;}
    .base li.item3 img.second{right:0px !important;}
    .base li.item3 img.third{right:0px !important;}
    .home-content{padding-top:30vh !important;}
}
.carousel{z-index:0 !important;}
#inline-content{/*display:none;*/background:url(../assets/img/online-search.jpg) no-repeat left center;height:100vh;}
.inText{width:60%;font-size: 18px;padding: 10px;}
.inBtn{font-size: 40px;line-height: 28px;}
/*.venoframe, .vbox-inline{height:auto !important;background:transparent !important}
.vbox-content{margin-top:25px !important}
*/
.carousel-fade {.carousel-item {display: block;position: absolute;opacity: 0;transition: opacity .75s ease-in-out;&.active {opacity: 1;}}}
.carousel,.carousel-inner,.carousel-item {width: 100%;height: 100%;top:0;}
.carousel {position: absolute;top: 0;left: 0;}
.carousel-item {top:0;}
.carousel-caption{top:30% !important;color:#fff !important;}
.carousel-caption.textright{right:10%;text-align:right;}
.carousel-caption.textleft{left:10%;text-align:left;}
.carousel-caption h2{font-size:35px;text-shadow: 2px 2px 5px #000000;}
.carousel-caption p{font-size:20px;text-shadow: 1px 1px 3px #000000;}
.carousel-indicators{/*display:none;*/}

.hovershadow,.owl-item,.property-listing{min-height:190px;background: linear-gradient(180deg, #f1f1f1 0%, rgba(255, 255, 255, 0.5) 40%);}
.btn:hover,.hovershadow:hover,.owl-item:hover,.property-listing:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);transition-duration: 0.3s;}

.section-title section{position: relative;width: 100%;background:#c4d4e2;overflow: hidden;padding:0;}
.section-title section .air{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: url(../img/wave.png);background-size: 1000px 100px;}
.section-title section .air.air1{animation: wave 30s linear infinite;z-index: 1000;opacity: 1;animation-delay: 0s;bottom: 0;}
.section-title section .air.air2{animation: wave2 15s linear infinite;z-index: 999;opacity: 0.5;animation-delay: -5s;bottom: 10px;}
.section-title section .air.air3{animation: wave 30s linear infinite;z-index: 998;opacity: 0.2;animation-delay: -2s;bottom: 15px;}
.section-title section .air.air4{animation: wave2 5s linear infinite;z-index: 997;opacity: 0.7;animation-delay: -5s;bottom: 20px;}
@keyframes wave{0%{background-position-x: 0; }100%{background-position-x: 1000px; }}
@keyframes wave2{0%{background-position-x: 0; }100%{background-position-x: -1000px; }}
.section-title h3{position:relative;z-index:10000;background:none;}
a.venobox.vbox-item img {mix-blend-mode: multiply;}