/*
Theme Name: Chariff Custom Wordpress Theme
Author: ML Jordan
Author URI: https://mljordan.com/
Description:Custom WordPress theme for Chariff by MLJordan
Version: 1.0
*/
/************type***************/
body {
    overflow-x: hidden !important; color: #000000; font-size: 15px; line-height: 24px; font-family: 'Avenir', sans-serif;
}

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

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

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

.fancy-heading h2{position: relative; display: inline-block; color: #000000; text-transform: uppercase; letter-spacing: -1px;}
.fancy-heading h2 strong{color: #069b4e; font-weight: 300;}
/*.fancy-heading h2:before{ content: ""; position: absolute; top: 25px; left: -330px; width: 300px; border-bottom: 1px solid #000000; height: 0;}
.fancy-heading h2:after{content: ""; position: absolute; top: 25px; right: -330px; width: 300px; border-bottom: 1px solid #000000; height: 0;}*/
.fancy-heading2 h3:after{content: ""; position: absolute; top: 15px; right: -100px; width: 80px; border-bottom: 1px solid #000000; height: 0;}
.fancy-heading2 h3{position: relative; display: inline-block; color: #000000}
.fancy-heading2 h4:after{content: ""; position: absolute; top: 25px; right: -100px; width: 80px; border-bottom: 1px solid #069b4e; height: 0;}
.fancy-heading2 h4{position: relative; display: inline-block; color: #000000}
.fancy-heading2 h3 strong{color: #069b4e;}
.regular h1, .regular h2, .regular h3, .regular h4, .regular h5, .regular h6 {
    font-weight: 400;
}

.accent-h-container h1, .accent-h-container h2, .accent-h {
    position: relative;display: inline-block;
}

.accent-h-container h1:before, .accent-h-container h2:before, .accent-h:before {
    content: '';display: inline-block;position: absolute;top: 48.4%;left: -60px;height: 2px;width: 50px;background: #069b4e;
}

.accent-h-container h1:after, .accent-h-container h2:after, .accent-h:after {
    content: '';display: inline-block;position: absolute;top: 48.4%;right: -60px;height: 2px;width: 50px;background: #069b4e;
}

.search-results h1 {font-size: 30px;color: #000000;font-weight: 400;line-height: 36px;}
.bdr-btm-3 {background: url('assets/img/bdr-btm-3.png') center bottom no-repeat;padding-bottom: 30px;margin-bottom: 30px;}
.bdr-btm-blue {border-bottom: 5px solid #069b4e;}
.heading-inline {display: inline;}
.heading-notopmargin h1 {margin-top: 0;}

.white {color: #ffffff;}

.black {color: #000000;}

a {color: #069b4e;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: #069b4e;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;}
.right {text-align: right;}
.just {text-align: justify;}
.italic {font-style: italic;}
.f-right {float: right;}
.btn-green{background: #82c23e;}
.btn-invest{padding: 8px 45px 8px 45px !important;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    -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;
    outline: none !important;
    outline-offset: 0;
    border-radius: 0px;
}
.btn-invest:focus {color: #ffffff;border: none;}
.btn-orange{background: #f36a21;}
.mybtn{padding: 3px 25px 3px 25px !important;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    -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;
    outline: none !important;
    outline-offset: 0;
}

.mybtn:focus {color: #ffffff;border: none;}

.mybtn2 {
    padding: 7px 25px 7px 25px !important;
    margin-top: 15px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 25px;
    -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;
}

.mybtn2:focus {color: #ffffff;border: none;}
.btn-gray, .btn-gray:focus {background: #eaeaea;color: #000038;border: none;text-decoration: none;}
.btn-gray:hover {background: #aeaeae;border: none;color: #ffffff;text-decoration: none;}
.btn-banner { background: rgba(0, 0, 0, 0.5);margin-top: 15px;border: 2px solid #ffffff !important;border-radius: 20px;font-weight: 700;text-transform: uppercase;}
.btn-banner:hover {background: #ffffff;color: #000000;padding: 3px 40px !important;border: 2px solid #ffffff;}
.btn-green {background: #069b4e;}
.btn-green:hover {background: #069b4e;border-bottom: none;color: #ffffff;}
.btn-dark {background: #000000; margin-top: 15px; border: 1px solid transparent; position: relative; overflow: hidden; border-radius: 20px;}
.btn-dark i {left: -50px;top: 9px;position: absolute;}
.btn-dark:hover > i {left: 15px;}
.btn-dark:hover {padding-left: 40px !important;border: 1px solid #ffffff;background: #069b4e; color: #ffffff;}
.icon-outset p {padding-left: 22px; line-height: 18px; line-height: 28px; font-size: 14px;}
.single-team-page .icon-outset p {padding-left: 0px; line-height: 18px;}


.container-footer .icon-outset p{color: #ffffff;}
.icon-outset i {margin-left: -23px !important;width: 12px;height: 26px;border-radius: 100%;color: #ffffff;margin-right: 8px;text-align: center;padding-top: 6px;}
.single-team-page .icon-outset i {margin-left: -41px !important; width: 26px;height: 26px;border-radius: 100%;
               color: #069b4e;margin-right: 8px;text-align: center;padding-top: 6px;background: none;}

.single-team-page .single-icon-outset i {margin-left: -5px !important; width: 26px;height: 26px;border-radius: 100%;
               color: #069b4e;margin-right: 0px;text-align: center;padding-top: 6px;background: none;}

.our-locations .icon-outset i{color: #0a2a6d;}
.contact .icon-outset i {background: none;color: #069b4e;}
.txt-black {color: #000000;}
.txt-black h3 {color: #000000 !important;}
.txt-md {font-size: 16px;line-height: 28px;}
.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;}

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

/************************* margins and paddings***************************************************************/
.xtrapadding {padding: 0 65px;}
.marginvh100 {margin-top: 100vh;}
.marginbtfooter {margin-bottom: 600px;}
.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;}
.paddingxs {padding-top: 30px;padding-bottom: 30px;}
.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%;}
.txt-padded {padding-left: 15px;padding-right: 15px;}
.txt-padded-white {padding: 60px 100px;background: #f9f9f9;}
.xtopmargin{margin-top: 150px;}

/************************* margins and paddings end***************************************************************/

/*****************backgrounds, borders and lines**************************************************************************************/
.section-sep {height: 3px;background: url('assets/img/section-sep.png') center center no-repeat;}
.line {height: 1px;border-bottom: 1px solid #dddddd;position: relative;z-index: 99;}
.line-blue {height: 1px;border-bottom: 5px solid #069b4e;position: relative;z-index: 99;}
.line-gold-thin {height: 1px;border-bottom: 2px solid #dda036;}
.line-dark-thin {height: 1px;border-bottom: 1px solid #cccccc;}
.bg-white {background: #ffffff;position: relative;z-index: 99;}
.bg-white-tr {background: rgba(255, 255, 255, 0.8);}
.bg-dark {background: #2e3233;}
.bg-dark-buildings {background: url('assets/img/buildings.png') center bottom no-repeat #181d1e;}
.bg-light-gray {background: #eeeeee; position: relative;z-index: 99;}
.bg-dark-gray {background: #eeeeee;position: relative;z-index: 99;}
.bg-blue {background: #069b4e;}
.bg-green {background: #82c23e;}
.ind-cre-nav {background: #069b4e;}

/*****************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************************************************/

.home .navbar-fxd-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1025;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    border-bottom: 0;
}
.navbar-fxd-wrapper{position: fixed; top: 0; left: 0; z-index: 999; background: #ffffff; width: 100%; border-bottom: 0px solid transparent;}
.home .site-logo{
    width: 80px;
    height: 81px;
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 999;
    background: url(assets/img/logo-w.png) top left no-repeat;
    background-size: 100%;
    transition: none !important;
}
.site-logo{
    width: 80px;
    height: 81px;
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 999;
    background: url(assets/img/logo.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-right: 0;}
.navbar{margin-bottom: 0; border: none;}
.navbar-nav{float: right; margin: 0 80px 0 0px; text-align: right;}
.navbar-nav li{padding: 0px 15px; float: none; display: inline-block; }


.home .navbar-nav li a{
    display: block;
    margin-bottom: 15px;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    background: url(assets/img/nav-hover.png) center bottom no-repeat;
    background-size: 0 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;
}
.navbar-nav li a{
    display: block;
    margin-bottom: 15px;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    text-transform: uppercase;
    background: url(assets/img/nav-hover.png) center bottom no-repeat;
    background-size: 0 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;
}


.navbar-nav li a:hover, .navbar-nav li.current-menu-item a{border-bottom: none; background: url(assets/img/nav-hover.png) center bottom no-repeat; background-size: 100% 1px;}
.navbar-nav li a:focus{outline: none; text-decoration: none;}
.sub-menu{display: none; position: absolute; top: 75px; 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;}

.home .sub-menu li a{text-transform: none; padding: 10px; display: block;  color: #ffffff !important; border: 0;}
.home .sub-menu li a:hover, .sub-menu li.current_page_item a{color: #ffffff !important; border: 0}

.sub-menu li a{text-transform: none; padding: 10px; display: block;  color: #ffffff !important; border: 0;}
.sub-menu li a:hover, .sub-menu li.current_page_item a{color: #ffffff !important; border: 0}

.navbar-nav > li:hover > ul{display: block;}

.contactinfo{float: right; margin: 5px 0 0px 15px;}
.contactinfo .contactinfo-img{float: left; margin-top: 2px; margin-bottom: 3px;}
.contactinfo .contactinfo-img i{font-size: 14px; color: #cccccc;}
.contactinfo .contactinfo-img img{width: 30px;}
.contactinfo .contactinfo-content{float: left; margin-left: 5px; position: relative; z-index: 1;}
.contactinfo .contactinfo-content p{margin-top: 3px !important; margin-bottom: -5px !important; font-size: 9px;
    text-transform: uppercase; letter-spacing: 0.1em; color: #9f9f9f; line-height: 14px;}
.contactinfo .contactinfo-content a{font-size: 12px; color: #bbbbbb; letter-spacing: 0; font-weight: 400; line-height: 34px; }
.contactinfo .contactinfo-content a:hover{color: #bbbbbb; border: none;}
/*******************main navigation ends************************************************/


/********************************footer****************************************************/
.container-footer {
    background: url(assets/img/footer-image.jpg) center center no-repeat;
    position: relative;
    background-size: 100%;
    /*z-index: 1050;*/
    font-size: 12px;
}
.footer-logo img {margin: 5px 0 0 0;}
.footer-logo {line-height: 22px;}
.footer-logo p {
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
}
#menu-footer-menu {margin-bottom: 10px;}
.container-footer ul li {display: block;margin: 0;}

.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: 7px 0;
}

.container-footer ul li a, .container-footer a {
    color: #ffffff; font-size: 13px; font-weight: 300; line-height: 14px;
}
.container-footer a i {color: #ffffff !important;}
.container-footer a:hover i {color: #ffffff !important;}
.container-footer ul li a:hover {border-bottom: none;}
.container-footer h3 {color: #ffffff;font-weight: 400; font-size: 20px;    margin: 0;}
.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: 2px !important;}
.footer-social li a {display: inline-block !important;font-size: 24px !important;color: #888888 !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;
}
.footerHeading h3{color: #ffffff;}
.footer-social li a:hover {border-bottom: none;}
.footer-locations {background-color: rgba(11,42,109,0.8); border-top: 1px solid rgba(255, 255, 255, 0.3);
background-image: url('assets/img/footer.jpg'); background-attachment: fixed;
           background-blend-mode: lighten; font-size: 12px;padding-top: 30px;padding-bottom: 30px;}
.footer-locations a{margin-top: 15px; display: block; color: #7799d8;}
.footer-locations a:hover{color: #ffffff; text-decoration: underline;}
.footer-locations a i, .footer-locations i, .footer-locations a:hover i{color: #7799d8 !important;}
.footer-locations .icon-outset p{color: #7799d8;}
.copyright {background: rgba(0, 0, 0, 0.6); color: #ffffff;}
.container-footer .icon-outset p {margin-top: 0 !important;}
.container-footer .icon-outset i {font-size: 13px;color: #ffffff;}

.footer-news a{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-right: 20px;
}
/********************************footer ends****************************************************/
.header-social {position: absolute;right: 0;top: 29vh;z-index: 9999;background: #00509e;padding: 5px;border-radius: 10px 0 0 10px;}
.header-social li {display: block;margin: 5px 2px !important;}

.header-social li a {display: inline-block !important;font-size: 14px !important;color: #ffffff;border-radius: 100%;background: #069b4e;padding-top: 2px;
                     text-align: center;width: 30px;height: 30px;
    -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;
}
.fix-img-block{position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.header-social li a:hover {border: none;background: #ffffff;color: #069b4e;}
.contact-social {margin: 15px 0;padding: 0;}
.contact-social li:first-child, .contact-social li:first-child a {padding-left: 0;margin-left: 0;}
.contact-social li {display: inline;margin: 5px;}
.contact-social li a {display: initial !important;font-size: 24px !important;color: #000038;padding: 0;
    -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;
}

.contact-social li a:hover {border: none;}

/*******************************home slider************************************/
.camera_bar {z-index: 2;top: 80px;height: 7px !important;}
.camera_bar span.camera_bar_cont {opacity: 0.8 !important;box-shadow: none !important;}
.camera_bar span#pie_0 {opacity: 0.8 !important;background: rgba(255,255,255, 1) !important;}
.camera_thumbs {margin-top: -100px;position: relative;z-index: 1;}
.camera_thumbs_cont {border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;}
.camera_overlayer {opacity: .4;}

.circle {background: #accede;text-align: center;width: 10rem;height: 10rem;border-radius: 5rem;}

.circle::before {content: '';height: 100%;width: 50%;float: left;
    shape-outside: polygon(0 0, 100% 0, 60% 4%, 40% 10%, 20% 20%, 10% 28.2%, 5% 34.4%, 0 50%, 5% 65.6%, 10% 71.8%, 20% 80%, 40% 90%, 60% 96%, 100% 100%, 0% 100%);}
.circle > span::before {content: '';height: 100%;width: 50%;float: right;
    shape-outside: polygon(100% 0, 0 0, 40% 4%, 60% 10%, 80% 20%, 90% 28.2%, 95% 34.4%, 100% 50%, 95% 65.6%, 90% 71.8%, 80% 80%, 60% 90%, 40% 96%, 0 100%, 100% 100%);}

/*.camera_wrap {background: #000000;}
.camera_wrap img{opacity: 0.8 !important;}*/
.camera_wrap{height: 100vh !important;}
.main-banner-container {top: 0;left: 0;z-index: -999;}
/*.pattern_1 .camera_overlayer{background: none !important;}*/
.visible {opacity: 1.0 !important;}
.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;}
.wrapper-vh-100 {top: 0;left: 0;width: 100%;height: 100vh;}
.swiper-container {height: 90vh;position: relative;border-bottom: 6px solid #069b4e;}
.camera_caption > div{background: none !important;}
.camera_caption {position: absolute;top: 30%; left: 20% !important; width: 60%; z-index: 1;}
.camera_caption h3 {color: #ffffff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95); margin-bottom: 80px; font-size: 22px;}
.camera_caption h2 {display: inline-block; font-weight: 700; font-size: 44px; line-height: 44px; margin: 0 0 20px 0; text-transform: uppercase; color: #ffffff;}
.camera_caption h4 {font-weight: 400; color: #ffffff; margin-top: 0;}
.camera_caption p {font-size: 18px !important;margin-bottom: 20px !important;margin-top: 0 !important;}

.camera_caption .sliderbrdBtn{
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.camera_caption .sliderbgBtn{
    background: #ffffff;
    padding: 10px 40px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}

.left25padd{padding-left: 25%;}
.choose-wrapper {
    padding: 50px 100px 30px 100px;
}
.choose-inner {
    padding: 135px 50px 135px 60px;
    background: #f9f9f9;
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;

}



.curve2 {background: url('assets/img/curve2.png') top right no-repeat; width: 100%;height: 20px;position: absolute;bottom: 0;right: 0;
    background-size: 50% 20px;z-index: 99;}
.curve {background: url('assets/img/curve.jpg') top right no-repeat;width: 100%;height: 40px;float: left;background-size: 50% 20px;}
.curve-blue {background: url('assets/img/curve-blue.png') center center no-repeat;width: 100%;height: 140px;}
.curve-blue-gray {background: url('assets/img/curve-blue-gray.png') center center no-repeat;width: 100%;height: 140px;}
.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;}
.t-title {color: #00509e;font-weight: 700;}
.t-org {font-weight: 700;text-transform: uppercase;}
.testimonails-info {font-style: normal;font-size: 13px;width: 100%;}
.about .testimonails-info {position: initial;font-style: normal;font-size: 13px;padding: 0;width: 100%;}

/*******************************home slider ends************************************/

/**************misc******************/
.pagetitle h1 {color: #ffffff;font-size: 40px;background: url(assets/img/nav-hover.png) left bottom no-repeat;background-size: 50% 4px;display: inline-block;}
.mypage-header {padding-top: 150px;border-bottom: 5px solid rgba(0, 0, 0, 0.6);}
.page-margin {margin-top: 113px;}
.blog-heading {font-size: 40px;color: #ffffff;margin: 12px 0 0 0;line-height: 40px;padding-bottom: 20px;
               background: url(assets/img/bdr-btm-3.png) center bottom no-repeat;background-size: 130px 4px;}
.blog-image{max-height: 400px; overflow: hidden;}
.page-heading {margin-top: 110px;padding: 20px 0; background: #f5f5f5; text-align: right;}
.page-heading h1 {font-size: 16px;color: #333333; margin: 0;line-height: 12px;}

.page-heading span{color: #bbbbbb; font-size: 12px;}
.form-fields, .form-fields2, .form-fields3{width: 100%; box-sizing: border-box; padding: 12px; font-size: 14px;
    float: left; margin-bottom: 30px; border: 1px solid #dddddd; border-radius: 5px;
    background: #eeeeee;
    -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: #eeeeee; border: 1px solid #dddddd !important; outline: none !important;}
.form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; 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: right; text-align: center; background: #069b4e !important; color: #ffffff !important; border: none; outline: none; font-weight: 600 !important; margin-right: 25px;
    padding: 5px 25px !important; box-sizing: border-box; text-transform: uppercase; border: 2px solid transparent; border-radius: 5px;
    -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-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}
.wpcf7-submit:hover, .searchButton a:hover{color: #ffffff !important; background: #069b4e !important; border: 2px solid #069b4e;}
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;}

.sidebar {padding-left: 30px;}
.sidebar-thumbnails img {width: 32% !important;height: auto !important;}
.sidebar-cats a {color: #555555;}

/**************misc ends*****************/
.show {display: block;}
.hide {display: none;}
.pagination {clear: both;
    /*padding:20px 0;*/margin: 0;position: relative;line-height: 13px;font-weight: 600;}
.pagination span {display: block;float: left;margin: 2px 20px 2px 0;padding: 4px 7px;text-decoration: none;width: auto;color: #2e2b28;}

.pagination span.current {
    display: block;
    float: left;
    margin: 2px 2px 2px 0 !important;
    padding: 4px 7px;
    border-radius: 2px;
    text-decoration: none;
    width: auto;
    color: #2e2b28;
    background: #cccccc;
}

.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 4px 7px;
    text-decoration: none;
    width: auto;
    color: #dda036;
    border-radius: 2px;
}

.pagination a:hover {
    background: #dda036;
    color: #ffffff;
    border-bottom: none;
}

.pagination .current {
    padding: 6px 2px 5px 2px;
    color: #2e2b28;
}

.pagination-container {
    position: relative;
}

.pagination-absolute-container {
    position: absolute;
    top: 30px;
    right: 0;
}
.round-image {width: 120px;height: 120px;border-radius: 100%;float: left;overflow: hidden;}
.round-image2 {width: 290px;height: 290px;border-radius: 100%;margin: 0 auto;overflow: hidden;}
.img-text {width: 60%;float: left;padding-left: 20px;}
span.screen-reader-text {display: none}
.search-field {margin-bottom: 10px;border: 1px solid #aeaeae;outline: none;border-radius: 3px;padding: 1px 10px;}
.search-submit {border: none;outline: none;background: #069b4e;color: #ffffff;padding: 2px 15px;border-radius: 3px;}
.search-results search-form {display: block;margin-top: 35px !important;}
.search-results h3 {margin-top: 0;font-weight: 500;}
.search-results .blog-f-image {width: 100px;}
.search-results .blog-text {width: 80%;}
.search-results a {font-weight: 400;}
.ex-pd {padding: 0 10px;}
.form-container {width: 90%;margin: auto;}
.form-container-narrow {width: 60%;margin: auto;}
.circle-iconsm {position: relative;margin: auto;width: 60px;height: 60px;border-radius: 100%;color: #ffffff;font-size: 24px;}
.circle-iconmd {position: relative;float: left;width: 120px;height: 120px;border-radius: 100%;
    background: #ffffff;border: 2px solid #eeeeee;color: #eeeeee;font-size: 20px;}
.circle-iconlg {position: relative;margin: auto;width: 140px;height: 140px;border-radius: 100%;background: #ffffff;
    border: 2px solid #eeeeee; color: #eeeeee;font-size: 20px;}
.block .circle-iconlg {position: relative;float: left;width: 120px;height: 120px;border-radius: 100%;background: #ffffff;
    border: 2px solid #00509e;color: #00509e;font-size: 40px;
}
.circle-iconlgtr {position: relative;margin: auto;width: 140px;height: 140px;overflow: hidden;border-radius: 100%;
    border: 2px solid #7baa29;color: #7baa29;font-size: 20px;}
.icon-outset-holder {width: 80px;float: left;}
.icon-outset-holder2 {width: 60px;float: left;font-size: 30px;color: #aeaeae;}
.iconlg-text {width: 80%;float: left;padding-left: 20px;}
.specialties .circle-iconmd {font-size: 30px;}
.block h3 {margin-top: 0;}
.txtsmaller {font-size: 13px;}
.home-services {padding-top: 15px;padding-bottom: 25px;}
.home-services h3 {font-size: 28px;font-weight: 400;width: 200px;margin: 20px auto;}
.services .home-services h3 {font-size: 28px;font-weight: 400;width: auto;margin: 20px auto;}
.home-services .mybtn {position: absolute;bottom: 0;opacity: 0;left: 50%;z-index: 99;transform: translate(-50%, -50%);}
.home-services:hover .mybtn {bottom: -30px;opacity: 1;}
.news-tags a {font-weight: 400;color: #00509e;}
.news-tags a:hover {border-bottom-color: #00509e;}
.news-date{margin: 0 !important; font-size: 12px; color: #acacac;}
.blog-text h2 {position: relative;font-weight: 700;font-size: 22px;line-height: 30px;margin: 0;}

.blog-feed h2 i {position: absolute;left: 0;top: 0px;color: #ffffff;font-size: 13px !important;background: #069b4e;
    border-radius: 100%;padding: 12px 13px;display: inline-block;}
.blog-feed h2 a {font-weight: 500;color: #069b4e;}
.blog-feed h2 a:hover {border-bottom-color: #069b4e;}
.icon-centered .circle-iconlg {float: none;margin: auto;}

.blog-details {font-size: 12px;font-weight: 400;margin-top: 0 !important;line-height: 45px;color: #bbbbbb;}
.blog-details i{color: #bbbbbb;}
.blog-details-sidebar{ font-size: 12px; font-weight: 400; margin-top: 0 !important; line-height: 24px; color: #069b4e; }
.blog-more { margin: 10px 0 10px 0; display: inline-block; }
.blog-more:hover { border-bottom: none; color: #069b4e; }
.featured-slide .description .blog-more{margin-left: 0}
.sidebar img{width: 100px; float: left}
.sidebar-feed{ width: 60%; float: left; margin-left: 10px; }
.sidebar-feed h5 { font-size: 12px; font-weight: 600; margin: 0; }
.sidebar-feed p { margin-top: 0 !important; }
.sidebar-gray-block {
    background: #eeeeee;
    padding: 15px 0 0 15px;
    float: left;
    border-bottom: 5px solid #000000;
    border-right: 2px solid #069b4e;
}
.full-thumbs { overflow: hidden; }
.full-thumbs .thumb-overlay .deadcenter2 { opacity: 0; }
.thumb-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 99; }
.thumb-overlay .deadcenter2 { width: 95%; }
.thumb-overlay h3 { background: rgba(255, 255, 255, 0.8); display: inline-block; 
                   padding: 5px 15px; font-weight: 400; font-size: 18px; position: absolute; top: 0; right: 0; width: 100%; }
.full-thumbs:hover > .thumb-overlay { background: rgba(0, 0, 0, 0.4); width: 95%; height: 95%; top: 2.5%; left: 2.5%; }
.full-thumbs:hover > .thumb-overlay > .deadcenter2 { opacity: 1; top: 60%; }
.full-thumbs:hover > .thumb-overlay > h3 { width: 100%; background: transparent; font-weight: 600; color: #ffffff; top: 15px; }
.thumb-overlay .deadcenter2 h4 { color: #ffffff; }
.thumb-overlay .deadcenter2 h2 { color: #ffffff; padding-bottom: 20px; font-size: 30px; font-weight: 500; line-height: 30px; margin: 0; }
.thumb-overlay .deadcenter2 { color: #ffffff; }
.featured-wrapper { height: 250px; position: relative; overflow: hidden; background: #000000; }
.featured-img { position: absolute; top: 0; left: -20%; width: 120%; height: 120%; z-index: 9; }
.price { display: block; position: absolute; bottom: 20px; right: 0; z-index: 99; background: #069b4e; padding: 5px; color: #ffffff; font-weight: 600; }
.short-desc { position: absolute; top: 100%; left: 0; z-index: 99; color: #ffffff; padding: 10px; text-align: center; }
.featured-wrapper:hover > .featured-img { left: 0; opacity: 0.6; }
.featured-wrapper:hover > .short-desc { top: 20%; }
.featured-content h3 { font-size: 18px; font-weight: 600; color: #069b4e; }
.featured-wrapper:hover > .featured-img { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); filter: grayscale(70%); transition: all 0.3s ease; }
.light-hover { position: relative; padding-top: 20px; padding-bottom: 20px; }
.light-hover:hover > .circle-iconmd { opacity: 0.3 }
.light-hover:hover > .iconlg-text { opacity: 0.3 }
.light-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; opacity: 0; 
                border-radius: 100px; background: rgba(255, 255, 255, 0.2); padding-top: 15px; padding-bottom: 15px; z-index: 9; overflow: hidden; }
.light-hover:hover > .light-overlay { height: 100%; opacity: 1; }
.listing-details { background: rgba(0, 0, 0, 0.05); padding: 10px; }
.blog-f-image { width: 300px; height: 300px; float: left; padding: 10px; }
.blog-text { width: 100%; float: left; padding: 9px; background: #ffffff; font-size: 14px; line-height: 22px; }
.clients-logo ul li { display: inline-block; border: 1px dotted #f5f5f5; text-align: center; padding: 15px; }
.clients-logo ul li img { width: 70%; }
.modal-content-area { position: relative; z-index: 1050; background: #ffffff; border-radius: 0; min-height: 50vh; 
                     border: none; width: 50%; margin: 10vh auto 0; text-align: left; }
.modal-backdrop{opacity: 0.8 !important;}

/*.modal-backdrop.in{opacity: 0 !important;}*/ .modal-backdrop { opacity: 0.8 !important; }

.bullet-text ul { margin: 20px 0; }
.bullet-text ul li { display: block; padding-left: 25px; background: url('assets/img/check-round-light.png') 0 3px no-repeat; margin: 5px 0; }

.bullet-text2 ul {margin: 20px 0; }
.bullet-text2 ul li {display: block; padding-left: 25px; background: url('assets/img/check-round.png') 0 3px no-repeat; margin: 5px 0; }
.modal-header { padding: 0 !important; }
.my-modal-content { padding: 0 20px; }
.my-modal-heading { background: #069b4e; color: #ffffff; padding: 10px 20px; margin: 0; }
.modal-header .close { margin-top: 7px; margin-right: 15px; font-size: 38px; opacity: 0.4; }
/******************************************Testimonial 1*****************************/

.clientbg .swiper-container { height: auto; border: none; }
.coming-soon .container-footer { display: none !important; }
.coming-soon .navbar-fxd-wrapper { display: none !important; }
.coming-soon .camera_bar { top: 0 !important; }
.texas { margin-top: 15px; }
.marketweserve p { font-size: 22px; line-height: 40px; }
.calltoaction h2 { font-size: 24px; color: #000000; }
.calltoaction b{font-size: 22px;}
.calltoaction a { color: #069b4e; } .service-info p{ line-height: 42px; font-size: 20px; }
.small-thumb-feed h5{margin: 0; font-weight: 500;} .small-thumb-feed p{ margin-top: 0 !important; display: inline; font-weight: 300; color: #cccccc; }
.blog-text h3{margin: 0 !important;} .more-link{display: none;} 
.blog-more{color: #092a6d; font-size: 13px; border-radius: 5px; margin-left: 25px;}
.blog-text a:hover{color:#ffffff;}
.blog-more:hover{ color: #092a6d !important;}
.blog-text a:hover{color: #069b4e; text-decoration: underline;}
.blog-text span h1{font-size: 18px; line-height: 18px; color: #555555; font-weight: 700;}

.charities h3{margin-top: 0;} 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("assets/img/back.png") !important; left: -20px !important;} 
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("assets/img/next.png") !important; right: -30px !important;}
.camera_bar{top: 0 !important;}

#headercontact {margin: 10px 0; padding: 4px 0; text-align: right;}
#headercontact li{ display: inline-block; }
#headercontact li.header-phone{margin-left: 15px;}
#headercontact li a img{width: 16px; margin-top: -2px;}
#headercontact li a{ color: #999999; font-size: 16px; line-height: 23px; width: 24px; height: 24px; text-align: center; margin: 5px; font-weight: 300;}
#headercontact li a:hover{color: #999999;}


.home #headercontact li a{ color: #ffffff; font-size: 16px; line-height: 23px; width: 24px; height: 24px; text-align: center; margin: 5px; font-weight: 300;}
.home #headercontact li a:hover{color: #ffffff;}
.home #headercontact li a img{width: 16px; margin-top: -2px;}




.home .socialmedia{display: inline-block; float: right}
.home .socialmedia li{padding: 0px 10px; float: none; display: inline-block; margin-top: 20px;}
.home .socialmedia li a{color: #cccccc; font-size: 16px; line-height: 23px;}


.socialmedia{display: inline-block; float: right}
.socialmedia li{padding: 0px 10px; float: none; display: inline-block; margin-top: 15px;}
.socialmedia li a{color: #999999; font-size: 16px; line-height: 23px;}











.home .animated-line{top: 90px;}



.animated-line{width: 100%; position: absolute; top: 73px; left: 100%; border: 1px solid #069b4e; height: 1px;}
.service-button{position: absolute; bottom: -200px; left: 0; width: 100%; border-radius: 0;}
/*.btn-service{padding: 5px 15px; border-radius: 20px; border: 2px solid #ffffff; color: #ffffff;}
.btn-service:hover{border: 2px solid #ffffff; color: #ffffff;}*/

.testimonial{ padding: 0 15px; } 
.testimonial .description{ font-size: 20px; font-weight:400; font-style: italic; color: #ffffff; line-height: 30px; padding-bottom: 25px; 
             margin-bottom: 15px; position: relative; background: transparent !important; }
.testimonial .description:before{ content: ""; width: 75%; border-top: 1px solid #ddd; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } 
.testimonial .description:after{ content: ""; width: 20px; height: 20px; background: #fff; position: absolute; bottom: -10px; left: 50%; 
       border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; transform: translateX(-50%) rotate(45deg); } 
.testimonial .pic{ width: 100px; height: 100px; border-radius: 50%; margin: 25px auto; overflow: hidden; } 
.testimonial .pic img{ width: 100%; height: auto; } 
.testimonial .title{ display: inline-block; font-size: 23px; font-weight: 700; color: #ffffff; text-transform: capitalize; margin: 0; } 
.testimonial .post{ display: inline-block; font-size: 14px; color: #ffffff; } 
.my-gallery img{filter: grayscale(100%); opacity: 0.3;} 
.my-gallery img:hover{filter: grayscale(0); opacity: 1; transition: 0.3s;}



.loader-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.loader{
    width: 200px;
    height: 200px;
    margin: 30px auto;
    position: relative;
}
.loader .loader-inner{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 20px solid #032023;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-style: perserve-3d;
    transform: scale(0) rotateX(60deg);
    animation: loading-1 3s cubic-bezier(.67,.08,.46,1.5) infinite;
}
.loader .loader-inner:nth-child(2){ animation-delay: 200ms; }
.loader .loader-inner:nth-child(3){ animation-delay: 400ms; }
.loader .loader-inner:nth-child(4){ animation-delay: 600ms; }
.loader .loader-inner:nth-child(5){ animation-delay: 800ms; }
.loader .loader-inner:nth-child(6){ animation-delay: 1000ms; }
.loader .loader-inner:nth-child(7){ animation-delay: 1200ms; }
.loader .loader-inner:nth-child(8){ animation-delay: 1400ms; }
@-webkit-keyframes loading-1{
    0%{
        opacity: 0;
        border-color: #069b4e;
        transform: rotateX(60deg) rotateY(45deg) translateZ(-100px) scale(0.1);
    }
    40%{
        opacity: 1;
        transform: rotateX(0deg) rotateY(20deg) translateZ(0) scale(1);
    }
    100%{
        opacity: 0;
        transform: rotateX(60deg) rotateY(-45deg) translateZ(-100px) scale(0.1);
    }
}
@keyframes loading-1{
    0%{
        opacity: 0;
        border-color: #069b4e;
        transform: rotateX(60deg) rotateY(45deg) translateZ(-100px) scale(0.1);
    }
    40%{
        opacity: 1;
        transform: rotateX(0deg) rotateY(20deg) translateZ(0) scale(1);
    }
    100%{
        opacity: 0;
        transform: rotateX(60deg) rotateY(-45deg) translateZ(-100px) scale(0.1);
    }
}












.single-page-sidebar h2{
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}

.sidebar-object{float: left; width: 100%; }
.single-page{padding: 150px 0; opacity: 0.4;}


.home-blog-feed h3{font-size: 18px;}
.home-blog-feed .blog-details{line-height: 18px;}
.home-blog-feed .blog-f-image{width: 100%; float: left; max-height: 180px; overflow: hidden; padding: 0;}



.box{
    background: transparent;
    overflow: hidden;
    position: relative;
}
.box:before,
.box:after{
    content: "";
    border-width: 0 220px 180px 220px;
    border-style: solid;
    border-color: transparent transparent #069b4e transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-55%, 100%);
    transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.box:after{
    border-width: 150px 250px;
    border-color: transparent #3257a5 #3257a5 #0c3ca4;
    top: 25%;
    transform: translate(-60%, 100%);
}
.box:hover:before{
    transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translate(-55%, 0);
    transition-delay: 0.2s;
}
.box:hover:after{
    transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translate(-60%, 0);
    transition-delay: 0s;
}
.box img{
    width: 100%;
    height: auto;
    opacity: 1;
    transform: scale(1.1) translateY(3%);
    transition: all 0.5s ease 0s;
}
.box:hover img{
    transform: scale(1.1) translateY(-3%);
    opacity: 0.8;
}
.box .box-content{
    padding: 20px 0 0 20px;
    position: absolute;
    bottom: 20px;
    right: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(20%);
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    transform: translate(0px);
    transition-delay: 0.1s;
}
.box .title, .box .title a{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    display: block;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #18ab69;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{ transform: rotate(360deg); }
@media only screen and (max-width:990px){
    .box{ margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) and (min-width: 600px){
    .box:before{ border-width: 0 250px 240px; }
    .box:after{ border-width: 260px 460px; }
}
@media only screen and (max-width: 599px) and (min-width: 430px){
    .box:before{ border-width: 0 220px 120px; }
    .box:after{ border-width: 260px 460px; }
}

/**********************EXPERIENCE PAGE*********************/
.exp-box{
    text-align: center;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px #a3a3a3;
}
.exp-box:before,
.exp-box:after{
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #f36b227d;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.exp-box:hover:before,
.exp-box:hover:after{
    -webkit-transform: scale(400);
    -moz-transform: scale(400);
    -ms-transform: scale(400);
    -o-transform: scale(400);
    transform: scale(400);
}
.exp-box:before{
    -o-transition: all 0.5s linear 0.3s;
    -moz-transition: all 0.5s linear 0.3s;
    -ms-transition: all 0.5s linear 0.3s;
    -webkit-transition: all 0.5s linear 0.3s;
    transition: all 0.5s linear 0.3s;
}
.exp-box:hover:before{
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.exp-box:after{
    -o-transition: all 0.5s linear 0.6s;
    -moz-transition: all 0.5s linear 0.6s;
    -ms-transition: all 0.5s linear 0.6s;
    -webkit-transition: all 0.5s linear 0.6s;
    transition: all 0.5s linear 0.6s;
}
.exp-box:hover:after{
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.exp-box .exp-box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    color: #fff;
    padding-top: 25px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -ms-transition: all 0.3s linear 0s;;
    -o-transition: all 0.3s linear 0s;;
    -webkit-transition: all 0.3s linear 0s;;
    -moz-transition: all 0.3s linear 0s;;
    transition: all 0.3s linear 0s;
    z-index: 1;
}
.exp-box:hover .exp-box-content{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.exp-box .title{
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    padding-bottom: 20px;
    margin-top: 20px;
    color: #ffffff;
}
.exp-box .description{
    font-size: 14px;
    padding: 0 10px;
    margin: 15px 0;
    line-height: 18px;
}
.exp-box .read-more{
    display: block;
    width: 120px;
    background: #0a2a6d;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    padding: 5px 0;
    margin: 0 auto;
}
@media only screen and (max-width:990px){
    .exp-box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
    .exp-box .exp-box-content{ padding-top: 0; }
}
@media only screen and (max-width:359px){
    .exp-box .title{ padding-bottom: 10px; }
}

/*****************TIMELINE*****************/
.svn-locations{height: 100vh; overflow: auto;}
.location-page-margin{margin-top: 55px;}
.outlets{margin-top: 20px;}


/*******************FILTER SIDEBAR****************/
.filter-sidebar {background: #eeeeee; padding: 0;}
.filter-sidebar h3{background: #069b4e; padding: 10px; color: #ffffff; margin: 0}
.filter-sidebar ul {padding: 0px 10px; display: inline-block;}
.filter-sidebar ul li{padding: 5px 0; border-bottom: 1px solid #dddddd; display: inline-block; padding: 50px;}
.filter-sidebar .select-all{padding-left: 10px; margin-top: 20px; display: block; font-weight: 300;}


.filter-listings a{
    border: 1px solid #009b4e;
    padding: 10px 0px;
    display: inline-block;
    width: 170px;
    margin-left: 15px;
    cursor: pointer;
}
.active{
    background: #009b4e !important;
    color: #ffffff !important;
}







.service-overview .overview h3{padding-top: 0;margin: 0;}
.service-overview .overview p{letter-spacing: 0px; text-align: left;}

.services .serviceBox .description{padding: 0;}
.overview h3 {padding-top: 50px; font-size: 28px;}
.overview p {font-size: 14px; letter-spacing: 1px; text-align: justify;}

/***************************Blog Page****************************/
.post-slide{
    position:relative;
    padding-right:14px;
    overflow: hidden;
}
.post-slide:hover .overlay{
    transition: .3s;
    opacity:1;
}
.post-slide:hover .overlay > i{
    opacity:1;
}
.post-slide .post-img{
    position: relative;
    margin-top: 17px;
}
.post-slide .overlay{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease 0s;
}

.post-slide .overlay > i{
    position: absolute;
    top:50%;
    left: 50%;
    opacity:0;
    color:#f37532;
    transform:translate(-50%, -50%) scale(2);
    transition:transform 0.40s linear, opacity 0.40s linear;
}
.post-slide .overlay:hover i{
    opacity:1;
}
.post-slide .post-review{
    padding:17px 17px 17px 5px;
    background: #fff;
}
.post-slide .post-comment{
    float:left;
    margin:0;
    padding:7px 0 0 0;
    line-height:1;
    text-align:center;
}
.post-slide .post-comment li{
    list-style:none;
    margin-left: 15px;
    font-size:26px;
    color:darkgray;
    font-weight:700;
}
.post-slide:hover .post-comment li{
    color: #f37532;
}
.post-slide .post-comment li small{
    display:block;
    margin-bottom:10px;
    font-size: 13px;
    text-transform: capitalize;
}
.post-slide .post-comment li .author{
    font-size: 11px;
}
.post-slide .post-comment li a,
.post-slide:hover .post-comment li small{
    color:darkgray;
}
.post-slide .post-comment li:after{
    content: "";
    border-bottom:1px solid lightgray;
    margin-bottom:10px;
    display: block;
}
.post-slide .post-comment li:last-child:after{
    border-bottom: 0px none;
    margin-bottom: 0;
}

.post-slide .post-comment li i{font-size: 15px;}
.post-slide .post-title{
    margin: 0;
    padding: 0 0 0 70px;
}
.post-slide .post-title > a{
    font-size:17px;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 22px;
}
.post-slide .post-title > a:hover{
    color:#f37532;
}
.post-slide .post-description{
    font-size:13px;
    color:gray;
    line-height:21px;
    padding: 0 0 0 70px;
}
.brd-design-blog:hover .inner-desc{left: 0;}

.post-slide .fa-chain:before {
    border: 1px solid #f37532 !important;
    border-radius: 100%;
    padding: 5px;
}




/********************Featured Blog Design***********/
.featured-slide{
    background: #000;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
}
.featured-slide:after{
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: -30%;
    bottom: 0;
    right: 70%;
    z-index: 1023;
    transform: skew(20deg) translateX(-75%);
    transition: all 0.35s ease 0s;
}
.featured-slide:hover:after{transform: skew(20deg) translateX(0);}

.featured-slide img{
    width: 100%;
    height: auto;
    transition: all 0.35s ease 0s;
}
.featured-slide:hover img{opacity: 0.5;}
.featured-slide .featured-content{
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1050;
}
.featured-content .title .date{
    display: block;
    font-size: 50px;
    padding-bottom: 10px;
}
.featured-content .title .year{
    display: block;
    font-size: 20px;
}
.featured-content .title .author{
    display: block;
    font-size: 12px;
    padding-top: 10px;
}
.featured-content .title i.fa-calendar{}
.featured-slide .title{
    background: #f37532;
    padding: 20px 30px 10px 30px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    margin: 20px 0 20px 0;
    transform: scale(0);
    transition: all 0.35s ease 0s;
    border-radius: 10px 0 0 10px;

}
.description .title2{
    font-size: 20px;
    font-weight: 900;
    color: #069b4e;
    margin: 0 0 10px 0;
}
.featured-slide:hover .title{ transform: scale(1); }
.featured-slide .post{
    padding: 0px 20px;
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
    opacity: 0;
    border-radius: 20px 0 0 20px;
    transform: translateX(40px);
    transition: all 0.35s ease 0s;
}
.featured-slide .icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-right: 20px;
}
.featured-slide .icon li{
    opacity: 0;
    transform: translateX(40px);
    transition: all 0.35s ease 0s;
}
.featured-slide:hover .icon li,
.featured-slide:hover .post{
    opacity: 1;
    transform: translateX(0);
}
.featured-slide:hover .icon li:first-child{ transition-delay: 0.1s; }
.featured-slide:hover .icon li:nth-child(2){ transition-delay: 0.2s; }
.featured-slide .icon li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #605f5f;
    margin-bottom: 5px;
    transition: all 0.35s ease;
}
.featured-slide .icon li a:hover{
    background: #605f5f;
    color: #fff;
}

.featured-slide:hover .inner-desc{left: 0;}
.description:hover .inner-desc{left: 0;}
.inner-desc{position: absolute; width:100%; height: 5px; bottom: 0; left: -100%;}
.brd-orange{width: 70%; height: 5px; float: left; background: #f37532;}
.brd-blue{width:30%;  height: 5px; float: left; background: #092a6d;}
.featured-slide .featuredImg {height: 350px !important; overflow: hidden;}
@media only screen and (max-width:990px){
    .featured-slide{ margin-bottom: 30px; }
}


.sidebar-company-intro{margin-top: 20px; float: left; background: #0a2a6d; padding: 10px; border-bottom: 5px solid #f36921;}
.sidebar-company-intro h3{color: #ffffff;margin: 0;}
.sidebar-company-intro p{color: #ffffff;}

.sidebar-company-social{
    margin-top: 20px;
    float: left;
    background: #eeeeee;
    padding: 10px;
    width: 100%;
    border-left: 2px solid #0a2a6d;
}
.sidebar-company-social h3{margin: 0;}
.sidebar-company-social .footer-social li a{color: #0a2a6d !important;
    padding:0;}

.contact .page-heading{
    padding:0;}

.managed-property h3{margin: 0;}
.managed-property p{}
.property-modal-content{padding: 50px 20px;}


.serviceBox{
    padding: 50px 35px;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s; overflow: hidden;
}
.serviceBox .service-icon{
    width: 75px;
    height: 75px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #ffffff;
}

.service-icon-hover{
    width: 75px;
    height: 75px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #ffffff;
    opacity: 0;
}
.serviceBox .title{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}
.serviceBox .description{
    font-size: 15px;
    color: #ffffff;
    line-height: 25px;
    margin: 0;
    text-align: justify;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .description{
    margin-top: -10px;
    padding-bottom: 20px;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}

.serviceBox .mybtn{position: absolute; bottom: -40%; left: 50%; transform: translate(-50%, -50%); background: none; color: #000000; text-decoration: underline; font-size: 16px; }
.serviceBox:hover > .mybtn{ bottom: 15px;}
.serviceBox .mybtn:hover{padding: 3px 35px !important;}



.service-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1;}
.serviceBox:hover .service-overlay{background: rgba(255,255,255,0.9);}
.serviceBox:hover .title{color: #000000;}
.serviceBox:hover .description{color: #000000;}
.service-icon-hover{height: 0;}
.serviceBox:hover .service-icon-hover{opacity: 1; height: 75px}
.serviceBox:hover .service-icon{opacity: 0; height: 0;}



.home .form-fields, .form-fields2, .form-fields3{background: #eeeeee;}
.home .form-fields:focus, .form-fields2:focus, .form-fields3:focus{background: #eeeeee;}

.lines {
    position: relative;
    height: 18px;
    margin-top: 10px;
    margin-left: 15px;
}
.lines .mainLine {
    position: absolute;
    top: 16px;
    left: -15px;
    width: 50px;
    height: 2px;
    margin-top: -3px;
    background: #069b4e;
    margin-left: auto;
    margin-right: auto;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}
.lines .mainLine:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 5px;
    display: block;
    width: 10px;
    height: 2px;
    background: #069b4e;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
}
.lines .mainLine:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    display: block;
    width: 20px;
    height: 2px;
    background: #069b4e;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
}

/**********************INVESTMENT SALES********************/
.invest-box{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.invest-box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.invest-box:hover img{ transform: scale(1.1); }
.invest-box .invest-box-content{
    width: 100%;
    height: 100%;
    background: rgba(47,50,54,0.91);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
}
.invest-box:hover .invest-box-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.invest-box .invest-box-content:before{
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    position: absolute;
    top: 5%;
    left: 5%;
}
.invest-box .invest-icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 40%;
}
.invest-box .invest-icon li{ display: inline-block; }
.invest-box .invest-icon li a{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    color: #f53877;
    transition: all 0.5s ease 0s;
}
.invest-box .invest-icon li a:hover{
    background: #f53877;
    color: #fff;
}
.invest-box .invest-content{
    padding: 20px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.invest-box .invest-title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.invest-box .invest-post{
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}
@media only screen and (max-width:990px){
    .invest-box{ margin-bottom: 30px; }
}
.servicesBtn{width: 100%; display: inline-block; padding: 20px; text-align: center; background: #eeeeee;}
#investment, #commercial{position: relative; top: -370px;}
/*******************************TEAM BLOCK***************************/
.our-team4{
    position: relative;
    margin: 35px 0;
}
.our-team4  img{
    width:100%;
    height: auto;
    z-index:1;
    transform:translateY(0px);
    transition: all 0.50s ease;
}
.our-team4:hover img{
    transform:translateY(0px);
}
.our-team4 .team-content4{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    opacity:0;
    color: #2b2f3e;
    padding: 20px 0;
    padding-left: 15px;
    background:#009b4e;
    transform:translateY(0px);
    transition: all 0.50s ease-in-out 0s;
}
.our-team4:hover .team-content4{
    transform:translateY(103px);
    opacity:1;
}
.our-team4 .team-title4{
    font-size: 24px;
    color: #fff;
    margin: 0;
    letter-spacing: 1px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 50px;
}
.our-team4:hover .team-title4{bottom: 10px; transition: all 0.50s ease-in-out 0s;}
.our-team4 .team-title4 a{color: #ffffff; font-size: 20px;}
.our-team4 .team-title4 small{
    display: block;
    color:#fff;
    font-size:12px;
    text-transform: capitalize;
}
.our-team4 .team-content4 h3{
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.our-team4 .team-content4 h3 a{
    color: #fff;
    font-weight: 300;
}
.our-team4 .team-content4 h3 a img{
    width: 20px;
}


.our-team5{
    position: relative;
    margin: 45px 0;
}
.our-team5  img{
    width:100%;
    height: auto;
    z-index:1;
    transform:translateY(0px);
    transition: all 0.50s ease;
}
.our-team5:hover img{
    transform:translateY(0px);
}
.our-team5 .team-content5{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    opacity:0;
    color: #2b2f3e;
    padding: 20px 0;
    padding-left: 15px;
    background:#009b4e;
    transform:translateY(0px);
    transition: all 0.50s ease-in-out 0s;
}
.our-team5:hover .team-content5{
    transform:translateY(104px);
    opacity:1;
}
.our-team5 .team-title5{
    font-size: 24px;
    color: #ffffff;
    background: rgba(0, 0, 0, .8);
    margin: 0;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0px;
    left: 0;
    line-height: 50px;
    display: block;
    width: 100%;
    padding-left: 15px;
}
.our-team5:hover .team-title5{bottom: 0px; transition: all 0.50s ease-in-out 0s;}
.our-team5 .team-title5 a{color: #ffffff; font-size: 20px;}
.our-team5 .team-title5 small{
    display: block;
    color:#fff;
    font-size:12px;
    text-transform: capitalize;
}
.our-team5 .team-content5 h3{
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.our-team5 .team-content5 h3 a{
    color: #fff;
    font-weight: 300;
}

.our-team5 .team-content5 h3 a img{
   width: 20px;
}













.contact .form-fields, .form-fields2, .form-fields3{
    padding: 8px 10px;
    margin-bottom: 20px;
}
.form-fields3{width:98%;}
.agent-oncall{
    border: 1px solid #bbbbbb;
    padding: 10px 0px;
}
.agent-oncall img{margin-top: 30px;}
.callusNow {text-align: right;}
.callusNow p{margin:0;}
.callusNow h3{margin: 0;}

ul.residential-markets {width: 90%;}
.residential-markets li{display: inline-block; width: 49%; float: left; padding-left: 25px; background: url('assets/img/right-arrow.png') 0 3px no-repeat #eeeeee; margin: 5px .5% 0 0;}
.residential-markets li:hover{background: url('assets/img/right-arrow.png') 0 3px no-repeat #cccccc;}
.residential-markets li a{color: #333333; display: block;}

ul.commercial-markets {width: 90%;}
.commercial-markets li{display: inline-block; width: 49%; float: left; padding-left: 25px; background: url('assets/img/right-arrow.png') 0 3px no-repeat #eeeeee; margin: 5px .5% 0 0;}
.commercial-markets li:hover{background: url('assets/img/right-arrow.png') 0 3px no-repeat #cccccc;}
.commercial-markets li a{color: #333333; display: block}

.resi-markets h3{margin-bottom: 30px;}
.resi-markets h3{margin-bottom: 30px;}


#map { height: 400px; width: 100%; }
#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; }
.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: Roboto,Arial; font-size: 12px; }
#legend a, .infowindow a { text-decoration: none; color: #3a84df; }
#legend a:hover, .infowindow a:hover { text-decoration: underline; }
#map-canvas{ height: 400px; }

.agentCall{
    position: fixed;
    top: 95px;
    right: 0;
    background: #222222;
    z-index: 1024;
    padding: 4px 30px 4px 30px;
    border-radius: 0 0 0px 10px;
    display: none;
}
.agentCall h2{
    margin: 0 !important;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    letter-spacing: 1.8px;
}
.agentCall h2 strong{
    color: #05d06b;
}
.agentCall h3{
    margin: 0 !important;
    font-weight: 700;
    color: #05d06b;
}
.agentCall h3 a{
    color: #05d06b;
}


/**************************NEW CHANGES*************************/

.outercircle {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    border: 1px solid #333333;
}
.innercircle{
    width: 230px;
    height: 230px;
    margin: 9px;
    border-radius: 100%;
    border: 1px solid #333333;
}
.innercircle h2{
    text-align: center;
    padding-top: 50px;
    text-transform: uppercase;
    color: #333333;
    font-size: 40px;
}

.innercircle h2 strong{
    color: #069b4e;
}
.chariff-content p {
    font-size: 22px;
    line-height: 32px;
    margin-top: 40px !important;
    text-align: justify;
    color: #AAAAAA;
}
.chariff-content p strong {color: #616161;}
.agentOnCall img {
    margin-top: -160px;
}
.agentOnCall h5{
    margin-top: 50px;
    margin-bottom: 50px;
    color: #999999;
    font-weight: 300;
    font-size: 20px;
}

.agentOnCall h4{
     color: #333333;
     font-weight: 300;
 }

.agentOnCall h4 strong{color: #069b4e;}
.callusnow{
    background: #069b4e;
    padding: 5px 20px;
    width: 300px;
    margin: auto;
    margin-bottom: -150px;
}
.callusnow h3{text-transform: uppercase; color: #ffffff; margin-bottom: 0;}
.callusnow h2{color: #ffffff; margin-top: 0; font-size: 40px;}

.marketKnowledge{
    position: absolute;
    top: 0;
    left: 0;
    width: 585px;
    background: #ffffff;
    padding: 35px;
    height: auto;
    margin: 30px;
}

.marketKnowledge h3{font-size: 30px; line-height: 30px; margin-top: 0;}
.investment-sales img{border-radius: 50%;}
.investment-sales .invest-content{
    padding-left: 70px;
    padding-top: 30px;
}
.investment-sales h2{
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
}
.investment-sales p{
    text-align: justify;
}
.investment-sales h3{font-style: italic; text-decoration: underline;}
/*.commercial-leasing img{border-radius: 50%;}*/
.commercial-leasing .invest-content{
    padding-left: 50px;
    padding-top: 30px;
}
.commercial-leasing h2{
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
}

.commercial-leasing p{text-align: justify;}
/*.commercial-leasing h3{font-style: italic; text-decoration: underline;}*/
.commercial-market{
    position: relative;
    display: inline-block;
    width: 19.28%;
    height: 60px;
    /*float: left;*/
    margin: 3px;
    overflow: hidden;
}

.commercial-market img{
    display: block;
    width: 100%;
    height: auto;
}
.commercial-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .3s ease;
    background-color: rgba(0, 0, 0, 0.7);
}

.commercial-overlay h4{
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
}

.commercial-market .lease{
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #ffffff;
    color: #000000;
    padding: 0px 30px;
    transform: rotate(-45deg);
    transform-origin: 57px -36px;
    font-size: 13px;
    line-height: 20px;
}

.commercial-market .sale{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #009b4d;
    color: #ffffff;
    padding: 0px 20px;
    transform: rotate(-43deg);
    transform-origin: 41px 40px;
    font-size: 12px;
    line-height: 20px;
}









.commercial-market:hover .commercial-overlay{background-color: rgba(255,255,255,0.8);}
.commercial-market:hover .commercial-overlay h4{color: #000000}

.commercial-market:hover .lease, .commercial-market:hover .sale{background: #000000; color: #ffffff}

.page-top-heading{text-align: center;}
.page-top-heading h2{color: #ffffff; text-transform: uppercase;}
.page-top-heading h5{color: #ffffff; font-size: 17px; font-weight: 300;}

.about-title-box {
    height: 150px;
    width: 178px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.about-about {
    position: absolute;
    text-transform: uppercase;
    top: 25px;
    left: 0px;
    background: #ffffff;
}
.about-chariff {
    position: absolute;
    text-transform: uppercase;
    bottom: 25px;
    left: 73px;
    background: #ffffff;
}
.about-about h2 {
    font-size: 38px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.about-chariff h2 {
    color: #000000;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.bg-gray {
    background: #f8f8f8;
    position: relative;
    z-index: 99;
}
.market-box {
    height: 120px;
    width: 120px;
    border: 1px solid rgb(170, 170, 170);
    position: relative;
    top: 0;
    left: 25px;
}
.market-industry {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: 0;
    background: #ffffff;
}
.market-market {
    position: absolute;
    text-transform: uppercase;
    bottom: 28px;
    left: 0;
    background: #ffffff;
}
.market-industry h2 {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 22px;
    color: #000000;
    margin: 0;
    line-height: 24px;
}
.market-market h2 {
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    line-height: 24px;
}
.read-btn {
    color: #ffffff;
    border-radius: 20px;
    font-size: 16px;
    text-decoration: underline;
    padding: 3px 25px 3px 25px;
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.read-btn:hover {
    padding: 3px 35px;
    border: 1px solid #ffffff;
    background: #069b4e;
    color: #ffffff;
}
.serviceBox:hover .read-btn {display: none;}
.our-services-box {
    width: 90%;
    height: 158%;
    border: 1px solid #bcbcbc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.our-services-heading {
    padding: 0 15px;
}
.our-services-border {border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff;}
.touch-box {
    height: 150px;
    width: 178px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.touch-lets-get {
    position: absolute;
    text-transform: uppercase;
    top: 57px;
    left: 23px;
}
.touch-in-touch {
    position: absolute;
    text-transform: uppercase;
    bottom: 57px;
    left: 23px;
}
.touch-lets-get h2 {
    font-size: 36px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #069b4e;
}
.touch-in-touch h2 {
    color: #000000;
    font-weight: bold;
    font-size: 44px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
}

.services .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.commercial-sales .sliderbrdBtn, .commercial-leasing .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}

.commercial-leasing .single-page h1,
.commercial-sales .single-page h1{
    margin-bottom: 50px;
}

.residential-sales .single-page h1{margin-bottom: 0 !important;}
.residential-sales .single-page a{display: none;}

.commercial-leasing .page-margin,
.residential-sales .page-margin,
.commercial-sales .page-margin{margin-top: 126px;}
.commercial-leasing .single-page,
.residential-sales .single-page,
.commercial-sales .single-page{opacity: 1 !important; padding: 125px 0;}
.services .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.isales-box {
    height: 125px;
    width: 130px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.isales-investment {
    position: absolute;
    text-transform: uppercase;
    top: 27px;
    left: 23px;
    background: #eeeeee;
}
.isales-sales {
    position: absolute;
    text-transform: uppercase;
    bottom: 23px;
    left: 127px;
    background: #eeeeee;
}
.isales-investment h2 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    font-size: 26px;
    color: #000000;
    line-height: 28px;
}
.isales-sales h2 {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    line-height: 32px;
}
.isales-content {padding: 0 150px;}
.isales-border {
    border: 10px solid #bcbcbc;
    margin: 50px;
}
.cleasing-box {
    height: 125px;
    width: 130px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.cleasing-commercial {
    position: absolute;
    text-transform: uppercase;
    top: 27px;
    left: 10px;
    background: #eeeeee;
}
.cleasing-leasing {
    position: absolute;
    text-transform: uppercase;
    bottom: 23px;
    left: 128px;
    background: #eeeeee;
}
.cleasing-commercial h2 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    font-size: 26px;
    color: #000000;
    line-height: 28px;
}
.cleasing-leasing h2 {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    line-height: 32px;
}
.cleasing-content {padding: 0 150px;}
.cleasing-border {
    border: 10px solid #bcbcbc;
    margin: 50px;
}
.rsales-box {
    height: 125px;
    width: 130px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.rsales-residential {
    position: absolute;
    text-transform: uppercase;
    top: 27px;
    left: 10px;
    background: #eeeeee;
}
.rsales-sales {
    position: absolute;
    text-transform: uppercase;
    bottom: 23px;
    left: 128px;
    background: #eeeeee;
}
.rsales-residential h2 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    font-size: 26px;
    color: #000000;
    line-height: 28px;
}
.rsales-sales h2 {
    color: #000000;
    font-weight: bold;
    font-size: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    line-height: 32px;
}
.rsales-content {padding: 0 150px;}
.rsales-border {
    border: 10px solid #bcbcbc;
    margin: 50px;
}
.our-services-our {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: 14px;
}
.our-services-services {
    position: absolute;
    text-transform: uppercase;
    bottom: 54px;
    left: 108px;
}
.our-services-our h2 {
    font-size: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #ffffff;
}
.our-services-services h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
}
.clistings-commercial {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: -57px;
}
.clistings-listings {
    position: absolute;
    text-transform: uppercase;
    bottom: 54px;
    left: 105px;
}
.clistings-commercial h2 {
    font-size: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #ffffff;
    line-height: 44px;
}
.clistings-listings h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.commercial-listings .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.commercial-listings .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.nhoods-box {
    height: 150px;
    width: 178px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.nhoods-our {
    position: absolute;
    text-transform: uppercase;
    top: 3px;
    left: 114px;
}
.nhoods-neighborhoods {
    position: absolute;
    text-transform: uppercase;
    bottom: 28px;
    left: -50px;
}
.nhoods-our h2 {
    font-size: 44px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #ffffff;
    line-height: 44px;
}
.nhoods-neighborhoods h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.chariff-neighborhood .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.chariff-neighborhood .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
/**************************RESIDENTIAL LISTINGS PAGE******************************/
.rlistings-residential {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: -37px;
}
.rlistings-listings {
    position: absolute;
    text-transform: uppercase;
    bottom: 54px;
    left: 105px;
}
.rlistings-residential h2 {
    font-size: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #ffffff;
    line-height: 44px;
}
.rlistings-listings h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.residential-listings .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.residential-listings .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.residential-listings .residential-box{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.residential-listings .residential-box img{
    width: 100%;
    height: auto;
}
.residential-listings .residential-box .residential-box-content{
    padding: 25% 5%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.residential-listings .residential-box:hover .residential-box-content{ opacity: 1; }
.residential-listings .residential-box:before,
.residential-listings .residential-box:after,
.residential-listings .residential-box .residential-box-content:before,
.residential-listings .residential-box .residential-box-content:after{
    content: "";
    width: 50%;
    height: 50%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.residential-listings .residential-box:after{ top: 50%; }
.residential-listings .residential-box .residential-box-content:before,
.residential-listings .residential-box .residential-box-content:after{
    top: 0;
    left: 50%;
    z-index: -1;
}
.residential-listings .residential-box .residential-box-content:after{ top: 50%; }
.residential-listings .residential-box:hover:before{
    left: 50%;
    opacity: 1;
}
.residential-listings .residential-box:hover:after{
    top: 0;
    opacity: 1;
}
.residential-listings .residential-box:hover .residential-box-content:before{
    top: 50%;
    opacity: 1;
}
.residential-listings .residential-box:hover .residential-box-content:after{
    left: 0;
    opacity: 1;
}
.residential-listings .residential-box .residential-title{
    font-size: 26px;
    font-style: italic;
    color: #ffd700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.residential-listings .residential-box .residential-post{
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px 0;
}
.residential-listings .residential-box .residential-icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.residential-listings .residential-box .residential-icon li{
    display: inline-block;
    margin: 0 5px 0 0;
}
.residential-listings .residential-box .residential-icon a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15%;
    background: #fff;
    font-size: 15px;
    color: #2d2c2c;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.residential-listings .residential-box .residential-icon a:hover{
    background: transparent;
    color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}
@media only screen and (max-width:990px){
    .residential-listings .residential-box{ margin-bottom: 30px; }
}
.residential-single-txt h2 {margin-top: 0; margin-bottom: 0;}
.residential-single-txt p {margin-top: 5px !important;}
/***************************************************************************/
.marginxlg {margin-top: 250px; margin-bottom: 250px;}
.border-fluid {border: 10px solid #bcbcbc; margin: 5px;}

.cmarkets-commercial h2 {
    font-size: 32px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 32px;
    margin-right: 60px;
}
.cmarkets-markets h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin-left: 60px;
    margin-top: 0;
    color: #000000;
}

.single-nhoods-title {
    position: absolute;
    text-transform: uppercase;
    top: 54px;
    left: -5px;
}
.single-nhoods-title h2 {
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
    color: #ffffff;
}
.mimo-district .single-nhoods-title {left: 9px;}
.lemon-city .single-nhoods-title {left: 55px;}
.little-haiti .single-nhoods-title {left: 57px;}
.miami-shores-2 .single-nhoods-title {left: 25px;}
.coral-gables-2 .single-nhoods-title {left: 23px;}
.wynwood .single-nhoods-title {left: 61px;}
.edgewater-2 .single-nhoods-title {left: 53px;}
.biscayne-corridor .single-nhoods-title {left: 0;}
.biscayne-corridor .single-nhoods-title h2 {font-size: 40px;}
.biscayne-corridor .single-page-nhoods .width-250 {width: 410px;}
.downtown-miami .single-nhoods-title {left: 3px;}
.downtown-miami .single-nhoods-title h2 {font-size: 40px;}
.allapattah .single-nhoods-title {left: 52px;}
.little-river .single-nhoods-title {left: 51px;}
.buena-vista-2 .single-nhoods-title {left: 46px;}
.miami-beach-2 .single-nhoods-title {left: 39px;}
.brickell-2 .single-nhoods-title {left: 90px;}
.morningside .single-nhoods-title {left: 24px;}
.belle-meade .single-nhoods-title {left: 41px;}
.coconut-grove .single-nhoods-title {left: 7px;}
.coconut-grove .single-nhoods-title h2 {font-size: 46px;}
.surfside .single-nhoods-title {left: 88px;}
.miami-shores .single-nhoods-title {left: 25px;}
.coral-gables .single-nhoods-title {left: 24px;}
.bal-harbour .single-nhoods-title {left: 32px;}
.edgewater .single-nhoods-title {left: 53px;}
.midtown .single-nhoods-title {left: 78px;}
.el-portal .single-nhoods-title {left: 79px;}
.bayside .single-nhoods-title {left: 102px;}
.keystone-point .single-nhoods-title {left: 1px;}
.keystone-point .single-nhoods-title h2 {font-size: 48px;}
.buena-vista .single-nhoods-title {left: 46px;}
.miami-beach .single-nhoods-title {left: 38px;}
.brickell .single-nhoods-title {left: 89px;}
.north-miami .single-nhoods-title {left: 32px;}
.sunny-isles .single-nhoods-title {left: 4px;}
.sunny-isles .single-nhoods-title h2 {font-size: 42px;}
.bay-harbor .single-nhoods-title {left: 33px;}
.aventura .single-nhoods-title {left: 72px;}
.bay-point .single-nhoods-title {left: 76px;}

/*******************************About Us Page************************************/
.aboutus-about {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: 8px;
}
.aboutus-us {
    position: absolute;
    text-transform: uppercase;
    bottom: 54px;
    left: 182px;
}
.aboutus-about h2 {
    font-size: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
    color: #ffffff;
}
.aboutus-us h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.about .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.about .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.team-title-box {
    height: 100px;
    width: 160px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.team-ourteam {
    position: absolute;
    text-transform: uppercase;
    top: 27px;
    left: 27px;
    background: #eeeeee;
}
.team-ourteam h2 {
    font-size: 38px;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    line-height: 40px;
}
.ourteam-icon {position: absolute; top: 30px; right: 0;}
.ourteam-icon img {float: right; height: 40px; width: 40px; margin: 0 4px;}
.ourteam-heading-icon img {height: 20px; width: 20px; vertical-align: text-bottom;}
.ourteam-heading-icon li {display: inline-block; margin: 0 50px;}
.ourteam-heading-icon li h4 {display: inline-block; color: #000000; line-height: 16px; font-size: 16px;}
/***********************************Contact Us Page****************************************/
.contactus-contact {
    position: absolute;
    text-transform: uppercase;
    top: 28px;
    left: 0;
}
.contactus-us {
    position: absolute;
    text-transform: uppercase;
    bottom: 54px;
    left: 183px;
}
.contactus-contact h2 {
    font-size: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
    color: #ffffff;
}
.contactus-us h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.contact .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.contact .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
/*********************************************************************************************/
.our-services-heading {position: absolute !important; bottom: 0; left: 36%;}
.width-250 {width: 250px; margin: auto;}
.industry-market-section .width-250 {margin-left: 10px;}
.single-page-nhoods .width-250 {width: 410px;}

/********************************Blog Page*************************************/

.blogs-header-box {
    height: 150px;
    width: 178px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.blogs-restate {
    position: absolute;
    text-transform: uppercase;
    top: 45px;
    left: 4px;
}
.blogs-blog {
    position: absolute;
    text-transform: uppercase;
    bottom: 48px;
    left: 181px;
}
.blogs-restate h2 {
    font-size: 38px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    color: #ffffff;
    line-height: 40px;
}
.blogs-blog h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.blog .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.blog .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.box4{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.box4 img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.blogs-box:hover .box4 img{ transform: scale(1.1); }
.box4 .box4-content{
    width: 100%;
    height: 100%;
    background: rgba(47,50,54,0.91);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
}
.blogs-box:hover .box4 .box4-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.box4 .box4-content:before{
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    position: absolute;
    top: 5%;
    left: 5%;
}
.box4 .icon4{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 40%;
}
.box4 .icon4 li{ display: inline-block; }
.box4 .icon4 li a{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    color: #069b4e;
    transition: all 0.5s ease 0s;
}
.box4 .icon4 li a:hover{
    background: #069b4e;
    color: #fff;
}
.box4 .content{
    padding: 10px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.box4 .title4{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.box4 .post4{
    display: block;
    font-size: 14px;
    color: #fff;
}
@media only screen and (max-width:990px){
    .box4{ margin-bottom: 30px; }
}

/***********************************************************************/


/*********************************Careers Page*************************************/
.careers-box {
    height: 150px;
    width: 178px;
    border: 1px solid rgb(170, 170, 170);
    margin: auto;
}
.careers-title {
    position: absolute;
    text-transform: uppercase;
    bottom: 37px;
    left: 14px;
}
.careers-title h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 50px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    line-height: 44px;
}
.careers .sliderbrdBtn {
    padding: 10px 40px;
    color: #ffffff;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.careers .sliderbgBtn {
    background: #ffffff;
    padding: 6px 20px;
    color: #333333;
    margin-right: 40px;
    border: 2px solid #ffffff;
    font-size: 20px;
}
.careers-page-text h1 {text-align: center;}
/************************************************************************/
div.wpcf7 .wpcf7-recaptcha iframe{float:left;}
.wpcf7-form-control div{width:0 !important; height:0 !important;}