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


body{font-family: 'Open Sans', sans-serif; margin:0; padding:0; font-size:16px; color:#000; line-height:26px;}
body, html{overflow-x:hidden; scroll-behavior: smooth;}
.breakPoint{position: relative;top:30px;}
.page-home .logo{display:none;}


a{text-decoration:none; color:#375fab;}
a:hover{color:#1ab5f1;}
a, .header, .logo img, .slick-slide, .btn, .access a, .header.shrink{-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:4vw;}
h2{font-size:48px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:18px;}
.bg-sky{background:#cdf3ea;}
.bg-secondary{background-color:#333!important;}
.bg-success{background:#01b387!important;}





.header{width:100%; position:fixed; z-index:999; padding:0;}
.header.shrink{background:#01b387;}
.logo img{max-width:260px;}
.shrink .logo img{max-width:120px;}






.btn{display: inline-flex; padding:14px 25px; font-size:14px; border-radius:0; overflow:hidden; position:relative; font-weight:700; text-transform:uppercase;}
.btn:hover{background-color:#000;}
.btn-sm{padding:10px 15px;}
.btn-lg{padding:14px 30px; font-size:16px;}
.btn:focus{box-shadow:none;}
.btn span{z-index:9;}

.btn-success{background-color:#01b387; border-color:#01b387;}

.btn-1:hover{color:#fff!important; background-color:transparent; border-color:#000;}
.btn-1:before{position:absolute; left:0px; top:0px; height:0px; width:100%; content:'';background: #000; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.btn-1:hover:before{bottom: 0%;top: auto;height: 100%;}

.btn-2:hover{color:#fff!important; background-color:transparent; border-color:#030049;}
.btn-2:before{position:absolute; left:0px; top:0px; height:0px; width:100%; content:'';background: #030049; transition: all 0.5s cubic-bezier(0.3, 0, 0.73, 1) 0s;}
.btn-2:hover:before{bottom: 0%;top: auto;height: 100%;}






.access ul{margin:0; padding:0; list-style:none;}
.access li{display:inline-block;}
.access li a{font-size:16px; color:#fff; display:block; height:38px; line-height:38px; font-weight:600; margin: 0 0 0 25px; text-transform: uppercase;}
.access li a:hover, .access li a.active{color:#030049;}
.search-form input{width:230px; height:40px;}
.search-form, .search-button{position: absolute; right:0; background:none; display:flex; justify-content:end; align-items:center; font-size:20px;}


.banner{position:relative; background:url(images/banner.jpg); width:100%; background-size: cover; min-height:700px;}
.probox{position:absolute; bottom:20%; left:0; right:0; margin:0 auto;}
.bgbanner{position: relative; background-image: url(images/bg-banner.jpg); width: 100%; background-size: contain; background-repeat: no-repeat;
background-color: #d4e7e3; padding: 5vw 0;}






.sliderbox .slick-slide img{height:60px; margin:0 auto;}
.sliderbox .slick-arrow{position: absolute; color: #fff; top:50%; transform:translate(0, -50%); font-size:20px;border:0;background:#b4b4b4; cursor: pointer; padding:5px; border-radius:3px; z-index:9;}
.sliderbox .las.la-angle-left{left:0;}
.sliderbox .las.la-angle-right{right:0;}

.midbanner{position:relative; background:url(images/midbanner.jpg); width:100%; background-size: cover; height:615px;}
.teambox{margin:0 40px; position:absolute; left:0; right:0; bottom:-50px;}
.teambox h5{font-weight:600; margin-bottom:0;}
.locationbox{margin-top:100px; position: relative;}
.locationbox:before{content:''; position:absolute; top:0; height:650px; width:100%; background:#141414;}
.locationbox img{filter: grayscale(100%); opacity:.6;}
.locationbox h5{position: absolute; bottom:20px; left:40px; color:#fff;}
.locationbox i{position:absolute; right: 20px; top: 30px; color: #fff; z-index: 9; font-size: 30px; border-radius: 50px; background: #01b387; padding: 10px;}







.list{margin: 0;padding: 0;list-style: none;font-size: 18px;}
.list li{margin-bottom: 10px;display: flex;column-gap: 20px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';color: #01b387;font-size: 20px;font-weight: 700;}


.innerbanner{width:100%; background:url(images/midbanner.jpg); height:134px; position:relative;}
.innerbanner:before{position:absolute; content:''; width:100%; height:100%; top:0; background:#01b387; opacity:.8;}
.company img{height:60px; border:1px solid #ccc; padding:10px 50px; margin:6px;}
.productbox img{padding:5px; border-radius:3px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);}










.rounded-3{border-radius:50px!important;}


.footer{font-weight:400;}
.footer a{display:block; color:#000; line-height:40px;}
.footer a:hover{color:#01b387;}
.social a{font-size:30px; color:#01b387; display: inline-block!important; margin-right:10px;}
.flist{margin:0; padding:0; list-style:none;}




.form-control{background:0!important; font-size:13px; padding:0; text-transform:uppercase; height:50px; margin-bottom:5px; border-radius:0;}
.form-control:focus{border-color: #2d9874; box-shadow: none; background-color:#eaf5f1; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control{height:120px; padding-top:10px; resize:none;}
.form-floating>label{font-size:14px; padding-left:0;}
#newsletterform .form-control{background:#fff!important; padding:0 10px; height:49px;}
.form-control::place-holder{text-transform:none;}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */text-transform:none;}
.form-control::-ms-input-placeholder { /* Microsoft Edge */text-transform:none;}
.form-select{border-radius:0!important; font-size:14px;}
.form-floating>.form-select{padding:0;}
.form-select:focus{box-shadow:none!important;}
#newsletterform .btn{height:49px;}
.newsletterform i{font-size:60px; color:#fff; margin-right:10px;}
.newsletterform h3{font-weight:600;}







.contact-bg{background:url("images/evo6.jpg"); background-size: cover; position:relative;}
.contact-bg:after{position:absolute; content:''; width:100%; height:100%; background:#fff; opacity:.8; top:0;}
.formbox{position:relative; background:rgba(255, 255, 255, .8); border-radius:10px 10px 0 0;}
.formbtmbox{border-radius:0 0 10px 10px; font-size:18px;}
.container{position:relative;}








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

@media (max-width:991.98px){
	.logo img {max-width:120px;}
	.btn-lg{padding:16px 40px;}
	h2{font-size:24px;}
	.btn{padding:10px 25px;}
	#newsletterform .btn{padding:15px 25px;}
	.midbanner{height:100%;}
	.teambox{position:relative; margin:0; bottom:0;}
	.locationbox {margin-top:30px;}
	.locationbox:before{height:450px;}
	.bgbanner{padding:3vw 0;}
	.bgbanner h1{font-size:24px;}
	.innerbanner{height:70px;}
	
	
}

@media (max-width:767.98px){
	
	h1{font-size:24px;}
	h4{font-size:20px;}
	.banner {min-height:350px;}
	.snav{ border: none; padding: 10px; width: 40px; cursor: pointer; z-index: 998!important; background: none;}	
	.snav i{display:block; background:#fff; height:2px;}
	.snav i+i{margin-top:5px;}
	.snav:focus{outline: none;}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);}

	#nav {display:none; position:absolute; background:#01b387; top:0; right:0; left:0;}
	.access ul {display: flex;align-items: center;justify-content: center;flex-flow: column;height: 100vh;gap: 8vh;}
	.access ul li {margin: 0;}
	.access ul li a {font-size: 24px; color:#fff; margin: 0;}
	.access ul li a img {display: inherit;margin:0 0 0 5px;}
	.access li a:hover, .access li a.active {color: #333;}
	.banner h1, h3{font-size:20px;}
	.newsletterform i{font-size:40px;}
	.footer a{display:inline-block; line-height:30px; margin:0 10px 0 0;}
	.footer img{width:100px;}
	.teambox h5{font-size:14px;}
	.company img{height:50px; padding:10px;}
	.list{font-size:14px;}
	.bgbanner h1, .bgbanner .lead{font-size:14px;}
	.btn{padding:8px 15px;}
	.btn-lg{font-size:12px;}
	
	
	

}

@media (max-width: 575.98px) {
	.bgbanner h1, .bgbanner .lead{font-size:9px;}
	.probox{bottom:10%;}
	.probox h2{font-size:14px;}
	.probox .btn{padding:5px 10px; font-size:12px;}
	.logo img{max-width:80px;}
    .shrink .logo img{max-width:80px;}
	.banner {min-height:250px;}
	.banner h1, h3{font-size:16px!important;}
	h3{font-size:24px;}
	h5{font-size:16px;}
	h4{font-size:14px;}
	.btn-lg {font-size: 10px;}
	body{font-size:13px; line-height:20px;}
	.footer a{margin:0 4px;}
	.newsletterform h3{font-size:18px!important;}
	.innerbanner{height:50px;}
	.contactbox h5{font-size:14px;}
	.midbanner h4{font-size:20px;}

}