html {min-height: 100%;height:100%;scroll-behavior: smooth;}
body {font-family: "Barlow", sans-serif;/*min-height: 100%;height:100%;position: relative;*/background: #6b4e40;}

* {box-sizing: border-box;}

.ttl {font-size:1.3em;font-weight:600;line-height:1.1em;}
a {color:#30ad66;text-decoration:none;}
a:hover {color:#008ecf;}

header {background-color:#008ecf;background: linear-gradient(90deg,rgba(0, 142, 207, 1) 0%, rgba(48, 173, 102, 1) 100%);}
footer {background-color:#6b4e40;color:#fff;}
footer .listContacts {list-style:none;margin:20px 0;padding:0}
footer .listContacts li {padding:0 0 20px 0;margin:0}
footer a {color:#ebe7e5;}
footer a:hover {color:#fff;}

.mainBanner {}
.mainBanner .banner {width:100%;height:auto;position:relative;}
.mainBanner .banner img {width:100%;}
.mainBanner .caption {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.3);text-align:center;color:#fff}
.mainBanner .caption h1 {margin-top:15%}
.mainBanner .caption h1 strong {font-size:1.5em;}
.mainBanner .slide {min-height:80vh;background:#fff url('../images/site/bg_banner.svg') no-repeat center;background-size:cover;color:#6b4e40;font-size:1.4em;}
.mainBanner .slide img {max-width:80%;margin:20px auto;}
.mainBanner .slide .ttl {font-size:2em;}
.mainBanner .slide .row {text-align:center;}

/*hammer on slick theme*/
.slick-prev:before, .slick-next:before {height:115px !important;width:70px !important;display:block;background-repeat:no-repeat;background-position:center;}
.slick-prev:before {content:"" !important;background-image:url('../images/site/arrow_prev.svg');}
.slick-next:before {content:"" !important;background-image:url('../images/site/arrow_next.svg');}

.slick-prev, .slick-next {height:200px !important;width:100px !important;}
.slick-prev {left:40px !important;}
.slick-next {right:40px !important;}


@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	
	
}


@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	header {/*border:1px solid aqua;*/}
	
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
			
	header {/*border:1px solid lime;*/}
	header img {max-width:100%;}
	
	.slick-prev:before, .slick-next:before {height:90px !important;width:55px !important;background-size:cover;}
	.slick-prev, .slick-next {height:90px !important;width:55px !important;}
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	header {/*border:1px solid blue;*/}	
	header img {max-width:100%;}
	
	.slick-prev:before, .slick-next:before {height:90px !important;width:55px !important;background-size:cover;}
	.slick-prev, .slick-next {height:90px !important;width:55px !important;}
		
	.mainBanner .slide {font-size:1.1em;}
	.mainBanner .slide .ttl {font-size:1.5em;}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
			
	header {/*border:1px solid red;*/}
	.slick-prev:before, .slick-next:before {height:90px !important;width:55px !important;background-size:cover;}
	.slick-prev, .slick-next {height:90px !important;width:55px !important;}
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
	
	header {/*border:1px solid purple;*/}
	header img {max-width:100%;}
	header .text-end img {width:60%;}
	.slick-prev:before, .slick-next:before {height:50px !important;width:30px !important;background-size:cover;}
	.slick-prev, .slick-next {height:50px !important;width:30px !important;}
	.slick-prev {left:20px !important;}
	.slick-next {right:20px !important;}
	
	.mainBanner .banner {width:100%;height:auto;position:relative;overflow:hidden;}
	.mainBanner .banner img {width:180%;}
	.mainBanner .caption h1 {margin-top:25%;font-size:1.2em;}
	.mainBanner .caption h1 strong {font-size:1.5em;}
	
	.mainBanner .slide {font-size:1em;}
	.mainBanner .slide img {max-width:80%;margin:10px auto;}
	.mainBanner .slide .ttl {font-size:1.5em;}
	
}


@media only screen and (min-width: 100px) and (max-width: 280px) {
										
	
}


@media only screen and (min-width: 100px) and (max-width: 800px) {
	
}