@font-face {
    font-family: 'Oswald';
    src: url('../../../fonts/oswald/Oswald-SemiBold.eot');
    src: url('../../../fonts/oswald/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/oswald/Oswald-SemiBold.woff2') format('woff2'),
        url('../../../fonts/oswald/Oswald-SemiBold.woff') format('woff'),
        url('../../../fonts/oswald/Oswald-SemiBold.ttf') format('truetype'),
        url('../../../fonts/oswald/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../../../fonts/oswald/Oswald-Regular.eot');
    src: url('../../../fonts/oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/oswald/Oswald-Regular.woff2') format('woff2'),
        url('../../../fonts/oswald/Oswald-Regular.woff') format('woff'),
        url('../../../fonts/oswald/Oswald-Regular.ttf') format('truetype'),
        url('../../../fonts/oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {scroll-behavior: smooth;}
body {
	background:url(../images/christmas-bg.jpg);
	background-color:#ebe2c5;
	color:ver(--vs-primary);
	font-size:16px;
}
h1, h2, h3 {
	font-family: Oswald;
	font-weight:500;
	}
h1 {
	margin-top:0px;
	margin-bottom:10px;
	color:var(--bs-blue);
}
h2, h3, h4 {
	color:var(--bs-red);
	}
h2 {
	margin-top:0px;
	margin-bottom:25px;
	}
h3 {
	margin-top:20px;
	margin-bottom: 15px
	}
h4 {
	font-weight:bold;
	margin:15px 0 0;
	}

a, a:active {
color:var(--bs-blue);
text-decoration:none;
border-bottom:1px dotted var(--bs-blue);
transition: all 0.5s ease 0s;

}
a:hover {color:var(--bs-red);border-bottom:1px solid var(--bs-red);}

.topStruc {
	margin:0 0 5px;
	background-color:var(--bs-green);
	color:#f5f5f5;
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
}
.logoStruc {
	overflow:hidden
}
@media (max-width:767px) {
	.logoStruc {
		text-align:center
	}
}
.logoStruc img {
	max-width:255px;
	background: -webkit-linear-gradient(#fc9803, #fc9803, #ffd200, #ffd200, #ffd200, #fc9803); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fc9803, #fc9803, #ffd200, #ffd200, #ffd200, #fc9803); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fc9803, #fc9803, #ffd200, #ffd200, #ffd200, #fc9803); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fc9803, #fc9803, #ffd200, #ffd200, #ffd200, #fc9803); /* Standard syntax */
}
.breadcrumb-wrap {
	font-family: "Roboto", sans-serif;
	font-size:14px;
	}
.breadcrumb-wrap .breadcrumb {
	background:#eeebe0;
	border-bottom:1px solid #dfdbd1;
	padding:3px 6px 2px;
	text-transform:uppercase
	}
section {padding-bottom:30px;}
.hero{display:grid;gap:1rem;align-items:center;padding:10px;}
.hero img{width:100%;height:auto;}
.cards-2, .cards-3{display:grid;gap:.75rem;}
.card, .card2{padding:1rem;border-radius:5px;line-height: 125%;}
.card h3, .card2 h3, .card h3 a, .card h3 a:link, .card2 h3 a {font-size:24px; margin-top:0}
figure {background:var(--bs-gray-light);padding:0 0 5px;display:table;margin-left:auto;margin-right: auto}
.card-box, .lftCont figure, .card {background:var(--bs-gold-light); border:1px solid var(--bs-gold)}
.card-box {padding:6px; text-align:center}
.card-box figure {padding:0; margin:0; display:block; background:none; border:none}
.card2 {background:var(--bs-green-light); border:1px solid var(--bs-green)}
.muted{color:var(--bs-gray);}
figcaption.muted {color:var(--bs-gray-dark);text-align:center; font-style:italic;padding:4px;}
.card-box figure figcaption {background:#f3e4b8; margin-bottom:6px}
.cards-2 .card-box figure img {height:270px}
.cards-3 .card-box figure img {height:200px}
@media (max-width:767px) {
	.cards-2 .card-box figure img, .cards-3 .card-box figure img {height:unset}
	}
@media (min-width:768px) and (max-width:992px) {
	.cards-2 .card-box figure img {height:180px}
	.cards-3 .card-box figure img {height:140px}
	}
.toc { border-left: 4px solid var(--bs-gray-light); padding-left: .75rem; margin-left:10px; }
.toc ul li {display:inline-block}
.toc ul {
	padding-left:0;
	}
.toc ul li a {
	color:var(--bs-white);
	text-decoration:none;
	background:var(--bs-green);
	padding:4px 20px;
	display:inline-block;
	font-size:13px;
	margin-bottom:4px;
	/*width:155px;*/
	transition: all 0.8s ease 0s;
	}
.toc ul li a:hover {
	background:var(--bs-blue);
	}
@media (max-width:600px) {
.toc ul li a {
	padding:4px 10px;
	}
}
.grid-2{display:grid;gap:1rem;}
table{width:100%;border-collapse:collapse; margin-bottom:15px} th,td{border:1px solid var(--bs-gray-light);padding:.5rem;text-align:left;} th{background:var(--bs-gray-light)}
@media(min-width:768px){.hero{grid-template-columns:1.2fr 1fr;}.cards-2{grid-template-columns:repeat(2,1fr);}.grid-2{grid-template-columns:repeat(2,1fr);}}
@media(min-width:993px){.cards-3{grid-template-columns:repeat(3,1fr);}}
@media(min-width:768px) and (max-width:992px){.cards-3{grid-template-columns:repeat(2,1fr);}}

.chip{display:inline-block;font-size:.75rem;padding:.25rem .5rem;background:var(--bs-red);color:#fff;border-radius:999px; margin-bottom:10px}
#faqs details {margin-bottom:15px;}
#faqs details summary {font-weight:600; font-size:18px;cursor:pointer}
#faqs details p {margin-left:20px;}
/*** NAVIGATION **/
#cssmenu {
  line-height: 15px;
  text-align: left;
  padding:0 5px;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;  
  margin-top:5px;
  margin-bottom:4px;
  float:right;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */
}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index:2;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('/img/caret-white.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #b80000 url('/img/caret-white.png') no-repeat;
  background-position: 90% 195%;
  color:#fff;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 22px 11px 22px;
  text-decoration: none;
  color: #fff;
  background:var(--bs-dark-green);
  border-bottom:1px solid var(--bs-green);
  margin:0 2px;
  transition: all 0.5s ease 0s;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background:var(--bs-red);
  transition: all 0.5s ease 0s;
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
	background-color:#de302b	
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('/img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #711800;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}
/** END NAVIGATION **/

.contWrap {
	background:#fff;
	margin-top:15px;
	border:6px solid var(--bs-green);
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .5); 
}
.introLft {
	padding:6px;
	background-color:#fff;
}
.introTxt {
	background: rgba(255, 255, 255, .40);
	padding:6px;
	font-size: 1.1em;
    line-height: 128%;
	/*margin-top:10px*/
}

.contMain {
	overflow:hidden;
	margin:15px 0px;
	padding:0 8px;
}
.lftCont, .rhtCont {
	border:1px solid #fff;
	min-height:1px;
	background: rgba(255, 255, 255, .30);
}
.lftCont ul li {
	margin-bottom:15px;
	}

.card-wrap {
	border-bottom: 1px ridge #dcdfd6;
	padding:14px 6px 10px;
	margin-bottom: 12px;
	}
.copy-text {
	text-align: center;
	font-size: 13px;
    text-transform: uppercase;
	text-decoration:none;
    background-color: #4c80a4;
    padding: 4px 18px;
    border-radius: 10px;
    color: #fff;
    font-weight: 400;
	transition: all 0.5s ease 0s;
}
.copy-text:hover, .copy-text:active, .copy-text:focus {
	color:#edf8ff;
	 background-color: #33668a;
	 }
.card-wrap p {
	font-size:20px;
	padding: 0 20px;
	}
@media (max-width:767px) {
.card-wrap p {
		font-size: 17px;
		padding: 0 9px;
	}
}
.msg-wrap {
	border-bottom:1px dotted #b9b9b9;
	padding: 11px 0 15px;
	margin: 0 15px;
}
.msg-wrap p{
	margin:0 2px;	
	}
.img-wrap {
	display:table;
	background: rgba(228, 222, 199, .60);
	padding:10px;
	border:1px solid #ededed;
	margin:0 auto 20px;
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
}
.img-wrap h3 {
	font-size: 21px;
    margin: 9px 0;
	text-align:center;
	}
.img-wrap .caption {
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:19px;
	font-style:italic;
	line-height: 130%;
    margin-bottom: 10px;
	border-bottom:1px solid #cfc8af;
	padding-bottom:7px;
	}
.share-wrap {
	text-align:left;
	}
.download-wrap {
	text-align:right;
	}
.img-wrap .center-block {
	text-align:center;
	}
.download-btn {
	background-color: #446e7e;
    padding: 4px 18px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
	text-decoration:none;
    font-size: 13px;
	transition: all 0.5s ease 0s;
	}
.download-btn:hover, .download-btn:active, .download-btn:focus {
	color:#fff;
	background-color:#4c80a4;
	text-decoration:none
	}

/*** SHARE BUTTONS **/
.share-buttons {
	/*text-align: center;
	display: table;*/
	padding: 6px 4px 0;
	border-radius: 20px;
	border-top:unset; 
	border-bottom:unset;
}

.share-buttons p {
	font-weight:600;
	font-size:11px;
	margin-bottom:0;
	float: left;
	margin-top: 11px;
	text-align:left;
	padding:0 6px 0 0
	}
.share-buttons img {
	padding:8px 4px;
	width:unset;
	border:none;
	max-width: 30px;
	}
		@media (max-width:767px) {
			.share-buttons img {
				padding:6px 4px;
				max-width: 26px;
				}
		}
.share-buttons a, .share-buttons a:active, .share-buttons a:hover {text-decoration:none}
.share-wrap .share-buttons {
    margin: 0 0 -11px;
	background:none;
	border:none;
}

		@media (max-width:767px) {
			.share-wrap .share-buttons {
				margin: 4px auto 5px;
				margin-top:0;
				border: none;
				}
			.share-buttons p {
				margin-top: 8px;
				}
		}
#faq details {
	cursor:pointer;
	padding-left:20px;
	}
#faq summary {font-weight:500; margin-bottom:6px;}
#faq details p {
	padding-left:12px;
	}
.rhtCont {
	padding-bottom:10px;
	line-height: 150%;
	font-size:16px
}
.rhtCont {
	margin:0px 0 10px;
	padding-bottom:10px;
	line-height: 150%;
	font-size:16px
}
.rhtCont a, .rhtCont a:link,.rhtCont a:active, .rhtCont a:visited {
    padding: 3px;
	background: rgba(235, 235, 235, .40);
	border:none;
	margin-bottom:4px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
	line-height:120%;
	}
.rhtCont a:hover {
	background: rgba(235, 235, 235, .70);
	}
.rhtCont br {display:none}
.bannWrap {
	width:92%;
	overflow:hidden;
	/*float:left;
	padding:10px;*/
	text-align:center;
	min-height:90px;
	margin:6px 15px;
}
.searchWrap {
	width: 98%;
    max-width: 250px;
    padding: 16px 10px;
    margin: 6px auto;
    line-height: 150%;
    text-align: center;
}
.searchWrap  input[type='text'] {
	width:100%;	
  }
/*@media (min-width:320px) and (max-width:800px) {
.bannWrap2 {
	width:auto;
	max-width:200px;
	padding:4px;
}
.bannWrap {
	display:none;
}
}*/

/*********** FOOTER ***/
.footStruc {
	overflow:hidden;
	margin:5px 15px;
}
.bannerFoot {
	padding:6px;
	text-align:center;
	margin:15px 0px;
}
.bannerFoot2 {
	padding:6px;
	width:auto;
	max-width:200px;
	text-align:center;
	margin:15px 0px;
}

.footNav, .backNav {
	clear:both;
	overflow:hidden;
	padding:10px;
	display:table;
	margin:0 auto
}
	.footNav ul, .backNav ul {
		padding-left:0
	}
	.footNav ul, .footNav li  {
		list-style-type:none;
		display:inline-block;
		list-style:none;
	}
	.footNav li {
		background-color:#DC6F04;
		margin:4px;
		padding:4px 10px;
		color:#FCF2BB;
		transition: all 0.5s ease 0s;
		display:inline-block
	}
	.footNav li a, .footNav li a:link {
		color:#FDF3C0;
		text-decoration:none
	}
	.footNav li:hover {
		background-color:#dc3704;
		color:#FFED00
	}
	.backNav ul, .backNav li  {
		list-style-type:none;
		display:inline-block;
		list-style:none;
	}
	.backNav li {
		background-color:#DC6F04;
		border-bottom:4px solid #993d00;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin:8px;
		text-align:center;
		font-size:1.5em;
		color:#FCF2BB;
		font-weight:bold;
		line-height: 150%;
		-webkit-box-shadow: 0 4px 6px -6px black;
		   -moz-box-shadow: 0 4px 6px -6px black;
				box-shadow: 0 4px 6px -6px black;
		transition: all 0.5s ease 0s;
	}
	.backNav li a {
		color: #FDF3C0;
		padding: 10px 20px;
		font-size: 18px;
		text-decoration: none;
		font-weight: 500;
	}
	.backNav li:hover {
		background-color:#dc3704;
		border-bottom:4px solid #922200;
		color:#FFED00;
		text-decoration:none
	}
.button {
	 display: block;
    margin: 8px auto 0;
    max-width: 140px;
    transition: all 0.5s ease 0s;
    background-image: linear-gradient(#ee5e05, #792410);
    font-size: 17px;
    color: #FFFF99 !important;
    padding: 8px 0;
	}
.button:hover {
	transition: all 0.5s ease 0s;
	text-decoration:none;
	background-image: linear-gradient(#792410, #ee5e05);
	}
.center-block {
	float:none;
	margin-left:auto;
	margin-right:auto;
	}
.light {opacity: 0.6;}
#myBtn {
  display: none;
  position: fixed;
  bottom: 55px;
  right: 55px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .40);
-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .40);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .40);
}

#myBtn:hover {
  background-color: #555;
}
.border-none {border:none}

.inpage-btn {
	clear:both;
	display:table;
	margin:0 auto
}
.inpage-btn ul {
		padding-left:0
	}
	.inpage-btn ul, .inpage-btn li  {
		list-style-type:none;
		display:inline-block;
		list-style:none;
	}
	.inpage-btn li {
		background-color:#186166;
		border:1px solid #186166;
		margin:4px;
		color:#fff;
		font-size:15px;
		text-align:center;
		transition: all 0.5s ease 0s;
		display:inline-block
	}
	.inpage-btn li a, .inpage-btn li a:link {
		color:#fff;
		padding:4px 10px;
		display:inline-block;
		text-decoration:none
	}
	.inpage-btn li a:hover {
		color:#186166;
		text-decoration:none
	}
	.inpage-btn li:hover {
		background-color:#fff;
		border:1px solid #186166;
		color:#186166
	}
.mt-3 {margin-top:30px;}
.border-0 {border:none}