/*init setting*/
html, body{
  font-family: 'Poppins', sans-serif;
  font-size:16px;
  font-weight: normal;
  line-height:140%;
  color:#000;
  background-color: #FFF;
}

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

h1{
  font-size:50px;
  line-height: 103%;
  font-weight:600;
}

h2{
  font-size:45px;
  line-height: 103%;
  font-weight:600;
}

h3{
  font-size:38px;
  line-height: 110%;
  font-weight:600;
}

h4{
  font-size:28px;
  line-height: 110%;
  font-weight:600;
}
h5{
  font-size:20px;
  line-height: 110%;
  font-weight:600;
}
h6{
  font-size:16px;
  line-height: 140%;
  font-weight:600;
}

a:hover{
  text-decoration: none;
}

.text-10{
  font-size:10px;
  font-weight: normal;
  line-height:140%;
}
.text-14{
  font-size:14px;
  font-weight: normal;
  line-height:140%;
}
.text-18{
  font-size:18px;
  font-weight: normal;
  line-height:140%;
}

.text-32{
  font-size:32px;
  line-height: 110%;
  font-weight:600;
}

.text-32{
  font-size:36px;
  line-height: 110%;
  font-weight:600;
}

.text-42{
  font-size:42px;
  line-height: 103%;
  font-weight:600;
}

.text-semibold{
  font-weight:500;
}
.text-bold{
  font-weight:bold;
}

.text-blue1{
  color:#142046;
}

.text-blue2{
  color:#343539;
}

.text-maroon{
  color:#742742;
}

.text-yellow{
  color:#FFDD64;
}

.text-grey{
  color:#A1A1A1;
}

.text-darkgrey{
  color:#303030;
}

.text-maroon-dark{
  color:#462438;
}

.text-pink{
  color:#C687AC;
}

.bg-blue{
  background-color: #142046;
}

.bg-yellow{
  background-color: #FFDD64;
}

.bg-maroon{
  background-color: #760045;
}

.bg-blue-light{
  background-color: #E9F0ED;
}

img{
  width:auto;
  height:auto;
  max-width:100%;
}

.btn{
  margin:0;
  padding:8px 48px;
}

.btn:hover{
  opacity:0.9;
}

.btn-white-text{
  color:#FFF;
}

.btn-white-text:hover{
  color:#FFF;
}

/*header*/
.header-box{
  background-color:rgba(8,25,68,0.95);
}
.header-container{
  position:relative;  
}
.header-btn-call{
  position:absolute;
  right:20px;
  top:30px;
  z-index:100;
}

.header-btn-call2{
   display:none;
}

.header-social{
  position:absolute;
  right:370px;
  top:35px;
  z-index:100;
}

#navbarNav .nav-link{
  color:#FFF;
  font-weight:500;
}

#navbarNav .nav-link:hover{
  color:#FFF;
  font-weight:500;
  opacity:0.9;
}
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
#navbarNav .dropdown-menu{
  background-color:rgba(255,255,255, 0.95);
}
#navbarNav .dropdown-item{
    color:#142046;
}
#navbarNav .dropdown-item:hover{
  opacity:0.9;
    
}

/*header - index or homepage*/
.header-bg-index{
  background-image: url('/instances/217/assets/images/nick-herotall-blue.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.index-hero-box{
  padding-top:100px;
  padding-bottom:100px;
}

.index-btn-hero{
  font-size:14px;
  font-weight:500;
  padding-left:15px;
   padding-right:15px;
   text-align: left;
}
.index-btn-hero > div:nth-child(2){
  font-size:31px;
  font-weight:600;
}

/*header - default*/
.header-bg-default{
  background-image: url('/instances/217/assets/images/header-menu-bg.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.default-title{
  background-color:rgba(118,0,69,0.95);
}
.default-title-text{
  font-size:36px;
}

.rc-bg-resident{
  position:absolute;
  top:0;
  right:calc(50vw + 15px);
  width:50vw;
  height:100%;
  object-fit:cover;
}
.rc-bg-commercial{
  position:absolute;
  top:0;
  left:calc(50vw + 15px);
  width:50vw;
  height:100%;
  object-fit:cover;
 }
 
 .nicholas{
   margin-top:-35px !important;
   margin-left:-40px;
   width:450px;
   min-width:450px;
   max-width:450px;
 }

/*footer*/
.footer-quote{
  background-image: url('/instances/217/assets/images/quote-bg.jpg');
  background-repeat:no-repeat;
  background-size:cover;
}
.footer-quote-box{
  min-height:310px;
}
.footer-quote-btn{
  width:300px;
  max-width:100%;
}
.footer-link-follow{
  font-size: 12px;
  font-weight:bold;
  line-height:28px;
}

.footer-line{
  border-color:#707A9B;
  border-style:solid;
  border-width:0 0 1px 0;
}

.footer-copyright{
  font-size:14px;
}

.footer-menu{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top:20px;
}

.footer-menu>li{
  margin-top:10px;
}
.footer-menu>li>a{
  color:#FFF;
  font-weight:500;
}
.footer-menu>li>a:hover{
  opacity:0.9;
}

.footer-menu>li>a:hover{
  text-decoration: none;
}

/*index page */
.endorsed-title{
  font-size:24px;
}

/*services*/
.services-main-image{
 position:absolute;
 width:calc( 50vw + 68px );
 min-width:calc( 50vw + 68px );
 max-width:calc( 50vw + 68px );
 top:0;
 right:0;
}
 
.services-container{
 min-height:calc( 0.75 * ( 50vw + 68px ));
}
 
/*faq*/
.faq-content{
 font-color:#747474;
}

/*quote*/
.quote-img{
  width:100%;
  object-fit: cover;
}

/*lg*/
@media (max-width: 991px) {
  .header-btn-call{
   display:none;
 }
  .header-btn-call2{
   display:block;
 }
 .header-social{
   display:none;
 }
 
 /*index page*/
 .nicholas-box{
   text-align: center;
 }
 .nicholas{
   margin-top:-23px !important;
   width:300px;
   min-width:300px;
   max-width:300px;
 }
 
/*services*/
 .services-main-image{
   width:50vw;
   min-width:50vw;
   max-width:50vw;
 }
 
 .services-container{
   min-height:calc( 0.75 * 50vw);
 }
}

/*md*/
@media (max-width: 767px) {
  /*index page*/
  .rc-bg-resident{
    top:0;
    left:0;
    width:100vw;
    height:calc(50% - 15px);
  }
  .rc-bg-commercial{
    top:calc(50% + 15px);
    left:0;
    width:100vw;
    height:calc(50% - 15px);
  }
  /*services*/
  .services-main-image{
     position:static;
     width:100%;
     min-width:100%;
     max-width:100%;
     height:40vh;
     max-height:40vh;
     object-fit:cover;
     object-position: 0% 0%;
 }
}

/*sm*/
@media (max-width: 575px) {
 .btn{
   width:auto;
 }
 .navbar-brand{
   width:100%;
 }
}