html {min-height: 100%;height:100%;scroll-behavior: smooth;font-family: "Barlow", serif;}
body {margin:0;font-family: "Barlow", serif;min-height: 100%;height:100%;position: relative;background: #ffffff;}

* {box-sizing: border-box;}

.fullHeight {height: 100vh;min-height:100vh}

h2 {color:#683b11;font-size:2.7em;font-weight:700;margin:0 0 20px 0}
h3 {color:#be1e2d;font-size:1.8em;margin:0 0 20px 0;padding:0;font-weight:700}
h2 a {color:#683b11;text-decoration:none;}
h2 a:after {content:"+";margin:0 4px}
h2 a:hover {color:#be1e2d}
.ttlNlinkBar h2 {}
.ttlNlinkBar a {color:#683b11;text-decoration:none;font-size:1em;font-weight:700}
.ttlNlinkBar a:hover {color:#be1e2d}
.bg-red h2 {color:#fff}
.bg-red a {color:#fff;text-decoration:none;}
.bg-red a:hover {color:#fbb94e;text-decoration:underline;}
p {color:#422918;font-weight:500;font-size:1.1em;}
.ttl {color:#422918;font-weight:600;font-size:1.6em;line-height:1.1em;padding:0 0 8px 0;display:block;}
.rounded-5 {border-radius:20px}
.date {font-size:0.9em;display:block;font-weight:600;color:#b17f49;}
.readMore {display:inline-block;font-weight:600;color:#7e4e24;text-decoration:none;}
.readMore:hover {color:#be1e2d;}
.w-70 {width:70%;}
.showMobile {display:none;}
.hideMobile {display:block;}
.bg-inside .col-5 img.desktopVersion {display:inline-block;}
.bg-inside .col-5 img.mobileVersion {display:none;}
a:hover {color:#be1e2d}
.txtRed {color:#d10014;}
.fs-3 {line-height:1em;}
.btn-primary {background-color:#f16522;border:1px solid #f16522}
.btn-primary:hover {background-color:#fd8304;border:1px solid #fd8304}
.btn-primary:active,
.btn-primary:focus {background-color:#be1e2d;border:1px solid #be1e2d}

.navbar {border:1px solid lime;}

.socialLnk {text-decoration:none;font-size:3em;line-height:1em;color:#fd8304;}
header .socialLnk {color:#fff;font-size:2em;}

.desktop-main-links {display:block;}
.mobile-main-links {display:none;}

.bg-white {background-color:#fff;}
.bg-yellow {background-color:#fef0bf;}
.bg-red,
footer {background: #E10B17;background: linear-gradient(90deg,rgba(225, 11, 23, 1) 0%, rgba(64, 0, 11, 1) 100%);color:#fff;}
.bg-map-light {background-image:url(../images/site/bg_map01.svg);background-color:#f4e9d3;color:#683b11;}
.bg-map-light a {color:#d10014;text-decoration:none;}
.bg-map-light a:hover {color:#683b11;text-decoration:underline;}
.bg-simple-light {background-color:#f4e9d3;}
.bg-card-reo {background-color:#e84e1b;background-size:cover;background-position:top right;}
.bg-inside {background-image:url(../images/site/header_bg.svg);background-size:cover;background-repeat:no-repeat;background-position:center top;}
.bg-header {background: #F48120;
background: linear-gradient(90deg,rgba(244, 129, 32, 1) 0%, rgba(251, 205, 101, 1) 50%, rgba(246, 246, 213, 1) 100%);}

.cardLink {font-family: "Barlow Condensed", sans-serif;font-size:2em;color:#930516;text-decoration:none;font-weight:600}
.cardLink span {padding-right:100px;line-height:1.1em;max-width:250px;}
.txt-clr span {color:#fecc68;}
.cardLink:hover.txt-clr span {color:#fff;}
.cardLink:hover {color:#fff;}
.specBorderRed {border:1px solid #a31a16}
.specBorderRed .card-title {color:#a31a16}
.specBorderOrange {border:1px solid #de963a}
.specBorderOrange .card-title {color:#d54a15}
.card-title {font-weight:700;font-size:1.7em;}

ul.news {margin:0;padding:0;list-style:none;}
ul.news li	{border-bottom:1px solid #f29100;margin: 0 0 20px 0;padding:20px;}
ul.news li a {display:block;}
ul.news li p {font-weight:400;font-size:1em;}

.newsMain {border-bottom:1px solid #f29100;padding-bottom:20px;}
.newsMain .ttl	{color:#be1e2d;}

/*accordion*/
.accordion {counter-reset: section;}
.accordion-button::after {content:"+";color:#7e4e24;background-image:none;line-height:0.4em;font-size:1.6em;text-align:center;}
.accordion-button:not(.collapsed)::after {content:"-";background-image:none;transform:none;}
.accordion-button {color:#f16522;font-size:0.8em;font-weight:600}
.accordion-button:before {counter-increment: section;content:" " counter(section) " ";margin:0 10px 0 0;}
.accordion-item {border-color:#7e4e24;}
.accordion-button {background-color:#f4e9d3;color:#f16522;box-shadow:none;}
.accordion-button:not(.collapsed) {background-color:#fff;color:#f16522;box-shadow:none;}
.accordion-button:active,
.accordion-button:focus {box-shadow:none;}
.accordion  .accordion-header {font-size:1.6em;}
.accordionWhite .accordion-button{background-color:#fff !important;}

/*mainBanner*/
.mainBanner {overflow:hidden;transition:2s;}
.mainBanner.owl-carousel {visibility:hidden;opacity:0;min-height:100vh;height: 100vh;}
.mainBanner.owl-carousel.owl-loaded {visibility:visible;opacity:1;min-height:auto;height: auto;}
.mainBanner.owl-theme .owl-dots .owl-dot span {width:15px;height:15px;background-color:transparent;border:2px solid #fff}
.mainBanner.owl-theme .owl-dots .owl-dot.active span, 
.mainBanner.owl-theme .owl-dots .owl-dot:hover span {background-color:#fff;border:2px solid #fff}
.mainBanner.owl-theme .owl-dots {position:absolute;bottom:0;left:0;right:0;padding:15px;}
.mainBanner .bgBannerVid {background-color:#f9ac5e;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 #myVideo {
  /*position: fixed;*/
  min-width: 100%; 
/*min-height: 100%;*/}

.mainBanner .vidBehavior #vid {width:100%;}

.inforBanner img {width:70%;}
.inforBanner a:hover img {filter: saturate(250%);}

footer p {color:#fff}
footer .socialLnk {font-size:1.8em;color:#fff;}
footer .socialLnk:hover {color:#de963a;}
footer a:hover img {opacity:0.7;}

.navbar-sidenav {list-style:none;text-align:center;margin:0 40px;padding:0;}
.navbar-sidenav .nav-item {padding:12px 0;margin:0 0 0 0;border-bottom:1px dotted #F48120;color:#F6F6D5;}
.navbar-sidenav .nav-link {color:#F6F6D5;font-size:2.2em;line-height:1.1em;}
.navbar-sidenav .nav-link:hover {color:#FBCD65;text-decoration:none;}
.navbar-sidenav li ul {list-style:none;text-align:center;margin:10px 0 0 0;padding:0;font-family: "Poppins", sans-serif;}
.navbar-sidenav li ul a {color:#F6F6D5;font-size:1.4em;}
.navbar-sidenav li ul a:hover {color:#ed1c24;text-decoration:none;}
.navbar-sidenav li ul li {padding:12px 0 12px 0;}

.navbar-nav a,
.navbar-nav .nav-link {color:#fff;}
.navbar-nav a:hover,
.navbar-nav .nav-link:hover {color:#666;}
.navbar-nav .nav-item {margin-left:10px;margin-right:10px}

.sidenav {
  height: 100% !important; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 999; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background: #E10B17;background: linear-gradient(90deg,rgba(225, 11, 23, 0.95) 0%, rgba(64, 0, 11, 0.9) 100%);color:#fff; /* red*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 46px;
  margin-left: 50px;
  background-color: #E10B17;
  height:60px;width:60px;
  text-align:center;
  font-weight:700;
  text-decoration:none;
  color:#fff;  
}
.sidenav .closebtn:hover {text-decoration:none;}

.openMenu {color:#fff;font-size:2.6em;display:inline-block;padding:8px 16px;cursor:pointer;}

.brand {width:70%;max-width:350px;}

.share button.btn-light {color:#d10014;background-color:#f4e9d3;border:1px solid #f4e9d3}
.share button.btn-light i {color:#b17f49;margin-right:6px;}
.share button.btn-light:hover {background-color:#fff} 
.share .dropdown-menu.bg-light {background-color:#d8c5a9;}
.share .dropdown-menu a {color:#d10014;margin:0 4px}

.media {background-color:#fdb913;text-align:center;background-image:url(../images/site/screen-bg.svg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:250px;}
.media video {max-width:100%;margin-top:5px}
.media audio {margin-top:90px;} 

.mediaLng {min-height:auto;padding:20px 20px 18px 20px;border-radius:40px;}
.mediaLng audio {margin:0 auto;width:100%;border-radius:40px;border:3px solid #fa790f;background-color:#fbdd7f;overflow:hidden;}

/*show/ hide*/
#showMore {display: none;}



/* Portrait iframe inside Fancybox (Shorts) */
.fancybox__container .fancybox__content iframe {
  width: 100% !important;
  height: 100% !important;
}

/* On mobile, let the container go full-height */
@media (max-width: 576px) {
  .fancybox__container.is-compact .fancybox__content {
    width: 100vw !important;
    max-width: 100vw !important;
    height: calc(100vw * 16 / 9) !important; /* 9:16 portrait */
    max-height: 100dvh !important;
  }
}


@media only screen and (min-width: 100px) and (max-width: 1630px) {
	
	/*header.responseOnScroll .container {padding:0 12px;}*/
	
}


@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;*/}	
	
	.cardLink {font-size:1.7em;}
	
}

@media only screen and (min-width: 769px) and (max-width: 992px) {	
		
	header {/*border:1px solid pink;*/}	
	
	header .bg-red .w-70 {width:100%;}
	header .bg-red .socialLnk {font-size:1.1em;}
	
	.inforBanner .w-70  {width:100%;}
	.inforBanner .socialLnk {font-size:2em;}
	
	.cardLink span {padding-right:100px;line-height:1.1em;max-width:none;}
	.bg-card-reo {background-size:cover;background-position:center right;}
	
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
			
	header {/*border:1px solid red;*/}
	
	.showMobile {display:block;}
	.hideMobile {display:none;}
	
	.desktop-main-links {display:none;}
	.mobile-main-links {display:block;}
		
	.bg-inside .w-70 {width:100%}
	
	.inforBanner .w-70  {width:100%;}
	.inforBanner .socialLnk {font-size:2em;}
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {	
		
	header {/*border:1px solid purple;*/}
	h2 {font-size:2.2em;}
	h3 {font-size:1.5em;}
	
	.showMobile {display:block;}
	.hideMobile {display:none;}
	
	.desktop-main-links {display:none;}
	.mobile-main-links {display:block;}
	
	.mobile-main-links {display:flex;}
	.mobile-main-links span {padding-right:0;line-height:1.1em;max-width:none;}
	
	.cardLink {font-size:1.4em;color:#930516;text-decoration:none;}
	.navbar-sidenav {text-align:left;margin:0 20px;}
	.navbar-sidenav .nav-link {font-size:1.4em;}
	
	.brand {width:100%;}
	
	.openMenu {font-size:2em;padding:6px 12px}
	
	header .socialLnk {font-size:1.3em;padding-bottom:8px !important;display:inline-block;}
	header .showMobile.w-70 {margin:8px auto;width:75%;}
	
	.bg-inside .col-5 {text-align:right;}
	.bg-inside .col-5 img {margin:0;}
	
	.bg-inside .col-5 img.desktopVersion {display:none;}
	.bg-inside .col-5 img.mobileVersion {display:inline-block;}
	
	.inforBanner img {width:100%;}
	.inforBanner .socialLnk {font-size:2.2em;margin-top:8px;display:inline-block;}
}