﻿
	html {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box; /* Firefox, other Gecko */	box-sizing: border-box;  /* Opera/IE 8+ */}

	.prod-head {background-color: #fff; margin: 1em 0;}
	.prod-head hr {margin: 2em 0 1.8em; padding: .03em 0; background: #8FA8BF; width: 95%;}
	.prod-head-l {display: block; padding: 1em 0;}
	.Prod-Out-Frm {background-color: #000; border: solid 2px #999; padding: 5px; width: 90%;}
	.Prod-In-Frm {border: solid 1px silver; padding: 0;}
	.Prod-In-Frm img {width: 100%; margin-bottom: -2.5px;}
	.prod-head-r {display: block; padding: .3em 0 1.5em;}
	.spec-prc {display: block;}
	.prod-head-r h1 {font-size: 1.1em; font-weight: bold; color: #444; letter-spacing: 2px; padding: 0; text-shadow: 1px 1px 2px #BFBFBF; font-family: "Lato", sans-serif;}
	.prod-head-r h2 {font-size: 1em; color: darkgreen; letter-spacing: 1px; margin: 0 0 .5em;}
	.prod-head-r h3 {font-size: .9em; line-height: 1.4; letter-spacing: 0px; color: #07406F; margin: 0 .5rem 1em;}
	.prod-head-r h4 {font-size: .8em; color: #555; letter-spacing: 0px; line-height: 1.4; margin: .3em .3rem 1.8em;}
	.prod-head-r h5 {font-size: .9em; color: #7F0000; letter-spacing: 1px; margin: 0 0 1em;}
	.prod-head-r h6 {font-size: .75em; color: #7F0000; letter-spacing: 1px; margin: 3em 1rem 1em;}
	.prod-head-b {display: none;}

	.prod-cont {margin: 0 0 1em;}
	.prod-cont hr, .feedback hr, .prod-terms hr {margin: 1em 0 1.5em; padding: .03em 0; width: 95%; background: #8FA8BF;}
	.prod-cont-h {display: none;}
	.prod-cont-v {background-color: #fff; display: block; margin: 0 0 1em;}
  .prod-cont-b {background-color: #fff; display: block; margin: 0 0 1em;}
	.prod-desc-l {display: block; padding: 0 0 .5em;}
	.prod-desc-r {display: block; padding: 0 0 .5em;}
	.prod-cont a {text-decoration: none; color: #00488F;}
	.prod-cont a:hover {text-decoration: underline; color: #90c317;}
	.prod-cont h2, .feedback h2, .prod-terms h2 {font-size: 1em; font-weight: bold; line-height: 1.4; letter-spacing: 1px; padding: 1em 2rem 0; margin: 0; text-transform: uppercase; color: #07406F; font-family: "Lato", sans-serif; text-shadow: 1px 1px 2px #8f8f8f;}
	.prod-cont h3 {font-size: .95em; font-weight: bold; letter-spacing: 1px; text-align: center; color: #07406F; padding: 0 .5rem;}
	.prod-cont li {font-size: .95em; font-weight: bold; letter-spacing: 1px; text-align: left; color: #07406F; padding: 0 .5rem;}
	.prod-cont h4 {font-size: .95em; font-weight: bold; letter-spacing: 1px; text-align: center; color: #07406F; padding: 0 .5rem;}
	.prod-cont p {font-size: 1em; font-weight: 500; letter-spacing: 0px; text-align: left; color: #07406F; margin: 0 .5rem 1em;}

	.feedback { background-color: #fff; margin: 0 0 1em; padding: 0 .5rem;}
	.feedback hr {width: 80%;}
	.feedback h5 {font-size: 1em; font-weight: bold; letter-spacing: 1px; text-align: center; color: #07406F; padding: 0 .5rem; margin: 0;}
	.feedback ul {padding: 0 1rem 1em;}
	.feedback li {font-size: 1em; font-weight: 500; text-align: left; letter-spacing: 1px; color: #07406F; margin: 0 .5rem 1em;}

	.prod-terms {background-color: #fff; margin: 0 0 1em;}
	.prod-terms hr {width: 80%;}
	.prod-terms h3 {font-size: .95em; font-weight: bold; letter-spacing: 1px; text-align: justify; color: #07406F; padding: 0 5px; margin: 0;}
	.prod-terms ul {padding: 0 .5rem 1.5em 1.5rem;}
	.prod-terms li {font-size: 1em; font-weight: 500; text-align: left; letter-spacing: 1px; color: #07406F; margin: 0 0 1em;}

	.prod-tnc {background-color: #fff; padding: 0 0 1em;}
	.prod-tnc hr {margin: 30px 0; padding: 1px 0; background: #8FA8BF; width: 95%;}
	.prod-tnc h2 {font-size: .95em; font-weight: bold; color: #07406F; letter-spacing: 0px; margin: 1em 1rem .5em;}
	.prod-tnc h3 {font-size: .9em; font-weight: bold; letter-spacing: 0; text-align: center; color: #07406F; margin: 1.5em .5rem;}
	.prod-tnc h4 {font-size: .8em; font-weight: bold; letter-spacing: 0; text-transform: uppercase; text-align: left; color: #07406F; margin: 1.5em .5rem .5em;}
	.prod-tnc h5 {font-size: .9em; font-weight: bold; letter-spacing: 0px; text-align: justify; color: #07406F; padding: 0 1rem; margin: 0 0 1em;}
	.prod-tnc h6 {font-size: .8em; font-weight: bold; letter-spacing: 0; text-align: center; color: #7f0000; margin: 0 0 2em;}
	.prod-tnc p {font-size: .9em; font-weight: bold; letter-spacing: 0; text-align: center; color: #07406F; margin: 1.5em 1rem;}
	.prod-tnc ul {padding: 0 1rem 0 1.5rem;}
	.prod-tnc li {font-size: .9em; font-weight: 500; text-align: justify; letter-spacing: 0px; color: #07406F; margin: 0 0 1em;}
	.prod-tnc a {font-size: 1em; font-weight: bold; text-decoration: none; color: #00488F;}
	.prod-tnc a:hover {text-decoration: none; color: #90c317;}

	.lang-dd {border-radius: 0; width: 50%; height: 35px; font-weight: bold; letter-spacing: 1px;}
	.loginLang {background-color: #0a2d4e;	border-bottom: solid 1px;	padding: .5em 0;}
	.loginLang li {display: inline-block;	list-style: none; font-size: .5em; margin: 1em .5rem;}
	.loginLang a {font-size: .6em; letter-spacing: 1px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 2px #999;}
	.loginLang a:hover {color: #AFE3FF;}

	.prodButton {margin: 20px 0;}
	.prodButton a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */background: rgb(136,136,136); /* Old browsers */background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	padding: 4px 10px 5px; box-shadow: 3px 3px 8px #8f8f8f; color: #fff; font-size: 80%; font-weight: bold; letter-spacing: 0px; text-shadow: 1px 1px 1px #000;}
	.prodButton a:hover {color: #AFE3FF;}

	.video_case,.video_case-1,.video_case-2 {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; border: ridge 3px #888888;}
	.video_case iframe, .video_case-1 iframe, .video_case-2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.video {width: 100%; height: 100%;}
	.video_wrapper {width: 100%; margin: 5px 0 0; line-height: 180%;}
	.video_wrapper a {font-size: 11px; color: #fff; padding: 0 5px; white-space: nowrap;}

	.pop-out-2 {transition: transform .5s;}
	.pop-out-2:hover {-ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); margin-bottom: -20px;}

	.msg-banner {background-color: #def5fc; color: #5F5F5F; margin-bottom: 10px; padding: 5px 5px 10px;}
	.msg-banner h4 {font-size: 90%; letter-spacing: 0px; line-height: 150%; margin: 10px 15px 5px; color: #000;}

	@media only screen and (min-width: 400px) {
	.prod-tnc h2 {font-size: .95em;}
	.loginLang li {margin: 1em .5rem;}
	}

	@media only screen and (min-width: 768px) {
	.prod-head-l {width: 80%;}
	.loginLang li {margin: 1em 1rem}
	}

	@media only screen and (min-width: 800px) {
	.prod-head-l {width: 60%; padding: 2em 0 1em;}

	.msg-banner {padding: 15px 0 5px;}
	.msg-banner h4 {font-size: 130%; letter-spacing: 2px; padding: 0 20px; color: #000;}
	}

	@media only screen and (min-width: 1000px) {
	.prod-head hr {margin: 1.5em 0 1.3em;}
	.prod-head-l {display: inline-block; vertical-align: top; width: 45%; padding: 1em 0;}
	.prod-head-r {display: inline-block; vertical-align: top; width: 50%; padding: 1em 0;}
	.prod-head-r h1 {font-size: 1.1em; letter-spacing: 3px; padding: 0; margin: 0 0 .5em;}
	.prod-head-r h3 {font-size: .95em; letter-spacing: 1px; margin: 0 .5em .5em;}
	.prod-head-r h4 {font-size: .85em; letter-spacing: 1px; margin: 0 0 1.8em;}
	.spec-prc {display: none;}
	.prod-head-b {display: block; width: 80%; padding: 1em 0 2em;}
	.prod-head-b h6 {font-size: .8em; letter-spacing: 2px; line-height: 1.6; margin: 0; color: #7F0000;}

	.prod-cont hr {width: 60%;}
	.prod-cont-v {padding: 0 0 2em;}
  .prod-cont-b {padding: 0 0 2em;}
	
	.msg-banner {margin-bottom: 15px; padding: 10px 0;}
	.msg-banner h4 {font-size: 100%;	letter-spacing: 2px; margin: 10px 15px 5px;	color: #000;}
	}

	@media only screen and (min-width: 1200px) {
	.prod-head-l {width: 40%; margin: 0; padding: 1.5em 0 0;}
	.prod-head hr {width: 75%;}
	.prod-head-r h3 {font-size: 1em; margin: 1em 0;}
	.prod-head-r h4 {margin: 0 4rem 1.8em;}
	.prod-head-b h6 {font-size: .85em; color: #7F0000; padding: .5em 0 2.5em;}
	.spec-prc {display: none;}
	.prod-head-b {padding: 0;}
	
  .prod-cont-v {display: none;}
	.prod-cont-h {display: block; background: #fff; margin: 0 0 1em;}
  .prod-cont-b {display: block; background: #fff; margin: 0 0 1em;}
	
	.prod-desc-l {display: inline-block; vertical-align: top; width: 48%; padding: 1.5em 0;}
	.prod-desc-r {display: inline-block; vertical-align: top; width: 48%; padding: 1.5em 0;}
	
	.msg-banner {color: #5F5F5F;	padding: 15px 0 5px;}
	.msg-banner h4 {font-size: 120%;	letter-spacing: 2px;	color: #000;}
	}

	@media only screen and (min-width: 1600px) {
	.spec-prc {display: block;}
	.prod-head-b {display: none;}
	}

	@media only screen and (min-width: 1792px) {
	.prod-head {margin: 4em 0 2em; padding: 0 0 3em;}
	.prod-head-l {display: inline-block; width: 33%; padding: 3em 0 0;}
	.prod-head-r {display: inline-block; width: 55%; padding: 2.5em 0;}
	.prod-head hr {width: 80%; margin: 2em 0;}
	.prod-head-r h1 {font-size: 1.5em; letter-spacing: 6px; margin: 0 0 1em;}
	.prod-head-r h3 {font-size: 1.2em; letter-spacing: 3px; margin: 0 .5em 1em;}
	.prod-head-r h4 {font-size: .9em; letter-spacing: 1px; line-height: 1.5; margin: 1.5em 0;}
	.prod-head-r h6 {font-size: .9em; color: #7F0000; margin: 2em 4em 1em;}
	.Prod-Out-Frm {padding: .3em; width: 100%;}
	
	.prod-cont {margin: 0 0 2rem;}
	.prod-cont hr {margin: 1em 0 1.5em; padding: .05em 0; width: 80%; background: #8FA8BF;}
	.feedback hr, .prod-terms hr {margin: 1em 0 2.5em; padding: .05em 0; width: 100%; background: #8FA8BF;}
	.prod-cont h2, .feedback h2, .prod-terms h2 {font-size: 1.3em; letter-spacing: 1px; padding-right: 4rem; padding-left: 4rem;}
	.prod-cont h3 {font-size: 1.1em; letter-spacing: 1px; padding: 0 3rem;}
	.prod-cont h4 {font-size: 1.2em; letter-spacing: 0px; padding: 0 1rem;}
	.prod-cont p {font-size: 1.1em; letter-spacing: 1px; margin: 0 0 1em;}
	.prod-cont li {font-size: 1.1em; letter-spacing: 1px; margin: 0 0 1em;}

	.feedback {margin: 0 0 2em; padding: 1.5em 0 .5em;}
	.feedback h5 {font-size: 1.1em;}
	.feedback ul {padding: 0 4rem 2em;}
	.feedback li {font-size: 1.1em; margin: 0 0 1em;}

	.prod-terms {margin: 0 0 2rem; padding: 1.5em 0 .5em;}
	.prod-terms h3 {font-size: 1.1em; letter-spacing: 0;}
	.prod-terms ul {padding: 0 5rem 1.5em;}
	.prod-terms li {font-size: 1.1em;}

	.prod-tnc {margin: 0 0 2rem;}
	.prod-tnc hr {margin: 50px 0 40px; padding: .03em 0; width: 100%;}
	.prod-tnc h2 {font-size: 1.2em; letter-spacing: 2px;}
	.prod-tnc h3 {font-size: 1em; letter-spacing: 1px;}
	.prod-tnc h4 {font-size: 1em; letter-spacing: 1px;}
	.prod-tnc h5 {font-size: 1em; letter-spacing: 1px; margin: 0 0 1.5em;}
	.prod-tnc ul {margin: 0 0 3em;}
	.prod-tnc li {font-size: 1em; font-weight: 500; text-align: left; letter-spacing: 0px; color: #07406F; margin: 0 0 1em;}
	.prod-tnc p {font-size: 1em; line-height: 1.5; letter-spacing: 4px; text-align: center; color: #07406F; margin: 1.5em 8rem;}
	.prod-tnc a {font-size: 1em; font-weight: bold; text-decoration: none; color: #00488F;}

	.lang-dd {border-radius: 0; width: 50%; height: 35px; font-weight: bold; letter-spacing: 1px;}
	.loginLang {background-color: #0a2d4e;	border-bottom: solid 1px;	padding: .5em 0;}
	.loginLang li {display: inline-block;	list-style: none; font-size: .5em; margin: 1em .5rem;}
	.loginLang a {font-size: .6em; letter-spacing: 1px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 2px #999;}
	.loginLang a:hover {color: #AFE3FF;}

	.prodButton { margin: 3em 0;}
	.prodButton a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */background: rgb(136,136,136); /* Old browsers */background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	 font-size: .9em; letter-spacing: 1px; color: #fff; text-shadow: 1px 1px 1px #000; padding: .4em 1rem .5em;}
	.prodButton a:hover {color: #AFE3FF;}

	.newboxes-2 {padding: 2em 6rem;}

	.msg-banner {width: 100%;	padding: 15px 0;	margin: 0;}
	.msg-banner h4 {font-size: 130%;	line-height: 160%;	letter-spacing: 3px; margin: 10px 5px 5px;	padding: 0 80px;	color: #000;}
	
	.video_wrapper {padding: 0; margin: .2em 0 0;}
	.video_wrapper a {font-size: .6em; padding: 0 .2rem;}		
	}


	/* ONLINE EVENT CHECKOUT PAGE
------------------------------------------------ */

/* CART*/
.cart-cont {border: solid 1px #154657; background: #EFEFEF; border-radius: 5px; width: 95%;}
.cart-cont-title {font-size: 90%; font-weight: bold; letter-spacing: 2px; color: #fff; background-color: #5f5f5f; padding: 2px 0;}
.cart-cont-item {display: block; margin: 20px 0 10px;}
.cartButton {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,444444+100 */ background: rgb(136,136,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(136,136,136,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(136,136,136,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
padding: 2px 0 5px; width: 60%; margin: 0 0 30px;}
.cartButton a {color: #fff; font-size: 80%; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 1px #000;}
.cartButton a:hover {color: #AFE3FF;}

@media only screen and (min-width: 768px) {
.cart-cont {width: 90%;}
.cart-cont-title {font-size: 110%; letter-spacing: 3px; padding: 3px 0 4px;}
.cart-cont-item {margin: 30px 0 10px;}
.cartButton {width: 30%;}
.cartButton a {font-size: 100%; letter-spacing: 2px;}
}

@media only screen and (min-width: 1024px) {
.cart-cont {width: 90%;}
.cart-cont-title {font-size: 120%; letter-spacing: 4px; padding: 3px 0;}
.cart-cont-item {display: inline-block; vertical-align: top; margin: 30px 0 10px; width: 30%;}
.cartButton {width: 30%; margin: 20px 0;}
.cartButton a {font-size: 100%; letter-spacing: 2px;}
}

@media only screen and (min-width: 1920px) {
.cart-cont {width: 80%;}
.cart-cont-title {font-size: 120%; letter-spacing: 4px; padding: 4px 0 5px;}
.cart-cont-item {display: inline-block; vertical-align: top; margin: 30px 0 10px; width: 30%;}
.cartButton {width: 30%; margin: 30px 0 40px;}
.cartButton a {font-size: 110%; letter-spacing: 3px; color: #fff;}
}

/* ----------------------- END CART --------------------------------------------- */