@import url("reset.css");

@import url("fonts.css");

body{font-family:'Roboto Condensed';background:#fff;color:#6A6E6F;font-weight:normal;}
html{height:100%;}
body{height:100%;}
html, body{margin: 0;padding: 0; position: relative;}
.container{max-width:1290px;width:100%;}



/*================ HEADER CSS START ================*/
header.navbar{height:88px;margin:0;}
.navigation .navbar-nav{margin-top:35px;}
.navigation .navbar-nav li{display: inline-block;margin: 0 22px;}
.navigation .navbar-nav li a{color: #3f3f3f;font-size: 16px;font-size:15px;text-transform:capitalize;padding:0 0 5px;margin-right:1px;}
.navigation .navbar-nav .open .dropdown-menu > li > a{color: #3f3f3f;}
.navigation .navbar-nav .active  a, .navigation .navbar-nav .active  a:focus, .navigation .navbar-nav .active  a:hover, .navigation .navbar-nav li a:hover, .navigation .navbar-nav > .open > a, .navigation .navbar-nav > .open > a:focus, .navigation .navbar-nav > .open > a:hover {background:transparent;border-bottom: 2px solid #26b9af;color: #26b9af;}
.navigation .container .navbar-brand{padding:0px;height:auto;margin:0;}
.demo-link{background:#26b9af;color: #ffffff;float: right;font-family: roboto condensed;line-height: 58px;margin-left: 25px;padding: 15px 40px;text-transform:capitalize;}
.demo-link:hover, .demo-link:focus, .demo-link:active{color:#fff;}
.navigation .dropdown .dropdown-menu{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;max-height:0;display:block;overflow:hidden;opacity:0;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
.navigation .dropdown.open .dropdown-menu{max-height:200px;opacity:1;top: 53px;}
.user-icon{background:url('../img/profile-img.png') no-repeat;width:12px;height:16px;margin-right:10px;vertical-align:middle;display:inline-block;margin-top:-4px;}
.navigation .navbar-nav li a.dropdown-toggl:hover span{background:url('../img/profile-img-hover.png') no-repeat;}
.navigation .dropdown .dropdown-menu a{margin-right:0;padding:15px;line-height:25px;}
.navigation .dropdown .dropdown-menu{padding:0;}
.navigation .caret{display:none;}
.navigation .navbar-nav .dropdown-menu li{display: block;margin: 0;}
.navigation .navbar-nav .dropdown-menu  li  a:focus, .navigation .navbar-nav .dropdown-menu  li  a:hover {background:#26b9af;color:#fff;border:none;}
/*================ HEADER CSS END ================*/
/*================ BANNER CSS START ================*/
.banner-sec{background:url('../img/banner.jpg') no-repeat bottom center / cover;height:643px;}
.banner-outer{display:table;text-align:center;width:100%;height:100%;}
.banner-content{display:table-cell;vertical-align:middle;}
.banner-inner{max-width:630px;margin:0 auto;text-align:center;}
.head-first {color:#ffffff;font-weight:bold;text-transform:capitalize;font-size:50px;margin:0;line-height:39px;}
.banner-inner p {color:#ffffff;font-size:30px;font-weight:300;line-height:37px;margin:42px 0;}
.banner-form {margin:0 auto;max-width:400px;padding: 15px;}
.banner-form input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#bababa;}
.banner-form input.form-control::-moz-placeholder { /* Firefox 19+ */color:#bababa;}
.banner-form input.form-control:-ms-input-placeholder { /* IE 10+ */color:#bababa;}
.banner-form input.form-control:-o-placeholder { /* Firefox 18- */color:#bababa;}
.blue-btn {background:#26b9af;border: 2px solid #26b9af;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-o-border-radius:0;color:#ffffff;font-family:open_sanssemibold;font-size:15px;height:44px;line-height:42px;text-transform:capitalize;width:100%; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.blue-btn:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.blue-btn:hover, .blue-btn:focus, .blue-btn:active {color:#26b9af;}
.blue-btn:hover:before, .blue-btn:focus:before, .blue-btn:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
/*
.banner-form .col-md-6:first-child{padding-right:10px;}
.banner-form .col-md-6:nth-child(2){padding-left:10px;}
*/
/*================ BANNER CSS END ================*/
/*================ WELCOME SEC CSS START ================*/
.welcome-section{padding:100px 20px;background:#EBF1F4;}
.head-sec{color:#2b2b2b;font-size:60px;font-weight:bold;line-height:52px;margin:0;text-transform:capitalize;}
.welcome-cont{border-left:3px solid #cccacb;font-size:24px;font-style:italic;line-height:40px;padding:20px 0 20px 45px;}
.welcome-sign{font-size: 21px; color: #25b8ae;margin-top: 5px;}
/*================ WELCOME SEC CSS END ================*/
/*================ FEATURES SEC CSS END ================*/
.features-section{padding:50px 0;text-align:center;}
.ft-col{float:left;margin-bottom:20px;width:25%;}
.head-sec.border-head::after{background:#2a2a2a;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);-webkit-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);-moz-transform:translate(-50%);width:100px;}
.head-sec.border-head{position:relative;padding-bottom:20px;}
.features-sec > p{font-size:18px;line-height:30px;margin:30px 0;}
.ft-col > p{color:#2b2b2b;font-size:24px;font-weight:bold;padding-top:15px;text-transform:capitalize;}
.features-list{display:inline-block;margin:30px 0;width:100%;}
.border-blue-btn.blue-btn{border:2px solid #26b9af;background:#fff;color:#26b9af;display:inline-block;font-family:open_sanssemibold;height:44px;line-height:41px;max-width:350px;text-transform:capitalize;width:100%;}
.border-blue-btn.blue-btn:before {background: #26b9af;}
.border-blue-btn.blue-btn:hover, .border-blue-btn.blue-btn:focus, .border-blue-btn.blue-btn:active {color:#fff;}
.ft-col > img {height: 96px;}
/*================ FEATURES SEC CSS END ================*/
/*================ TRUSTED SEC CSS START ================*/
.trusted-section{background:url('../img/trusted-by-BG.jpg') no-repeat bottom center / cover;height:440px;}
.trusted-sec{margin:88px auto 0;max-width:550px;text-align:center;}
.head-sec.border-head.white-border::after{background:#ffffff;}
.white-border{color:#ffffff;}
.owners, .resident{color:#ffffff;font-size:60px;font-weight:300;line-height:55px;padding:70px 0 0;}
.owners > span, .resident > span{font-size:24px;font-weight: normal;text-transform:capitalize;display: block;}
/*================ TRUSTED SEC CSS END ================*/
/*================ SIGN UP SEC CSS START ================*/
.signup-section{background:url("../img/citi-sillihoutes-bg.png") repeat-x scroll center bottom;height:420px;padding:70px 20px;}
.signup-cont{padding:0 0 0 45px;}
.center-btn{display:inline-block;text-align:center;width:100%;}
.center-btn .blue-btn{display:inline-block;max-width:275px;width:100%;}
.signup-cont label.error {color: #ff0000;height: auto;line-height: 18px;}
.password-icon {
    position: absolute;
    margin-left: -35px;
    margin-top: 14px;
    cursor: pointer;
}
/*================ SIGN UP SEC CSS END ================*/
/*================ FOOTER SEC CSS START ================*/
.footer-top-sec{background:#2a2a2a url("../img/backsplash_1_light.png") repeat;padding:50px 0;width:100%;}
.footer-bottom-sec{background:#222222;color:#525252;font-size:14px;padding:20px;text-align:center;}
.footer-head{color:#ffffff;display:block;font-size:18px;font-weight:bold;margin-bottom:15px;text-transform:capitalize;}
.aboout-sec{padding-left:40px;}
.footer-link > li {color:#ffffff;font-size:16px;margin-bottom:15px;}
.footer-link > li a, .contact-sec p{color:#ffffff;}
.contact-sec p{line-height:23px;}
.input-group.footer-input{margin-top:23px;}
.footer-input .btn.btn-secondary{background:#27b9af url('../img/arrow-footer-newsletter-icon.png') no-repeat center center;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-o-border-radius:0;height:44px;text-indent:-9999px;width:44px;}
/*================ FOOTER SEC CSS END ================*/
/*================ APPFOLIO PAGE CSS START ================*/
.vhost-lookup{margin:0 auto 0;max-width:100%;width:50em;padding:5em 0 0;}
.vhost-lookup-wrapper{box-shadow:0 0 6px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);-ms-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);-o-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);margin-bottom:10px;border: 0.5px solid #a9a9a9;}
.logolink{background-color:#1c364a;display:block;height:100px;padding:10px;text-align:center;}
.vhost-lookup-body-wrapper{margin:50px;}
.tenant-login-body-wrapper{margin:30px;}
.head-sec.appfolio-head{font-size:26px;line-height:24px;text-align:center;}
.head-sec.tenant-login-head{font-size:18px;line-height:22px;text-align:left;text-transform:initial;width:250px}
.head-sec.tenant-login-head.margin-top-20{margin-top:20px;}
.head-sec.tenant-login-head.border-head::after{background:#2a2a2a;bottom:0;content:"";height:3px;left:50%;position:absolute;width:100%;}
.head-sec.tenant-login-head.border-head{position:relative;padding-bottom:12px;}
.tenant-login-body-wrapper .signin-form {width: 100%; padding: 20px;}
.tenant-login-body-wrapper .signin-form .signin-form-content {width: 100%; padding: 0px;}

.tenant-login-body-wrapper .signin-form .signin-form-content .signin-input input{background: #fff;color:#2b2b2b;}
.tenant-login-body-wrapper .signin-form .signin-form-content .signin-input label{text-transform: initial;}
.tenant-login-body-wrapper > .row { display: flex; align-items: center; height: 470px;}

.vhost-lookup-body-wrapper p, .vhost-lookup-body-wrapper span, .vhost-lookup-instruction-list li{font-family:open_sansregular;font-size:15px;line-height:22px;margin:10px 0;}
.tenant-login-body-wrapper p, .tenant-login-body-wrapper span {font-family:open_sansregular;font-size:12px;line-height:16px;margin:10px 0;color:#2b2b2b;}
.vhost-lookup-instruction-list li{list-style:inside none disc;}
.u-space-tl a{color: #1c364a;font-weight: bold;text-decoration: underline;}
.vhost-lookup-footer{text-align:right;}
.vhost-lookup-footer{color: #1c364a;}
.vhost-lookup-url strong{color:#26b9af;}
.vhost-lookup-url{font-weight:bold;}
/*================ APPFOLIO PAGE CSS END ================*/

.push{height:312px;}
.wrapper{min-height:100%;margin-bottom:-311px;}

/*================ SIGN IN PAGE CSS START ================*/
.signin-bg{position:fixed; left:0px; top:0px; width:100%; height:100%;z-index:1;}
.signin-bg img{width:100%; height:100%;}
.signin-section{display:table; width:100%; height:100vh; position:relative; z-index:2;}
.signin-outer-div{display:table-cell; vertical-align:middle;}
.signin-center-div{background:rgba(32, 42, 53, 0.8); width:80%; padding: 30px 50px; color:#fff; margin:30px auto;box-shadow:0 0 13px 7px #202a35 inset;padding: 30px 50px;}
.get-strated-sec{border-right: 1px solid #ffffff;padding:80px 80px 80px 50px;}
.get-strated-sec, .signin-form{display: inline-block;vertical-align: top;width: 49%;}
.heading-ft{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 30px;margin: 0;padding-bottom: 10px;position: relative;text-transform:capitalize;}
.heading-ft:after{background: #ffffff;bottom: 0;content: "";height: 1px;left: 0;position: absolute;width: 100%;}
.get-strated-sec p{font-size: 15px;line-height: 19px;padding:20px 0;}
.get-strated-sec a{border: 1px solid #ffffff;color: #ffffff;display: inline-block;font-family: open_sansregular;height: 45px;line-height: 40px;max-width: 215px;padding: 0 10px;text-transform:capitalize;width: 100%;background:url("../img/arrow-footer-newsletter-icon.png") no-repeat scroll 94% center;}
.signin-form {padding: 0 10px 0 60px;text-align: center;}
.signin-form-content{padding-top: 30px;text-align: left;}
.checkbox-div input[type="checkbox"] { display: none;}
.checkbox-div input[type="checkbox"] + label {cursor: pointer;padding: 0 0 0 20px;position: relative;text-align:left;}
.checkbox-div input[type="checkbox"] + label::before {background: url('../img/unchecked-box.png') no-repeat;content: "";display: inline-block;height: 22px;left: 0;position: absolute;top:-1px;vertical-align: top;width: 22px;}
.checkbox-div input[type="checkbox"]:checked + label::before {background: url('../img/checked-box.png') no-repeat;}
.checkbox-div label {color: #8496ac;font-size: 12px;}
.signin-input label{font-size:15px;text-transform:capitalize;}
.signin-input input{background: rgba(56, 89, 99, 0.4); color: #bababa;}
.signup-form-sec .checkbox-div label.error {color: #ff0000;font-size: 13px;}
/*================ SIGN IN PAGE CSS END ================*/
/*================ SIGN UP PAGE CSS START ================*/
.push-signup{height:55px;}
.signup-wrapper{margin-bottom:-54px;}
.signup-logo{text-align:center;}
.signup-sec{margin: 0 auto;max-width: 600px;padding: 50px 0;text-align: center;}
.signup-head{color: #2b2b2b;font-size: 32px;font-weight: 300;}
.signup-sec p{font-size:16px;color:#706F70;}
.signup-form-sec{background: #ffffff;box-shadow: 0 0 25px 0 #cccccc;-webkit-box-shadow: 0 0 25px 0 #cccccc;-o-box-shadow: 0 0 25px 0 #cccccc;-ms-box-shadow: 0 0 25px 0 #cccccc;-moz-box-shadow: 0 0 25px 0 #cccccc;color: #2d4054;font-family: open_sansregular;font-size: 14px;margin: 50px auto;max-width: 415px;padding: 30px;text-align: left;}
.spinner{width: 100%;}
.spinner input{text-align: left;}
.input-group-btn-vertical{display: inline-block;position: absolute;right: 17px;top: 11px;width: 1%;z-index: 3;}
.input-group-btn-vertical > .btn{background: #f1f1f1;border: medium none;border-radius: 0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;display: block;float: none;margin-left: -1px;max-width: 100%;padding: 6px;position: relative;width: 100%;}
.input-group-btn-vertical i{font-size: 11px;left: 3px;position: absolute;top: -1px;}
.selectbox .bootstrap-select > .dropdown-toggle, .selectbox .btn-group.bootstrap-select{height:45px;border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0; color: #545759;}
.selectbox .btn-group.bootstrap-select{height:auto;}
.padding-none{padding: 0;}
.radio-button input[type="radio"]{display: none;}
.radio-button input[type="radio"]  + label {cursor: pointer;padding: 0 0 0 25px;position: relative;text-align:left;margin-right:10px;display:inline-block;color: #68717d; text-transform: capitalize;}
.radio-button input[type="radio"] + label::before {background: url('../img/radio-unchecked.png') no-repeat;content: "";display: inline-block;height: 22px;left: 0;position: absolute;top: 1px;vertical-align: top;width: 22px;}
.radio-button input[type="radio"]:checked + label::before{background: url('../img/radio-checked.png') no-repeat;}
.date-sec label{text-transform:capitalize;}
/*
.radio-button{display:inline-block;margin:0 10px;}
*/
.date-sec .radio{display: inline-block;margin-left: 15px;margin-top:0;margin-bottom:0;}
.signup-form-sec .checkbox-div label {color: #2f4050;font-size: 15px;}
.signup-form-sec .checkbox-div a {text-decoration:underline;}
.form-group.date-sec{margin: 0 0 15px;}
/*================ SIGN UP PAGE CSS END ================*/
/*================ FLASH MASSAGE CSS START ================*/
.flash-danger-massage{background:#e0786d;color: #ffffff;max-width:450px;padding:0px 20px;position: fixed;right: 0;top:15px;width: 100%;z-index:9999;}
.flash-danger-massage a{opacity: 1;position: absolute;right: 2px;top: 2px;z-index: 5;}
.alert-img{display: table-cell;margin-right: 20px;width: 70px;vertical-align: middle; padding-right: 15px;}
.alert-cont strong{display: block;font-size: 20px;margin-bottom: 5px;text-transform:capitalize;}
.flash-success{background:#72AE92;}
.alert-cont{display: table-cell;font-family:robotomedium;text-transform:capitalize;vertical-align: middle;}
.alert-sec{display: table;vertical-align: middle;width: 100%;height:75px;}
.alert-cont p{line-height: 20px;}
/*================ FLASH MASSAGE CSS END ================*/
/*================ PRICING PAGE CSS START ================*/
.line-heading{position: relative;font-size:27px;z-index: 1;overflow: hidden;text-align: center;text-transform:capitalize;margin-bottom:25px;margin-top:30px;}
.line-heading:before, .line-heading:after {position: absolute;top: 51%;overflow: hidden;width: 50%;height: 1px;content: '\a0';background-color:#1C364A;}
.line-heading:before {margin-left: -50%;text-align: right;}
.line-heading span{background:#1C364A;color:#0bbba8;font-weight:bold;padding:0 5px;}
.pricing-sec{margin: 40px 0 60px;}
.two-way-price {border: 1px solid #0bbba8;padding: 20px;text-align: center;height: 300px;margin-bottom: 20px;}
.two-way-price h2 {color: #26b9af;font-size: 72px;font-weight: bold;margin: 0;position: relative;text-transform:capitalize;padding-bottom:5px;margin-bottom:15px;}
.two-way-price h2:after{position:absolute;width:50%;height:2px;transform:translate(-50%);bottom:0;left:50%;background:#f6f6f6;content:"";}
.two-way-price h2 span{color:#1C364A;font-weight:300;margin-right:10px;}
.two-way-price > p{color: #23364a;font-size: 23px;font-weight: bold;line-height: 34px;padding: 0 40px;}
/*================ PRICING PAGE CSS END ================*/

/*================ ABOUT US PAGE CSS START ================*/
.our-about-sec, .about-us-sec {display: inline-block;width: 100%; margin-top: -2px;}
.our-mission, .our-vision {float: none;text-align: center;width: 100%;padding-bottom:20px;}
.our-mission{border-right:none;padding-left: 0;}
.duble-head {color: #1c354a;font-size: 60px;font-weight: bold;margin: 0;text-transform:capitalize;}
.duble-head > span {color: #26b9af;font-weight: 300;}
.our-mission p, .our-vision p {color: #384c5a;font-size: 21px;font-weight: 300;line-height: 24px;margin: 10px 0;}
.about-cont {padding:30px 50px 0 6px;text-align: right;}
.about-img, .about-cont {width: 50%;}
.about-cont p, .about-decription p{font-size: 15px;line-height: 25px;}
.about-cont  p{font-size: 17px;}
.our-content {padding: 25px;}
.about-left-cont{text-align:left;padding:80px 50px 0 50px;}
.about-img{border-radius: 50%;display: block;margin: 15px auto;max-width: 225px;position: relative;width: 80%;top:0;transition:all 0.2s ease 0s;}
.about-img:hover{top:-5px;position:relative;}
.client-name{margin-bottom: 20px;text-align: center;}
.client-name p{color: #656565;font-size: 18px;font-weight: 300;line-height:25px;padding: 0 20px;}
.client-name h3{color: #1c364a;font-size: 29px;font-weight: bold;margin: 0 0 4px;}
.client-name span {background: #ffffff;color: #1c364a;display: inline-block;font-size:20px;font-weight: 300;margin-bottom:10px;padding: 2px;text-transform:capitalize;}
.client-name-left{bottom:0;top:auto;}
.about-decription { margin: 0 auto;max-width: 80%;text-align: justify;}
.duble-head.single-head{font-size:24px;line-height: 20px;margin:20px 0 14px;text-align: center;position:relative;padding-bottom:15px;}
.duble-head.single-head::after {background: #26b9af;bottom: 0;content: "";height: 4px;left: 50%;position: absolute;transform: translate(-50%);width: 70px;}
.about-decription > p{margin-bottom: 10px;}
.about-decription p span{color: #1c354a;font-family: roboto condensed;font-weight: bold;}
.about-decription ul{font-size: 15px;list-style: inside none disc;line-height: 25px;}
.about-dec-sec{margin-bottom: 30px;}
/*================ ABOUT US PAGE CSS END ================*/

/*================ FEATURES PAGE CSS START ================*/
.landlord-features h2{color: #1c364a;font-size:22px;font-weight: bold;padding: 0 0 7px;position: relative;}
.landlord-features h2::after{background:#1c364a;bottom: 0;content: "";height: 3px;left: 0;position: absolute;width: 40px;}
.feature-cont > p{color: #6f6f6f;font-size: 14px;line-height: 22px;}
.feature-cont > h3{color: #25b8ae;font-size: 17px;font-weight: bold;}
.feature-cont li{line-height: 18px;list-style: inside none disc;}
.landlord-features{padding: 20px 0 30px;}
.feature-cont{min-height: 135px;}
.pricing-cont > span{color: #656565;font-size: 24px;}
.pricing-cont{color: #26b9af;font-size: 55px;margin-top: 100px;text-align: center;font-weight: 300;}
.tenant-price-cont{margin:30px;}
/*================ FEATURES PAGE CSS END ================*/
/*================ RESET PASSWORD PAGE CSS START ================*/
.signin-center{width: 30%;color: #fff;margin: 0px auto;}
.signin-center .signin-form {padding: 0px;text-align: center;background: rgba(38, 185, 175, 0.8);box-shadow: 0 0 13px 7px #26b9af inset;padding: 30px 50px;margin-bottom: 3px;width:100%;}
.signin-center .signin-form-content{padding-top: 30px;text-align: left;}
.signin-center .blue-btn{background:#202a35;border:1px solid #202a35;}
.signin-center .blue-btn:hover, .signin-center .blue-btn:focus, .signin-center .blue-btn:active{color:#202a35;}
/*================ RESET PASSWORD PAGE CSS END ================*/
/*================ ERROR PAGE CSS START ================*/
.error-page {display: table;height: 100%;text-align: center;width: 100%;}
.error-inner-dev {display: table-cell;vertical-align: middle;}
.return-link > a{background: #26b9af;border-radius: 41px;box-shadow: 1px 2px 0 1px #0d9f95;color: #ffffff;display: inline-block;font-family: roboto condensed;font-size: 18px;font-weight: bold;margin: 50px 0 20px;padding: 17px 0;text-transform:capitalize;width: 200px;}
.error-inner-dev img{margin-top:20px;display:inline-block;}
/*================ ERROR PAGE CSS END ================*/
.contact-section strong{color:#1C364A;}
.contact-section.feature-cont > p:last-child {text-align: center;}
.contact-section.feature-cont > p{font-size:18px;}
.contact-link{padding: 20px 0;font-size: 28px;}
.contact-section{text-align: left;margin:40px 0 20px;margin:20px 0 20px;}
#map{height: 530px;width: 100%;}
#exTab1 .tab-content{color : white;padding : 5px 15px;}
.nav-tabs > li > a:hover{border-color:transparent transparent #ddd}
.nav > li > a:focus, .nav > li > a:hover{background:#fff;}


.input-with-doller, .input-with-percentage{position: relative;}
.input-with-doller input{padding-left: 22px;}
.doller-sign::after, .percentage-sign::after{content: "$";display: inline-block;height: 17px;left: 14px;position: absolute;top: 15px;width: 17px;font-size: 14px;}
.percentage-sign::after{left:auto;right:8px;content: "%";}
.input-with-percentage input{padding-right:25px;text-align:right;}
.plus-sec{display: inline-block !important;}


/*================ MEDIA QUERY CSS START ================*/
@media (max-width:1380px){
	.about-cont {padding: 20px 50px 20px 100px;}
}
@media (max-width:1280px){
	.two-way-price{height: 250px;}
    .two-way-price h2{font-size: 50px;}
    .two-way-price > p{font-size: 20px;line-height:30px;padding: 0 20px;}
    .about-img, .about-cont {width: 100%;}
    .about-img img{width:100%;}
    .get-strated-sec{padding: 70px 14px 80px 0;}
    .signin-form{padding: 0 10px 0 20px;}
    .signin-center-div{padding: 30px 28px;width: 90%;}
}
@media (max-width: 980px) {
	.navigation .navbar-collapse{position:absolute;width:100%;padding:0;}
    .navigation .navbar-header{float: none;}
    .navigation .navbar-collapse.collapse{display: none!important;}
    .navigation .navbar-toggle{display:block;}
    .navigation .collapse.in{display:block!important;}
    .navigation .navbar-nav{float: none!important;background:#fff;width:100%;margin:0;border-bottom:1px solid #000;}
    .navigation .container > .navbar-collapse{padding:0;margin:0;}
    .navigation .container > .navbar-header{margin:0;}
    .navigation .navbar-toggle{margin:24px 0px 8px 0;}
    .navigation .navbar-toggle{border-color:transparent;}
    .navigation .navbar-toggle:focus, .navigation .navbar-toggle:hover{background:none;}
    .navigation .navbar-toggle .icon-bar{background-color:#26B9AF;}
    .navigation .navbar-nav li a{line-height:24px;padding: 10px 20px;}
    .navigation .navbar-nav li{float:none;display:block;margin: 0;width: 100%;}
    .navigation .dropdown img{display:none;}
    .navigation .dropdown-menu{position:static;float:none;border:none;width:100%;}
    .navigation .navbar-nav .open .dropdown-menu .dropdown-header, .navigation .navbar-nav .open .dropdown-menu > li > a{padding: 15px;}
    .navigation .dropdown .caret{display:block;position: absolute;right: 30px;top: 28px;}
    .navigation .container{padding:0;}
    .footer-top-sec{padding:25px 0;}
	.banner-inner p{font-size:21px;line-height:30px;}
    .head-first, .head-sec{font-size:32px;line-height: 35px;}
    .welcome-section{padding:40px 20px;}
    .welcome-section{padding:28px 0;}
    .head-sec > br{display:none;}
    .welcome-cont{font-size:21px;line-height:25px;padding:10px 0 0px;border:none;}
    .welcome-sign{font-size: 18px;}
    .trusted-sec{margin:45px auto 20px;}
    .trusted-section, .signup-section{height:auto;}
    .owners, .resident{font-size:36px;line-height:41px;padding:20px 0 0;}
    .signup-cont{padding: 10px 0;}
    .signup-section{padding:35px 20px;}
    .ft-col{width:100%;}
    .aboout-sec, .contact-sec {padding: 25px 0;}
    .footer-link > li{font-size: 13px;}
    .footer-head{font-size: 14px;}
    .wrapper{margin-bottom: -244px;}
    .push{height: 245px;}
    .demo-link{ position: absolute;right: 55px;top:0;}
    .navigation .navbar-nav .active a, .navigation .navbar-nav .active a:focus, .navigation .navbar-nav .active a:hover, .navigation .navbar-nav li a:hover, .navigation .navbar-nav > .open > a, .navigation .navbar-nav > .open > a:focus, .navigation .navbar-nav > .open > a:hover {background: #26b9af;border-bottom: medium none;color: #ffffff;}
    .navigation .navbar-nav li a.dropdown-toggl:hover span {background:url("../img/profile-img.png") no-repeat scroll 0 0;}
    .navigation .dropdown .caret{top: 22px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background: #26b9af;color: #fff;}
}
@media (max-width:768px){
	.duble-head{font-size: 30px;}
	.our-mission p, .our-vision p{font-size: 15px;line-height: 19px;}
	.client-name h3{font-size: 40px;}
	.client-name span{font-size: 24px;}
	 .about-cont{float: none;padding:10px 0;text-align: left;}
	 .get-strated-sec{padding: 20px;border:none;}
	 .get-strated-sec, .signin-form {width:100%;}
	 .signin-form{padding: 0 20px;}
	 .signin-center-div{padding: 15px 0;}
	 .heading-ft{font-size: 21px;line-height: 25px;}
     .vhost-lookup{padding: 2em 0 0;}

     .tenant-login-body-wrapper .signin-form .signin-form-content {margin-top: 30px;}
     .tenant-login-body-wrapper > .row { display: block;height: auto;}
}
@media (max-width:640px){
    .center-btn .blue-btn{max-width:100%;}
    .center-btn{padding:0 15px;}
    .welcome-cont{font-size: 18px;line-height: 23px;}
    .welcome-sign{font-size: 14px;
    .head-first, .head-sec{font-size: 23px;line-height: 23px;}
    .features-section{padding: 30px 0;}
    .features-list{margin: 12px 0;}
    .ft-col > p, .owners > span, .resident > span{font-size: 19px;}
    .owners, .resident{font-size: 29px;line-height: 33px;}
    .trusted-sec{margin: 25px auto 20px;}
    .features-sec > p{font-size: 16px;line-height: 25px;}
    .banner-sec{height:500px;}
    .banner-inner p{margin: 18px 0;font-size: 19px;line-height: 25px;}
}
@media (max-width:480px){
	.two-way-price{height: 200px;}
	.two-way-price h2{font-size: 30px;}
	.two-way-price > p{font-size: 15px;line-height: 20px;padding: 0 10px;}
	.our-mission, .our-vision {border: medium none;float: none;padding:10px 0;width: 100%;}
	.demo-link{line-height: 28px;margin-left: 0;padding: 15px 19px;right: 48px;}
	 header.navbar {height: 58px;}
	.navigation .navbar-toggle{margin: 14px 0 8px;}
	.navigation .navbar-brand  img{height: 60px;width: 158px;}
	.client-name-left{top:0;}
	.client-name{padding:13px;}
	.client-name h3{font-size: 29px;}
	.client-name p{padding:0;font-size: 16px;}
	.about-cont{padding: 10px 0;}
    .vhost-lookup-body-wrapper {margin: 20px 8px;}
    .tenant-login-body-wrapper {margin: 20px 8px;}
	.about-decription p{line-height: 22px;}
	.duble-head.single-head{line-height: 27px;margin: 10px 0 14px;}
	.client-name span{line-height: 25px;}
}