@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

body{font-family: "Roboto Slab", sans-serif; font-size:16px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden;}
html{scroll-behavior: smooth;scroll-padding-top: 100px;}




a{color:#da7141; text-decoration:none;}
a:hover{color:#000;}
a, .logo img, .shrink.navbar-expand-lg, .servicebox:hover{-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, h2{font-weight:700;}
h1{font-size: clamp(20px, 4.2vw, 48px);}
h2{font-size: clamp(20px, 3vw, 36px);}
h3{font-size: clamp(16px, 3vw, 30px); font-weight:400;}
h4{font-size: clamp(14px, 3vw, 24px); font-weight:400;}
h5{font-size: clamp(14px, 2vw, 22px);  font-weight:400;}
h6{font-size:18px;}






.lead{font-size: clamp(14px, 2vw, 18px)!important;}
.bg-info{background:#57b5e0!important;}





.navbar{position:fixed; width:100%; z-index:9999; background:rgba(255, 255, 255, .8);}
.shrink.navbar{background:#fff; -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);}
.call, .call i{font-size:16px; color:#fff;}
.call:hover{color:#bfd6e9!important;}
.spacer{height:140px;}
.logo img{max-width:270px;}
.shrink .logo img{max-width:170px;}
.text-warning{color:#da7141!important;}




.btn{border-radius: 0; text-shadow: none!important; box-shadow: none; padding: 8px 20px; font-size: 16px; position: relative; isolation: isolate; cursor: pointer; -webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear; transition: all .3s linear;}
.btn:hover{color:#fff;}
.btn:after{position: absolute; content: ''; z-index: -1; inset:-1px; scale:0 1; transform-origin: top; transition: scale 450ms;}
.btn:hover:after, .btn:focus-visible:after{transform-origin: bottom; scale:1 1;}

.btn-primary:after, .btn-secondary:after{background:#000;}
.btn-primary, .btn-primary:hover{background:#57b5e0; border-color:#57b5e0;}
.info-link{color:#57b5e0;}
.white-link{color:#fff;}


.btn-secondary{background:#ffffff; border-color:#ffffff; color:#000;}
.btn-info{background:#bfd6e9; border-color:#bfd6e9; color:#0e3073;}
.btn-info:hover{background-color:#bfd6e9!important;}

.btn-lg{font-size:24px!important; font-weight:700; padding:8px 25px;}
.btn-sm{padding:5px 15px; font-size:14px!important;}



.navbar>.container{display:block;}
.nav-link {font-size: 16px;color: #000;display: block;margin: 0 0 0 25px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #2098de!important;}
.nav-link:hover {color:#2098de;}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar-toggler i{font-size:30px; color:#000;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;top: 40px;border:0; background:#d6e6ed;}
.dropdown-item {padding: 5px 10px;font-size: 14px;font-weight: 600;}
.dropdown-toggle::after{display:none;}







.banner {position: relative;background: url(images/banner.jpg);width: 100%;background-size: cover; height:750px;}
.bannerbottom{background:rgba(87, 181, 224, .9); width:100%; position:absolute;bottom:0;}








.sunbox{display:flex; align-items:center; justify-content: flex-end;}
.sunbox img{width:80px; margin-right:10px;}


.thumbox, .column {overflow: hidden;}
.thumbox img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
.thumbox:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.thumbox img{aspect-ratio:2/1; object-fit: cover;}

.gradientbox{background: rgb(253,191,43); background: linear-gradient(67deg, rgba(253,191,43,1) 0%, rgba(218,113,65,1) 59%);}
.coolerpic img{max-width: clamp(14px, 40vw, 570px); margin-top:-200px;}

.servicebox{border:1px solid #ccc; height:100%; width:100%; color:#808080; padding:40px;}
.servicebox:hover{background:#ddf0f9; border:1px solid #ddf0f9; color:#000;}
.servicebox img{height:100px; margin-bottom:20px;}
.servicebox:hover, .boxinner{border:1px solid #fff; padding:20px; display: flex; align-items:center; width:100%; height:100%; justify-content: center;}



.list{position: relative; margin:0; padding:0; line-height:normal; color:#fff;}
.list li{display: grid; grid-template-columns: 14px 1fr; column-gap:10px; margin-bottom:15px;}
.list li:before{background: url("images/check.png"); background-size: cover; width:14px; height:14px; content:'';}
.list-lg li{font-size: clamp(20px, 3vw, 30px); grid-template-columns: 50px 1fr;  margin-bottom:30px; font-weight:700;}
.list-lg li:before{width:40px; height:40px;}
.listbox{position:relative; overflow: hidden; z-index:9;}
.listbox:after{position: absolute; content:''; bottom:-200px; right:-140px; opacity:.1;  background:url("images/circlezigzag.png"); width:512px; height:512px; z-index:-1;}

.negativeright img{margin-top:-135px; margin-bottom:-60px;}
.negativeleft img{aspect-ratio:1/1; object-fit: cover; width:100%; height:100%}


.homeaddress{display:flex; gap:10px; margin:20px 0; line-height:24px;}
.homeaddress i{font-size:30px; color:#57b5e0;}
.homeaddress h4{font-weight:700; font-size:24px;}
.homeaddress p, .homeaddress a{color:#808080; font-size:24px;}
.homeaddress a:hover{color:#000;}

.form-control{margin-bottom:30px; line-height:30px; border-radius:0; background:#fff; border: 0; border-bottom:1px dotted #ccc; padding-left:0!important;}
textarea.form-control{height:150px!important;}
.form-floating>label {padding-left:0;}
.form-control:focus{box-shadow:none; border-color:#2e8b5b;}
.error{color:#F10307; display:block; margin-top:10px;}
/*.form-floating>.form-select{border-radius:0; border: 0; border-bottom:1px dotted #ccc; padding:0;}*/
.form-select:focus{box-shadow:none;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}

.footer{font-size:16px; background:#000; color:#fff; line-height:24px;}
.footer a{color:#fff;}
.footer a:hover{color:#2098de;}
.social a{margin:0 10px; font-size:30px; color:#fff;}
.social a:hover{color:#bfd6e9;}
.contactbox, .homeaddress p, .homeaddress a{font-size: 16px;}
.contactbox, .homeaddress p{margin-bottom:0;}
.contactbox h5{font-size:18px;}
.contactbox i{font-size:20px; width: 40px;height: 40px;background: #57b5e0;border-radius: 100px;display: flex;justify-content: center;align-items: center;color: #fff;}
.blurtext{position: absolute;font-size: clamp(34px, 4.2vw, 80px);;left: 0;right: 0;top: 50%;transform: translate(0, -50%);opacity: .1;letter-spacing: 24px;text-transform: uppercase;}
.bg-lightbox{background:#f2f4f3;}
/*
.navbar .btn i{font-size:24px;}
.navbar .btn{padding:8px 14px;}
*/
.shine img{max-width:50px;}



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

@media (max-width:1199.98px){.nav-link{margin:0 8px 0 0; font-size:16px;}  }

@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: rgb(87,181,224);
background: linear-gradient(67deg, rgba(87,181,224,1) 0%, rgba(218,113,65,1) 59%);padding-left: 15px;border-radius:3px;}
}

@media (max-width:991.98px){
	.banner img{max-width:inherit;}
	.navbar-toggler{padding:0; border:0;}
	.navbar-toggler i{font-size: 24px;color: #0d2c6c;padding: 8px 12px;border: 1px solid #0d2c6c;vertical-align: middle;}
	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse{position: absolute;left:0; right:0; top:132px; background-color:#d7d7d7; padding:0 10px;}
	.shrink .navbar-collapse{top:96px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
/*	.banner{height:500px;}*/
	.thumbox h4{font-size:15px;}
	.list-lg li {grid-template-columns: 25px 1fr;margin-bottom:18px;}
	.list-lg li:before {width: 20px;height: 20px;}
	.negativeright img {margin-top:0;margin-bottom:0;}
}

@media (max-width:767.98px){
	.banner img{max-width:320px;}
	.logo img, .shrink .logo img{max-width:170px;}
	.spacer {height: 100px;}
	.navbar-collapse, .shrink .navbar-collapse{top:92px;}
	.thumbox h4{font-size:15px;}
	.coolerpic img{margin-top:0;}
	.servicebox{padding:10px;}
	.servicebox img{height:50px;}
	.negativeright img {margin-top:0;margin-bottom:0; max-width:100%;}
}

@media (max-width: 575.98px) {
	body{font-size:13px; line-height:16px;}
	.spacer {height:86px;}
	.navbar-collapse, .shrink .navbar-collapse {top: 74px;}
	.navbar-toggler i{font-size:18px; padding:5px;}
	.navbar .btn i {font-size: 18px!important;}
	.navbar .btn{padding:5px; margin-bottom:3px;}
	.logo img, .shrink .logo img {max-width: 130px;}
	.banner .btn-lg{font-size:16px!important; padding:5px 18px;}
	.btn{font-size:14px;}
	.btn-lg{font-size:18px!important; }
	.homeaddress h4, .homeaddress p, .homeaddress a{font-size:18px;}
	.servicebox{padding:0;}
	.servicebox:hover, .boxinner{padding:12px;}
	.contactbox p, .contactbox a, .contactbox h5{font-size:14px;}
	.bannerbottom{position:relative;}
	.banner{height:340px;}
	.banner img {max-width: 200px; margin:0 auto; display:block;}
	h6{font-size:14px;}
	
}

@media (max-width: 376.98px) {.linkbox a{font-size:12px;} textarea.form-control{height:100px!important;} .navbar-collapse, .shrink .navbar-collapse {top: 74px;}}