
@font-face {
  font-family: 'MuseoSans-500';
  src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),  url('../fonts/MuseoSans-500.otf')  format('opentype'),
	     url('../fonts/MuseoSans-500.woff') format('woff'), url('../fonts/MuseoSans-500.ttf')  format('truetype'), url('../fonts/MuseoSans-500.svg#MuseoSans-500') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf')  format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}


html{height:100%;overflow-x: hidden;}
body{font-size:16px;background:#fff;color:#434343;overflow-x:hidden;font-family: 'OpenSans-Light', sans-serif;position:relative;}
img{max-width:100%}
p{margin-bottom:.5rem}
a{text-decoration:none;color:#000}
a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none;color:#a70e13;box-shadow:none}
ul,li{padding:0;margin:0}
li{list-style:none}
.text-underline{text-decoration:underline}
.form-control:focus{outline:none;box-shadow:none}
.primary-col{color: #384159 !important}
.secondary-col{color: #f04d46 !important}
.primary-btn{background: #f04d46 ;color: #fff;border-radius: 0 !important;border-bottom: none !important;padding: 10px 15px;display: block}
.primary-btn:hover{opacity: .7;color: #fff;}
.secondary-btn{background: #384159;color: #fff;}
#pageloader{display:none;position: fixed ;   top: 0;    z-index: 100;    background: rgba(255, 255, 255, .5);    width: 100%;    height: 100%;}
#pageloader img{position: absolute;left: 0; right: 0; margin: 0 auto; top: 40%;}
.white-col{color: #fff !important}
.text-ms{font-family: 'MuseoSans-500', sans-serif;}
.text-reg{font-family: 'OpenSans', sans-serif;}
.text-semi-bold{font-family: 'OpenSans-Semibold', sans-serif;}

/* Form */
.sidebar-contact{position:fixed; top:0; right:-350px;width:24vw;   transition:0.5s; background: #ffffff;-webkit-box-shadow: 0px 0px 54px -30px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 0px 54px -30px rgba(0,0,0,0.75);  box-shadow: 0px 0px 54px -30px rgba(0,0,0,0.75);z-index: 10;}
.form-wrapper{padding: 30px}
.sidebar-contact.active{right: 1vw; top: 1vw;}
.innerpage .toggle{display: block}
.toggle{position: absolute; height: 210px; width: 48px; text-align: center; cursor: pointer; background: #5e5439; top: 0; left: -48px; line-height: 48px; color: #fff; display: none;}
.toggle span{transform: rotate(-90deg); display: block;font-size: 20px; width: 205px; position: absolute;left: -79px; top: 80px; text-transform: uppercase}
.slide-form{position: fixed; top: 69px; right: 0;z-index: 11;max-width: 350px;height: 100vh;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.slide-form-wrapper{ position: relative;height: 100%}
.slide-form .collapse.show .floating-contact{right: 0;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.slide-form .collapsing{display: none}
.form-inner{display: flex;justify-content: space-between; align-items: center;max-width: 1200px;    margin: 0 auto;flex-wrap: wrap;}
.form-inner .form-group{width: 100%;margin-bottom: 20px}
.form-inner .form-control{border-radius: 0;    border: 0;width: 100%;background: #fff8f8;	color: #434343;	border: 1px solid rgba(255, 255, 255, .7);padding: 7px 15px;  font-size: 14px;}
.form-inner .form-control:focus{border: 1px solid rgba(240, 77, 70, .2); }
.sidebar-contact ::placeholder:focus{color:red}
.sidebar-contact ::placeholder {color: #434343;opacity: 1;}
.sidebar-contact :-ms-input-placeholder {color: #434343;}
.sidebar-contact ::-ms-input-placeholder {color: #434343;}
.form-header{position: relative;padding:15px 0;font-size: 25px;color: #384159;font-family: 'MuseoSans-500', sans-serif;line-height: 1;}
.form-header span{font-size: 16px;color: #f04d46}
/* .form-header:after{position: absolute;content: '';width: 50px;height: 1px;background:rgba(255, 255, 255, .7);bottom: 0;	left: 0;right: 0;margin: 0 auto;} */
/* .form-header:before{position: absolute;content: '';width: 50px;height: 1px;background:rgba(255, 255, 255, .7);top: 0;	left: 0;right: 0;margin: 0 auto;} */
.mob-form-btn{display: none;}
.form-btns{    display: block;	width: 100%;	text-align: center;margin-top: 20px}
.form-inner .secondary-btn{background: #384159;  color: #fff;cursor: pointer}
.err-msg {font-size: 12px;color: #f32323;display: none;}
.form-contact p{color: #fff;opacity: .7;position: relative;padding: 0 10px}
.form-contact p::before{position: absolute;	content: '';	width: 50px;	height: 1px;	background: #fff;	opacity: .3;	left: 15px;	top: 13px;}
.form-contact p::after{position: absolute;	content: '';	width: 50px;	height: 1px;	background: #fff;	opacity: .3;	right: 15px;	top: 13px;}
.form-contact{margin: 25px 0;text-align: center;width: 100%;}
.form-contact span{font-size: 25px}
.form-number{text-align: center;background: #f4f4f4;height: 84px;display: flex;  justify-content: center;  align-items: center;}
.form-number a{color: #182f7c !important;    font-weight: 700;}
.mob-num{display: none}
.thankyou-popup{display:none;background: rgba(0, 0, 0, .5);}
/* navigation */
.pp-nav{background-color:transparent !important;}
.pp-nav.navbar-light .navbar-nav .nav-link{color: #fff}
.solidnav.navbar-light .navbar-nav .nav-link{color: #000}
/* .solidnav{background-color: #212d77 !important;} */
footer{padding: 10px 0;font-size: 11px}
.pp-nav .navbar-nav .active>.nav-link, .pp-nav .navbar-nav .nav-link.active, .pp-nav .navbar-nav .nav-link.show, .pp-nav .navbar-nav .show>.nav-link{color: #aa882c;font-weight: 700;}
.solidnav{background-color:#fff !important;border-bottom: 1px solid #25539f;}

/* Home Page */
.page-wrap{width: 74vw;}
.page-banner{position: relative;}
.page-banner img{height: 100%;}

.brand-logo{position: absolute;top:20px;left: 20px;height: auto !important;}

.section{padding: 35px 0}



.thankyou-popup{display:none;background: rgba(0, 0, 0, .5);}
.sec-title{padding: 30px 0;text-align: center}
.sec-title h3{color: #f04d46;font-size: 32px;text-transform: uppercase;font-family: 'MuseoSans-500', sans-serif;position: relative; display: inline-block;padding: 0 50px;}
.sec-title h3:before{position: absolute;content: '';background: #f04d46;width: 40px;height: 2px;top: 17px; left: 0;}
.sec-title h3:after{position: absolute;content: '';background: #f04d46;width: 40px;height: 2px;top: 17px; right: 0;}
.sec-title p{color: #fff;font-size: 24px;font-family: 'Oswald', sans-serif;font-weight: 400}
.banner-text{position: absolute;     top: 10vh; left: 25vw;  margin: 0 auto; text-align: center; line-height: 1}
.banner-text h1{font-family: 'MuseoSans-500',  sans-serif;font-size: 45px;color: #384159;margin-bottom: 0}
.banner-text p{font-family: 'OpenSans-Light',  sans-serif;font-size: 30px;color: #f04d46;letter-spacing: 8px;}
.sec-1{background: #f2f2f2;padding-bottom: 75px;}
.comp-list{margin-top: 30px;display: flex;justify-content: space-around; align-items: center;margin-bottom: 100px;}
.comp-list li{margin-bottom: 30px;max-width: 180px;}
.comp-list li span{display: block;margin-top: 15px}
.sec1-1{background: #fff}
.exceeding-sec{padding: 105px 0; justify-content: center;align-items: center;height: 395px;}
.e-lhs{text-align: right;  }
.e-lhs h3{font-family: 'MuseoSans-500',  sans-serif;font-size: 24px;color: #384159;text-transform: uppercase}
.e-rhs{position: relative;}
.img-box{position: absolute;  top: -225px;}
.vector-box{position: absolute;  top: -230px;}

.row-even .cont-box h2, .row-odd .cont-box h2{font-size: 24px;color: #384159;font-family: 'OpenSans', sans-serif;margin-bottom: 35px}
.row-odd .cont-box{text-align: right}
.sec-2{background-image: url(../images/vector2.png), url(../images/vector3.png), url(../images/vector4.png), url(../images/vector5.png);background-repeat: no-repeat;background-position: right top, left bottom,0 40%, 100% 60%  ; }
.sec-3{background-image: url(../images/vector2.png) ;background-position: right bottom;background-color: #f2f2f2;background-repeat:no-repeat }
.owl-theme .owl-nav [class*=owl-]{background: #fff !important;  color: #f04d46 !important;  border-radius: 50% !important;text-align: center !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{padding: 2px 10px !important;-webkit-box-shadow: 0px 0px 23px 0px rgba(158,158,158,1); -moz-box-shadow: 0px 0px 23px 0px rgba(158,158,158,1); box-shadow: 0px 0px 23px 0px rgba(158,158,158,1);}
.owl-theme .owl-nav button:hover{background: #f04d46 !important;  color: #fff !important;}
.sec-4{background: url(../images/test-bg.png) no-repeat;background-size:cover }
#testimonial-car .item { padding: 15px; min-height: 300px;}
#testimonial-car .card { border-radius: 0; -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);}

.cus-wrap{max-width: 760px ;margin:0 auto;padding:15px }
.card-body img{max-width: 50px;border-radius: 50%;margin:15px auto}
.c-name{font-family: 'MuseoSans-500',  sans-serif;font-size: 24px;color: #384159;}
.map-sec iframe{width: 760px; height: 400px; margin: 0 auto; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.sec-5{background-image: url(../images/vector4.png), url(../images/vector2.png);background-repeat: no-repeat;background-position: left center, right bottom;background-color: #f2f2f2}
footer{background: #384159;color: #fff;text-align: center}
.item-div{visibility: hidden;  opacity: 0;transition: visibility 0s, opacity 0.5s linear;position: absolute;top: 0; width: 100%; height: 100%; background: rgba(56, 65, 89, .7); color: #fff; text-align: center;  padding: 25% 0;}
.item-div h3{font-family: 'MuseoSans-500',  sans-serif;text-transform: uppercase}
#pro-car .owl-item.active.center .item-div{visibility: visible;  opacity: 1;transition: visibility 0s, opacity 0.5s linear}
#pro-car .owl-item.active.center:hover .item-div{visibility: hidden;  opacity: 0;transition: visibility 0s, opacity 0.5s linear}
#pro-car .owl-item:hover .item-div{visibility: visible;  opacity: 1;}
.sec1-1 .carousel-inner{overflow: inherit}
.contactinner {padding: 30px;border: 1px solid #f04d46; background-color: #fff; }
.contactinner .add-box { padding: 60px; background-color: #f6f6f6;}
.map-box iframe{width: 100%;height: 393px;;}

 /* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) {
  .section-footer { width: 100% !important; margin-top: 0; padding: 10px 20px;}
  .floating-contact{top: 0; width: 100%;z-index: 10;}
  .pro-navigation{top: 34px;z-index: 9;}
  .form-label{display: inline-block;font-size: 20px;text-transform: uppercase}
  .floating-contact .primary-btn{text-align: center}
  .banner-content{position: relative; top: 0; right: 0; font-size: 20px; padding: 15px;}
  .pp-nav{top: 55px;z-index: 10}
  .form-inner{display: none;}
  .form-header{margin-bottom: 0!important}
  .form-inner.collapse.show{margin-top: 20px;}
  .section-title h2{font-size: 24px}
  .page-wrap {  width: 100vw;}
	
	.page-banner picture img{height: 100%;}
  .banner-text{left: 0; text-align: center;top: 65px;}
  .banner-text h1{font-size: 25px;}
  .banner-text p{    font-size: 20px;text-shadow: 1px 1px #f04d46;}
  .comp-list{display: block;}
  .comp-list li{max-width: 100%}
  .img-box{position: relative;top: 0 !important}
  .item-div h3{font-size: 16px}
  .sec-1{padding-bottom: 30px}
  .e-lhs{text-align: center;}
  .vector-box{max-width: 123px;top: -139px;}
  .row-odd .cont-box{text-align: left}
  .map-sec iframe{width: 100%}
  .e-lhs h3 br{display: none}
  .exceeding-sec{height: 100%}
  .e-lhs{height: 170px;}
  .sec-2{background-size: 60px;}
  .sec-title h3{font-size: 25px;}
  .sec-4{background-size: contain;}
  .carousel-control-next, .carousel-control-prev{position: absolute;
    position: relative;
    display: flex;
    background: #fff;
    padding: 2px 0 0 0;
    justify-content: center;
    align-items: center;
    height: 35px;
    bottom: 27px;
    top: auto;
    border-radius: 50%;
    width: 36px;
    webkit-box-shadow: 0px 0px 23px 0px rgba(158,158,158,1);
    -moz-box-shadow: 0px 0px 23px 0px rgba(158,158,158,1);
    box-shadow: 0px 0px 23px 0px rgba(158,158,158,1);
    margin-right: 5px;
    color: #f04d46;}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{background-color: #f04d46;color: #fff;}

} 
.bs-car-nav{display: flex;  align-items: end;  justify-content: center;}
 /* Small devices (landscape phones, less than 768px)  */

@media screen and (min-width:990px) and (max-width:1024px){
	.sidebar-contact{width: 24vw;}
	.page-wrap{width: 75vw}
  .banner-text{top: 18%;    max-width: 525px;}
  .banner-text h1{font-size: 32px;}
	.kamdhenu-text{top: 5%}
  .kamdhenu-text h2{line-height: 1}
  .welcome-rhs{width: 530px;}
}
@media (max-width: 767.98px) {
  .inner-page-sec	.benifit-rhs {top: 0;min-width: 100%;left: 0;}
  .img-box{position: relative;top: 0 !important}

  .sec-1{padding-bottom: 30px}
  .e-lhs{text-align: center;}
} 
/* Medium devices (tablets, less than 992px)  */

@media (max-width: 991.98px) {
  body{margin-bottom: 0; margin-top: 54px}
  .project-map-content{width: 100%;position: relative; padding: 15px;}
  .section-footer {width: 690px;}
  .features-inner{padding: 50px 15px}
  .benifits-sec .col-lg-3::after{display: none}
  .tbr-section .col-lg-6:first-child::after{display: none}
  .imperial-section{padding: 15px 0}
  .imperial-section .col-lg-4{margin-bottom: 30px}
  .tbr-section .col-lg-6:first-child{margin-bottom: 30px}
  .pp-nav{top: 54px;z-index: 10;width: 100vw;background-color: #fff !important;}
  .pp-nav.navbar-light .navbar-nav .nav-link { color: #000;}
  .navbar-light .navbar-toggler {border:none;}
  .form-inner{display: none;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
  .form-header{margin-bottom: 0!important;display: block;    color: #fff;}
  .form-inner.collapse.show{margin-top: 20px;}
  .floating-contact{top: 0; width: 100%;z-index: 10;bottom: auto}
  .mob-form-btn{display: block;color: #fff;text-align: center;}
  .mob-form-btn:hover,.mob-form-btn:focus{color: #fff}
  .mob-form-btn:focus{color: #fff}
  .inner-banner-content h2 {font-size:1.5rem;}
  .section-life img {width:30%;}
  /* .navbar-collapse {background-color:rgba(0,0,0,0.7);}   */
	.nav-link {border-top: solid 1px transparent; padding:1rem 2rem !important;}
	.nav-link:hover {border-top: solid 1px #fff;}
	.mob-contact{display:block;}
	.desk-contact{display:none;}
	.navbar-brand{max-width:90px;}
	.loc-lhs img{right: 0;}
  .page-wrap {  width: 100vw;}
  .sidebar-contact.active, .sidebar-contact{top: 0; right: 0;left: 0; width: 100%; padding: 15px; transform: translateY(0); height: auto; z-index: 10;background: #384159;}
  .brand-logo{top: 20px;    max-width: 110px;}
 .form-wrapper { padding: 0;}
 .exceeding-sec{padding: 70px 0;} 
 .img-box{    top: -195px;}
 .map-sec iframe{width: 100%}
 .form-header a{color: #fff}
 .banner-text{width: 100%;  left: 0;}

} 
/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
  .project-map-content{width: 100%;top: 20%;}
  .section-footer{width: 690px;margin-top: 0;}
} 
/*  Extra large devices (large desktops) 
// No media query since the extra-large breakpoint has no upper bound on its width */


