html{height:100%}
body{font-size:16px;background:#fff;color:#000;overflow-x:hidden;font-family:'GillSans',Arial,Helvetica,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}
.bold{font-family:'',Arial,Helvetica,sans-serif}
.text-underline{text-decoration:underline}
.form-control:focus{outline:none;box-shadow:none}
.container-fluid{max-width:1280px}


/* navigation */
.pro-navigation{background-color: transparent !important;    padding: 20px 15px;}
.pro-navigation .navbar-nav .nav-link {text-transform: uppercase;font-family: 'GillSans-Medium', Helvetica, sans-serif;color: #1f2a38}
.solidnav{background-color: rgba(255, 255, 255, 1)  !important;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;box-shadow: 0 3px 2px rgba(0,0,0,.3);}
.solidnav .navbar-nav .nav-link{color: #1f2a38}
.solidnav .navbar-nav .active>.nav-link, 
.solidnav .navbar-nav .nav-link.active, 
.solidnav .navbar-nav .nav-link.show, 
.solidnav .navbar-nav .show>.nav-link,
.solidnav .navbar-nav .nav-link:hover{color: #1f2a38}
.pro-navigation .nav-item{min-width: 140px;text-align: center;}

.page-banner{position: relative;}
.banner-content h2{font-family: 'Allura', cursive,Helvetica,sans-serif; font-size: 55px;display: inline;line-height: 1}

.banner-content{    position: absolute; top: 100px; right: 50px; max-width: 655px;}
 .page-banner img{width: 100%}
.section2{background: url(../images/section-bg.jpeg) no-repeat;background-size:cover;padding: 50px 0;text-align: center }
.section2 p{max-width: 760px;margin: 50px auto;font-size:18px;color: rgba(255, 255, 255, .5);font-family: 'GillSans-Light';}
.section-features{background: url(../images/section-bg2.jpeg) no-repeat;background-size:cover;padding: 50px 0;}
.features-inner{background: #fff;padding: 50px 80px ;border-top: 10px solid #d3ad51;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);position: relative; max-width: 930px; margin: -7rem auto;z-index: 1;}
.feature-wrap{position: relative;padding-left: 50px;margin-bottom: 15px}
.feature-wrap::before{position: absolute;content: '';background: url(../images/bullet-icon.png)no-repeat;width: 50px;height: 50px;left: 0;top: 0}
.feature-wrap h3{font-size: 20px}
.feature-wrap p{font-size: 14px}
.map-section img{width: 100%}
.benifits-sec{background: #1f2a38;padding: 30px 0; color: #fff}
.benifits-sec .col-lg-3{position: relative;text-align: center}
.benifits-sec .col-lg-3::after{position: absolute;content: '';right: 0;top: 0;height: 100%;width: 20px;background: url(../images/after-element.png) no-repeat}
.benifits-sec .col-lg-3 p{padding: 0 20px}
.benifits-sec .col-lg-3:last-child::after{display: none}
.imperial-section{background: url(../images/imperial-bg.png) no-repeat;padding: 5rem 0;background-size: cover;}
.imperial-section h2{font-family: 'Allura', cursive,Helvetica,sans-serif;font-size: 55px; color: #121426;line-height: 1;}
.imperial-section p{color: #d3ad51;font-size: 22px;margin-top: 20px;}
.imperial-section .col-lg-4{align-items: center;display: flex;flex-direction: column; justify-content: center;}
.imp-list li{position: relative;padding-left: 30px;  margin-bottom: 10px;font-family: 'GillSans-Medium'}
.imp-list li:before{position: absolute;content: '';background: url(../images/bullet-icon.png)no-repeat;width: 24px;height: 22px;left: 0;top: 0}
.section-footer{background: #f3f2f2; padding: 20px 0 20px 70px; border-left: 10px solid #e9e6e6;width: 1280px; float: right; margin-top: -2rem;}
.project-map{position: relative;}
.project-map-content{position: absolute; top: 50%;width: 1280px; margin: 0 auto; right: 0;left: 0;}
.project-map-content h2{font-family: 'Allura', cursive,Helvetica,sans-serif;font-size: 55px;line-height: 1; margin-bottom: 0;}
.project-map-content p{font-size: 22px}
.project-map img{width: 100%}
.project-map-content ul{margin-top: 50px}
.tbr-section{background: url(../images/tbr-bg.jpeg)no-repeat;background-size: 100% 100%;  padding: 211px 0;}
.tbr-section p{color: #e0a743}
.tbr-section .col-lg-6:first-child{position: relative;}
.tbr-section .col-lg-6:first-child::after{position: absolute;content: '';background: url(../images/after-element.png)no-repeat;height: 100%;width: 20px;right: 0;}
.bottom-sec {padding: 50px 0; background: #f9f9f9}
.bottom-sec h3{font-family: 'GillSans-Medium',Helvetica,sans-serif; color: #8d807d;font-size: 28px }
.call-btn{background: #8d807d;padding: 10px 20px;border-radius: 20px;color: #fff;margin-top: 20px;display: inline-block}
.call-btn:hover{color: #e0a743}
footer{padding: 10px 0;background: #cdd1d1}
.floating-contact {position: fixed;top: 30%;right: 0;z-index: 11;}
.floating-contact .primary-btn { font-size: 24px; padding: 10px 15px; display: block;}
.map-section{position: relative;}
.map-text{position: absolute;top: 100px;left: 100px}
.map-text h2{color: #8d807d;font-size: 55px;font-family: 'Allura', cursive,Helvetica,sans-serif;}
.map-text p{font-size: 22px}
.collapse:not(.show) { display: none;}
.primary-btn{background: #c19a41; color: #fff;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.floating-contact .card-body{padding: 15px}
.secondary-btn{background: #d3ad51;color: #fff}
.form-label{font-size: 16px}
.imperial-img img{width: 100%}






 /* 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: 55px;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;}
  .map-text{position: relative;top: 0; left: 0; padding: 15px;}
} 
 /* Small devices (landscape phones, less than 768px)  */
@media (max-width: 767.98px) {} 
/* Medium devices (tablets, less than 992px)  */
@media (max-width: 991.98px) {
  .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}
} 
/* 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 */


@font-face {
  font-family: 'GillSans';
  src: url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSans.otf')  format('opentype'),
	     url('../fonts/GillSans.woff') format('woff'), url('../fonts/GillSans.ttf')  format('truetype'), url('../fonts/GillSans.svg#GillSans') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GillSans-Medium';
  src: url('../fonts/GillSans-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSans-Medium.otf')  format('opentype'),
	     url('../fonts/GillSans-Medium.woff') format('woff'), url('../fonts/GillSans-Medium.ttf')  format('truetype'), url('../fonts/GillSans-Medium.svg#GillSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GillSans-Heavy';
  src: url('../fonts/GillSans-Heavy.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSans-Heavy.otf')  format('opentype'),
	     url('../fonts/GillSans-Heavy.woff') format('woff'), url('../fonts/GillSans-Heavy.ttf')  format('truetype'), url('../fonts/GillSans-Heavy.svg#GillSans-Heavy') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GillSans-Light';
  src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSans-Light.otf')  format('opentype'),
	     url('../fonts/GillSans-Light.woff') format('woff'), url('../fonts/GillSans-Light.ttf')  format('truetype'), url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


