@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

body{font-family: 'Montserrat', sans-serif; margin:0; padding:0; font-size:16px; color:#333; line-height:30px; overflow-x:hidden;}
html{scroll-behavior: smooth;scroll-padding-top: 100px;}





a{text-decoration:none; color:#000;}
a:hover{color:#cba90b;}
a, .logo img, .btn, .navbar-expand-lg.shrink, .iconbox:hover, .slick-slide:hover .sliderbox, .iconbox, .sliderbox{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}


h1{font-size: clamp(20px, 4.2vw, 36px); font-weight:300;}
h2{font-size: clamp(20px, 4.2vw, 30px);}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
.line {width: 50px;height:1px;opacity: 1;border-top: 0;background: #ccc; margin:0 auto;}
.text-warning{color:#cba90a!important;}
.bg-warning{background-color:#cba90a!important;}
.border-warning{border-color:#cba90a!important;}




.navbar-expand-lg{position:fixed; width:100%; background:#ffff; z-index:999; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);}

.spacer{height:128px;}
.logo img{max-width:200px;}
.shrink .logo img{max-width:100px;}


.btn{font-size:14px; font-weight:700; padding:10px 20px; text-decoration:none; text-transform:uppercase; color:#fff; border-radius:0; letter-spacing:1px; position:relative;
isolation: isolate;}
.btn:after {position: absolute;content: '';z-index: -1;inset: -1px;scale: 0 1;transform-origin: right;transition: scale 450ms; background:#000;}
.btn:hover:after, .btn:focus-visible:after {transform-origin: left;scale: 1 1;}
.btn:hover{color:#fff;}
.btn-warning{background:#cba90a; border-color:#cba90a;}
.btn-dark:hover{background-color:#cba90a!important; border-color:#cba90a!important;}
.btn-light{color:#000!important;}
.btn-light:hover{color:#fff!important;}
.btn-lg{font-size:16px!important; padding:12px 30px!important;}
.big-btn .btn-link{color:#fff; text-decoration:none; display:inline-block;}
.big-btn .btn-link:hover{color:#000;}


.navbar i{font-size:30px; color:#000; vertical-align:middle;}
.navbar-nav{margin:0; padding:0; list-style:none;}
.navbar-nav li{display:inline-block;}
.navbar-nav li a{font-size:14px; color:#000; display:block; text-transform:uppercase; margin: 0 20px 0 0; position:relative;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0;padding-left: 0;}
.navbar-nav li a:hover, .navbar-nav li a.active{color:#cba90b!important;}


/*
.navbar>.container{display:block;}
.navbar i{font-size:30px; color:#000;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#cba90a!important;}
.navbar{background:#fff;}
.nav-link {font-size: 14px;color: #000;display: block;margin: 0 20px 0 0;position: relative; text-transform:uppercase;}
.nav-link i{font-size: 14px;}
.nav-link:hover {color:#cba90a;}

.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.dropdown-toggle::after{position:absolute; top:50%; transform:translate(0, -50%);}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;top: 40px;border:0;}
.dropdown-item {padding: 5px 10px;font-size: 13px;font-weight: 300;}
.dropdown-toggle::after{display:none;}
*/


.banner{overflow: hidden;background: url(images/herobanner1.jpg) no-repeat center center;background-size: cover; font-size:20px; font-weight:300; position:relative; height: calc(100vh - 128px);}
/*.banner:before{position: absolute; width:100%; height:100%; content:''; background:#21344c; opacity:.5;}*/
.banner .caption{padding:250px 0; line-height:30px; position:relative;}
.banner h1{font-size: calc(24px + (60 - 24) * ((100vw - 300px) / (1400 - 300)));}




.img-aspect{aspect-ratio:1/1; height:100%; object-fit:cover;}
.iconbox{border:2px solid #fff; aspect-ratio: 2/2; display:flex; justify-content: center; align-items: center;}
.iconbox span{display:block;}
.iconbox img{max-width:70px; margin-bottom:1vw; transform-style:preserve-3d; transition:all 1.1s;}
.iconbox:hover{border:2px solid #e5e472; background:none;}
.iconbox:hover img{ transform:rotateY(180deg); transition:all 1.1s;}


.midbanner{background:#000;}
.midbanner img{opacity:.5; aspect-ratio:3/1; object-fit:cover;}


.workslider, .slick-slide{position:relative;}
.workslider .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:30px; cursor: pointer; z-index:9; color:#bbb; font-weight:700; border-radius:50px; border:1px solid #bbb; padding:8px;}
.workslider .las.la-long-arrow-alt-left{left:30px;}
.workslider .las.la-long-arrow-alt-right{right:30px;}
.sliderbox{background:rgba(203, 169, 10, .8); color:#fff; position:absolute; bottom:-80px; width:100%; opacity:0;}
.sliderbox span{display:block; font-size:14px; font-weight:400;}
.sliderbox h4{margin-bottom:0; padding-left:20px;}
.sliderbox i{font-size:40px;}
.slick-slide:hover .sliderbox{opacity:1; bottom: 0;}


.testimonialslider{padding:0; color:#000; font-size:14px; line-height:24px; font-style: italic;}
.testimonialslider .slick-slide{position: relative; padding: 50px; margin-left: 20px; border: 1px solid #ccc; height:570px;}
.testimonialslider i{font-size:50px; color:#e7e7e7;}
.testimonialslider .slick-arrow{position: absolute; bottom:-70px; font-size:20px; cursor: pointer; z-index:9; color:#bbb; font-weight:700; padding:8px; background:#000;}
.testimonialslider .las.la-angle-right{right:0;}
.testimonialslider .las.la-angle-left{right:40px;}
.testimonialslider h5{font-weight:700; line-height:30px;}
.testimonialslider span{font-style:normal; text-transform:uppercase;}



.form-control{margin-bottom:10px; line-height:30px; border-radius:0; background:none; border: 0; border-bottom: 1px solid #ccc;}
textarea.form-control{min-height:150px!important;}
.form-control:focus{box-shadow:none;}
.form-floating>.form-control, .form-floating>label{padding-left:0; font-size:14px;}
.error{color:#F10307; display:block; margin-top:10px; text-align:center;}
.form-control:focus{background:none; border-color:#fd9155;}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background:none!important;}
.form-floating label:after{display:none;}
.servicelist{color:#fff; border:1px solid #cba90a; padding:20px; display:flex; height:100%;}
.servicelist i{font-size:20px; margin-right:10px;}

.gallery{overflow:hidden; border-radius:8px;}
.gallery img {height:100%;object-fit: cover;width: 100%; transition: 1.8s; aspect-ratio:3/2;}
.gallery:hover img {transform: scale(1.2);}
.contactbox{background: url("images/backyard10.jpg") no-repeat; position:relative;}
.contactbox:before{position:absolute; content:''; width:100%; height:100%; background:#000; left:0; right:0; top: 0; opacity:.6;}


/*
.list{margin: 0;padding: 0;list-style: none;font-size: 16px;}
.list li{margin-bottom: 15px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f058';font-size:25px;font-weight: 700; color:#333;}
*/





.footer .container{position:relative; z-index:9;}
.footer{width:100%; background:url("images/footerbg.jpg")center center; background-size:cover; font-size:12px; color:#fff; position:relative; line-height:30px;}
.footer:after{position:absolute; content:''; width:100%; height:100%; opacity:.5; background:#000; top: 0; left:0; right:0;}
.footer a{color:#fff; display:inline-block; margin:0 30px; font-size:14px;}
.social a{display:inline-block; color:#fff; margin:0 20px 0 0; font-size:30px;}
.footer a:hover{color:#cba90b;}
.footer img{width:180px;}













@media (max-width:1400px){
	.container{max-width:1230px; position:relative; }
}

@media (max-width:1199.98px){
	
	.testimonialslider .slick-slide{height:700px;}
}
/*
@media (min-width:991px) {

.dropdown .dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
	box-shadow: 0 10px 10px rgb(0 0 0 / 10%); 
	padding: 10px;
}
.dropdown:hover > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color:#cba90b;
    padding-left: 15px;
}

}
*/

@media (max-width:991.98px){
	.spacer {height:76px;}
	.logo img, .shrink .logo img{max-width:12vw;}
	.navbar-nav li a:hover, .navbar-nav li a.active {color: #fff!important;}
	.navbar-nav li a{margin:0;}
	.navbar-toggler:focus{box-shadow:none;}
	.navbar-toggler{background:none!important; padding:4px 6px; border-radius:0; border:0;}
	.navbar-toggler-icon{width:30px; height:30px;}
	.navbar-collapse{position: absolute;width:100%; left:0; right:0; top:68px; background-color:#cba90c;}
	.navbar-nav{line-height:40px;}
	.nav-link {margin:0;}
	.headericon i, .call-lg i{font-size: 25px;}
	.banner{height:330px;}
	.iconbox{font-size:14px;}
	.iconbox img{max-width:50px;}
	.sliderbox{bottom:0; opacity:1;}
	.sliderbox .btn{padding:5px;}
	.sliderbox i {font-size: 30px;}
	.midbanner img{height: 380px;}
	.testimonialslider .slick-slide{height:990px;}
	.testimonialslider .slick-slide{margin-left:20px; margin-right:20px;}
	.testimonialslider .las.la-angle-right {
    right: 20px;
}
	.testimonialslider .las.la-angle-left {
    right: 60px;
}
	
}

@media (max-width:767.98px){
	.logo img, .shrink .logo img{max-width:140px;}
	.spacer {height: 100px;}
	.navbar-collapse{top:90px;}
	.btn-lg {padding: 10px 30px; font-size:16px;}
	.midbanner img{height: 380px;}
	.testimonialslider .slick-slide{height:590px;}
	.testimonialslider h5{font-size:12px!important; line-height:20px!important;}
	.testimonialslider .slick-arrow{font-size:20px;}
	.testimonialslider .las.la-long-arrow-alt-right {right:0;}
	.testimonialslider .las.la-long-arrow-alt-left {left:0;}
	
	

	
	
	

	
}

@media (max-width: 575.98px) {
	.logo img, .shrink .logo img{max-width:120px;}
	.navbar-toggler-icon{width:24px; height:24px;}
	.spacer {height:90px;}
	.banner{padding:20px 0;}
	.banner .caption {padding: 70px 0; line-height:20px;}
	.banner h1{font-size:18px;}
	.testimonialslider .slick-slide{padding:20px;}
	.testimonialslider h5{font-size:14px; line-height:24px;}
	.navbar-collapse{top:80px;}
	body{font-size:13px; line-height:normal;}
	.banner {height:250px;}
	.form-control {height:40px;}
	.footer{font-size:12px;}
	.btn{font-size:12px; padding:8px 14px;}
	.btn-lg{font-size:12px!important; padding:10px 20px!important;}
	h3,h2{font-size:20px;}
	textarea.form-control {min-height: 100px;}
	.testimonialslider .slick-slide{height:690px;}
	.footer{line-height:20px;}
	.footer img {width: 134px;}
	.footer a{margin:0 10px;}
	.social a {margin: 0 14px 0 0;font-size: 18px;}
	.servicelist{justify-content: center;}



}