/*@import url('header.css');*/
@import url('page-css/services-page-style.css');
@import url('page-css/team-page-style.css');
@import url('page-css/testimonials-page-style.css');
@import url('page-css/faq-page-style.css');
@import url('page-css/blog-pages-style.css');
@import url('page-css/priceing.css');
@import url('page-css/contact-page-style.css');
@import url('hover.css');
/*@import url('animate.css');*/



body { background: #f8f8f8; font-family: 'Montserrat', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; }

button:focus, button:active, button:hover { outline: none; box-shadow: none; }
input:focus, button:focus, select:focus { outline: none !important; box-shadow: none !important; } 

/* ==== Header -start- ==== */

.backToTop { display: inline-block; width: 40px; height: 40px; background: rgba(24, 135, 159, 0.7); color: #fff; position: fixed; bottom: 25px; right: 75px; text-align: center; line-height: 50px; cursor: pointer; transition: .5s; z-index: 99; }
.backToTop:hover { background: #0e5e6f; transition: .5s; }
.backToTop:before { content: "\f106"; font: normal normal normal 30px/1 FontAwesome; }


.top-header { background: #111111; height: 40px; }
.socialBox span { display: inline-block; margin: 12px 10px 0 0; }
.socialBox span a { color: #fff; }

.sign-linkBox { text-align: right; }
.sign-linkBox  span { display: inline-block; margin-top: 12px; padding: 0 10px; border-right: 1px solid #fff; font-size: 14px; }
.sign-linkBox  span:last-child { padding-right: 0px; border-right: none; }
.sign-linkBox  span a { color: #fff; }
.sign-linkBox  span a:hover, .sign-linkBox  span a:focus  { color: #e4e4e4; text-decoration: none; outline: none; }

/*
.mainNav-bar { border-radius: 0; background: #fff; padding: 20px 0; margin-bottom: 0; }
.mainNav { margin-top: 7px; }
.mainNav li { position: relative; }
.mainNav li a { padding: 5px 2px; margin-left: 25px; color: #000 !important; position: relative; }
.mainNav li a:hover { color: #18879f !important; }
.mainNav .active a { background-color: transparent !important; color: #18879f !important; font-size: 14px; }
.mainNav li a:before { content: ""; position: absolute; width: 0; height: 2px; background: #18879f; left: 45%; bottom: 0; transition: all .3s; }
.mainNav li a:hover:before { width: 100%; left: 0; }
.subNav { display: none; position: absolute; width: 165px; background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); list-style: none; padding-left: 0; left: 25px; z-index: 99; } 
.subNav li { position: relative; width: 100%; display: inline-block; }
.subNav li a { display: inline-block; width: 100%; padding: 8px 12px; color: #718792 !important; border-bottom: 1px solid #ececec; transition: all .4s ease-in-out; text-transform: initial; font-size: 13px; margin-left: 0; }
.subNav li a:hover { text-decoration: none; }
.mainNav li:hover .subNav { display: inline-block; }
.pagesLi:hover .megaMenuSec { display: block; }

.megaMenuSec { position: absolute; display: none; width: 101%; background: rgba(0, 0, 0, 0.75); left: -1px; right: 0; z-index: 9; padding: 25px; background-image: url(../images/manuBg.png); background-repeat: no-repeat; background-size: cover; background-position: center; }
.megaMenuBox {  }
.megaMenuBox h5 { font-weight: 800; font-size: 15px; margin: 0 0 17px; text-transform: uppercase; position: relative; color: #fff; letter-spacing: 1.2px; }
.megaMenuBox h5:after { position: absolute; content: ""; height: 2px; background: #18879f; width: 30px; left: 0; bottom: -8px;  }

.megaMenuBox ul { display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0; }
.megaMenuBox ul li { display: inline-block; width: 100%; overflow: hidden; }
.megaMenuBox ul li a { display: inline-block; width: 100%; color: #fff !important; font-size: 13px; margin-left: 0; padding: 5px 0; letter-spacing: 1px; position: relative; transition: all .15s ease-in-out; margin-left: -18px; }
.megaMenuBox ul li a:before { display: none; }
.megaMenuBox ul li a i { margin-right: 5px; }
.megaMenuBox ul li a:hover { margin-left: 0; transition: all .15s ease-in-out; }

*/




.sellLink { display: inline-block; float: right; margin-top: 7px; }
.sellLink a { background: #e04460 !important; color: #fff !important; display: inline-block; padding: 5px 15px; margin-left: 40px; }
.sellLink a:hover { background: #da3754 !important; color: #fff !important; text-decoration: none; }



.userSec { display: inline-block; margin-left: 10px; position: relative; top: -2px; cursor: pointer; }
.userSec span { margin-top: 0; border-right: 0; }
.userSec .userImg { margin-right: 0; padding-right: 0; }
.userSec .userImg img { width: 30px; height: 30px; border-radius: 50%; }
.userSec .userNm { color: #fff; font-size: 14px; position: relative; top: 1px; }

.logOutSec { position: absolute; background-color: #fff; width: 225px; border: 1px solid #ececec; z-index: 98; padding: 6px; right: 0; margin-top: 4px; display: none; box-shadow: 0px 3px 8px rgb(100, 100, 100); text-align: left; }
.logOutSec:before { content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; top: -20px; right: 12%; }

.logOutSec .logOutList { margin: 0; padding: 0; list-style: none; }
.logOutSec .logOutList li { width: 100%; font-size: 14px;  }
.logOutSec .logOutList li a { display: inline-block; width: 100%; padding: 3px 0; color: #47506d; }
.logOutSec .logOutList li a:hover { text-decoration: none; color: #26a69a; }






/* ==== Header -end- ==== */


/*==== LogIn and SignUp model start ====*/
/*.logInModel-sec { width: 375px; top: 85px; background: #fff; }
.loginTab-sec ul li.active { background: #18879f; color: #fff !important; }
.loginTab-sec ul li.active a { color: #fff; }
.loginTab-sec ul li.active a:hover, .loginTab-sec ul li.active a:focus  { color: #fff; background: transparent; border: none; }

.loginTab-sec ul li a { background: transparent !important; }
.loginTab-sec .nav-tabs > li { width: 50%; text-align: center; }
.loginTab-sec .nav-tabs > li > a { border-radius: 0px; background-color: transparent; border: none; font-size: 18px; text-transform: uppercase; color: #18879f; }

.lonIn-formSec { padding: 25px; }
.lonIn-formSec .logIn-inputBox { position: relative; margin-bottom: 20px; }
.lonIn-formSec .logIn-inputBox:last-child { margin-bottom: 0; }
.lonIn-formSec .logIn-inputBox input { width: 100%; height: 50px; border: 1px solid #ccc; padding: 3px 6px; padding-right: 30px; }
.lonIn-formSec .logIn-inputBox input:focus { outline: none; }
.lonIn-formSec .logIn-inputBox i { position: absolute; right: 10px; top: 16px; font-size: 18px; color: #ccc; }
.lonIn-formSec .logIn-inputBox input[type="submit"] { background: #18879f; color: #fff; border-radius: 5px; border: none; padding: 6px; font-size: 16px; text-transform: uppercase; }
.lonIn-formSec .logIn-inputBox input[type="submit"]:hover { background: #38cac8; }

.remind-box { float: right; color: #949494; font-weight: normal; cursor: pointer; }
.remind-box input[type="checkbox"] { color: #ccc; width: 16px; height: 16px; vertical-align: text-bottom; margin-right: 3px; }
.forgerLink a { color: #fe4040; text-align: left; text-decoration: underline; }

.subs-newsLetter { color: #fe4040; font-weight: normal; cursor: pointer; }
.subs-newsLetter input[type="checkbox"] { width: 16px; height: 16px; vertical-align: text-bottom; margin-right: 3px; }

*/


.logInModel-sec { width: 750px; height: 475px; background: #fff; top: 100px; }

.loginSec { display: inline-block; width: 100%; }

.welcTextSec { width: 50%; float: left; height: 475px; background-image: url(../images/loginBg.jpeg); background-repeat: no-repeat; }
.welcTextBox { background: linear-gradient(-90deg, rgba(24, 135, 159, 0.9), rgba(14, 94, 111, 0.9) ); height: 100%; padding: 50px 15px; }
.loginIco { text-align: center; }
.loginIco img { width: 100px; }
.welcTextBox h3 { text-align: center; line-height: 1.3em; color: #fff; font-size: 28px; position: relative; margin-bottom: 30px; }
.welcTextBox h3:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: -12px; width: 42px; height: 3px; background: #fff; }
.welcTextBox p { color: #fff; text-align: center; font-size: 15px; margin: 5px 0; display: inline-block; }

.logFormSec { width: 50%; float: left; height: 475px; }
.logFormBox { height: 100%; padding: 0 15px 50px; }
.logFormBox h4 { font-size: 18px; font-weight: 400; border-bottom: 1px solid #dbd9d6; color: #65635c; padding: 6px 0 15px; margin-bottom: 40px; }



.logIn-inputBox { position: relative; margin-bottom: 20px; }
.logIn-inputBox:last-child { margin-bottom: 0; }
.logIn-inputBox input { width: 100%; height: 42px; border: 1px solid #dbd9d6; padding: 3px 6px; padding-right: 30px; }
.logIn-inputBox input:focus { outline: none; }
.logIn-inputBox i { position: absolute; right: 10px; top: 14px; font-size: 16px; color: #ccc; }
.logIn-inputBox input[type="submit"] { background: #18879f; color: #fff; border-radius: 4px; border: none; padding: 6px; font-size: 16px; text-transform: uppercase; transition: .5s; }
.logIn-inputBox input[type="submit"]:hover { background: #0e5e6f; transition: .5s; }

.logIn-inputBox .remind-box { width: 100%; display: inline-block; font-size: 14px; font-weight: 400; }
.logIn-inputBox .remind-box input { width: auto; vertical-align: middle; height: auto; position: relative; top: -3px; margin-right: 5px; }


.loginWith { position: relative; text-align: center; padding: 25px 0 0; } 
.loginWith .or { font-size: 14px; text-align: center; display: inline-block; position: relative; margin-bottom: 18px; }
.loginWith .or:after { position: absolute; content: ""; height: 1px; width: 85px; background: #dbd9d6; top: 10px; left: 35px; }
.loginWith .or:before { position: absolute; content: ""; height: 1px; width: 85px; background: #dbd9d6; left: -100px; top: 10px; }

.logWithImg {  }
.logWithImg a { width: 100%; display: inline-block; margin-bottom: 10px; }
.logWithImg a:last-child { margin-bottom: 0; }
.logWithImg img { width: 100%; }




/*==== LogIn and SignUp model end ====*/



.bannerSec { padding: 35px 0; background-color: #18879f; background-image: url(../images/banner-img.png); background-size: 100% 100%; }
.bannerText { font-size: 50px; font-weight: bold; color: #fff; text-transform: uppercase; margin-top: 29%; text-align: center; }
.bannerText span { color: #18879f; }

.bannerText2 { font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; margin-top: 12px; text-align: center; }
.bannerText2 span { color: #18879f; }


#home-news{ text-align:center; text-transform:uppercase; color:#464646; height: 45px; line-height: 45px; overflow:hidden; position:relative; } 
.home_header { position:absolute; width:100%; z-index:99; color:#000; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } 
.home_header_on { z-index:100; }
.home_header strong { color: white; }
.home_header span, .home_header strong { position:relative; top:-50px; }
.home_header_on *:nth-child(1) { top: 0; -webkit-transition: top .6s ease-in-out; -moz-transition: top .6s ease-in-out; transition: top .6s ease-in-out; }
.home_header_on *:nth-child(2) { top: 0; -webkit-transition: top .6s ease-in-out .15s; -moz-transition: top .6s ease-in-out .15s; transition: top .6s ease-in-out .15s; }
.home_header_on *:nth-child(3) { top: 0; -webkit-transition: top .6s ease-in-out .3s; -moz-transition: top .6s ease-in-out .3s; transition: top .6s ease-in-out .3s; }
.home_header_out *:nth-child(1) { top: 50px; -webkit-transition: top .6s ease-in-out; -webkit-transition: top .6s ease-in-out; -moz-transition: top .6s ease-in-out; }
.home_header_out *:nth-child(2) { top: 50px; -webkit-transition: top .6s ease-in-out .15s; -moz-transition: top .6s ease-in-out .15s; transition: top .6s ease-in-out .15s; }
.home_header_out *:nth-child(3) { top: 50px; -webkit-transition: top .6s ease-in-out .3s; -moz-transition: top .6s ease-in-out .3s; transition: top .6s ease-in-out .3s; }




.bannerForm { padding: 25px; background: rgba(0, 0, 0, 0.25); }
.formBox label { color: #fff; text-transform: uppercase; font-size: 15px; margin-bottom: 10px; }
.formBox input[type="text"], .formBox input[type="number"], .formBox select { border-radius: 0 !important; height: 40px !important; }
.banner-btnbox { margin-top: 55px; }
.bannerBtn { width: 100%; padding: 8px 15px; text-align: center; background: #18879f; color: #fff !important; border-bottom: 5px solid #0e5e6f; text-transform: uppercase; border-radius: 0px; font-weight: 600; }

.formBox select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/down_arrow.png); background-repeat: no-repeat; background-position: 97% 13px; padding-right: 30px; }

/* == Main Slider == */
.mainSliderSec { background: #18879f; height: 550px;  }
.mainSlider { position: relative; }
.mainSlider ul { width: 100%; height: 100%; }
.mainSlider ul li { height: 550px; }
.mainSlider .bannerText { text-align: center; margin-top: 25px; }
.sliderLogo { text-align: center; margin-top: 10%; }
.sliderLogo img { height: 100px; width: auto; }
.sliderText2 { text-align: center; color: #fff; font-size: 30px; font-weight: 600; text-transform: uppercase; }

.mainSlider .lSPager { text-align: center !important; position: absolute; height: 20px; bottom: 20px; }
.mainSlider .lSPager li { height: 20px; }
.mainSlider .lSPrev, .mainSlider .lSNext { background: #18879f; text-align: center; color: #fff; line-height: 47px; height: 35px; width: 35px; }
.mainSlider .lSPrev { left: 50px !important;  }
.mainSlider .lSNext { right: 50px !important; }

.mainSlider .lSPrev:before { content: "\f104"; font: normal normal normal 28px/1 FontAwesome; }
.mainSlider .lSNext:before { content: "\f105"; font: normal normal normal 28px/1 FontAwesome; }
.mainSlider .lSPrev:hover, .mainSlider .lSNext:hover { text-decoration: none; }

.mainSlider .lSSlideOuter .lSPager.lSpg > li a { border-radius: 0px; height: 10px; width: 10px; background: #fff; }
.mainSlider .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #18879f !important; }

.slide_1 { background-image: url(../images/banner-img.png); background-size: 100% 100%; background-repeat: no-repeat; }
.slide_2 { background-image: url(../images/testimonial-bg.png); background-size: 100% 100%; background-repeat: no-repeat; }
.slide_3 { background-image: url(../images/kitchen-1543489_1280.jpg); background-size: 100% 100%; background-repeat: no-repeat; }



/*form slider*/
.value { position: absolute; top: 30px; left: 50%; margin: 0 0 0 -20px; width: 40px; text-align: center; display: block; font-weight: normal; font-family: Verdana,Arial,sans-serif; font-size: 14px; color: #333; }
.price-range-both.value {  width: 100px;  margin: 0 0 0 -50px; top: 26px; }
.price-range-both { display: none; }
.value i { font-style: normal; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius: 0 !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px !important; }
.ui-slider-horizontal { height: 8px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-radius: 50% !important; border: 4px solid #18879f !important; }
.ui-slider-horizontal .ui-slider-handle { top: -6px !important; }
.ui-slider-horizontal .ui-slider-range { background: #18879f !important; }
.value { color: #fff; font-size: 15px; }
span.price-range-min.value:focus { outline: none; }
span.ui-slider-handle.ui-state-default.ui-corner-all:focus { outline: none; }
.ui-widget-content { border: none !important; }

/*form slider end*/

.title { font-size: 25px; color: #000; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 0 25px 0; }
.title span {
    color: #18879f;
}

.latestProperty { padding: 70px 0; }

.propertyBox { margin-bottom: 25px; background: #fff; display: inline-block; width: 100%; border: 1px solid transparent; transition: all .5s ease-in-out; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); transition: all .5s ease-in-out; position: relative; }
.propertyBox:after {
    content: "";
    position: absolute;
    height: 3px;
    background: #18879f;
    bottom: -2px;
    z-index: 18;
    width: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .4s;
}
.propertyBox:hover { text-decoration: none; border: 1px solid #f3f3f3; transition: all .7s ease-in-out; }
.propertyBox:hover:after { width: 100%; transition: .4s; }


.propertyBox:hover .propertyImg-box img { transform: scale(1.15) rotate(2deg); transition: all .7s ease-in-out; }
.propertyHed { font-size: 13px; color: #3f3f3f; text-transform: uppercase; padding: 10px 8px; }
.propertyImg-box { width: 100%; height: 185px; overflow: hidden; margin-bottom: 10px; position: relative; }
.rent-link { display: inline-block; position: absolute; bottom: 10px; right: 10px; background: #18879f; color: #fff; padding: 5px 15px; text-transform: uppercase; }
.rent-link:hover { color: #fff; text-decoration: none; background: #0e5e6f; }

.propertyImg-box img { width: 100%; height: auto; transition: all .7s ease-in-out; }
.propertContent { padding: 10px; }
.propertPrice { font-size: 15px; color: #18879f; font-weight: 600; }
.propertPrice i { margin-right: 3px; }
.propertLocation { font-size: 14px; color: #999; font-weight: 400; text-align: right; }
.propertLocation i { margin-right: 3px; }
.propertDetails { margin-top: 12px; }
.propertDetails span { margin-right: 20px; color: #333; }
.propertDetails span img { width: 15px; height: auto; vertical-align: middle; margin-right: 3px; }

.seeAllBtn-box { text-align: center; padding: 10px 0; }
.seeAllBtn { display: inline-block; bottom: 10px; right: 10px; background: #18879f; color: #fff; padding: 6px 25px; text-transform: uppercase; }
.seeAllBtn:hover { color: #fff; text-decoration: none; background: #0e5e6f; }


/* == Latest Property slider == */

.latestPropertySlider ul li { padding: 40px 5px 10px; }
.latestPropertySlider { position: relative; }
.latestPropertySlider .lSPager { display: none !important; }
.latestPropertySlider .lSAction { position: absolute; top: 25px; width: 100px; right: -5px; }
.latestPropertySlider .lSAction .lSPrev, .latestPropertySlider .lSAction .lSNext { width: 35px; height: 25px; background: #000; font-size: 16px; color: #fff; text-align: center; }
.latestPropertySlider .lSAction .lSPrev:hover, .latestPropertySlider .lSAction .lSNext:hover { text-decoration: none; }
.latestPropertySlider .lSAction .lSPrev:before { content: "\f104"; font: normal normal normal 24px/1 FontAwesome; }
.latestPropertySlider .lSAction .lSNext:before { content: "\f105"; font: normal normal normal 24px/1 FontAwesome; }

.latestPropertySlider .propertyBox { margin-bottom: 5px; }


.testimonialSec  { height: 450px; background-color: #000; overflow: hidden; position: relative; }

.testimonialSec .img-parallax { width: 100vmax; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); pointer-events: none; }
.testimonialContent { width: 100%; height: 100%; position: relative; z-index: 1; padding: 55px 0; background-image: url(../images/bottom_angle_border.png); background-repeat: no-repeat; background-position: bottom; }

.testimonialContent .lSSlideOuter .lSPager.lSpg > li a { border-radius: 0px; height: 10px; width: 10px; background: #fff; }
.testimonialContent .lSSlideOuter .lSPager.lSpg > li:hover a, testimonialContent .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #18879f !important; text-decoration: none; }
.testimonialContent .lSPrev, .testimonialContent .lSNext { background: #18879f; text-align: center; color: #fff; line-height: 47px; height: 35px; width: 35px; }
.testimonialContent .lSPrev:before { content: "\f104"; font: normal normal normal 28px/1 FontAwesome; }
.testimonialContent .lSNext:before { content: "\f105"; font: normal normal normal 28px/1 FontAwesome; }
.testimonialContent .lSPrev:hover, .testimonialContent .lSNext:hover { text-decoration: none; }

.testimonialContent .item .lSAction { opacity: 0; }

.testimonialContent .item:hover .lSAction { opacity: 1; }



.testimonials { display: inline-block; } 
.testimonials h1 { text-align:center; text-shadow: 0 1px white; color:#02303F; } 
.testimonials h2 { color: #fff; margin: 38px 0 10px; font-size: 20px; }
.testimonials h6 { color:#18879f; margin:0; } 
.testimonials blockquote { margin:0; padding:30px 50px; width: 100%; background-color: rgba(24, 135, 159, 0.55); color:white; box-shadow: 0 5px 2px rgba(0,0,0,0.1); position:relative; transition: background-color 0.6s linear; border: none; font-size: 15px; } 
.testimonials blockquote:after { content: " "; height: 0; width: 0; position: absolute; top: 100%; border: solid transparent; border-top-color: rgba(31, 192, 160, 0.8); border-left-color: rgba(24, 135, 159, 0.7); border-width: 10px; left: 18%; } 
.testimonials .quotes{ position:absolute; color:rgba(255,255,255,0.8); font-size: 45px; } 
.testimonials .leftq{ top: 2px; left: 15px; } 
.testimonials .rightq{ bottom: -5px; right: 15px; } 
.testimonials img{ float:left; margin-right: 20px; height: 125px; width: 125px; }
.testiName { background: rgba(56, 56, 56, 0.75); display: inline-block; width: 100%; }



.indAboutSec { height: 450px; position: relative; overflow: hidden; } 
.indAboutSec .img-parallax { width: 100vmax; z-index: -1; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); pointer-events: none; }
.indAboutContent { width: 100%; height: 100%; background: rgba(24, 135, 159, 0.7); background-image: url(../images/top_angle_border.png); background-repeat: no-repeat; }


.indAboutBox { text-align: center; color: #fff; margin-top: 13%; }
.indAboutBox h3 { font-weight: 600; font-size: 32px; margin-bottom: 20px;  }
.indAboutBox p { font-size: 15px; line-height: 1.7em; letter-spacing: .7px; }
.indAboutBox a { border: 2px solid #fff; padding: 7px 25px; text-transform: uppercase; color: #fff; font-size: 14px; text-align: center; display: inline-block; cursor: pointer; margin-top: 35px; min-width: 150px; transition: all .6s; }
.indAboutBox a:hover, .indAboutBox a:active, .indAboutBox a:focus  { text-decoration: none; box-shadow: none; }
.indAboutBox a:hover { color: #18879f; transition: all .6s; box-shadow: inset 150px 0px 0px 0pc #fff; }



.companyProgress {  padding: 100px 20px 30px !important; }
.progName { color: #fff; font-size: 15px; margin-bottom: 7px; } 
.progress { overflow: hidden; height: 23px; background-color: rgba(245, 245, 245, 0.65); border-radius: 0; box-shadow: none; margin-bottom: 25px; } 
.progress-bar { width: 0; height: 100%; color: #fff; text-align: center; background-color: #ee303c; box-shadow: none; } 
.progress-striped .progress-bar { background: #18879f; text-align: right; padding: 2px 15px 0; font-weight: 700; }



.agentSec { padding: 70px 0; }
.agentImgSec { padding-right: 0; }
.agentDetailSec { padding-left: 0; }
.agentImg-box { height: 380px; overflow: hidden; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.agentImg-box img { width: 100%; height: 100%; display: block; }
.agentDetailBox { background: #fff; height: 380px; padding: 15px; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.agentNm { font-size: 16px; color: #0b0b0b; font-weight: bold; }
.agentPosition { color: #898989; font-style: italic; font-size: 15px; padding: 6px 0; }
.agentText { font-size: 14px; color: #959595; line-height: 1.4em; margin-bottom: 10px; }


.agentDetail-list { margin: 6px 0; display: inline-block; }
.agentDetail-list i { color: #101010; margin-right: 6px; font-size: 16px; }
.agentDetail-list span { color: #959595; font-size: 15px; }

.agentSocialIcon { margin: 15px 0; }
.agentSocialIcon a { display: inline-block; width: 35px; height: 35px; margin-right: 8px; text-align: center; font-size: 17px; line-height: 35px; border: 1px solid #18879f; color: #18879f; border-radius: 50%; }
.agentSocialIcon a:hover { background: #18879f; color: #fff; }

.contactBtnBox { padding-top: 15px; }
.contactMe { background: #18879f; color: #fff; padding: 8px 20px; border-radius: 0; }
.contactMe:hover, .contactMe:active, .contactMe:focus { background: #0e5e6f; color: #fff; }

.staticSec { padding: 60px 0; }

.staticBox { height: 150px; border: 2px solid #f2f2f2; text-align: center; padding: 15px; display: inline-block; width: 100%; transition: .5s; background: #fff; }
.staticBox:hover { text-decoration: none; border: 2px solid #18879f; transition: .5s; }
.staticIco { color: #18879f; text-align: center; padding: 2px 0 10px; }
.staticIco img { width: 35px; height: auto; }
.staticText { color: #8a8a8a; font-size: 15px; padding: 5px 0; }
.staticproject { font-size: 30px; color: #212121; font-weight: 600; }


.latestNews-sec { padding: 10px 0; }
.latestNews-sec .title { margin-bottom: 5px; }
.newsBox { background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.newsImg { height: 300px; overflow: hidden; margin-bottom: 6px; }
.newsContent { padding: 10px; }
.newsImg img { width: 100%; height: auto; }
.newsHed { text-transform: uppercase; color: #0b0b0b; font-weight: 600; font-size: 16px; padding: 5px 0; }
.newsStoty { color: #18879f; font-weight: 600; }
.latestNews-text { color: #8a8a8a; padding: 10px 0; }

.newsSlider ul li { padding: 40px 5px 10px; }
.newsSlider { position: relative; }
.newsSlider .lSPager { display: none !important; }
.newsSlider .lSAction { position: absolute; top: 25px; width: 100px; right: -5px; }
.newsSlider .lSAction .lSPrev, .newsSlider .lSAction .lSNext { width: 35px; height: 25px; background: #000; font-size: 16px; color: #fff; text-align: center; }
.newsSlider .lSAction .lSPrev:hover, .newsSlider .lSAction .lSNext:hover { text-decoration: none; }
.newsSlider .lSAction .lSPrev:before { content: "\f104"; font: normal normal normal 24px/1 FontAwesome; }
.newsSlider .lSAction .lSNext:before { content: "\f105"; font: normal normal normal 24px/1 FontAwesome; }


.postCommentSec { padding: 10px 0; }
.postCommentSec span { margin-right: 30px; }
.postCommentSec span i { color: #18879f; margin-right: 5px; }


.subscribe-sec { padding: 50px 0 0; }

.aubs-inputSec { padding-right: 0; }
.aubs-inputBox { background: #18879f; padding: 15px 40px; } 
.newsLatter { font-size: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-right: 20px; display: inline-block; position: relative; top: 5px; }
.NewsletterEmail { display: inline-block; width: 50%; height: 45px; background: #fff; border: none; border-radius: 0px; padding: 4px 10px; margin-right: 10px; }
.NewsletterEmail:focus { outline: none; }
.subsBtn { background: transparent; border: 1px solid #fff; border-radius: 0; color: #fff; height: 45px; padding: 5px 10px; min-width: 125px; }



.chat-sec { padding-left: 0; }
.chat-box { background: #1b1b1b; padding: 10px 0; padding: 20px 40px 21px; color: #fff; font-size: 24px; font-weight: 600; text-align: center; }
.chat-box a { color: #fff; text-decoration: none; }


/*Footer section start*/
footer { 
	padding: 60px 0 25px;
	background: #fff;
	background-image: url(../images/footerBG.png);
}

.footerHed { font-size: 18px; font-weight: 600; color: #0b0b0b; margin-bottom: 12px; }
.footerList { margin: 0; padding: 0; list-style: none; }
.footerList li { margin-bottom: 6px; }
.footerList li a { color: #0b0b0b; font-size: 14px; font-weight: 400; }
.footerList li a:hover { color: #18879f; text-decoration: none; }

.footInput { margin-bottom: 10px; }
.footInput input[type="text"] { width: 100%; height: 34px; padding: 2px 6px; border: 1px solid #bfbfbf; }
.footInput input[type="text"]:focus { outline: none; }
.footInput textarea { width: 100%; height: 75px; padding: 6px; border: 1px solid #bfbfbf; resize: none; }
.footInput textarea:focus { outline: none; }

.footInput button { padding: 5px 20px; min-width: 115px; background: #18879f; border: none; border-radius: 0; color: #fff; }

.copyrightBox { padding-top: 30px; border-top: 1px solid #bfbfbf; margin-right: 35px; margin-top: 15px; }
.copyrightBox span { margin-right: 25px; }
.copyrightBox a { display: inline-block; margin-right: 12px; color: #000; font-weight: 600; }
.copyrightBox a i { font-weight: bold; font-size: 16px; }
.copyrightBox a:hover { color: #18879f;  }

/*Footer section end*/


.mainHed { height: 175px; background-color: #000; background-image: url(../images/banner-img.png); background-size: 100%; background-repeat: no-repeat; background-position: 100% 60%; position: relative; }
.mainHed-overlay { background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hedText { color: #fff; position: relative; z-index: 1; }
.hedText h2 { font-size: 35px; font-weight: bold; margin-top: 55px; }
.hedText .HedlLink { font-size: 15px; font-weight: 600; } 
.hedText .HedlLink a { color: #fff; }

/*==== about.html start ====*/
.aboutSec { padding-top: 65px; }
.aboutImg { overflow: hidden; }
.aboutImg img { width: 100%; height: auto; }

.aboutHed { font-size: 19px; font-weight: 600; color: #000; text-transform: uppercase; margin-bottom: 10px; }
.aboutContent { font-size: 15px; color: #9e9e9e; margin-bottom: 25px; }
.aboutContent:last-child { margin-bottom: 0; }


.chooseBox { height: 285px; border:1px solid #ccc; padding: 15px; margin-bottom: 20px; }
.choose-ico { text-align: center; padding: 15px 0; }
.choose-ico span { display: inline-block; width: 70px; height: 70px; color: #fff; background: #18879f; border-radius: 50%; font-size: 22px; font-weight: 600; line-height: 70px;  }
.chooseHed { text-align: center; text-transform: uppercase; color: #000; font-weight: 600; font-size: 18px; padding: 10px 0; }
.chooseText { text-align: center; font-size: 15px; color: #9e9e9e; line-height: 1.6em; }
.awardIcon { padding-right: 0; }
.awardIcon i { font-size: 65px; color: #18879f; }
.awardHed { text-transform: uppercase; color: #000; font-weight: 600; font-size: 18px; padding-bottom: 5px; }
.awardText { font-size: 15px; color: #9e9e9e; line-height: 1.6em; }
/*==== about.html end ====*/


/*==== fortent.html start ====*/

.filterBar { background: #fff; border-radius: 3px; height: 50px; margin-bottom: 15px; }
.filterHed {  }

.filterHed .headingIcon { background: #18879f; width: 50px; line-height: 50px; display: inline-block; text-align: center; font-size: 26px; color: #fff; }
.filterHed h3 { font-size: 20px; font-weight: 600; color: #18879f; margin-bottom: 15px; text-transform: uppercase; display: inline-block; margin: 0; padding-left: 10px; }
.sorting-options { text-align: right; padding: 10px; }
.change-view-btn { display: inline-block; border: 1px solid #18879f; color: #18879f; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-left: 5px; }

.sorting { background: #fff; border: 1px solid #777; -webkit-appearance: none; -moz-appearance: none; background-image: url(../images/down_arrow.png); background-repeat: no-repeat; background-position: 95% 7px; background-size: 14px auto; padding: 4px 25px 4px 4px; border-radius: 0px; font-size: 13px; width: 150px; margin-right: 25px; cursor: poi }
.sorting:active, .sorting:focus { box-shadow: none; outline: none; }


.forRent-sec { padding-top: 65px; }
.propertyMainHed { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px; text-transform: uppercase; }

.propertyFilter { padding: 15px; margin-bottom: 25px; background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.propertyFilter label { color: #18879f; }
.propertyFilter .value { color: #797979; font-size: 15px; }
.refineBtn { padding: 10px 25px; border-radius: 0; text-transform: uppercase; background: #18879f; color: #fff; }
.refineBtn:hover, .refineBtn:focus, .refineBtn:active { color: #fff; }


.emiCalculet-sec { background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); padding: 15px; }
.emiInput-box { position: relative; margin-bottom: 15px; display: inline-block; width: 100%; }
.emiInput-box input { height: 38px; border: 1px solid #ccc; padding: 2px 6px; padding-left: 45px; width: 100%; }
.emiInput-box input:focus { outline: none; }
.emiInput-box span { position: absolute; top: 0; left: 0; background: #6e6e6e; display: inline-block; background: #6e6e6e; width: 38px; height: 38px; color: #fff; line-height: 38px; text-align: center; }

.calculateEMI { width: 100%; display: inline-block; background: #eeeeee; color: #383838; padding: 25px; text-align: center; margin-top: 25px; }

.calculateEMI h2 { font-size: 28px; margin-bottom: 6px; font-weight: 600; margin-top: 0; }
.calculateEMI p { font-size: 18px; font-weight: 600; margin: 0; }
.pagination { float: right; }
.pagination li a { color: #18879f; font-size: 16px; border-radius: 0 !important; transition: all .4s ease-in-out; }
.pagination li a:hover { color: #fff; background: #18879f; transition: all .4s ease-in-out; }
/*==== fortent.html end ====*/


/*==== property_details.html start ====*/
.pro-detailSec { padding: 70px 0 0; }
.detailMin h2 { font-size: 30px; color: #000; font-weight: 600; margin: 0 0 20px; }

/*image tab start*/
#vtab { margin-bottom: 25px; display: inline-block; width: 100%; }
.tabImgSec { position: relative; }
.tabImg { position: relative; }
.tabImg img { width: 100%; height: 360px; }
.tabImgSec span { position: absolute; bottom: 15px; right: 15px; background: #18879f; display: inline-block; padding: 5px 12px; color: #fff; text-transform: uppercase; }
.tabImgThumb { list-style: none; padding: 0; margin: 0; }
.tabImgThumb li { float: left; cursor: pointer; width: 20%; padding: 10px 5px; opacity: 0.6; }
.tabImgThumb li.selected { opacity: 1; }
.tabImgThumb li:first-child { padding-left: 0; }
.tabImgThumb li:last-child { padding-right: 0; }
.tabImgThumb li img { width: 100%; height: 85px; }
/*image tab end*/

 .detailHed { width: 100%; padding: 8px 15px; color: #fff; background: #171717; text-transform: uppercase; font-weight: 600; font-size: 16px; display: inline-block; }
.detailText { display: inline-block; padding: 15px 0; font-size: 15px; color: #000; width: 100%; }
.detailText p { line-height: 1.5em; }
.amenitiesBox { border-bottom: 1px solid #ccc; padding: 8px 0; }

.proDetail-sb {  }
.detailPrice { text-align: right; color: #18879f; font-size: 18px; font-weight: 600; }
.detailAddress { padding: 6px 0; font-size: 16px; color: #464646; font-weight: 600; }
.detailAddress i { color: #18879f; margin-right: 5px; font-weight: 600; font-size: 18px; }

.discHed { font-weight: 600; font-size: 18px; color: #000; margin: 10px 0; }
.detail-discBox { display: inline-block; width: 100%; padding: 20px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; }
.detail-disc { margin-bottom: 17px; color: #676767; text-transform: uppercase; }
.detail-disc img { width: 15px; height: auto; margin-right: 6px; }

.amminitesCheck { display: inline-block; width: 100%; padding: 30px 0;   }

.relatedPropertySec { padding: 50px 0 0; }

.amminitesCheck span input[type="checkbox"] { display: none; } 
.mycheckbox:not(:checked),
.mycheckbox:checked {display: none; }
.mycheckbox:not(:checked) + label,
.mycheckbox:checked + label { position: relative; padding-left: 25px; cursor: pointer; color: #a9a9a9; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.mycheckbox:not(:checked) + label:before,
.mycheckbox:checked + label:before { content: ''; position: absolute; left:0; top: 1px; width: 17px; height: 17px; border: 1px solid #df4561; border-radius: 50%; }
.mycheckbox:not(:checked) + label:after,
.mycheckbox:checked + label:after { content: '✓'; position: absolute; top: 1px; left: 0; font-size: 14px; color: #fff; background: #df4561; font-weight: 500; width: 17px; height: 17px; border-radius: 50%; text-align: center; }
.mycheckbox:not(:checked) + label:after { opacity: 0; }

/*==== property_details.html end ====*/




/*==== agents.html Start ====*/
.agents-sec { padding-top: 70px; }

.agent-box { margin-bottom: 30px; background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.agentImg { width: 100%; height: 335px; overflow: hidden;  }
.agentImg img { width: 100%; height: 100%; min-height: 335px; }

.agents-DetailsBox { padding: 10px 0; }

/*==== agents.html end ====*/



/*==== blog.html Start ====*/
.blogSec { padding-top: 50px; }
.blogBox { margin-bottom: 25px; background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); }
.blogImg { height: 290px; overflow: hidden;  }
.blogImg img { width: auto; height: 100%; min-height: 290px; }
.blogContBox { padding-top: 10px; padding-bottom: 10px; }
.blogHed { text-transform: uppercase; color: #0b0b0b; font-weight: 600; font-size: 18px; padding: 0 0 5px; }
.blogStoty { color: #18879f; font-weight: 600; }
.blog-text { color: #8a8a8a; padding: 8px 0; font-size: 15px; }
.blogMoreLink { background: #18879f; color: #fff; padding: 8px 20px; text-transform: uppercase; }
.blogMoreLink:hover, .blogMoreLink:active, .blogMoreLink:focus { background: #18879f; color: #fff; }

.blogSb-hed { color: #0b0b0b; font-weight: bold; font-size: 20px; margin-bottom: 15px; }
.sb-search { display: inline-block; width: 100%; position: relative; }
.sb-search input { display: inline-block; width: 100%; background: #faf6f5; border: 1px solid #ddd; height: 40px; padding: 2px 6px; padding-right: 35px; }
.sb-search input:focus { outline: none; border: 1px solid #ddd; }
.sb-search a { position: absolute; height: 30px; width: 30px; color: #18879f; text-align: center; line-height: 30px; top: 5px; right: 3px; font-size: 17px; }

.sb-recentPost { background: #fff; padding: 10px; }

.sb-categ { border: 1px solid #ddd; padding: 15px; margin: 10px 0; background: #fff; }
.blogSb-catList { margin: 0; padding: 0; list-style: none; }
.blogSb-catList li { border-bottom: 1px solid #ddd; }
.blogSb-catList li:last-child { border-bottom: none; }

.blogSb-catList li a { color: #131313; display: inline-block; width: 100%; padding: 8px 0; font-size: 15px; transition: all .4s ease-in-out; }
.blogSb-catList li a:hover { text-decoration: none; color: #18879f; transition: all .4s ease-in-out; }

/*.sb-recentPostBox .row { margin-bottom: 20px; }*/
.sb-recentPostBox a { display: inline-block; width: 100%; margin-bottom: 20px; }
.sb-recentP-img { padding-right: 0; }
.sb-recentP-img img { width: 100%; height: 60px;  }
.sb-recentP-detail { padding-left: 5px; }
.sb-recentP-detail h3 { color: #393939; margin: 0; font-size: 13px; font-weight: 500; }
.sb-recentP-detail span { color: #8a8a8a; font-size: 14px; margin-top: 5px; display: inline-block; }


.twitter-feed { background: #fff; padding: 10px; margin-bottom: 30px; } 
.twitter-feedBox { display: inline-block; margin-bottom: 15px; }
.twitter-feedBox:hover { text-decoration: none; }
.twitter-feedBox:last-child { margin-bottom: 0; }
.twit-ico { width: 50px; height: 50px; border: 1px solid #e0e0e0; background: #f9f6f5; color: #c5c5c5; border-radius: 50%; margin: 0 auto; text-align: center; font-size: 22px; padding-top: 9px; margin-top: 5px;  }
.twitter-feedBox:hover .twit-ico { color: #fff; background: #18879f; }
.twitter-feedText { font-size: 14px; color: #8a8a8a; font-weight: 600; }
.twitter-feedText span { color: #18879f;  }

.tagBtns-box { background: #fff; padding: 20px 10px; }
.tagBtn { display: inline-block; padding: 3px 15px; text-align: center; border: 1px solid #a3a3a3; color: #989898; margin-bottom: 10px; margin-right: 2px; transition: all .4s ease-in-out; }
.tagBtn:hover { text-decoration: none; background: #18879f; color: #fff; border: 1px solid #18879f; transition: all .4s ease-in-out; }
/*==== blog.html end ====*/




/*==== blog-details.html Start ====*/
.blogDetail-Sec { background: #fff; padding: 10px; }
.blogDetailBox {  }
.blogDetailImg { width: 100%; height: 400px; }
.blogDetailImg img { width: 100%; height: 100%; }
.blogDetailHed { text-transform: uppercase; color: #0b0b0b; font-weight: 600; font-size: 18px; padding: 20px 0 0; }

.blogAdminBox { margin: 25px 0 0; border: 1px solid #ececec; background: #fff; }
.adminImgRow { padding-right: 0; }
.adminImg { height: 145px; width: 100%; border-left: 4px solid #18879f; }
.adminImg img { width: 100%; height: 100%; }
.adminDtail { height: 145px; padding: 25px 35px; color: #959595; font-size: 16px; font-style: italic; line-height: 1.8em; }
.adminDtail i { color: #18879f;  }
.adminDtail i.fa-quote-left { margin-right: 7px; }
.adminDtail i.fa-quote-right { margin-left: 7px; }
.blogAdminNm { font-size: 14px; color: #212121; font-weight: 600; margin: 0 0 20px; background: #fff; padding: 10px; }

.blogCommentBox { padding: 20px; border: 1px solid #ececec; margin-bottom: 10px; background: #fff; }
.userImg {  }
.userImg img { width: 100%; height: 110px; }
.commentText { font-size: 16px; font-style: italic; color: #959595; margin-bottom: 10px; }
.commentReply { font-size: 16px; color: #111111; font-weight: 600; margin: 10px 0; display: inline-block; transition: all .4s ease-in-out; float: right; }
.commentReply:hover { text-decoration: none; color: #18879f; transition: all .4s ease-in-out; }

.commentDate { font-size: 16px; color: #18879f; padding: 10px 0; }

/*==== blog-details.html end ====*/



/*==== contact.html start ====*/
.contactSec { padding: 70px 0; }
.contactMap-sec { position: relative; display: inline-block; width: 100%; }
.contactMap_box {  }
.contactMap_box iframe { width: 100%; height: 525px; }

.contactForm { width: 345px; height: 450px; background: #fff; position: absolute; top: 35px; right: 35px; padding: 25px; box-shadow: 0px -1px 12px 0px #b3b3b3; }

.contactForm input, .contactForm textarea { width: 100%; height: 40px; background: #e8e8e8; border: none; padding: 3px 6px; margin-bottom: 18px; } 
.contactForm textarea { height: 110px; padding: 6px; }
.contactForm input:focus, .contactForm textarea:focus { outline: none; }
.contactForm button { width: 100%; background: #18879f; border-radius: 5px; color: #fff; height: 40px; border: none; font-size: 18px; }
.contactForm button:focus { outline: none; }

.cont-sec { border-right: 1px solid #ccc; text-align: center; color: #18879f; padding: 25px 0; }
.cont-icon { margin-bottom: 25px; }
.cont-icon span{ font-size: 28px; color: #18879f; border: 2px solid #18879f; border-radius: 50%; width: 65px; height: 65px; display: inline-block; line-height: 65px; }
.contact-add { font-size: 16px; color: #4f4f4f; font-weight: 600; }
.contact-email { font-size: 16px; font-weight: 600; }

/*==== contact.html end ====*/



/*==== sell_your_property.html start ====*/
.sellYour-sec { padding: 70px 0; }
.sellForm-sec { background: #fff; padding: 15px;  }
.sell-formBox { margin-bottom: 0; }
.sell-formBox { margin-bottom: 10px; background: #fff; padding: 10px 0; }


.sell-formBox label { display: inline-block; width: 100%; font-size: 14px; margin-bottom: 10px; color: #1b1b1b; font-weight: 600; text-transform: uppercase; }
.sell-formBox input, .sell-formBox textarea, .sell-formBox select { width: 100%; height: 35px; border: none; padding: 3px 6px; border: 1px solid #ccc; }
.sell-formBox select { -webkit-appearance: none; appearance: none; border-radius: 0; background-image: url(../images/down_arrow.png); background-repeat: no-repeat; background-position: 97% 13px; background-color: #fff; }

.sell-formBox input:focus, .sell-formBox textarea:focus, .sell-formBox select:focus { outline: none; }
.sell-formBox textarea { height: 130px; }
.sell-formBox .amminitesCheck { padding-top: 10px; padding-bottom: 0; }

.sellPropertyBtn { padding: 7px 25px; min-width: 115px; border-radius: 0; border: none; text-transform: uppercase; background: #18879f; color: #fff; }
.sellPropertyBtn:hover, .sellPropertyBtn:focus, .sellPropertyBtn:active { background: #0e5e6f; color: #fff; outline: none; }

.imgUploade-box { width: 240px !important; height: 175px !important; border: 2px dashed #ccc; cursor: pointer; position: relative; margin: 10px; }
.imgUploade-box:hover { border: 2px dashed #a5a5a5; }
.imgUploade-box span { position: absolute; display: inline-block; top: 37%; left: 45%; color: #ccc;  }
.imgUploade-box span img { width: 40px; height: 40px; }
.imgUploade-box .uploadeInput { display: none; }
.imgprvbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; z-index: 1; overflow: hidden; }
.imgprvbox img { width: 102%; height: 102%; border: none; margin: -1px; }

.sellForm-sec { background: #fff; padding: 15px; }
/*==== sell_your_property.html end ====*/






/*==== sell_your_property.html start ====*/
.myAccountSec { padding: 70px 0; }
.myAccountSb { border: 1px solid #ccc; padding: 10px; background: #fff; }
.myAcc-userImg { padding-right: 0; }
.myAcc-userImg img { width: 100%; height: auto; border: 4px solid #e0e0e0; }
.myAcc-name { margin-top: 20px; }
.myAcc-name h2 { margin: 0; font-size: 15px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.myAcc-name button { padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; margin: 0 auto; display: block; background: transparent; color: #ccc; }

.myAcc-sbList { margin: 0; padding: 15px 8px 0; }
.myAcc-sbList li { list-style: none; border-bottom: 1px solid #ccc; }
.myAcc-sbList li:last-child { border-bottom: none; }
.myAcc-sbList li a { display: inline-block; width: 100%; padding: 10px 0; color: #d6d6d6; font-size: 15px; }
.myAcc-sbList li a:hover { text-decoration: none; color: #18879f; }
.myAcc-sbList li a img { width: 17px; height: 17px; margin-right: 6px; margin-top: -4px; }
.myAcc-sbList .active a { color: #18879f; }
.myAccForm-sec .title { text-align: left; }

.myAccForm-sec { background: #fff; padding: 15px; }

/*==== sell_your_property.html end ====*/




/*==== cart.html start ====*/
.cartSec { padding: 70px 0; }
.cartMain-box {  }
.cartBox { display: table; width: 100%; background: #fff; border: 1px solid #e0e4f6; }

.cartImg { width: 15%; float: left; padding: 25px; border-right: 1px solid #e0e4f6; text-align: center; }
.cartImg img { width: 75px; height: auto; }

.cartDetail-Sec { width: 85%; float: left; }
.cartProduct { border-bottom: 1px solid #e0e4f6; padding: 20px; display: inline-block; width: 100%; }
.cartNm-box { width: 50%; float: left; }
.cartHed { font-size: 14px; color: #9292b4; }
.cartNm-box h4 { margin: 10px 0 0; }
.cartNm-box h4 a { color: #283346; transition: all .4s ease-in-out; font-size: 22px; }
.cartNm-box h4 a:hover { color: #18879f; text-decoration: none; font-weight: 600; transition: all .4s ease-in-out; }

.cartPriceBox { width: 15%; float: left; }
.cartCount { width: 15%; float: left; }
.cartTotalPriceBox { width: 20%; float: left; }

.cartprice { margin-top: 10px; font-weight: 600; font-size: 16px; color: #18879f; }
.cartCount input { width: 40px; border: 1px solid #ccc; padding: 5px;  text-align: center; height: 28px; margin-top: 10px; }
.cartCount input:focus { outline: none; }
.cartBtns-box { width: 50%; float: left; text-align: right; padding: 5px 15px; }

.removeLink { color: #283346; font-size: 16px; transition: all .5s ease-in-out; }
.removeLink:hover { color: #18879f; transition: all .5s ease-in-out; }


/*==== cart.html end ====*/


/*==== for_sell.html start ====*/
.propertyGrid-box { margin-bottom: 20px; background: #fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15); display: inline-block; width: 100%; }
.propertyGrid-box .propertyImg-box { margin-bottom: 0; }
.sellPropertyImg { padding-right: 0; }
.sellPropertyImg .propertyImg-box { height: 215px; }
.sellPropertyImg .propertyImg-box img { height: 100%; width: auto; transition: all .7s ease-in-out;  }

.propertyGrid-box:hover .propertyImg-box img { transform: scale(1.15) rotate(2deg); transition: all .7s ease-in-out; }

.propertyGrid-detailBox { padding: 15px 10px 15px 5px; }
.propertyDetail-text { font-size: 14px; margin: 10px 0; color: #959595; line-height: 1.8em; }
.prop-gridPrice .propertPrice { margin-top: 12px; display: inline-block; }

/*==== for_sell.html end ====*/


/*==== my_property.html start ====*/
.editRemoveBox { height: 100%; height: 215px; text-align: center; }
.editRemoveBox a { width: 65px; height: 65px;  border: 1px solid #ccc; color: #18879f; display: inline-block; vertical-align: middle; margin-top: 30px; padding-top: 12px; }

.editRemoveBox a:hover { text-decoration: none; border: 1px solid #18879f; }

/*==== my_property.html end ====*/


/*==== my_wishlist.html start ====*/
.wishBox { padding: 25px; border: 1px solid #ccc; margin-bottom: 25px; }
.wishBox .editRemoveBox { height: auto; }
.wishBox .editRemoveBox a { margin-top: 0; } 
/*==== my_wishlist.html end ====*/




/*==== faq.html start ====*/

.faqSec { padding: 65px 0; }

/*Accordion tab - start -*/
#aboutTab { width: 100%; }
#aboutTab ul { padding: 0; }

#aboutTab > ul > li { list-style: none; background: #fff; border: 1px solid #cfcfcf; border-radius: 5px;  margin-bottom: 8px; }
#aboutTab > ul > li a { color: #8a8a8a; font-size: 17px; font-weight: 500; }
#aboutTab > ul > li a:hover { text-decoration: none; color: #fff !important; }
#aboutTab > ul > li.active a { color: #fff; }
#aboutTab > ul > li.active a:hover { text-decoration: none; }

#aboutTab > ul > li:hover { background: #18879f; color: #fff !important; }
#aboutTab > ul > li.active { border-bottom: none; background: #18879f; }
#aboutTab > ul > li > a > span { display: block; padding: 7px 10px; border-radius: 5px; }
#aboutTab > ul > li.has-sub > a span { background: url('../images/icon_plus.png') 98% center no-repeat; }
#aboutTab > ul > li.has-sub.active > a span { background: url('../images/icon_minus.png') 98% center no-repeat; }
#aboutTab ul ul { display: none; background: #fff; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; list-style: none; padding: 10px; border-radius: 0 0 5px 5px; }
#aboutTab ul ul li { color: #8a8a8a; font-size: 15px; }
/*Accordion tab - end -*/

.faqContent {  }
.faqContent p { margin: 10px 0 20px; line-height: 1.6em; }
.faqNo { font-size: 25px; color: #18879f; font-weight: 700; }


.contactNo { margin: 45px 0 0; }
.contactNo p { margin: 8px 0 10px; }


/*==== faq.html end ====*/




/*==== policy.html start ====*/
.policySec { padding: 65px 0; }

.policyContent { background: #fff; padding: 25px; }
.policyContent .title { margin-bottom: 8px; }

.policySubTitle { text-align: center; font-size: 16px; padding: 0 100px; margin-bottom: 30px; }
.policyHed { font-size: 18px; font-weight: 500; color: #18879f; margin-bottom: 10px; opacity: .6; }

/*==== policy.html end ====*/




/* === GALLERY START === */
.latest-gallery{
  padding: 85px 0px 50px;
}
.latest-gallery h1{
  font-size: 35px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.latest-gallery .single-item {
  padding-bottom: 30px;
}
.latest-gallery .single-item.padd-none{
  padding: 0px !important;
}
.latest-gallery .single-item .img-box {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.latest-gallery .single-item .img-box img {
  width: 100%;
  height: 250px;
}
.latest-gallery .single-item .title h5 {
  color: #222;
  padding: 25px 0 0;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}
.latest-gallery .single-item:hover .title h5 {
  color: #48c7ec;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.latest-gallery .single-item .img-box .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(24, 135, 159, 0.8);
  text-align: center;
  opacity: 0;
  transition: all .3s ease;
 /* border: 2px solid #FFF;*/
}

.latest-gallery .single-item .img-box .overlay .social {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.latest-gallery .single-item .img-box .overlay .inner {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.latest-gallery .single-item .social a i:before {
  font-size: 20px;
  color: #000;
  margin: 0px;
  border: 1px solid #FFF;
  background-color: #FFF;
  padding: 10px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
.latest-gallery .single-item .social h4 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}

.latest-gallery .single-item .img-box .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.latest-gallery .single-item .img-box .overlay .box .content {
  display: table-cell;
  vertical-align: bottom;
}
.latest-gallery .single-item .img-box .overlay .top {
  text-align: center;
}
.latest-gallery .single-item .img-box .overlay .top ul {
  margin-bottom: 0;
  margin-bottom: 20%;
}
.latest-gallery .single-item .img-box .overlay .top li a {
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  background: #222;
  display: block;
  border-radius: 50%;
  -webkit-transition:.4s ease;
  transition: .4s ease;
}
.latest-gallery .single-item .img-box .overlay .top li a:hover {
  background: #1f1f1f;
  color: #48c7ec;
}
.latest-gallery .single-item .img-box .overlay .bottom {
  padding: 10px 0px;
  padding-right: 0;
  text-align: center;
}
.latest-gallery .single-item .img-box .overlay .bottom .title h3 {
  margin: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  line-height: 30px;
  font-size: 15px;
}
.latest-gallery .single-item:hover .img-box .overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.post-filter {
  display: inline-block;
  margin: 0;
  margin-bottom: 50px;
}
.post-filter li {padding: 5px 5px;}

.post-filter li span {
  padding: 7px 20px;
  color: #343434;
  font-size: 14px;
  border: 1px solid #18879f;
  font-weight:500;
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  display: block;
  padding-right: 16px;
  cursor: pointer;
  -webkit-transition:.5s ease;
  transition: .5s ease;
  border-radius: 23px;
  min-width: 75px;
}
.post-filter li:hover span,
.post-filter li.active span {
  color: #fff;
  background:#18879f;
  -webkit-transition:.5s ease;
  transition: .5s ease;
}

.latest-gallery .single-item .social a i:before {
    font-size: 20px;
    color: #000;
    margin: 0px;
    border: 1px solid #FFF;
    background-color: #FFF;
    padding: 10px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

.flaticon-add:before {
    content: "\f100";
}