:root{
    /* --theme:#f4877f; */
    --theme:#FF6400;
    --themegray:#333;   
}
html {
    scroll-behavior: smooth;
  }
  a, a.btn{transition: all 0.6s ease-in;}
  .container-fluid{padding: 0;}
.wdcontainer{margin:auto;}
.row{margin:0;}
body{font-family: 'Open Sans', sans-serif;background-color: #bbb;}
.t-theme{color:var(--theme);}
.t-white{color:white;}
.t-black{color:black;}
/* NaAvigation */
.navbar{padding:0; background-color: #fff;}
.navbar-brand{margin-left:50px;} .navbar-brand img{width:150px;}
.navbar-nav{margin-top: 35px; margin-bottom: 35px; padding-top: 0;padding-bottom: 0;min-width: 66%; justify-content: space-evenly;}
.navbar-collapse{justify-content:center;}
.navbar-nav .nav-link{text-transform: uppercase; font-size:16px;font-weight: 600;color:var(--darkbrown);padding-left: 5px;padding-right: 5px;overflow: hidden;border-bottom: 2px solid transparent;}
.navbar-nav .nav-link:active, .navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{border-bottom: 2px solid var(--theme);color:#333;}
.btn-theme-bg{background-color: var(--theme); border-radius: 0; padding: 30px 50px; font-size: 33px; color:#333;}
.navbar-nav .dropdown-menu{border:0; border-radius: 0;text-transform: uppercase;line-height: 2.5rem;padding: 0;}
.navbar-toggler-icon{color:var(--theme);}
/* a.dropdown-item{color:#fff;} */
a.dropdown-item:hover{background-color: var(--theme);color:#fff;}
img.header{max-width: 100%;}
.btn-theme-bg:hover, .btn-theme-bg:focus, .btn-theme-bg:active, .btn-theme-md:hover, .btn-theme-md:focus, .btn-theme-md:active{color: var(--theme);background-color:var(--themegray);}
.breadcrumb{position:absolute; top:45%; margin-left:149px;border-radius: 0;background-color: transparent;}
.breadcrumb a{color:#fff; font-size: 22px;text-transform: uppercase;text-shadow: 1px 1px 1px #000;text-underline-offset: 5px;}
.breadcrumb a:focus, .breadcrumb a:hover{text-decoration-color:var(--theme);}

.breadcrumb-item+.breadcrumb-item::before{content: "\f0da";font-family: 'FontAwesome'; color:var(--theme);font-size: 23px;}
/* Carousel */
.carousel-inner img{filter:grayscale(1);}
.carousel-caption{top:30%; bottom:0;width:100%; left:0;z-index:1;}
.carousel-caption h1{font-size: 4rem; background-color: rgba(0,0,0,0.4); padding:20px 0}
.btn-theme-md{background-color: var(--theme);border-radius: 0; padding: 15px 25px; font-size: 25px;color:#333;margin-top:15px;border:2px solid transparent;}

.carousel-caption .btn-theme-md{margin-top:1%;}

/* Home Page */
.cta{margin: auto;display: flex; justify-content:space-evenly;padding:50px 0;text-align: center;background-color: #fff;}
.cta .flex-item{position: relative;}
.cta div img{max-width:65px;}
.cta div h1{font-size: 16px;margin-top: 15px;}
.theme-dot{background-color: var(--theme);border-radius: 50%;padding:5px;width: 40px;height: 40px;text-align: center;opacity: 55%;position: absolute;left: 22%; z-index: 1;}
.page-content{padding:100px 150px;background-color: #eee;}
.page-content h1 {text-decoration: underline;text-transform: uppercase;text-decoration-color: var(--theme);text-underline-position: under;margin-bottom: 25px; font-size: 25px;}
.page-content h3{font-size: 18px;line-height: 39px;color: var(--darkbrown);}
.page-content .img-bg{background-image:url('../img/home-page-side.png');  object-fit: fill;background-repeat: no-repeat; }
.page-content p{font-size: 18px; line-height: 36px; margin:30px 0;}
.img-overlay{position:absolute;top:35%;left:35%;z-index: 1000;max-width: 50%;}
.standout{font-size:25px; text-transform: uppercase;line-height:45px;text-align:center;margin-right: 48px;}
/* About Us */
.page-highlight{background-image:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../img/page-highlight.jpg'); padding:100px 150px; object-fit: cover;}
hr{border-color: var(--theme);}
.page-highlight h4{line-height: 3rem;margin:24px auto;}
.page-highlight h1{margin:24px auto;font-size: 28px;}
.page-highlight h3{font-size: 22px;}
.profile{margin:auto; text-align: center;}
.profile-img{border-radius: 50%; width: 250px;}
.left-margin{margin-left:15px;}
/* Projects */
h4.text-overlay{color:#fff;padding:10px; background-color:rgba(0,0,0,0.5);position:absolute;bottom:32px; font-size:14px;width:80%;}
/* .photo-gallery h1{margin-left:15px;} */
.form-enquiry{background-color: rgba(255,255,255,0.7);height:100%;padding:50px;}
.page-highlight .form-group label{color:#fff;}.page-highlight .form-group input::placeholder{color:#bbb;font-size: 14px;}
.page-highlight .form-group input{border-radius: 0;}
.btn-theme-sm{background-color: var(--theme);border-radius: 0; padding: 15px 15px; font-size: 22px;color:#333;margin-top:15px;border:2px solid transparent;}
.btn-theme-sm:hover, .btn-theme-sm:focus, .btn-theme-sm:active{background-color: rgba(0,0,0,0.1); color:var(--theme); border:2px solid var(--theme);}

.rate-us .fa-star{padding:0 5px; font-size: 20px;}
.rate-us:hover{color:var(--theme)};

/* Testimonials */
.slick-content{position: relative;margin-top: 5px;text-align: center;}
.slick-content img{width:200px;height: 200px; object-fit: cover;box-shadow: 1px 1px 5px #000;}
.slick-next:before, .slick-prev:before{font-family: 'FontAwesome'; color: var(--theme);}
.slick-next:before {content: "\f0da";}
.slick-prev:before {content: "\f0d9";}
.slick-dots li button:before {font-size: 12px;top: 40px;color:var(--theme);}
.slick-dots li.slick-active button:before{color:var(--theme);}
.slick-content h5, .slick-content h6{color:#fff;line-height: 2rem;max-width: 80%;margin: auto;margin-top:25px;}
.slick-content h5{text-transform: uppercase;}
.slick-slide{height:auto;}
.testimonial{margin:auto;width:50%;text-align: center;}
.testimonial img{margin:auto; border-radius:50%;}
.right-margin{margin-right: 48px;}

/* Footer */
footer iframe{margin:auto; text-align: center;}
.footer-strip{padding:50px 150px; background-color:var(--themegray);width:100%; display: flex;justify-content: space-between;text-align: center;}
.footer-strip div i{font-size:40px; color: var(--theme);font-weight: 100;}
.footer-strip div hr{border: 1px solid var(--theme);margin:0;}
.footer-strip > div > a, .footer-strip > div > p{text-decoration: none;color:#fff; font-size: 16px;font-weight: 600;}
.brand-footer{background-color: #000; font-size: 12px;padding:10px;text-align: center;color:white;}

@media only screen and (max-width: 1200px){
  .carousel-caption {top:28%;}
}
@media only screen and (max-width: 991px){
  .page-content h1{font-size: 20px;} .page-content h3{font-size: 18px;}
  .page-content .img-bg, .img-overlay{display: none;}
  .carousel-caption {top:25%;} .carousel-caption h1{font-size: 2.5rem; margin-bottom: 0;}
  .btn-theme-md{padding: 8px 15px;font-size: 20px;}
  .get-in-touch{padding: 25px 35px; font-size: 28px;}
  
  .footer-strip .cta{padding:75px;}
  /* .page-highlight{padding:50px;} */
  .navbar-nav{width: 100%;text-align: center; margin-top:25px; margin-bottom:25px;}
  .navbar-nav .dropdown-menu{text-align: center;}
  .right-margin{margin-right: 0;}
  .navbar-brand {margin-left:35px;}  .navbar-brand img{width:130px;}
  h5.contact-form {margin-top:50px;}

}
@media only screen and (max-width: 767px){
    .get-in-touch{padding: 20px;font-size: 20px;}
    .navbar-nav{margin-top:20px; margin-bottom:20px;}
    /* .navbar-nav{width: 100;text-align: center;}
    .navbar-nav .dropdown-menu{text-align: center;} */
    /* .carousel-caption{top:15%;} */
    .carousel-caption h1{display:none;}
    .cta{flex-wrap: wrap;} .cta>.flex-item{max-width:25%; margin:0 5px;} .cta>.flex-item h1{font-size:12px;text-align: center;}
    .footer-strip{flex-wrap: wrap;flex-direction: column;  }
    .footer-strip .flex-item{align-self: center;margin-top: 15px; justify-content: center;margin-top: 25px;}
    .page-content{padding:50px;} .contact{text-align: center;}
    .md-center{margin:auto; max-width: 50%;}
    .testimonial {width: 100%;}
    .about-bread{margin-left: 50px;}
    
}
@media only screen and (max-width: 575px){
  /* .get-in-touch{z-index: 1000;padding: 10px;font-size: 18px;position: absolute;left: 35%;bottom: -115px;} */
  .carousel-caption {top:35%;}
  .page-content{text-align: center;padding:30px}
  .page-content h3{font-size: 16px;}
  .standout {font-size: 25px;line-height: 50px;}
  h4.text-overlay{left:27%; text-align: left; width:45%}
  .container{padding:0;}
  .page-content ul{padding: 0 50px; text-align: left;} .page-content ul li{line-height:35px;}
  .testimonial{width: 100%;}
  .testimonial h5{font-size: 14px;}
  /* .breadcrumb{display: none;} */
  .page-highlight h1{font-size: 25px;} .page-highlight h4, .page-highlight h3{font-size: 18px;}
  .navbar-brand{margin-left:33px;}
  .page-highlight{padding:75px}
  .standout {margin-right:0;font-size: 20px;}
  .footer-strip{padding:50px;}
  .page-highlight{padding:50px;}
  .breadcrumb{margin-left: 50px;top:38%;}
  .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before {font-size: 18px;}  
  .get-in-touch {padding: 16px;font-size: 15px;}
}