@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
font-family: 'Poppins', trebuchet ms, arial, sans-serif;	
}


body{
margin:0px;
padding:0px;
text-align:center;
font-size:16px;
float:left;
width:100%;
overflow-x:hidden;
margin:0px;
padding:0px;
}

.top-stripe{
width:100%;
height:40px;
float:left;
background:#046175;
}

.container{
width:1200px;
margin:0px auto;
padding:0px;
position:relative;
}

.wrapper{
width:100%;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

.tlinks{
float:left;
}

.tlinks a{
float:left;
font-size:15px;
height:40px;
line-height:40px;
color:white;
font-weight:400;
margin-right:20px;
transition:all 0.2s;
}

.tlinks a:last-child{
margin-right:0px;
}

.tlinks a:hover{
transition:all 0.2s;
color:#6b8f00;
}

.contact-details{
float:right;
}

.contact-details a{
float:left;
font-size:15px;
height:40px;
line-height:40px;
color:white;
font-weight:400;
margin-left:20px;
transition:all 0.2s;
}

.contact-details a:hover{
transition:all 0.2s;
color:#6b8f00;
}

#cd1{
padding-left:30px;
background:url(../jpg/ico-phone.png) no-repeat left center;
}

#cd2{
padding-left:31px;
background:url(../jpg/ico-envelope.png) no-repeat left center;
}

.whitebg{
width:100%;
float:left;
background:white;
}

header{
width:100%;
float:left;
padding:20px 0px;
}

#logo{
float:left;
margin:0px;
padding:0px;
}

header nav{
float:right;
min-height:35px;
}

header nav a{
float:left;
height:35px;
line-height:35px;
font-size:18px;
font-weight:400;
color:black;
margin-left:20px;
transition:all 0.2s;
}

#fb{
width:35px;
height:35px;
background:url(../jpg/ico-fb.png) no-repeat center center;
}

header nav a:hover{
transition:all 0.2s;
color:#0289a6;
}

header nav a#fb:hover{
transition:all 0.2s;
filter:brightness(120%);
}

.closeit{
display:none;
}

#trigger{
display:none;
}

.banner{
width:100%;
float:left;
height:613px;
background:url(../jpg/baner.webp) no-repeat center center;
background-size:cover;
}

.darkit{
width:50%;
float:left;
height:100%;
background:url(../jpg/black-trans.png) repeat;
}

.contain{
float:right;
width:600px;
height:100%;
}

.arrows{
float:left;
width:100%;
}

.arrows div{
padding-left:60px;
background:url(../jpg/darts.webp) no-repeat left 25px top 5px;
font-size:24px;
line-height:30px;
font-weight:700;
color:white;
text-align:left;
margin-bottom:8px;
}

.arrba{
margin-top:130px;
}

.slogans{
width:100%;
float:left;
margin-top:90px;
}

.slogans h2{
font-size:16px;
line-height:20px;
color:white;
font-weight:300;
text-align:center;
width:calc(50% - 70px);
height:47px;
margin:0px 20px 25px 20px;
padding:6px 0px 0px 0px;
background:url(../jpg/baner-button-bg.png) repeat-x left top;
border-radius:10px;
float:left;
}

.smudges{
width:100%;
float:left;
text-align:center;
background:url(../jpg/ub-banner.webp) no-repeat center top;
background-size:cover;
padding:60px 0px;
}

h1{
font-size:48px;
width:100%;
line-height:55px;
text-align:center;
float:left;
}

.smudges h1{
font-weight:400;
color:#0289a6;
}

p,ul,ol{
font-size:18px;
line-height:33px;
text-align:left;
font-weight:400;
color:black;
float:left;
margin-top:40px;
}

p{
width:100%;
}

ul,ol{
width:calc(100% - 40px);
margin-left:20px;
padding-left:20px;
}

ul{
list-style:disc;
}

ol{
list-style:decimal;
}

p a,
ul a,
ol a{
color:#0289a6;
}

p a:hover,
ul a:hover,
ol a:hover{
text-decoration:underline;
}

.content{
width:100%;
float:left;
text-align:center;
padding:60px 0px;
}

.title{
width:100%;
float:left;
text-align:center;
font-size:48px;
line-height:55px;
color:#0289a6;
font-weight:200;
}

.content .title::after{
content:url('../jpg/ico-header1.png');
}

.content-box-left,
.content-box-right{
width:100%;
float:left;
margin-top:80px;
position:relative;
}

.content-box-left .first,
.content-box-right .second{
width:47.5%;
float:left;
}

.content-box-left .second,
.content-box-right .first{
width:47.5%;
float:right;
}

.first > img{
width:100%;
float:left;
}

.under-image{
width:100%;
float:left;
min-height:120px;
background:#ececec;
border-radius:0px 0px 15px 15px;
}

.under-image .image{
width:110px;
float:left;
}

.under-image .image img{
float:right;
margin:27px 0px 0px 0px;
}

h3{
float:left;
width:calc(100% - 160px);
padding-left:50px;
font-size:34px;
line-height:36px;
color:#0289a6;
text-align:left;
font-weight:400;
margin-top:25px;
}

.second p{
padding-bottom:80px;
}

.content-box-right .second p{
text-align:right;
}

.whyus{
width:100%;
text-align:center;
margin:0px;
padding:60px 0px;
float:left;
background:url(../jpg/why-background.webp) no-repeat center top black;
background-size:cover;
}

.whyus h2{
font-size:48px;
line-height:55px;
color:white;
font-weight:200;
text-align:center;
width:100%;
float:left;
}

.column{
width:30%;
float:left;
margin-right:5%;
margin-top:50px;
}

.column:last-child{
margin-right:0;
}

.column-box{
width:calc(100% - 35px);
padding-left:35px;
float:left;
background:url(../jpg/darts.png) no-repeat left top 4px;
margin-bottom:40px;
}

.nomarbott{
margin-bottom:0px;
}

.column-box-title{
color:white;
font-size:24px;
line-height:28px;
font-weight:700;
text-align:left;
width:100%;
float:left;
}

.column-box-desc{
width:100%;
float:left;
text-align:left;
font-size:18px;
font-weight:300;
line-height:30px;
color:white;
margin-top:15px;
}

.title2,
.title-clean{
width:100%;
float:left;
text-align:center;
font-size:48px;
line-height:55px;
color:#0289a6;
font-weight:200;
}

.content .title2::after{
content:url('../jpg/ico-header2.png');
}

.tags{
width:100%;
float:left;
padding:60px 0px;
text-align:center;
background:url(../jpg/lap-bg.webp) no-repeat center top;
background-size:cover;
}

.tags-column{
width:42.5%;
float:left;
margin:0px 0px 0px 5%;
}

.tags-column h4{
float:left;
width:calc(100% - 35px);
padding-left:35px;
background:url(../jpg/darts-black.webp) no-repeat left top 4px;
font-size:24px;
line-height:28px;
text-align:left;
color:black;
margin:6px 0px;
}

.blue-inscription{
width:100%;
float:left;
padding:60px 0px;
text-align:center;
background-size:cover;
}

.blue-inscription p{
margin:0px;
padding:0px;
text-align:center;
color:#0289a6;
}

.bottom-section{
width:100%;
float:left;
text-align:center;
padding:60px 0px;
background:#ececec;
}

.bottom-section .wrapper{
display:flex;
align-items:flex-start;
gap:34px;
}

.bottom-column3{
float:none;
width:auto;
padding:0px;
flex:1 1 28%;
min-width:0;
}

.bottom-column2{
float:none;
width:auto;
padding:0px 30px;
border-width:0px 1px;
border-style:solid;
border-color:#d9d9d9;
flex:0 0 245px;
box-sizing:border-box;
}

.bottom-column1{
float:none;
width:auto;
max-width:none;
padding:0px;
flex:0 0 150px;
}

.bottom-column4{
float:none;
width:auto;
padding:0px;
flex:0 0 245px;
}

.bottom-header-container{
width:100%;
float:left;
}

.bhct{
width:100%;
float:left;
text-align:left;
font-size:20px;
font-weight:700;
color:black;
}

.bhct-line{
width:44px;
height:2px;
float:left;
background:#0289a6;
margin:15px 0px 0px 0px;
}

.bottom-column1 nav,
.bottom-column4 nav{
float:left;
width:100%;
margin:20px 0px 0px 0px;
text-align:left;
}

.bottom-column1 nav a,
.bottom-column4 nav a{
font-size:15px;
font-weight:300;
color:black;
display:block;
margin-bottom:8px;
transition:all 0.2s;
}

.bottom-column1 nav a:hover,
.bottom-column4 nav a:hover{
transition:all 0.2s;
color:#0289a6;
}

.bottom-column4 nav a::before{
content:'›  ';
}

.contact-box{
float:left;
padding-left:36px;
background-repeat:no-repeat;
background-position:left center;
margin-top:20px;
clear:left;
}

.cb1{
background-image:url(../jpg/ico-marker.png);
}

.cb2{
background-image:url(../jpg/ico-phone-blue.png);
}

.cb3{
background-image:url(../jpg/ico-envelope-blue.png);
}

.contact-box a{
float:left;
font-size:15px;
line-height:24px;
color:black;
transition:all 0.2s;
font-weight:300;
overflow-wrap:anywhere;
}

.contact-box a:hover{
transition:all 0.2s;
color:#0289a6;
}

.bottom-column3 p{
margin-top:20px;
font-size:15px;
line-height:24px;
text-align:left;
font-weight:300;
}

footer{
width:100%;
float:left;
height:77px;
line-height:77px;
text-align:center;
font-size:15px;
color:black;
}

.banner-sp{
width:100%;
float:left;
height:270px;
background:url(../jpg/baner.webp) no-repeat center center;
background-size:cover;
}

.banner-sp h2{
font-size:55px;
line-height:62px;
text-align:left;
color:white;
font-weight:800;
text-shadow:2px 2px 2px black;
margin-top:100px;
}

.bsph2nm{
margin-top:100px;
}

.gallery{
width:100%;
float:left;
margin-top:45px;
}

.gallery img{
width:21.25%;
float:left;
margin:3% 0 0 3%;
transition:all 0.2s;
}

.gallery img:hover{
transition:all 0.2s;
transform:scale(0.9);
filter:brightness(120%);
}

.download{
width:calc(80% - 68px);
float:left;
padding-left:68px;
text-align:left;
background:url(../jpg/icon-download.png) no-repeat left top;
min-height:70px;
font-size:18px;
line-height:33px;
text-align:left;
font-weight:400;
color:black;
margin-top:50px;
transition:all 0.2s;
}

.download:hover{
transition:all 0.2s;
filter:brightness(140%);
background-size:48px auto;
color:#0289a6;
}

.mtopzero{
margin-top:0px;
}

.two-photos{
width:100%;
float:left;
padding-top:40px;
}

.two-photos img{
width:48%;
}

.two-photos img:first-child{
float:left;
}

.two-photos img:last-child{
float:right;
}

.more{
height:50px;
line-height:50px;
padding:0px 45px;
background:#046175;
color:white;
font-size:16px;
border-radius:12px;
float:left;
transition:all 0.2s;
}

.more:hover{
transition:all 0.2s;
background:#0d5666;
}

.ftr{
float:right;
}

.centerit{
text-align:center;
}

.info-box{
width:100%;
float:left;
margin-top:40px;
box-sizing:border-box;
padding:20px;
border:2px solid red;
text-align:center;
font-size:18px;
line-height:33px;
color:black;
background:white;
}

.info-box a{
color:#0289a6;
}

.info-box a:hover{
text-decoration:underline;
}

@media screen and (max-width: 1200px){

.container{
width:90%;
margin:0px 0px 0px 5%;
}

.contain{
width:100%;
}

}

@media screen and (max-width: 1100px){

.bottom-section .wrapper{
gap:24px;
}

.bottom-column2{
flex-basis:225px;
padding:0px 22px;
}

.bottom-column4{
flex-basis:220px;
}

}


@media screen and (max-width: 1000px){

h3{
font-size:23px;
line-height:26px;
}

.second p{
margin-top:0px;
}

.bsph2nm{
margin-top:43px!important;
}

}

@media screen and (max-width: 950px){

.bottom-section .wrapper{
flex-wrap:wrap;
gap:36px;
}

.bottom-column3{
flex:1 1 100%;
}


	
.slogans{
margin-top:20px;
}

.slogans h2{;
width:calc(100% - 70px);
}

.column{
width:42.5%;
margin-right:0;
margin-left:5%;
}

}

@media screen and (max-width: 900px){

.top-stripe{
height:auto;
padding:8px 0px;
}

}

@media screen and (max-width: 800px){

.contact-details{
float:left;
}

.contact-details a{
margin-left:0px;
margin-right:20px;
height:auto;
line-height:20px;
}

.contact-details a:last-child{
margin-right:0px;
}

.arrba{
margin-top:40px;
}

}

@media screen and (max-width: 785px){
	
.content-box-left .first,
.content-box-right .second,
.content-box-left .second,
.content-box-right .first{
width:100%;
}

.second p{
margin-top:40px;
padding-bottom:0px;
text-align:left!important;
}

}

@media screen and (max-width: 700px){
	
.bottom-section .wrapper{
display:block;
}

.bottom-column1,
.bottom-column2,
.bottom-column3,
.bottom-column4{
width:100%;
padding-left:0;
padding-right:0;
max-width:none;
}

.bottom-column1,
.bottom-column2,
.bottom-column4{
margin-top:50px;
}


.tags-column{
width:90%;
}

.bottom-column2{
border:none;
}

.bottom-column2 .bottom-header-container{
margin-left:0px;
}

.gallery img{
width:42.5%;
margin:5% 0 0 5%;
}

}

@media screen and (max-width: 600px){

.darkit{
width:100%;
padding-bottom:20px;
}

.slogans h2{
width:calc(100% - 40px);
height:auto;
padding:10px 0px;
}

.banner{
height:auto;
}

.column{
width:90%;
}

.banner-sp h2{
font-size:40px;
}

}

@media screen and (max-width: 465px){

.tlinks{
display:none;
}

#cd1{
padding-left:18px;
background-size:10px auto;
}

#cd2{
padding-left:18px;
background-size:10px auto;
}

.contact-details a{
font-size:13px;
}

#logo{
max-width:80%;
width:200px;
}

#trigger{
float:right;
width:25px;
height:25px;
background:url(../jpg/rm.png) no-repeat center center;
background-size:cover;
display:initial;
cursor:pointer;
margin-top:5px;
}

header nav{
position:fixed;
width:100%;
box-sizing:border-box;
padding:25px;
background:white;
top:0px;
left:0px;
z-index:999;
display:none;

}

header nav a{
width:100%;
text-align:center;
background:#046175;
color:white;
margin:3px 0px 0px 0px;
}

#fb{
margin-left:calc(50% - 17px);
}

.closeit{
display:initial;
width:35px;
height:35px;
float:right;
background:url(../jpg/x.png) no-repeat center center;
background-size:cover;
margin-bottom:5px;
cursor:pointer;
}

.makeitvisible{
display:initial;
}

.dontshow{
display:none;
}

.stickit{
width:100%;
float:left;
position:sticky;
top:0px;
left:0px;
z-index:999;
-webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);
box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 1);
}

header{
padding:10px 0px;
}

.gallery img{
width:90%;
margin:5% 0 0 5%;
}

.two-photos{
width:100%;
float:left;
padding-top:40px;
}

.two-photos img{
width:100%;
}

.two-photos img:first-child{
float:left;
}

.two-photos img:last-child{
float:right;
margin-top:40px;
}

}