/*
Theme Name: West LA Office Space Custom Wordpress Theme
Author: BTS Brands
Author URI: https://btsbrands.com/
Description:Custom WordPress theme for West LA Office Space by BTS Brands
Version: 1.0
*/
/************type***************/

@font-face {
    src: url("assets/icomoon/fonts/icomoon.ttf");
    font-family: 'icomoon';
}

body {
    overflow-x: hidden !important; color: #000000; font-size: 15px; line-height: 24px; font-family: 'Lato', sans-serif;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #555555;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #555555;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #555555;
}
:-moz-placeholder { /* Firefox 18- */
    color: #555555;
}

li.cat-item-10, li.cat-item-9 {
    display: none;
}

/************************* fonts, buttons, icons and text blocks styles**********************************/
h1 {font-size: 50px; font-weight: 400; line-height: 60px;}
h2 {font-size: 35px; font-weight: 400; line-height: 40px; color: #003b79;}
h3 {font-size: 24px; font-weight: 400; line-height: 32px;}
h4 {font-size: 20px; font-weight: 400; line-height: 30px;}
h5 {font-size: 16px; font-weight: 700; line-height: 24px;}
h6 {font-size: 14px; font-weight: 700; line-height: 24px;}

h1, h2, h3, h4, h5, h6 {margin: 10px 0;}
.regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6 {
    font-weight: 400;
}

.heading-notopmargin h1, .heading-notopmargin h3 {margin-top: 0;}
a {color: #003b79;font-weight: 600;text-decoration: none;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

a:hover {color: #000000;text-decoration: none;border: none;}
a:focus {color: #000000;text-decoration: none;border: none;}

ul {margin: 0;padding: 0}
ul li {list-style: none;}
p {margin: 15px 0 0 0 !important;padding: 0;}
.p-notopmargin p {margin-top: 0 !important;}
.centered {text-align: center;}


.container-footer .iconOutset p{color: #ffffff;}
.iconOutset i {margin-left: -23px !important;width: 12px;height: auto;border-radius: 100%;color: #ffffff;margin-right: 8px;padding-top: 0px;}

.txt-black {color: #000000;}
.txt-black h3 {color: #000000 !important;}
.txt-white, .txt-white a {color: #ffffff;}
.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, .txt-white h6 {color: #ffffff;}

.txt-white .filterTxtField{color: #000000 !important;}

/************************* fonts, buttons, icons and text blocks styles end**********************************/

/************************* margins and paddings***************************************************************/
.marginxxs {margin-top: 15px;margin-bottom: 15px;}
.marginxs {margin-top: 30px;margin-bottom: 30px;}
.marginsm {margin-top: 55px;margin-bottom: 55px;}
.marginmd {margin-top: 90px;margin-bottom: 90px;}
.marginlg {margin-top: 150px;margin-bottom: 150px;}
.mrg-bt-40 {margin-bottom: 40px;}
.mrg-bt-30 {margin-bottom: 30px;}
.mrg-bt-20 {margin-bottom: 20px;}
.marginauto {margin: auto;}
.notopmargin {margin-top: 0 !important;}
.nobottommargin {margin-bottom: 0 !important;}
.noleftmargin {margin-left: 0 !important;}
.norightmargin {margin-right: 0 !important;}
.notoppadding {padding-top: 0 !important;}
.nobottompadding {padding-bottom: 0 !important;}
.noleftpadding {padding-left: 0 !important;}
.norightpadding {padding-right: 0 !important;}
.custom-width-80 {width: 80%;margin: auto;}
.custom-width-90 {width: 90%;}
.no-padding{padding: 0 !important;}
/************************* margins and paddings end***************************************************************/

/*****************backgrounds, borders and lines**************************************************************************************/
.line {height: 1px;border-bottom: 1px solid #dddddd;position: relative;z-index: 99;}
.bg-light-gray {background: #f5f5f5;position: relative;z-index: 99;}

/*****************backgrounds, borders and lines**************************************************************************************/

/*************************** general global styles**************************************************************************************/
.deadcenter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.deadcenter2 {position: absolute;top: 100%;left: 50%;transform: translate(-50%, -50%);}

.gen-transition {
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

.gen-transition2 {
    -webkit-transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    transition: 0.5s ease-in-out !important;
}
.gen-rel {position: relative;}
.img-100 img {max-width: 100%;height: auto !important;}
.img-min-100 img {min-width: 100%;max-width: 100%;height: auto !important;}

/*************************** general global styles end**************************************************************************************/

/*******************main navigation************************************************/
.navbar-fxd-wrapper{position: fixed; top: 0; left: 0; z-index: 999; border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                   background: #003b79; width: 100%;}
.home .navbar-fxd-wrapper{position: fixed; top: 0; left: 0; z-index: 999; border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                   background: #003b79; width: 100%;}
.home .site-logo {background: url('assets/img/logo-w.png') top left no-repeat; background-size: 100%;}
.site-logo{width: 200px; height: 44px; position: absolute; top: 17px; left: 15px; z-index: 999;
    background: url('assets/img/logo-w.png') top left no-repeat; background-size: 100%; transition: none !important;}

.site-logo:hover{border-bottom: none;}
#menu-primary-menu{-webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
#navbar{padding: 0;}
.navbar{margin-bottom: 0; border: none !important; min-height: 20px;}
.navbar-nav{float: none; margin: 0 0 0 350px; text-align: left; line-height: 0;}
.navbar-nav li{margin: 0 -1.7px; padding: 0; float: none; display: inline-block; position: relative;}
.navbar-nav li.menu-item-has-children:after {content: '\f078'; display: block;
    position: absolute; top: 50%; right: 2px; transform: translateY(-50%);
    font-size: 15px; line-height: 15px; font-weight: 900;
    font-family: "Font Awesome 5 Free"; color: #ffffff;
}
.navbar-nav li:last-child{padding-right: 0;}
.navbar-nav li a{margin: 0; padding: 25px 25px; display: inline-block; font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff; position: relative;
    overflow: hidden; position: relative;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;}
.navbar-nav li .firstNavSpan {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 5px;
    left: 20px;
    background: #ffffff;
    transition: 0.3s;
}
.navbar-nav li .secondNavSpan {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 5px;
    right: 20px;
    background: #ffffff;
    transition: 0.3s;
}
.navbar-nav li a:hover, .navbar-nav li.current-menu-item a, .navbar-nav li.current-category-ancestor a, .navbar-nav li.current-page-ancestor a,
.navbar-nav li:hover > a, .navbar-nav li.current-menu-parent a, .navbar-nav li.active a, .nav > li > a:hover, .nav > li > a:focus
{color: #ffffff !important; background: none !important;}
.navbar-nav li:hover .firstNavSpan, .navbar-nav li.current-menu-item .firstNavSpan, .navbar-nav li.current-category-ancestor .firstNavSpan, .navbar-nav li.current-page-ancestor .firstNavSpan,
.navbar-nav li:hover > .firstNavSpan, .navbar-nav li.current-menu-parent .firstNavSpan, .navbar-nav li.active .firstNavSpan {
    width: calc(100% - 40px);
}
.navbar-nav li:hover .secondNavSpan, .navbar-nav li.current-menu-item .secondNavSpan, .navbar-nav li.current-category-ancestor .secondNavSpan, .navbar-nav li.current-page-ancestor .secondNavSpan,
.navbar-nav li:hover > .secondNavSpan, .navbar-nav li.current-menu-parent .secondNavSpan, .navbar-nav li.active .secondNavSpan {
    width: calc(100% - 40px);
}
/*.home .navbar-nav li:hover > a, .home .navbar-nav li.current-menu-item a
{color: #ffffff; background: rgba(255, 255, 255, 0.1);}*/
.navbar-nav li a:focus{outline: none; text-decoration: none;}

.home .sub-menu{background: rgba(0, 0, 0, 0.8);}
.sub-menu{display: none; position: absolute; top: 70px; left: 0; width: 250px; background: rgba(0, 0, 0, 0.8); z-index: 0; text-align: center; }
.sub-menu li{display: block; text-align: left; margin: 0;}
.sub-menu li:before,
.sub-menu li .firstNavSpan,
.sub-menu li .secondNavSpan {display: none;}
.sub-menu li a{text-transform: none; padding: 10px; display: block;
    color: #ffffff !important; border: 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);}
.sub-menu li a:hover, .sub-menu li.current_page_item a{color: #ffffff !important; background: rgba(0, 0, 0, 0.1) !important; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);}
.navbar-nav > li:hover > ul{display: block;}
.sub-menu li a:before {display: none;}
.navbar-nav li.current-menu-parent .sub-menu li a, .navbar-nav li.current-menu-item .sub-menu li a {color: #ffffff !important;}
.header-social-container {
    width: 100%;
    text-align: right;
    height: 90px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-social-container{background: rgba(255, 255, 255, 1);}
.home .header-social-container{background: rgba(0, 0, 0, 0);}
.header-social-container #headersocial {display: inline-block; margin-top: 32px;}
.header-social-container #headersocial li {display: inline-block; padding: 5px 5px;}
.home .header-social-container #headersocial li a {display: block; color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 400;}
.header-social-container #headersocial li a {display: block; color: #000000; font-size: 14px; line-height: 18px; font-weight: 400;}
.home .header-social-container #headersocial li a:focus {color: #ffffff; text-decoration: none;}
.header-social-container #headersocial li a:focus {color: #000000; text-decoration: none;}
.home .header-social-container #headersocial li a:hover {color: #ffffff; text-decoration: none;}
.header-social-container #headersocial li a:hover {color: #000000; text-decoration: none;}

.headerContactBox {position: absolute;
    display: block; right: 20px; top: 50%; transform: translateY(-50%);
    z-index: 1;
}
.headerContactBox li {display: inline-block;}
.headerContactBox li a {font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff;}
.headerContactBox li a i {margin-right: 5px;}
.headerContactBox li a:hover {color: #ffffff; text-decoration: none;}
.headerContactBox li a:focus {color: #ffffff; text-decoration: none;}
.headerContactBox li:first-child {margin-right: 15px;}
.headerContactBox li:last-child {}
.headerContactBox li:last-child a {border: 1px solid #ffffff;
    text-align: center; padding: 5px 20px; display: inline-block;
    background: transparent;
}
.headerContactBox li:last-child a:hover {color: #003b79; text-decoration: none; background: #ffffff; border: 1px solid #ffffff;}
.headerContactBox li:last-child a:focus {color: #ffffff; text-decoration: none; background: transparent; border: 1px solid #ffffff;}
/*******************main navigation ends************************************************/

/********************************footer****************************************************/
.container-footer {
    background: #ffffff;
    position: relative;
    z-index: 1;
    color: #000000;
    font-size: 14px;
    overflow: hidden;
    border-top: 1px solid #6689af;
}

.footer-logo img {margin: 20px 0 0px 0; width: 278px; height: auto;}
.footer-logo {line-height: 28px;}
.footer-logo p {color: #ffffff; font-weight: normal;}
.footer-logo>p {margin-top: 10px !important;}
.footer-logo a{text-decoration: underline;}
.footer-logo a:hover{text-decoration: underline;}
.footer-logo a:focus{text-decoration: underline;}
#menu-footer-menu {margin-bottom: 10px;}
.container-footer ul li {display: block; margin: 0;}
.container-footer ul#menu-markets li {float: left;    width: 50%;}
.container-footer ul li a {display: block;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    padding: 0px 0;
}
.container-footer ul li a, .container-footer a, .container-footer .iconOutset { margin: 5px 0;
    color: #000000; font-size: 14px; font-weight: 400; line-height: 22px; display: inline-block;
}
.container-footer .iconOutset li {padding-left: 20px;}
.container-footer ul li a:hover, .container-footer ul li a:focus {text-decoration: none;}
.container-footer a i, .container-footer .iconOutset i {color: #003b79 !important;}
.container-footer a:hover i {color: #ffffff !important;}
.container-footer ul li a:hover {border-bottom: none;}
.container-footer h3 {color: #000000;font-weight: 400; font-size: 22px; line-height: 24px;}
.footer-social {margin: 10px 0;}
.footer-social li:first-child {margin-left: 0 !important;}
.footer-social li:first-child a {padding-left: 0;}
.footer-social li {display: inline-block !important;margin: 6px !important;}
.footer-social li a {display: inline-block !important;font-size: 30px !important;color: #ffffff !important;padding: 3px;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.footer-social li a i { color: #c0c0c0 !important;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;}

.footer-social li a:hover {border-bottom: none; text-decoration: none; color: #000000 !important;}
.footer-social li a:hover i {border-bottom: none; text-decoration: none; color: #003b79 !important;}

.footer-social li a:focus {border-bottom: none; text-decoration: none; color: #ffffff;}
.footer-social li a:focus i {border-bottom: none; text-decoration: none; color: #ffffff;}
.wordBreakAll, .wordBreakAll a {word-break: break-all;}
.copyright {background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.3); color: #999999; font-weight: 400; text-align: center; font-size: 14px; line-height: 16px; padding: 15px 10px;}
.copyright a {color: #777777; font-size: 12px; line-height: 16px;}

.copyright a:hover {color: #555555; text-decoration: underline;}

.copyright a:focus {color: #ffffff; text-decoration: none;}
.container-footer .iconOutset p {margin-top: 0 !important;}
.container-footer .iconOutset i {font-size: 14px;color: #333333; margin-left: -20px !important;}
/********************************footer ends****************************************************/
.page-overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #ffffff;z-index: 1042;opacity: 1;}
.page-loaded {opacity: 0;}
.loaded-zindex {z-index: -9 !important;}
.loaded {display: none !important;}
.swiper-container-horizontal > .swiper-pagination {bottom: 10px !important;}
.swiper3, .swiper2, .swiper5 {overflow: hidden;}
.swiper3 .swiper-slide {padding-bottom: 40px;}
.swiper3 .swiper-pagination-bullet {border: 2px solid #cccccc;}
.swiper3 .swiper-pagination-bullet-active {background: #cccccc;}
.swiper4 .swiper-slide{width: auto !important;}
/**************misc******************/
.page-margin {margin-top: 71px;}
.form-fields, .form-fields2, .form-fields3, .form-fields-right, .form-fields-left
{width: 100%; box-sizing: border-box; padding: 12px; font-size: 14px;
    float: left; margin-bottom: 10px; border: 1px solid #dddddd; border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}
.form-fields:focus, .form-fields2:focus, .form-fields3:focus{background: none; border: 1px solid #dddddd !important; outline: none !important;}
.form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 7px 12px; font-size: 14px; margin-bottom: 10px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 7px 12px; font-size: 14px; margin-bottom: 10px; border: 1px solid #c9c9c9;}
.form-fields2{ height: 278px;}
.form-fields3{ height: 210px;}
.form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;}
.wpcf7-list-item{display: block; margin-bottom: 10px; font-size: 14px;}
.wpcf7-submit, .ln-widgetBox.search .searchButton a{float: left; text-align: center; background: #00507a !important; color: #ffffff !important; border: none; outline: none; font-weight: 400 !important;
    padding: 7px 25px; box-sizing: border-box; text-transform: capitalize; border: 2px solid transparent; border-radius: 0px;
    -webkit-transition: 0.3s ease-in-out !important;
    -moz-transition: 0.3s ease-in-out !important;
    -ms-transition: 0.3s ease-in-out !important;
    -o-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
    text-indent: 0 !important; text-align: center;
    width: auto !important; height: auto !important;
    line-height: 20px;
    font-size: 14px !important;
}
.wpcf7-submit:hover, .searchButton a:hover{color: #ffffff !important; background: #003b79 !important; border: 2px solid transparent;}
div.wpcf7 img.ajax-loader {float: left;}
.wpcf7-list-item{display: inline-block; margin-right: 10px;}
div.wpcf7-response-output{float: left;}
.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-not-valid{border: 1px solid #d04e53;}
/**************misc ends*****************/
.show {display: block;}
.hide {display: none;}
.loader-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.loader{
    position:relative;
    width: 100px;
    height: 30px;
    margin: 30px auto;
}
.loader span{
    position:absolute;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#003b79;
    opacity:0.5;
    -webkit-animation: preloader_4 1s infinite ease-in-out;
    -moz-animation: preloader_4 1s infinite ease-in-out;
    -ms-animation: preloader_4 1s infinite ease-in-out;
    -animation: preloader_4 1s infinite ease-in-out;
}
.loader span:nth-child(2){
    left:20px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s;
}
.loader span:nth-child(3){
    left:40px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s;
}
.loader span:nth-child(4){
    left:60px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s;
}
.loader span:nth-child(5){
    left:80px;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    animation-delay: .8s;
}
@-webkit-keyframes preloader_4 {
    0% {opacity: 0.3; -webkit-transform:translateY(0px);    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -webkit-transform: translateY(-10px); background:#003b79;  box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%  {opacity: 0.3; -webkit-transform:translateY(0px); box-shadow: 0px 0px 3px rgba(243, 108, 33, 0.8);}
}
@-moz-keyframes preloader_4 {
    0% {opacity: 0.3; -moz-transform:translateY(0px);   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -moz-transform: translateY(-10px); background:#003b79; box-shadow: 0px 20px 3px rgba(243, 108, 33, 0.05);}
    100%  {opacity: 0.3; -moz-transform:translateY(0px);    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-ms-keyframes preloader_4 {
    0% {opacity: 0.3; -ms-transform:translateY(0px);    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -ms-transform: translateY(-10px); background:#003b79;  box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.5);}
    100%  {opacity: 0.3; -ms-transform:translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@keyframes preloader_4 {
    0% {opacity: 0.3; transform:translateY(0px);    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; transform: translateY(-10px); background:#003b79;  box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
    100%  {opacity: 0.3; transform:translateY(0px); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}

#map{position: relative; top: 0px}
#legend {background-color: white; margin: 10px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-left: 5px solid #3878c7; width: 250px; display: none; }
.infowindow {padding: 10px;}
#legend h3, .infowindow h3 { margin-top: 0; font-weight: 500; font-size: 14px; color: black; }
#legend p, .infowindow p { color: #5B5B5B; font-family: 'Bai Jamjuree', sans-serif; font-size: 12px; }
#legend a, .infowindow a { text-decoration: none; color: #3a84df; }
#legend a:hover, .infowindow a:hover { text-decoration: underline; }
#map-canvas{     height: 505px;}
.bullet-text ul {margin: 10px 0;}
.bullet-text ul li {
    display: block;
    padding-left: 25px;
    background: url(assets/img/check-round.png) 0 3px no-repeat;
}
a.more-link {display: none;}
.idScrollFix {position: relative; top: -91px;}
.overflowHidden {overflow: hidden;}
/*======= HOME PAGE =======*/
.camera_overlayer {opacity: 0.7;}
.camera_wrap {height: 50vh !important; min-height: 400px;}

.camera_prev{
    display: none;
}
.camera_next{
    display: none;
}
.camera_commands{
    display: none;
}

.slideText {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1170px; max-width: 100%; padding: 20px;}
.slideText h1 {font-weight: 400; margin: 0 0 10px; font-size: 44px; line-height: 50px; text-transform: capitalize;}
.slideText h2 {margin: 0; font-size: 52px; line-height: 62px; text-shadow: 0 0 10px #000000; font-weight: 400;}
.slideText h3 {margin: 0; font-size: 24px; line-height: 30px;}

.bannerBtn {padding: 10px 40px; border: 1px solid #ffffff; text-align: center; background: rgba(0, 0, 0, 0.5);
    font-size: 16px; line-height: 20px;
    font-weight: 400; display: inline-block; margin-top: 30px; text-transform: uppercase;
}
.bannerBtn:hover {text-decoration: none; color: #ffffff; padding: 10px 55px; border: 1px solid #ffffff; background: rgba(0, 0, 0, 0.8);}
.bannerBtn:focus {text-decoration: none; color: #ffffff; border: 1px solid #ffffff; background: rgba(0, 0, 0, 0.5);}

/*.main-banner-container {position: relative; overflow: hidden; z-index: 0;}*/
.bannerBottom {position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 0;
    border-top: 110px solid transparent;
    border-bottom: 2px solid #ffffff;
    border-right: 1280px solid #ffffff;
    border-left: 1280px solid #ffffff;
    z-index: 99;
    transform: translateX(-50%);}
.bannerBottomLeft {position: absolute;
    bottom: -120px;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 250px solid #ffffff;
    border-right: 2600px solid transparent;
    border-left: 0px solid transparent;
    z-index: 100;}
.bannerBottomRight {position: absolute;
    bottom: -120px;
    right: 0;
    width: 100%;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 250px solid #ffffff;
    border-right: 0px solid transparent;
    border-left: 2600px solid transparent;
    z-index: 100;}
.homePhoto {position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow: hidden; z-index: 0;}
.homePhoto:before {content: ''; position: absolute; top: 50px; left: 0; width: 100%; height: 90px; background: rgba(255, 255, 255, 0.6); z-index: -1;}
.homePhoto:after {content: ''; position: absolute; bottom: 0px; left: 50px; width: 90px; height: 100%; background: rgba(0, 80, 122, 0.6); z-index: -1;}

.serviceSection {background: url(assets/img/bg-services.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 0;}
.serviceSection:before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0, 0, 0, 0.7);}
.services-inner-box {
    padding: 15px;
/*     margin-bottom: 30px; */
    border-radius: 50px 50px 0 50px;
    position: relative;
    font-size: 14px; 
    line-height: 20px; 
    font-weight: 400;
    transition: all 0.3s ease-in-out 0s
}
.services-inner-box:hover {padding: 15px 25px;}
.ser-icon {
    position: relative;
    z-index: 1
}
.ser-icon img {height: 70px; -webkit-filter: contrast(0%) brightness(200%); filter: contrast(0%) brightness(200%);}
.ser-icon i {
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
}
.services-inner-box h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 15px 0 10px;
    font-weight: 600;
    position: relative;
    z-index: 1
}
.services-inner-box p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 !important;
    position: relative;
    z-index: 1
}
.services-inner-box::after {
    background: none;
    border: 1px solid #ffffff;
    width: 0px;
    height: 0px;
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 50px 50px 0px 50px;
    transition: all 0.3s ease-in-out 0s;
    z-index: 0
}
.services-inner-box:hover::after {
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0s
}
.services-inner-box:hover .ser-icon i {
    color: #fff
}
.services-inner-box:hover h2 {
    color: #fff;
    transition: all 0.3s ease-in-out 0s
}
.services-inner-box:hover p {
    color: #fff
}
.factBox {text-align: center;}
.factBox i {
    font-size: 30px;
    line-height: 60px;
    display: inline-block;
    color: #ffffff;
    background: #003b79;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.factBox h3 {font-size: 36px;
    line-height: 44px;
    margin: 10px 0 0px;
    color: #00507a;}
.factBox p {margin: 0 !important;
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;}

.propertyBox{
    background: linear-gradient(180deg, #00507a 0%, #003b79 100%);
    border-radius: 25px 0;
    position: relative;
    overflow: hidden;
}
.propertyBox:before,
.propertyBox:after,
.propertyBox .propertyContent:before,
.propertyBox .propertyContent:after{
    content: "";
    background: #fff;
    width: 50%;
    height: 4px;
    transform: scaleX(0);
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all 600ms ease;
}
.propertyBox:after{
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
}
.propertyBox .propertyContent:before,
.propertyBox .propertyContent:after{
    width: 4px;
    height: 50%;
    transform: scaleY(0);
}
.propertyBox .propertyContent:after{
    left: auto;
    right: 15px;
    top: auto;
    bottom: 15px;
}
.propertyBoxContainer:hover .propertyBox:before,
.propertyBoxContainer:hover .propertyBox:after,
.propertyBoxContainer:hover .propertyBox .propertyContent:before,
.propertyBoxContainer:hover .propertyBox .propertyContent:after{
    transform: scale(1);
}
.propertyBox img{
    width: 100%;
    height: auto;
    transform: scale3d(1.1, 1.1, 1);
    transition: all 0.25s linear;
}
.propertyBoxContainer:hover .propertyBox img{
    opacity: 0.25;
    transform: scale(1.25);
}
.propertyBox .propertyInnerContent{
    color: #fff;
    text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 70%;
    left: 50%;
    transition: all 600ms ease;
}
.propertyBoxContainer {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
}
.propertyBoxContainer .image-thumbnail{height: 145px; width: 145px; background-size: cover; background-repeat: no-repeat; float: left;}
.property-content{ float: left; width: calc(100% - 145px); padding: 10px;}
.propertyBoxContainer:hover .propertyBox .propertyInnerContent{
    opacity: 1;
    top: 50%;
}
.propertyBox .propertyTitle{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.propertyBox .propertyPost{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0px;
    display: block;
}
.propertyBox .propertyIcon{
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
}
.propertyBox .propertyIcon li{
    display: inline-block;
    margin: 0 4px;
}
.propertyBox .propertyIcon li a{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 10px 0 10px 0;
    display: block;
    transition: all 0.3s;
}
.propertyBox .propertyIcon li a:hover{
    color: #07507a;
    background: #fff;
    border-radius: 0 10px 0 10px;
}
.propertyBoxInfo {}
.propertyBoxInfo h3 {font-size: 20px; line-height: 26px; margin: 10px 0 6px; color: #003b79;}
.propertyBoxInfo h4 {font-size: 18px; line-height: 22px; margin: 0; color: #000000;}
.propertyBoxInfo h4 small {display: block; font-size: 14px; line-height: 20px; margin-top: 5px; color: #000000;}

.teaserSection {background: #003b79; position: relative; z-index: 0; overflow: hidden; color: #ffffff;
}

.teaserSection h3 {color: #ffffff; font-size: 40px; line-height: 40px; font-weight: 300;}
.BtnTeaserSection {color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid #ffffff;
    padding: 7px 20px 10px;
    font-weight: 300;
    display: inline-block;
    margin-top: 25px;
}
.BtnTeaserSection:hover {text-decoration: none; padding: 7px 20px 10px; color: #ffffff; border: 1px solid #ffffff;}
.BtnTeaserSection:focus {color: #ffffff; text-decoration: none; border: 1px solid #ffffff;}

.single-property-om .propertyBtn {
    display: block;
    padding: 10px 25px;
    text-align: center;
    background: #00507a;
    color: #ffffff;
    font-weight: 600;
    margin: 5px 0 0 0;
    font-size: 16px;
}
.single-property-om .propertyBtn:hover {
    background: #003b79;
}

.strengthFlexBox {display: flex; flex-wrap: wrap; justify-content: center; margin-left: -15px; margin-right: -15px;}
.keyPointsContainer {width: 25%; padding-left: 15px; padding-right: 15px;}
.keyPointsBox {}
.keyPointsBox .keyPointsIcon {font-size: 50px; line-height: 50px;}
.keyPointsBox .keyPointsIcon i {}
.keyPointsBox .keyPointsContent {font-size: 14px; line-height: 20px; font-weight: 400;}
.keyPointsBox .keyPointsContent h5 {font-size: 14px; line-height: 20px; font-weight: 700;
    margin: 10px 0 0;
}
.keyPointsBox .keyPointsContent p:first-of-type {margin: 0 !important;}

.clientsScrollSection {overflow: hidden;}
.clientsScrollSection img {filter: grayscale(1); opacity: 0.7; transition: 0.3s;}
.clientsScrollSection img:hover {filter: grayscale(1); opacity: 1;}

.page-template-home .teaserSection {display: none;}
.page-template-home .homeTeaserSection {display: block;}
/*=============*/
/*====== PROPERTIES PAGE ======*/
.propFilterSection {padding-top: 10px; padding-bottom: 10px;
    margin-bottom: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative; z-index: 2;
}
.propFilterBox {}
.propFilterBox .saleLeaseBtns {display: inline-block;}
.propFilterBox .saleLeaseBtns li {display: inline-block;}
.propFilterBox .saleLeaseBtns li button.filterBtn {background: #ffffff;
    border: 1px solid #dddddd; padding: 7px 20px; color: #000000;
    font-size: 16px; line-height: 20px; font-weight: 400;
    outline: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.propFilterBox .saleLeaseBtns li button.filterBtn.activeFilterBtn {background: #003b79;
    color: #ffffff; border: 1px solid #003b79;
}
.propFilterBox .saleLeaseBtns li button.filterBtn:hover {text-decoration: none; border: 1px solid #003b79; outline: none;
    background: #003b79; color: #ffffff;
}
.propFilterBox .saleLeaseBtns li button.filterBtn:focus {}
.propFilterBox .filterMapInput {display: inline-block; position: relative; z-index: 0;
    margin-left: 10px;
}
.propFilterBox .filterMapInput input {width: 200px; padding: 7px 30px 7px 10px;
    border: 1px solid #dddddd; background: #ffffff; outline: none; color: #222222;
    font-size: 14px; line-height: 20px; font-weight: 400;
}
.propFilterBox .filterMapInput i {position: absolute;top: 10px; right: 40px; font-size: 16px; line-height: 16px;color: #003b79;
}
.propFilterBox .filterMapInput span{
    padding: 10px;
    cursor: pointer;
    border-left: none;
    height: 36px;
    background: #003b79;
    color: #fff;}
.propFilterBox .filtersBtnBox {display: inline-block; font-size: 16px; line-height: 20px;
    border-right: 1px solid #999999;
}
.propFilterBox .filtersBtnBox button {background: none; border: none; outline: none;
    padding: 7px 10px;
}
.propFilterBox .filtersBtnBox button:hover,
.propFilterBox .filtersBtnBox button:focus {background: none; border: none; outline: none; text-decoration: none;}
.propFilterBox .filtersBtnBox button i {}
.propFilterBox .filtersBtnBox button span {margin: 0 6px 0 5px;}
.propFilterBox .filtersBtnBox button i:last-child {font-size: 13px; color: #777777;}

.propFilterBox .filterGridBtn {display: inline-block; font-size: 16px; line-height: 20px;
    border-right: 1px solid #999999;}
.propFilterBox .filterGridBtn button {background: none; border: none; outline: none;
    padding: 7px 10px;}
.propFilterBox .filterGridBtn button i {margin-right: 5px;}
.propFilterBox .filterMapBtn {display: inline-block; font-size: 16px; line-height: 20px;
    border-right: 1px solid #999999;}
.propFilterBox .filterMapBtn button {background: none; border: none; outline: none;
    padding: 7px 10px;}
.propFilterBox .filterMapBtn button i {margin-right: 5px;}
.propFilterBox .filterResetBtn {display: inline-block; font-size: 16px; line-height: 20px;}
.propFilterBox .filterResetBtn button {background: none; border: none; outline: none;
    padding: 7px 10px; color: #003b79;}
.propFilterBox .filterResetBtn button i {margin-right: 5px;}

.propSortingBox {text-align: right;}
.propSortingBox .filterSortBox {display: inline-block; font-size: 16px; line-height: 20px;
    border-right: 1px solid #999999;    position: relative;
}
.sortingDropdown {
    background: #f5f5f5;
    width: 210px;
    position: absolute;
    border: 1px solid #ddd;
    right: 0;
    top: 46px;
}
.sortingDropdown li {padding: 10px 10px;border-bottom: 1px solid #ddd;text-align: left}
.sortingDropdown li.active{background: #003b79;}
.sortingDropdown li.active a{color: #ffffff;}
.sortingDropdown li a{    color: #030303;
    font-size: 15px;
    font-weight: 600;}
.propSortingBox .filterSortBox button {background: none; border: none; outline: none;
    padding: 7px 10px;
}
.propSortingBox .filterSortBox button:hover,
.propSortingBox .filterSortBox button:focus {background: none; border: none; outline: none; text-decoration: none;}
.propSortingBox .filterSortBox button i {}
.propSortingBox .filterSortBox button span {margin: 0 6px 0 5px;}
.propSortingBox .filterSortBox button i:last-child {font-size: 13px; color: #777777;}

.propSortingBox .filterPropertiesCount {display: inline-block; font-size: 14px; line-height: 20px; margin-left: 5px;}
.propSortingBox .filterPropertiesCount strong {}

#propFilters {width: 530px; max-width: 100%;
    position: absolute; top: 100%; left: 100px; background: #eeeeee;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding-top: 40px; padding-bottom: 20px;
}
#propFilters h5 {margin: 0 0 6px;}
.filterSubmitBox {text-align: right;}
.filterSubmitBox #filterSubmitBtn {text-align: center;
    background: #003b79;
    border: 1px solid #003b79; padding: 7px 30px; color: #ffffff;
    font-size: 16px; line-height: 20px; font-weight: 400;
    outline: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.filterSubmitBox #filterSubmitBtn:hover {padding: 7px 40px; text-decoration: none; border: 1px solid #003b79; outline: none;
    background: #003b79; color: #ffffff;}
.filterSubmitBox #filterSubmitBtn:focus {
    text-decoration: none; border: 1px solid #003b79; outline: none;
    background: #003b79; color: #ffffff;
}
.filterSubmitBox #filterAdvBtn {color: #003b79; font-size: 14px; line-height: 20px; margin-right: 10px;
    background: none; outline: none; text-decoration: none; border: none;
}
.filterSubmitBox #filterAdvBtn:hover {text-decoration: underline; color: #003b79; background: none; outline: none; border: none;}
.filterSubmitBox #filterAdvBtn:focus {text-decoration: underline; color: #003b79; background: none; outline: none; border: none;}

.filterSubTypeBox {margin-top: 20px;}
/*=============*/
.filterTxtField {margin-bottom: 12px; outline: 0; border: 1px solid #999999;
    background: #eeeeee; padding: 5px 10px; width: 100%; font-size: 13px;
    line-height: 20px;
}
/* The container */
.checkboxBox {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 7px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px; line-height: 20px; font-weight: 400;
}

/* Hide the browser's default checkbox */
.checkboxBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #999999;
}

/* On mouse-over, add a grey background color */
.checkboxBox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxBox input:checked ~ .checkmark {
    background-color: #003b79;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxBox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxBox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*====== CONTACT PAGE ======*/
.contact-info-box {padding-top: 40px; padding-bottom: 40px;}
.contact-info-box h3 {color: #003b79;}
.contactOffice {}
.contactOffice li {position: relative; padding-left: 20px; margin-bottom: 5px;}
.contactOffice li i {position: absolute; top: 6px; left: 0; font-size: 14px; line-height: 14px;}
.contactOffice li a {color: #000000; text-decoration: none;}
.contactOffice li a:hover {color: #003b79; text-decoration: none;}
.contactOffice li a:focus {color: #000000; text-decoration: none;}

.contact-social {margin-top: 15px;}
.contact-social li {display: inline-block; margin-right: 5px;}
.contact-social li:last-child {margin-right: 0;}
.contact-social li a {color: #00507a; display: inline-block; text-decoration: none; font-size: 20px; line-height: 20px; font-weight: 400;}
.contact-social li a:hover {color: #003b79; text-decoration: none;}
.contact-social li a:focus {color: #00507a; text-decoration: none;}
/*=============*/
.pageHeader {position: relative; overflow: hidden; margin-top: 71px; z-index: 0;}
.pageHeader:before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: -1;}
.pageHeader h1 {color: #ffffff; margin: 0; font-size: 36px; line-height: 36px; font-weight: 300;}
.headingStyle {}
.headingStyle h2 {border-bottom: 1px solid #00507a; display: inline-block; padding-bottom: 10px; color: #003b79;}
.headingStyle h2 strong {color: #00507a;}
.headingStyleW {}
.headingStyleW h2 {border-bottom: 1px solid #ffffff; display: inline-block; color: #ffffff; padding-bottom: 10px;}
.headingStyleW h2 strong {color: #ffffff;}
.headingStyleC {text-align: center;}
.headingStyleC h2 {border-bottom: 1px solid #00507a; display: inline-block; padding-bottom: 10px; color: #003b79;}
.headingStyleC h2 strong {color: #00507a;}
.headingStyleCW {text-align: center;}
.headingStyleCW h2 a {border-bottom: 1px solid #ffffff; display: inline-block; color: #ffffff; padding-bottom: 10px; font-weight: 400;}
.headingStyleCW h2 strong {color: #ffffff;}
.margin-right5 {margin-right: 5px;}
.mrg-tp-30 {margin-top: 30px !important;}
.mrg-tp-20 {margin-top: 20px !important;}
.mrg-tp-15 {margin-top: 15px !important;}
.mrg-tp-10 {margin-top: 10px !important;}
.btnBig {background: none; color: #ffffff; display: inline-block; padding: 10px 35px; font-size: 14px; line-height: 20px; text-align: center;
    font-weight: 500; text-transform: uppercase; margin-top: 7px; border: 1px solid #ffffff;}
.btnBig:hover {text-decoration: none; color: #000000; border: 1px solid #ffffff; background: #ffffff;}
.btnBig:focus {text-decoration: none; color: #000000; border: 1px solid #ffffff;}
.swiper-button-next6, .swiper-button-next7, .swiper-button-next8, .swiper-container-rtl .swiper-button-prev{
    background-image: url(assets/img/next.png) !important;
    right: 0 !important;
    top: -50px !important;
    position: absolute;
    width: 27px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev6, .swiper-button-prev7, .swiper-button-prev8, .swiper-container-rtl .swiper-button-next{
    background-image: url(assets/img/back.png) !important;
    right: 28px !important;
    top: -50px !important;
    position: absolute;
    width: 27px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.modal {z-index: 998;}
.modal-content-area{
    position: relative;
    z-index: 1050;
    background: #ffffff;
    min-height: 29vh;
    border: 1px solid #dddddd;
    width: 650px;
    max-width: 100%;
    margin: 150px auto 0;
    text-align: left;
}
/*.modal-backdrop.in{opacity: 0 !important;}*/
.modal-backdrop{opacity: 0.8 !important; background-color: #ffffff;}
.modal-header {
    min-height: 16.42857143px;
    border-bottom: 1px solid #e5e5e5;
    background: #02507a;
}
.modal-content {border-radius: 0; box-shadow: none; padding: 20px; border: none;}
#myModalLabel {margin: 0; padding-right: 30px; color: #ffffff; font-size: 22px;}
.modal-header .close {
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    opacity: 0.5;
}

.testimonialSection {position: relative; overflow: hidden; z-index: 0;}
.testimonialSection:before {content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1;
    background: rgba(0, 0, 0, 0.85);
}
.testimonial{
    margin: 50px 30px 30px 30px;
    text-align: center;
    position: relative;
}
.testimonial .testimonial-description{
    padding: 30px;
    margin-bottom: 80px;
    border-left: 1px solid #fff;
    font-size: 15px;
    color: #fff;
    line-height: 33px;
    position: relative;
}
.testimonial .testimonial-description p:first-child {margin-top: 0 !important;}
.our-testimonials .testimonial .testimonial-description {border-left: 1px solid #003b79; color: #000000;}
.testimonial .testimonial-description:before,
.testimonial .testimonial-description:after{
    content: "";
    width: 20%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.our-testimonials .testimonial .testimonial-description:before,
.our-testimonials .testimonial .testimonial-description:after {background: #003b79;}
.testimonial .testimonial-description:after{
    top: auto;
    bottom: 0;
}
.testimonial .testimonial-title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin: 0 0 5px 0;
    position: relative;
}
.our-testimonials .testimonial .testimonial-title {color: #003b79;}
.our-testimonials .testimonial .testimonial-info {color: #00507a; margin: 0;}
.testimonial:before,
.testimonial .testimonial-title:before{
    content: "";
    width: 1px;
    height: 50px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.our-testimonials .testimonial:before,
.our-testimonials .testimonial .testimonial-title:before {background: #003b79;}
.testimonial .testimonial-title:before{ top: -80px; }
.testimonial .testimonial-pic{
    display: inline-block;
    width: 100px;
    height: 100px;
}
.testimonial .testimonial-pic img{
    width: 100%;
    height: auto;
}

.clientsScrollSection {}
.clientsScrollSection img {-webkit-filter: grayscale(1); filter: grayscale(1);}

.careersNavItem {background: url(assets/img/career.svg) 6px 14px no-repeat; background-size: 9px;}
.resourcesNavItem {background: url(assets/img/resources.svg) 0 14px no-repeat; background-size: 12px;}
.contactNavItem {background: url(assets/img/contact.svg) 0 15px no-repeat; background-size: 13px;}
/*====================*/

.singleteam-property-sec tr{
    border-bottom: 1px solid #dddddd;
}
.singleteam-property-sec tr td{
    padding: 15px;
}
.singleteam-property-sec tr:not(:first-child) td strong {display: none;}
.singleteam-property-sec tr td strong{
    font-size: 17px; line-height: 23px;
}
.singleteam-property-sec a{
    font-weight: 400;
	color: #000000;
}
.singleteam-property-sec a:hover{
    color: #00507a;
}
/*.singleteam-property-sec tr:nth-child(even) {
    background: rgba(57, 76, 160, .04);
}*/
.singleteam-property-sec tr:nth-child(1) {
    background: rgba(57, 76, 160, .04);
}
/*Custom Class for Transactions Bullets*/
.cstm-cls1
{
    /*min-height: 100px;*/
}
.cstm-cls1 ul li
{
    line-height: 18px;
    font-size: 13px;
    margin: 0;
}

/*==========Sidebar==========*/

.sidebar-box{
    background: #f9f9f9;
    padding: 15px;
}
.search-submit {
    border: none;
    outline: none;
    background: #00507a;
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 3px;
}
.search-field {
    margin-bottom: 10px;
    border: 1px solid #aeaeae;
    outline: none;
    border-radius: 3px;
    padding: 4px 10px;
}
span.screen-reader-text {
    display: none;
}
.blog-details {
    font-size: 13px !important;
    margin-top: 5px !important;
    color: #888888;
    text-transform: none;
}

/*====================*/

.headingStyleC a{
    color: #02507a;
	font-weight: 400;
}

.contactBrokerForm h5{
    font-size: 14px;
    margin: 0;
}

.theRealDealFeed div.wpra-list-template .wpra-item-list > li.wpra-item a{
    color: #003b79;
}

.pincuscoFeed div.wpra-list-template .wpra-item-list > li.wpra-item a{
    color: #003b79;
}

div.wprss-feed-meta > span.feed-source {
    color: #007ab5;
}
.nice-select {border-radius: 0; width: 100%;}
.nice-select .list {width: 100%; max-height: 150px; overflow: auto;}
.contactBrokerForm .nice-select {margin-bottom: 10px;}
.singleTransPrice {
    font-size: 20px; 
    line-height: 32px;  
    color: #02507a;
    text-align: right;
}

/*====================*/

.newsletters-box{
    right: 1%;
    position: fixed;
    bottom: 0;
    width: 450px;
    z-index: 99;
    animation: popup .5s 5s ease forwards;
}
@keyframes popup {
 from {opacity: 0; }
 to{opacity: 1; }
}
.newsletters-box-inner {
    position: absolute;
    bottom: 0;
    background: #ffffff;
    box-shadow: 0 0 5px #dae8e8;
    border-radius: 5px;
}
.newsletters-box-inner a.newsletters-close {
    position: absolute;
    right: 20px;
    display: block !important;
    font-size: 22px; 
    cursor: pointer;
    background: #ffffff;
    top: -15px;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 0 4px #dae8e8;
}
.newsletters-box-inner a.newsletters-close:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.ctct-form-embed .ctct-form-defaults {
    padding: 10px 15px !important;
}
#email_address_label_0, #first_name_label_0, #last_name_label_0{
    display: none;
}
.ctct-form-embed .ctct-form-defaults p.ctct-form-footer {
    display: none;
}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button{
    margin-top: 5px;
}
.ctct-form-embed form.ctct-form-custom button.ctct-form-button{
    padding: 10px !important;
}
.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    height: 40px !important;
}
.g-recaptcha{
    opacity: 0;
}

.resp-msg {
    color: #2a8900;
    border: 1px solid #04cc0d;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    background: rgb(5 176 0 / 16%);
}

/******************************Danish***********************************/
.market-thumb{
    width:100%; height: 240px;
    position: relative; margin-bottom: 30px;
}
.market-thumb:before{
    content: ""; position: absolute;
    width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 9;
}
.market-thumb h3{position: absolute; font-size: 35px; left: 30px; bottom: 40px; color: #ffffff; z-index: 99; font-weight: 300;}
.market-thumb span{position:  absolute; left: 30px; bottom: 20px; color: #ffffff; z-index: 99;}

.market-thumb-container a:hover .market-thumb span
{bottom: 40px;}
.market-thumb-container a:hover .market-thumb h3
{bottom: 60px;}
.pagination h2.screen-reader-text{display: none;}
.pagination .nav-links span,
.pagination .nav-links a{padding: 5px;}
.single-westla_marketplaces .navigation.pagination {width: 100%; float: left; padding: 0 15px;}
#filter-brokers-listings{height: 947px; overflow: auto;}

.gallery-main-image {
    height: 450px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.lSSlideOuter .lSPager.lSGallery img {
    height: 50px !important;
    width: 100px !important;
}

.property-not-found{
	border: 1px solid #f30000;
    background: #ffd3d3;
    padding: 10px;
    color: #e00000;
	font-size: 16px;
    text-align: center;
}
/*========================================================
 * 				What We Do Page
 * =======================================================*/
.whatWeDoIntro {}
.whatWeDoIntro p {font-size: 32px; line-height: 37px; color: #003b79;}
.whatWeStart {}
.whatWeStart .whatWeStartInner {padding: 80px 0;}
.whatWeStart .whatWeStartInner .whatWeStartText {padding: 20px 100px;}
.whatWeStart .whatWeStartInner .whatWeStartText h3 {font-size: 32px; line-height: 36px; font-weight: 500; color: #003b79;}
.whatWeStart .whatWeStartInner .whatWeStartText p {font-size: 18px; line-height: 28px;}
.whatWeStart .whatWeStartImg {}
.whatWeStart .whatWeStartImg img {}
.whatWeDo1 {}
.whatWeDo1img {position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1;}
.whatWeDo2img {position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 1;}
/*========================================================
 * 				What We Do Page Ends
 * =======================================================*/
/*========================================================
 * 				   Contact Page 
 * =======================================================*/
.wpcf7-textarea {height: 143px;}
.contactDetailSec {}
.contactDetailSec h3 {font-size: 32px; color: #003b79;}
.contactDetailSec p {font-size: 17px; line-height: 26px;}
.contactDetailSec p strong {}
/*========================================================
 * 				Contact Page Ends
 * =======================================================*/
/*========================================================
 * 					Blog Page
 * =======================================================*/

/*========================================================
 * 				 Blog Page Ends
 * =======================================================*/
.dFlex {display: flex; flex-wrap: wrap; align-items: center;}
a.thebutton {
    background: #2679d1;
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
    margin-top: 5px;
    display: inline-block;
    font-size: 11px;
}
.single-properties a.thebutton {
    font-size: 13px;
}
ul.rightcoltext {list-style: disc outside;
    list-style-image: url("") !important;
    margin: 0 0 10px 5px !important;
    padding: 0 !important;
    width: 100% !important;
}
ul.rightcoltext li {
    padding-left: 25px !important;
    font-weight: normal;
    font-family: Sans Bold, Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    background-image: url("/wp-content/uploads/2021/08/arrow2.png") !important;
    background-repeat: no-repeat;
    background-position: left top;
}
.widget h2{
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #003b79;font-size: 25px;
}
.widget p{margin-bottom:15px !important;}
.slideText .propFilterBox .filterMapInput span, .propFilterBox .filterMapInput i {display:none;}
.mainBanner2 {
    position: relative;
    float: left;
    width: 100%;
    background-size: auto; height: 400px;margin-top: -1px;margin-bottom: 20px;
}
.mainBanner2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
.mainBannerInnerTop {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
.mainBannerInnerTop::before {
    content: '';
    position: absolute;
    top: 0px;
    right: -70px;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/synergy/assets/images/bannerRightOverlay.svg) right top no-repeat;
        background-size: auto;
    background-size: 100%;
}
.mainBannerInnerTopText {
    position: absolute;
    top: -14px;
    width: 100%;
    height: 110px;
    background: url(/wp-content/themes/synergy/assets/images/bannerLeftOverlay.svg) left center no-repeat;
        background-size: auto;
    background-size: 100%;
    padding: 18px 20% 0px 10px;
    z-index: 1;
}
.mainBannerInnerTop h2 {
    color: #ffffff;
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
    margin: 5px 0 0 0;
    font-family: 'Lato', sans-serif;
}
.mainBannerInnerTop p {
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 4px !important;
    font-family: 'Lato', sans-serif;
    padding-right: 20px;
}
.mainBannerInnerMiddle {
    position: absolute;
    width: 235px;
    bottom: 70px;
    right: 0;
    z-index: 1;
}

.mainBannerInnerMiddle img {
    width: 100%;
    height: auto;box-shadow: 0px 0px 0px #ccc;
}

.mainBannerInnerTopBottom {
    position: absolute;
    bottom: 47px;
    right: 0;
    z-index: 1;
}

.mainBannerInnerTopBottom a {
    padding: 20px 20px 30px 70px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    background: url(/wp-content/themes/synergy/assets/images/getStarted.svg) right center no-repeat;
    background-size: 100%;
    font-weight: 900;
}

.mainBannerInnerTopBottom a:hover {
    text-decoration: none;
}

.mainBannerInnerBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #000000;
    z-index: 1;
    text-align: center;
    border-top: 5px solid #ffffff;
}

.mainBannerInnerBottom a {
    display: block;
    padding: 20px;
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
}
.mainBanner{position:relative;float:left;width:100%;margin:20px 0; background: url('/wp-content/themes/synergy/assets/images/la.jpg') center center no-repeat; background-size: cover;}
.mainBanner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)}
.mainBanner:after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(/wp-content/themes/synergy/assets/images/bannerOverlay.svg) left top no-repeat;
 background-size:cover
}
.mainBannerInnerLeft {
 width:350px;
 min-height:210px;
 float:left;
 position:relative;
 z-index:1;
 padding:20px
}
.mainBannerInnerLeft h2 {
 color:#fff;
 font-weight:900;
 font-size:20px;
 line-height:20px;
 margin:0 0 15px;
 font-family:'Lato',sans-serif
}
.mainBannerInnerLeft p {
 font-size:18px;
 line-height:24px;
 color:#fff;
 font-weight:700;
 font-family:'Lato',sans-serif
}
.mainBannerInnerLeft a.getStartedBtn {
 display:inline-block;
 margin-top:20px;
 border:2px solid #fff;
 padding:5px 20px!important;
 text-transform:uppercase;
 font-family:'Lato',sans-serif;
 background:rgba(0,0,0,.5);
 color:#fff;
 font-weight:900;
 font-size:13px;
 text-decoration:none
}
.mainBannerInnerLeft a.phone {
 display:block;
 margin-top:20px;
 font-family:'Lato',sans-serif;
 color:#fff;
 font-weight:700;
 font-size:20px;
 text-decoration:none
}
.mainBannerInnerLeft a.phone:hover,
.mainBannerInnerLeft a.phone:focus {
 text-decoration:none
}
.mainBannerInnerRight {
 position:absolute;
 bottom:20px;
 left:250px;
 z-index:1
}
.synergyAgent {
 float:left;
 margin-right:10px;
 overflow:hidden;
 border-radius:50%;
 border:3px solid #fff;
 width:100px;
 height:100px
}
.synergyAgent img {
 width:100%;
 height:auto
}
.synergyAgent.agnt1 {
	background: url('/wp-content/themes/synergy/assets/images/agnt1.jpg') center center no-repeat; 
	background-size: 100% 100%;
}
.synergyAgent.agnt2 {
	background: url('/wp-content/themes/synergy/assets/images/agnt2.jpg') center center no-repeat; 
	background-size: 100% 100%;
}
.synergyAgent.agnt3 {
	background: url('/wp-content/themes/synergy/assets/images/agnt3.jpg') center center no-repeat; 
	background-size: 100% 100%;
}
.callbox {background-color: #fff; text-align: center; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); margin-top: 12px;float: left;width: 100%;margin-bottom: 15px;}
.callbox h2{color: #000; font-family: 'Open Sans',sans-serif; font-size: 2em; font-weight: bold; min-height: 30px; line-height: 1.5em; text-transform: capitalize; border-bottom: 2px solid #53555c; margin-bottom: 15px; text-align: center; margin-top: 0;padding-bottom: 0;}
.callbox h3 {text-align: center; margin-top: 0; margin-bottom: 2px; font-weight: bold;font-size: 19px;}
.callbox p.callcontent {padding: 0 0px 0px 10px;margin-top: 0 !important;}
.callbox .mainBannerInnerBottom{    position: relative;    margin-top: -10px;    height: auto;    background: #c60000;    font-weight: bold;    padding-bottom: 1px;}
.callbox .mainBannerInnerBottom a {    color: #fff;}
.callbox .mainBannerInnerBottom i {display: block; font-size: 50px; margin-top: 10px; text-decoration: none;}
.callbox .mainBannerInnerBottom .btny{background-color: #003b79; color: #fff; margin: 10px; font-size: 20px; font-weight: normal; margin-top: 0; text-decoration: none;display: block;padding: 20px;line-height: 24px;}
.callbox .mainBannerInnerBottom .btny i{    font-size: 20px;    display: inline-block;   margin-right: 8px;    margin-top: 0;}
.testimonial {    margin: 0 auto !important;}
#filterForm .propFilterBox .filterMapInput {
    display: none;
}
@media(min-width:550px) and (max-width:615px) {
 .synergyAgent {
  width:80px;
  height:80px
 }
}
@media(min-width:481px) and (max-width:549px) {
 .synergyAgent {
  width:80px;
  height:80px
 }
 .mainBannerInnerRight {
  bottom:-9px;
  left:75%
 }
}
@media(max-width:480px) {
 .mainBannerInnerLeft {
  width:90%
 }
 .synergyAgent {
  width:80px;
  height:80px
 }
 .mainBannerInnerRight {
  position:relative;
  float:left;
  left:0;
  width:100%;
  padding:20px 0 0 20px
 }
}
@media(max-width:360px) {
 .synergyAgent {
  width:70px;
  height:70px
 }
}