.bg-brand{
    background-color: #C7A22D;
}
.text-black{
    color: black;
}
.text-grey{
    color: #333 !important;
}
.text-brand{
    color: #C7A22D !important;
}
@media (min-width:768px) {
    .lg-d-flex{
        display: flex;
    }
    
}
.d-flex{
    display: flex;
}
.flex-col{
  flex-direction: column;
}
.justify-center{
    justify-content: center;
}
.justify-start{
    justify-content: start;
}
.justify-end{
    justify-content: end;
}
.justify-between{
    justify-content: space-between;
}
.flex-direction-column{
    flex-direction: column;
}
.text-right{
    text-align: right;
}

.align-center{
    align-items: center;
}



.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  
  .px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .pt-0 {
    padding-top: 0px !important;
  }
  
  .pb-0 {
    padding-bottom: 0px !important;
  }
  
  .pl-0 {
    padding-left: 0px !important;
  }
  
  .pr-0 {
    padding-right: 0px !important;
  }
  
  .mt-0 {
    margin-top: 0px !important;
  }
  
  .mb-0 {
    margin-bottom: 0px !important;
  }
  
  .ml-0 {
    margin-left: 0px !important;
  }
  
  .mr-0 {
    margin-right: 0px !important;
  }
  
  .py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  
  .px-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  
  .pt-3 {
    padding-top: 3px !important;
  }
  
  .pb-3 {
    padding-bottom: 3px !important;
  }
  
  .pl-3 {
    padding-left: 3px !important;
  }
  
  .pr-3 {
    padding-right: 3px !important;
  }
  
  .mt-3 {
    margin-top: 3px !important;
  }
  
  .mb-3 {
    margin-bottom: 3px !important;
  }
  
  .ml-3 {
    margin-left: 3px !important;
  }
  
  .mr-3 {
    margin-right: 3px !important;
  }
  
  
  
  .px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  .pt-5 {
    padding-top: 5px !important;
  }
  
  .pb-5 {
    padding-bottom: 5px;
  }
  
  .pl-5 {
    padding-left: 5px !important;
  }
  
  .pr-5 {
    padding-right: 5px !important;
  }
  
  .mt-5 {
    margin-top: 5px !important;
  }
  
  .mb-5 {
    margin-bottom: 5px !important;
  }
  
  .ml-5 {
    margin-left: 5px !important;
  }
  
  .mr-5 {
    margin-right: 5px !important;
  }
  
  .py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  
  .px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  .pt-8 {
    padding-top: 8px !important;
  }
  
  .pb-8 {
    padding-bottom: 8px !important;
  }
  
  .pl-8 {
    padding-left: 8px !important;
  }
  
  .pr-8 {
    padding-right: 8px !important;
  }
  
  .mt-8 {
    margin-top: 8px !important;
  }
  
  .mb-8 {
    margin-bottom: 8px !important;
  }
  
  .ml-8 {
    margin-left: 8px !important;
  }
  
  .mr-8 {
    margin-right: 8px !important;
  }
  
  .py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  
  .px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .pt-10 {
    padding-top: 10px !important;
  }
  
  .pb-10 {
    padding-bottom: 10px !important;
  }
  
  .pl-10 {
    padding-left: 10px !important;
  }
  
  .pr-10 {
    padding-right: 10px !important;
  }
  
  .mt-10 {
    margin-top: 10px !important;
  }
  
  .mb-10 {
    margin-bottom: 10px !important;
  }
  
  .ml-10 {
    margin-left: 10px !important;
  }
  
  .mr-10 {
    margin-right: 10px !important;
  }
  
  .py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  
  .px-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  .pt-12 {
    padding-top: 12px !important;
  }
  
  .pb-12 {
    padding-bottom: 12px !important;
  }
  
  .pl-12 {
    padding-left: 12px !important;
  }
  
  .pr-12 {
    padding-right: 12px !important;
  }
  
  .mt-12 {
    margin-top: 12px !important;
  }
  
  .mb-12 {
    margin-bottom: 12px !important;
  }
  
  .ml-12 {
    margin-left: 12px !important;
  }
  
  .mr-12 {
    margin-right: 12px !important;
  }
  
  .py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  
  .px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .pt-15 {
    padding-top: 15px !important;
  }
  
  .pb-15 {
    padding-bottom: 15px !important;
  }
  
  .pl-15 {
    padding-left: 15px !important;
  }
  
  .pr-15 {
    padding-right: 15px !important;
  }
  
  .mt-15 {
    margin-top: 15px !important;
  }
  
  .mb-15 {
    margin-bottom: 15px !important;
  }
  
  .ml-15 {
    margin-left: 15px !important;
  }
  
  .mr-15 {
    margin-right: 15px !important;
  }
  
  .py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  
  .px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .pt-20 {
    padding-top: 20px !important;
  }
  
  .pb-20 {
    padding-bottom: 20px !important;
  }
  
  .pl-20 {
    padding-left: 20px !important;
  }
  
  .pr-20 {
    padding-right: 20px !important;
  }
  
  .mt-20 {
    margin-top: 20px !important;
  }
  
  .mb-20 {
    margin-bottom: 20px !important;
  }
  
  .ml-20 {
    margin-left: 20px !important;
  }
  
  .mr-20 {
    margin-right: 20px !important;
  }
  
  .py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  
  .px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  
  .pt-25 {
    padding-top: 25px !important;
  }
  
  .pb-25 {
    padding-bottom: 25px !important;
  }
  
  .pl-25 {
    padding-left: 25px !important;
  }
  
  .pr-25 {
    padding-right: 25px !important;
  }
  
  .mt-25 {
    margin-top: 25px !important;
  }
  
  .mb-25 {
    margin-bottom: 25px !important;
  }
  
  .ml-25 {
    margin-left: 25px !important;
  }
  
  .mr-25 {
    margin-right: 25px !important;
  }
  
  .py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  
  .px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
  .pt-30 {
    padding-top: 30px !important;
  }
  
  .pb-30 {
    padding-bottom: 30px !important;
  }
  
  .pl-30 {
    padding-left: 30px !important;
  }
  
  .pr-30 {
    padding-right: 30px !important;
  }
  
  .mt-30 {
    margin-top: 30px !important;
  }
  
  .mb-30 {
    margin-bottom: 30px !important;
  }
  
  .ml-30 {
    margin-left: 30px !important;
  }
  
  .mr-30 {
    margin-right: 30px !important;
  }
  
  .py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  
  .px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  
  .pt-35 {
    padding-top: 35px !important;
  }
  
  .pb-35 {
    padding-bottom: 35px !important;
  }
  
  .pl-35 {
    padding-left: 35px !important;
  }
  
  .pr-35 {
    padding-right: 35px !important;
  }
  
  .mt-35 {
    margin-top: 35px !important;
  }
  
  .mb-35 {
    margin-bottom: 35px !important;
  }
  
  .ml-35 {
    margin-left: 35px !important;
  }
  
  .mr-35 {
    margin-right: 35px !important;
  }
  
  .py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  
  .px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  
  .pt-40 {
    padding-top: 40px !important;
  }
  
  .pb-40 {
    padding-bottom: 40px !important;
  }
  
  .pl-40 {
    padding-left: 40px !important;
  }
  
  .pr-40 {
    padding-right: 40px !important;
  }
  
  .mt-40 {
    margin-top: 40px !important;
  }
  
  .mb-40 {
    margin-bottom: 40px !important;
  }
  
  .ml-40 {
    margin-left: 40px !important;
  }
  
  .mr-40 {
    margin-right: 40px !important;
  }
  
  .py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  
  .px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  
  .pt-45 {
    padding-top: 45px !important;
  }
  
  .pb-45 {
    padding-bottom: 45px !important;
  }
  
  .pl-45 {
    padding-left: 45px !important;
  }
  
  .pr-45 {
    padding-right: 45px !important;
  }
  
  .mt-45 {
    margin-top: 45px !important;
  }
  
  .mb-45 {
    margin-bottom: 45px !important;
  }
  
  .ml-45 {
    margin-left: 45px !important;
  }
  
  .mr-45 {
    margin-right: 45px !important;
  }
  
  .py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  
  .px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  
  .pt-50 {
    padding-top: 50px !important;
  }
  
  .pb-50 {
    padding-bottom: 50px !important;
  }
  
  .pl-50 {
    padding-left: 50px !important;
  }
  
  .pr-50 {
    padding-right: 50px !important;
  }
  
  .mt-50 {
    margin-top: 50px !important;
  }
  
  .mb-50 {
    margin-bottom: 50px !important;
  }
  
  .ml-50 {
    margin-left: 50px !important;
  }
  
  .mr-50 {
    margin-right: 50px !important;
  }
  
  .py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  
  .px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  
  .pt-60 {
    padding-top: 60px !important;
  }
  
  .pb-60 {
    padding-bottom: 60px !important;
  }
  
  .pl-60 {
    padding-left: 60px !important;
  }
  
  .pr-60 {
    padding-right: 60px !important;
  }
  
  .mt-60 {
    margin-top: 60px !important;
  }
  
  .mb-60 {
    margin-bottom: 60px !important;
  }
  
  .ml-60 {
    margin-left: 60px !important;
  }
  
  .mr-60 {
    margin-right: 60px !important;
  }
  
  .py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  
  .px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  
  .pt-80 {
    padding-top: 80px !important;
  }
  
  .pb-80 {
    padding-bottom: 80px !important;
  }
  
  .pl-80 {
    padding-left: 80px !important;
  }
  
  .pr-80 {
    padding-right: 80px !important;
  }
  
  .mt-80 {
    margin-top: 80px !important;
  }
  
  .mb-80 {
    margin-bottom: 80px !important;
  }
  
  .ml-80 {
    margin-left: 80px !important;
  }
  
  .mr-80 {
    margin-right: 80px !important;
  }
  
  .py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  
  .px-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  
  .pt-90 {
    padding-top: 90px !important;
  }
  
  .pb-90 {
    padding-bottom: 90px !important;
  }
  
  .pl-90 {
    padding-left: 90px !important;
  }
  
  .pr-90 {
    padding-right: 90px !important;
  }
  
  .mt-90 {
    margin-top: 90px !important;
  }
  
  .mb-90 {
    margin-bottom: 90px !important;
  }
  
  .ml-90 {
    margin-left: 90px !important;
  }
  
  .mr-90 {
    margin-right: 90px !important;
  }
  .text-6 {
    font-size: var(--text-6) !important;
  }
  
  .text-9 {
    font-size: var(--text-9) !important;
  }
  
  .text-11 {
    font-size: var(--text-11) !important;
  }
  
  .text-13 {
    font-size: var(--text-13) !important;
  }
  
  .text-14 {
    font-size: var(--text-14) !important;
  }
  
  .text-15 {
    font-size: var(--text-15) !important;
  }
  
  .text-16 {
    font-size: var(--text-16) !important;
  }
  
  .text-17 {
    font-size: var(--text-17) !important;
  }
  
  .text-18 {
    font-size: var(--text-18) !important;
  }
  
  .text-20 {
    font-size: var(--text-20) !important;
  }
  
  .text-24 {
    font-size: var(--text-24) !important;
  }
  
  .text-30 {
    font-size: var(--text-30) !important;
  }
  
  .text-35 {
    font-size: var(--text-35) !important;
  }
  
  .text-40 {
    font-size: var(--text-40) !important;
  }
  
  .text-45 {
    font-size: var(--text-45) !important;
  }
  
  .text-50 {
    font-size: var(--text-50) !important;
  }
  
  .text-55 {
    font-size: var(--text-55) !important;
  }
  
  .text-60 {
    font-size: var(--text-60) !important;
  }
  
  .text-64 {
    font-size: var(--text-64) !important;
  }
  
  @media (max-width:992px) {
    .lg-none{
        display: none !important;
    }
    
}
  @media (max-width:768px) {
    .md-none{
        display: none !important;
    }
    
}



a:hover{
    color: #333;
}
.fa {
    color: #C7A22D !important;
}
.about .fa{
  color: white !important;
}
.icon-box .icon-in{
    background-color: #C7A22D !important;
}
.border-right{
    border-right: .5px solid grey;
}
@media (min-width:992px) {
  .banner-slider {
    height: 83vh !important;
}
  
}


.topbar{
    padding: 0 !important;
}
.site-header .navbar-brand {
    width: 100px !important;
    /* border: 1px solid black; */
    height: 95px;
    margin: 0 !important;
}
.site-header .navbar-brand img{
    width: 100%;
    height: 100%;
}
@media (max-width:768px) {
  .site-header .navbar-brand img {
    max-height: 55px !important;
  }
  .site-header .navbar-brand{
    width: 70px !important;
  }
  
}

/* .site-header .navbar-brand .logo-header{
    width: 100%;
    height: 100%;
    padding: 5px 0;
} */
.header-s1 .navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.header-s1 .navbar-nav>li.quote-btn {
    margin-top: 0 !important;
}

@media (min-width:768px) {
    .site-header .navbar-brand img{
        max-height: 130px !important;
    }
    
    
}
   
  


.top-right {
    display: flex;
    justify-content: end;

}

.top-contact li{
    font-size: 10px !important;
}
.top-contact .fa{
    height: 20px !important;
    width: 20px !important;
    font-size: 10px !important; 
    line-height: 19px !important;
}
.site-header .quote-btn .btn {
    background-color: #C7A22D !important;
}
.btn{
    background-color: #C7A22D !important;
    border: 1px solid #C7A22D !important;
   
}
.btn:hover{
background-color: #D7B750 !important;
}

.post .post-entry a.btn{
    background-color: transparent !important;
    color: #979494 !important;
    border: none !important;
}
.btn.btn-outline {
    color:#C7A22D ;
    background-color: transparent !important;
}
.btn.btn-outline.btn-alt {
    color: #333;
}
.btn.btn-outline.btn-alt:hover{
    background-color:#C7A22D !important ;
    color: white;
}
.icon-box.style-s2{
    background-color: #C7A22D !important;
}
    
.feature .fbox-over {
    background-color: #d7b750ce !important;
   
}
.icon-box.style-s3{
    border: 1px solid #C7A22D !important;
}
.call-action .cta-sameline .btn, .call-action .cta-sameline .cta-num{
    background-color: #fff !important;
    padding: 10px;
    border-radius: 10px;
 color: #d7b750ce;
}
.call-action.bg-primary .btn:not(.btn-light), .call-action.box-s3 .btn:not(.btn-light), .call-action:not([class*='bg-']) .btn:not(.btn-light){
  color: #d7b750ce !important;
}


/* construction  */
.under-construction{
  width: 70%;
  margin: auto;
  height: 100vh;
  /* border: 2px solid black; */
}
.under-construction .image{
  width: 80%;
  height: 50%;
  margin: auto;
  margin-top: 80px;
 

}
@media (max-width:768px) {
  .under-construction{
    width: 90%;
    margin: auto;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid black; */
  }
  .under-construction .image{
    width: 100%;
    height: 50%;
    display: block;
    margin: auto;
    /* margin-top: 120px; */
   
  
  }
  
}
.under-construction img{
  width: 100%;
  height: 100%;
}
.under-construction .content{
  font-size: 40px;
  text-align: center;
}

.banner .image img{
  /* display: block !important; */
  width: 100%;
  height: 100%;
}
.banner .image{
  width: 100%;
  height: 100%;
}
/* footer  */
.wgs-content img{
    width: 120px;
    height: 120px;
}