/* Default CLASS */
html {height: auto; overflow-y: scroll}
header {height: 50px; background-color: #777580; float: left}
footer {height: 230px; background-color: #303030; float: left}
strong, b {font-weight: 100}
section {background-position: 50% 50%; background-repeat: repeat}
a {display: block}

/* 
NAV // 
nav.php 
*/ 
.default {font-size: 1em}
.default nav {background-color: #303030; color: #fff}
.mobile.default nav .nav-container {background-color: #2f2f2f}
.default nav ul {text-transform: uppercase}
.default nav ul li:hover {color: #f00}

/* 
MAIN 
main.php
main-light.php 
*/
.default section.main {background-color: #fff}

/* 
GALLERY 
gallery1x.php
gallery2x.php
gallery4x.php
*/
.default section.gallery {background-color: #fafafa}
.default section.gallery .wrapper {background-color: #fff}
.default section.gallery .counter .counter-item {border: 1px solid #4EADB3 ; background-color: #fff }
.default section.gallery .counter .counter-item.selected {background-color: #4EADB3 }
.default section.gallery img.thumb {border-bottom: 0px solid #e72933}
.default section.gallery p.title {color: #000}
.default section.gallery p.caption {color:#e72933}
.default section.gallery p.disclaimer {color:#000}

.pointer {
  cursor: pointer;
}

/* 
PRODUCT INFO 
product.php
*/
.default section.info {background-color: #cde083}
.default section.info .background {background-color: #fff}

/* 
BANNER 
banner.php
*/
.default section.banner {background-color: #fff; color: #fff}

/* 
FOOTER 
footer.php
*/
.default section.footer {background-color: #fff; color: #000}
.default section.footer .box .wrapper {background-color: #fff}

/* 
PARTNERS 
partners.php
*/
.default section.partners {background-color: #f5f5f5; color: #818181 }

/* 
PARTNERS LIGHT
partners-light.php
*/
.default section.partners {background-color: #f5f5f5}


/* 
FAQ 
faq.php
*/
.default section.faq {background-color: #fff; border-bottom: 1px solid #f5f5f5;  border-top: 1px solid #f5f5f5;}
.default section.faq p.title {color: #fff; background-color: #2fbdb5}
.default section.faq p.category {color: #fff; background-color: #1a827d}
.default section.faq p.question {color: #fff; background-color: #29a39d}
.default section.faq p.answer {color: #29a39d; background-color: #fff}

/* 
DIGITAL 
digital.php
*/
.default section.digital {border-bottom: 1px solid #f5f5f5;  border-top: 1px solid #f5f5f5;}
.default section.digital p.title {color: #000}
.default section.digital p.description {color: #595959}
.default section.digital p.cta {background-color: #7ec7b4; color: #fff}

/* 
OFFER INFO
offer-info.php
*/
.default section.offer p.extra {color: #000}

/* 
ORDER 
main-order.php
*/
.default section.main-order {background-color: #ffdd2e}
.default section.main-order p span {color: #000}
.default section.main-order p span.highlight {color: #e72933; text-transform: uppercase}

/* 
HOTSPOT GALLERY 
gallery-hotspot.php
*/
.default section.hotspot {background-color: #f5f5f5}
.default section.hotspot .container p.title {color: #000}
.default section.hotspot .container p.viewitem {background-color: #f5f5f5}

/* 
ORDER BUTTON
*/

.button {position: absolute; left: 50%; margin-left: -177px; width: 354px; height: 3.750em; z-index: 5;}
.button img {position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.button .label-holder {position: absolute; width: 73%; height: 3.750em; top: 0; left: 0}
.button .price-holder {position: absolute; width: 27%; height: 3.750em; left: 73%}
.button .label-holder p.label {color: #fff; line-height: 2em; font-size: 2em}
.button .price-holder p.info {position: absolute; color: #000; top: .55em; font-size: 1em}
.button .price-holder p.price {color: #000; line-height: 1.9em; font-size: 1.7em; top: .5em}
.button .price-holder p.price sup {top: -.15em}
.button.order.fixed {display: none}
.button.light {width: 284px; margin-left: -142px}
.button.light .label-holder {width: 100%}
.button.light .price-holder {display: none}

/* 
YOUTUBE VIDEO
*/
.youtube-video {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19999; display: table;}
.youtube-video .background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000}
.youtube-video p {position: relative; width: 100%; height: auto; display: table-cell;  text-align: center; vertical-align: middle}
.youtube-video iframe {position: relative; display: inline-block}