html {min-height: 100%;height:100%;scroll-behavior: smooth;}
body {margin:0;font-family: "Merriweather", serif;min-height: 100%;height:100%;position: relative;background: #ffffff;}

* {box-sizing: border-box;}

.fullHeight {height: 100vh;min-height:100vh}

a {color:#BD1622;text-decoration:none;}
a.readMore {font-style:italic;}
a.readMore:after {content: "\F285";font-family: 'bootstrap-icons';font-style:normal;font-size:0.7em;font-weight:800;margin:0 8px}
.rounded-5 {border-radius:12px;}
h1 {color:#BD1622;font-weight:800;margin:10px 0 30px 0}
h2 {color:#BD1622;margin:0 0 30px 0;font-size:1.8em;line-height:1.3em;}
h3 {font-size:1.5em;font-weight:800;margin:30px 0 15px 0}
h4 {font-size:1.1em;font-weight:800;margin:5px 0 10px 0;color:#868686;font-style:italic;}
.ttl {display:block;font-weight:600;font-size:1.2em;color:#BD1622;}

footer,
header .navbar,
.btn-primary {background: #240000; background: linear-gradient(90deg,rgba(36, 0, 0, 1) 0%, rgba(238, 33, 55, 1) 100%);}
.btn-secondary {background: #BB852C;background: linear-gradient(90deg,rgba(187, 133, 44, 1) 0%, rgba(232, 174, 48, 1) 100%);}
.btn-secondary,
.btn-primary {border-radius:12px;border:0;padding:10px 80px !important;}
.btn-secondary:hover,
.btn-primary:hover {background-color:#333;background-image:none;}

header nav .container {background-color:#D9D9D9;border-radius:12px;}
header nav .bi {font-size:1.4em;margin:0 8px 0 0;color:#575756;}
header nav .nav-link {font-size:0.9em;font-weight:800}
header nav .navbar-brand img {height:40px;}
header nav .nav-item {margin:0 1.8em}
header nav .dropdown-menu {background-color:#D9D9D9;font-size:0.9em;}

header.home {position:relative;}
header.home .navbar {background-image:none;background-color:transparent;position:absolute;top:0;left:0;right:0;z-index:99}
header.home .container {}

.mainBanner {width:100%;/*height:100%;*/min-height:100vh;height: 100vh;transition:2s;/*overflow:hidden;*/}
.bgBanner {background-size:cover;width:100%;height: 100vh;min-height:100vh !important;display:block;/*padding-top:100px;*/color:#fff;overflow:hidden;background-position:center;}
.mainBanner.owl-carousel .owl-dots {position:absolute;bottom:0;right:0;left:0}/**/
.mainBanner .caption {position:absolute;bottom:10%;left:10%;right:10%;text-align:center;}
.mainBanner .caption h1,
.mainBanner .caption .ttl {color:#fff;font-size:2.5em;line-height:1.1em;text-align:center;margin:0 auto 30px auto !important;max-width:550px;}
.mainBanner .caption .ttl img {width:80%;max-width:600px;margin:0 auto 20px auto;}
.mainBanner .caption p {color:#fff;font-size:1.6em;line-height:1.1em;}
.mainBanner .caption blockquote {font-weight:800;font-style:italic;font-size:2.2em;max-width:550px;line-height:1.1em;margin:0 auto 30px auto;font-family: "Merriweather", serif;}
.mainBanner .controlBtn {}

.mainBanner .caption .btn {padding:6px 12px !important;font-family: 'bootstrap-icons';font-size:1.5em;font-weight:normal;margin:0 8px;}
.mainBanner .btn-secondary {}

.mainBanner .bgBannerVid {background-size:cover;width:100%;height: 100vh;min-height:100vh !important;display:flex;/*padding-top:100px;*/color:#fff;overflow:hidden;background-position:center;justify-content:center;}
.mainBanner .bgBannerVid #myVideoTwo,
.mainBanner .bgBannerVid #myVideo {position: fixed; min-width: 100%; min-height: 100%;}

.bannerResponsive {background-image:url(../images/site/banner-home.webp);}

.owl-carousel .owl-nav {margin-top:0;}
.owl-carousel .owl-nav {color:white}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {color:rgba(255,255,255,0.8);position:absolute;bottom:45%;z-index:9999;font-size:4em;}
.owl-carousel .owl-nav button {opacity:0.8;border:2px;width:30px;height:60px;background-color:transparent !important;font-size:4em;vertical-align:top;line-height:2em !important;}
.owl-carousel .owl-nav button.owl-next {right:10px}
.owl-carousel .owl-nav button.owl-prev {left:10px}
.owl-carousel .owl-nav button span {font-size:4em;color:rgba(255,255,255,0.5);}
.owl-carousel .owl-nav button:hover span {font-size:4em;color:rgba(255,255,255,1);}

header .containerBanner {/*padding:0 0.75rem;*/background-image:url(../images/site/banner-interior_bg.webp);background-repeat:no-repeat;background-position:top left;text-align:center;color:#fff;padding:30px;background-size:cover;}
header .containerBanner .ttl {color:#fff;font-style:italic;font-size:1.8em;font-weight:400;margin:8px 0 0 0}
header .containerBanner img {max-width:480px;width:85%;}
header .containerBanner .banner {}

.shareArea {display:block;margin:30px auto 60px auto;}
.shareArea .dropdown-menu .bi {font-size:1.2em;margin: 0 4px}

iframe.registerForm {padding:20px;border:5px solid #ccc;border-radius:20px;width:100%;min-height:600px;margin:0;padding:0}

footer {padding:20px 0;color:#fff;}
footer .bi {font-size:1.4em;margin:0 8px 0 0;}


/*structure*/

div.adaptiveArea {width:100%;display:flex;flex-wrap:wrap;gap:60px}
div.adaptiveArea article {flex:2 1 0%;}
div.adaptiveArea aside {flex:1 2 0%;}
div.adaptiveArea .row {width:100%;}

aside .btn {display:block;margin:0 0 15px 0}
aside .bullet-red {font-weight:800;color:#6F6F6E;}
aside .ttl {margin-top:30px;}

.bgImg {background-image:url(../images/site/shutterstock_2161837547_PB.jpg);background-size:160%;background-position: left -1px;color:#fff;}
.bgImg + .bgImg {background-position:center center;}
.bgImg h2 {color:#fff;}

.area-sm {max-width:750px;margin:0 auto;}
.logos-sm img {max-width:250px;}

/*lists*/

ul.bullet-red {margin:20px 0;padding:0;list-style:none;}
ul.bullet-red li{margin:0 0 10px 0;padding:0 0 0 15px;position:relative;}
ul.bullet-red li:before {content:"";height:5px;width:5px;background-color:#BD1622;border-radius:50%;display:block;position:absolute;top:8px;left:0}

ol.faqs {counter-reset: item;  margin-left: 0;  padding-left: 0;}
ol.faqs li { display: block;font-size:1.5em; margin-bottom: 60px; margin-left: 1.4em;}
ol.faqs li::before {display: inline-block; content: counter(item) "."; counter-increment: item; width: 1.4em; margin-left: -1.4em; color:#BD1622;}
ol.faqs li p {font-size:0.7em;}
ol.faqs li ul {list-style:circle;counter-reset: item}
ol.faqs li ul li {font-size:0.8em;margin:0 0 10px 0;padding:0 0 0 0;position:relative;}
ol.faqs li ul li:before {content:"";height:5px;width:5px;background-color:#BD1622;border-radius:50%;position:absolute;top:12px;left:margin:0;}

ul.listItem {margin:20px 0;padding:0;list-style:none;}
ul.listItem li {display:flex;align-items:center;}
ul.listItem li div {margin:0 0 30px 0}
ul.listItem li figure {max-height:150px;width:250px;overflow:hidden;background-color:#333;margin:0 30px 30px 0}
ul.listItem li figure img {max-width:100%;}
ul.listItem li figure img.default {background-color:#333;filter: grayscale(100%);opacity:0.2;max-width:150%}
ul.listItem li .date {color:#666}

.listDocuments a {background-color:#f6f6f6;padding:8px 12px;display:inline-block;margin:0 0 5px 0}
.listDocuments a.bi:before {margin:0 8px 0 0 }
.listDocuments a:hover {background-color:#BD1622;color:#fff;}

aside .listDocuments a {text-align:center;padding:8px 8px;}

.card ul li {padding-bottom:10px;}

.logosArea {}

@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	/*header.responseOnScroll .container {padding:0 12px;}*/
	
	header nav .nav-item {margin:0 1.2em}
	
}


@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
	header {/*border:1px solid aqua;*/}
	
	header nav .nav-item {margin:0 1em}

}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
			
	header {/*border:1px solid lime;*/}	
	
	header nav .nav-item {margin:0 0.2em}
	.logosArea img {max-width:30%;}
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	header {/*border:1px solid pink;*/}	
	
	.logosArea img {max-width:30%;}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
			
	header {/*border:1px solid red;*/}
	
	
	.logosArea img {max-width:40%;}
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
	
	header {/*border:1px solid purple;*/}
	
	header {display:flex;flex-direction:column;}
	header .containerBanner {order:1;padding:15px;}
	header .containerBanner .banner {}	
	header .containerBanner .ttl {font-size:1.1em;}
	header nav {order:2}
	
	header.home {display:block;}
	.mainBanner .caption {top:20%;}
	.mainBanner .controlBtn {top:auto;}
	.mainBanner .caption h1,
	.mainBanner .caption .ttl {font-size:1.5em;line-height:1.2em;}
	.mainBanner .caption p {font-size:1.1em;line-height:1.1em;}
	.mainBanner .caption blockquote {font-size:1.4em;line-height:1.1em;}
	.mainBanner .bgBannerVid {background-size:cover;width:100%;height: 100vh;min-height:100vh !important;display:flex;/*padding-top:100px;*/color:#fff;overflow:hidden;background-position:center;justify-content:center;}
	
	.bannerResponsive {background-image:url(../images/site/banner-home_mobile.jpg);}
	
	header nav {/*border:1px solid yellow;*/padding:0 !important}
	header nav .container {/*border:1px solid lime;width:100% !important;*/margin:10px !important}
	
	footer {/*padding:0 !important*/}
	footer .container {padding-top:15px;padding-bottom:15px;}
	
	.logosArea img {max-width:40%;}
	
	.bgImg {background-size:cover;}
	
}



