@charset "utf-8";
body{font-family: 'Roboto', sans-serif;padding:0;margin:0 auto; max-width: 2000px;overflow-x: hidden;}
ul{list-style:none}
a{text-decoration:none;outline:none}
body a:hover,body a:focus{color:initial;text-decoration:none}
a:focus{outline:none;text-decoration:underline}
textarea:focus{outline:none}
input{outline:none!important}
button,button:focus{outline:none}
a img{border:none; max-width: 100%}
img{border:0; max-width: 100%;}
p{padding:0;margin:0}
h1,h2,h3,h4,ul,p{padding:0;margin:0}
textarea{resize:none}
.form-control:focus{box-shadow: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}
input:-moz-placeholder,textarea:-moz-placeholder{color:#fff}
input::-moz-placeholder{opacity:1;outline:none}
textarea::-moz-placeholder{opacity:1;outline:none}
.clr{clear:both;height:0}
ul{padding:0;list-style:none}
a{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
a:hover{text-decoration:none;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
@font-face {
  font-family: 'FontAwesome';
  src:  url('../fonts/FontAwesome.otf')  format('opentype'),url('../fonts/FontAwesome.eot') format('embedded-opentype'), url(../fonts/FontAwesome.eot) format('woff'), url('../fonts/FontAwesome.ttf')  format('truetype'),url('../fonts/FontAwesome.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ComicSansMS';
  src: url('../fonts/ComicSansMS.eot?#iefix') format('embedded-opentype'),  url('../fonts/ComicSansMS.woff') format('woff'), url('../fonts/ComicSansMS.ttf')  format('truetype'), url('../fonts/ComicSansMS.svg#ComicSansMS') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ComicSansMS-Bold'; 
 src: url('../fonts/ComicSansMS-Bold.eot') format('embedded-opentype'), url('../fonts/ComicSansMS-Bold.ttf')  format('truetype'), url('../fonts/ComicSansMS-Bold.svg#ComicSansMS-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------*/
header {height: 80px;position: fixed;z-index: 99;background: #fff;width: 100%;max-width: 2000px;margin: auto; border-bottom: 2px solid #ffffff;top: 0;}
header.scroll{border-bottom: 2px solid #f7b400;}
header nav.navbar.navbar-expand-lg {padding:0;}
header .navbar-expand-lg .navbar-nav .nav-link {font-size: 16px;color: #050505; padding: 0 16px;font-weight: 500;}
button.navbar-toggler {background-color: #f7b400;padding: 5px 10px;}
header .navbar-expand-lg .navbar-nav li:last-child .nav-link{padding-right: 0;}
header .navbar-expand-lg .navbar-nav li.nav-item.active .nav-link, header .navbar-expand-lg .navbar-nav .nav-link:focus , header .navbar-expand-lg .navbar-nav .nav-link:hover, header .navbar-expand-lg .navbar-nav .nav-link.active{color: #f7b400;}
.slider { position: relative;margin-top: 78px; }
.slider img{width: 100%;}
.text_slider { position: absolute; width: 622px; height: 250px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; background-color: rgba(0, 0, 0, 0.43);padding: 20px 0; }
.text_slider h1 {color: #ffffff; font-size:58px;font-weight: 100;margin-bottom: 15px;}
.text_slider h5 {font-size: 36px;color: #fff;line-height: 28px;}
.text_slider a.call-now { font-size: 28px; background-color: #f7b400; display: inline-block; padding: 5px 30px; margin-top: 25px; color: #fff; border-radius: 5px; }
.about_us {padding:80px 0 25px;}
.about_us h5{ font-family: 'ComicSansMS-Bold';font-size: 22px; }
.about_us h3 {color: #f7b400;font-weight: 600;font-size: 33px;margin: 15px 0 5px;}
.about_us p {color: #8e8e8e;font-size: 16px;margin: 0 0 10px;}
.about_us h6 {font-size: 17px;color: #2d2d2d;margin: 18px 0 8px;text-transform: capitalize; font-weight: bold;}
.offer_ul{float: left;width: 100%; }
.offer_ul li {color: #6b6a6a;font-size: 16px;width: 40%;float: left;margin: 0 0 7px;padding-left: 26px;position: relative;}
.offer_ul li:before{content: ""; background: url(../img/check-icon.png); position: absolute;height: 14px; width: 16px;left: 0; top: 5px;}
.about-image{margin-top: 35px; text-align: center;width: 100%;}
.about-image img.about-img {border: 11px solid #e9e9e9;border-radius: 100%;}
.about-image h4 {color: #050505; font-size: 28px;padding: 12px 0;font-weight: 400;}
.left_img {float: left;width: 50%;height: 810px;}
.left_img img{width: 100%;height: 100%;}
.com-valuation {background: #ececec; padding: 40px 0;}
.com-valuation .right {float:right;width:50%;}
.com-valuation .left {float: left;width: 48%; margin-right: 2%;}
.com-valuation h2 { color: #253d4a;font-size: 40px;margin-bottom: 12px;text-align: center;}
.com-valuation .right p{color: #253d4a; line-height: 25px; font-size: 16px;margin-bottom: 20px }
.com-valuation .right h6 {font-size: 17px;color:#253d4a;margin: 18px 0 8px;text-transform: capitalize; font-weight: bold;margin-bottom: 15px;}
.com-valuation .right li {color:#253d4a;font-size: 16px;margin: 0 0 7px;padding-left: 26px;position: relative;}
.com-valuation .right li:before{content: ""; background: url(../img/check-icon.png); position: absolute;height: 14px; width: 16px;left: 0; top: 5px;}
a.call-now {background-color: #050505;color: #fff;padding: 8px 37px; display: inline-block;margin-top: 52px;font-size: 22px;}
a.call-now:hover, a.call-now:focus {box-shadow: 2px 1px 17px 6px rgba(0, 0, 0, 0.34);color: #fff;}
.h-valuation {padding:90px 0 35px;}
.h-valuation h2 {color: #253d4a;font-size: 41px;text-align:center;margin-bottom: 15px;font-weight: 400;}
.left-img {float: left;width:48%;margin-right: 2%;}
.left-img img{width: 100%;}
.right-text {float: right;width:50%;}
.right-text .offer_ul li{width: 100%;color: #253d4a;}
.right-text p{color: #253d4a; font-size: 16px;margin-bottom: 10px;}
.right-text h6 {font-size: 17px;color:#253d4a;margin: 18px 0 8px;text-transform: capitalize; font-weight: bold;margin-bottom: 15px;}
footer {float: left;width: 100%;background: #f7b400;}
.map {float: right;position: relative;line-height: 0;overflow: hidden;width: 60%;height: 485px;}
.footer_div {float: left;width: 100%;margin-top: 20px;}
.footer_div h3 {color: #ffffff;font-size: 33px; margin-bottom: 10px;}
.footer_div li {color: #fff;padding: 10px 0 10px 32px; position: relative;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #fff;}
.footer_div li span {position: absolute;left: 0;display: inline-block;font-size: 19px;}
.footer_div h4 {color: #ffffff;margin-bottom: 15px;}
.footer_div a {display: inline-block;color: #fff;font-size: 17px;}
.footer_div p {color: #fff;}
.map a.contact_us_botton { position: absolute; left: 0; right: 0; margin: auto; width: 160px; display: inline-block; bottom: 0; background-color: #f7b400; text-align: center; padding: 15px; color: #fff; font-size: 17px; border-radius: 10px 10px 0 0; }
.footer_div h4 strong a {font-size: 29px;}
#about, #commercial_p, #house_v, #content_us{scroll-behavior: smooth;}
.map.inner{display: none;}
#elevator_item { width: 60px;height: 50px;position: fixed; right: 15px;bottom: 10px;-webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; display: none;}
#elevator {display: block;width: 40px;height: 40px;background: url(../img/icon_top.png) center center no-repeat;background-color: #161616;border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;margin-bottom: 10px;}
.cliens_logo h2{text-align: center; margin-top:70px; color: #000; font-size:25px;}
.cliens_logo .item { display: table-cell;height: 100%;width: 100%;vertical-align: middle;}
.cliens_logo .owl-item {display: table;height: 200px;text-align: center;}
.cliens_logo .owl-carousel .owl-item img{width:auto; padding: 10px ; border: 1px #ccc solid; display: inline-block;}
.cliens_logo .owl-nav { display: none;}
.cliens_logo .owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px; margin: 5px 7px; background: #686868;}
.cliens_logo .owl-theme .owl-dots .owl-dot.active span, .cliens_logo .owl-theme .owl-dots .owl-dot:hover span {background: #f7b400;}
.map img {width: 100%; height:100%;}
.privacy_class {font-weight: 500; font-size: 16px; color: #000; }
.privacy_class:hover, .privacy_class:focus { color: #f7b400; }

@media(max-width:1199px){

header .navbar-expand-lg .navbar-nav .nav-link {font-size: 16px;padding: 0 9px;}
.about-image h4{font-size: 22px;}
.com-valuation .right{margin-top: 20px;}
.com-valuation h2{font-size: 30px;margin-bottom: 6px;}
a.call-now{margin-top: 8px;font-size: 17px;margin-bottom: 12px;padding: 8px 25px;}
.offer_ul li{width: 46%;font-size: 15px;}
.footer_div h4{margin-bottom: 5px;font-size:17px;}
.footer_div h4 strong a {font-size: 19px;}
.map a.contact_us_botton{width: 140px;font-size: 15px;}
.left_img {float: left;width: 50%;height: 918px;}
}

@media(max-width:991px){
ul.navbar-nav.ml-auto {padding: 13px;margin: 20px 0;box-shadow: 0px 0px 7px rgba(1,1,1,.40);border-radius: 16px;background-color: #ffffff;}
header .navbar-expand-lg .navbar-nav .nav-link {font-size: 16px;padding: 6px 11px;border-bottom: 1px solid #b5b5b5;}
header .navbar-expand-lg .navbar-nav li:last-child .nav-link{border-bottom:0; }
.text_slider h1{font-size: 40px;}
.text_slider h5 {font-size: 30px;}
.text_slider a.call-now{padding: 5px 22px;font-size: 23px;}
.text_slider{width: 435px;height: 219px;}
.about_us h3{font-size: 31px;}
.about_us p{font-size: 15px;}
.about_us h5{font-size: 20px;}
.offer_ul li {width: 50%;font-size: 14px;}
.about-image h4 {font-size: 16px;}
.left_img{display: none;}
.left {display: block; height:auto;max-width:414px; margin: 20px auto 0;}
.left img{height: 100%; width: 100%;object-fit: cover;}
.com-valuation .right {margin:30px 0 0 ;}
.left-img { float: none;width: 60%;margin: 0 auto 20px;}
.right-text {float: none;width: 100%;}
.h-valuation h2 { font-size: 32px;}
.map{display: none;height: auto;}
.map.inner {display: block;width: 100%; margin-top: 30px;}
.com-valuation .left {float: none; width: 100%;margin: auto;}
.com-valuation .right{width: 100%;}
}

@media(max-width:767px){
.text_slider h5 {font-size: 23px;}
.text_slider a.call-now { padding: 5px 17px;font-size: 18px;margin-top: 14px;}
.text_slider {width: 366px; height: 187px;}
.about_us h5 {font-size: 20px;}
.about_us h3 {font-size: 28px; margin: 19px 0 2px;}
.about_us p {font-size: 14px;}
.offer_ul li {width: 100%;}
.about-image img { width: 40%;}
.about_us {padding: 20px 0 25px;}
}


@media(max-width:575px){
.left-img{width: 70%;}
.text_slider { width: auto;height: 187px;}

}

@media(max-width:480px){
.text_slider{margin: 16px;height: auto;}
.text_slider h1 {font-size: 28px;margin-bottom: 0;}
.text_slider h5 {font-size: 16px;padding: 6px 0;}
.slider img {height: 200px;}
.text_slider a.call-now {margin-top: 0;margin-bottom: 0;}
a.navbar-brand {width: 71%;}
.about_us h5 {font-size: 19px;letter-spacing: -2px;}
.com-valuation .right{    padding: 10px;}
.com-valuation h2 {font-size: 25px;}
.com-valuation .right li{font-size: 14px;}
.left-img {width: 100%;}
.right-text p{text-align: justify;}
.footer_div li{padding: 4px 0 5px 32px;}
.footer_div h3{font-size: 28px;}
.about-image img.about-img{border: 7px solid #e9e9e9;}
.about-image img {width: 50%;}
}