/* GLOBAL */
/* ============ XL Media Queries ============ */
@media (min-width: 1580px) {
.col-xl-12 {width: 100%;}.col-xl-11 {width: 91.66666667%;}.col-xl-10 {width: 83.33333333%;}.col-xl-9 {width: 75%;}.col-xl-8 {width: 66.66666667%;}.col-xl-7 {width: 58.33333333%;}.col-xl-6 {width: 50%;}.col-xl-5 {width: 41.66666667%;}.col-xl-4 {width: 33.33333333%;}.col-xl-3 {width: 25%;}.col-xl-2 {width: 16.66666667%;}.col-xl-1 {width: 8.33333333%;}.col-xl-pull-12 {right: 100%;}.col-xl-pull-11 {right: 91.66666667%;}.col-xl-pull-10 {right: 83.33333333%;}.col-xl-pull-9 {right: 75%;}.col-xl-pull-8 {right: 66.66666667%;}.col-xl-pull-7 {right: 58.33333333%;}.col-xl-pull-6 {right: 50%;}.col-xl-pull-5 {right: 41.66666667%;}.col-xl-pull-4 {right: 33.33333333%;}.col-xl-pull-3 {right: 25%;}.col-xl-pull-2 {right: 16.66666667%;}.col-xl-pull-1 {right: 8.33333333%;}.col-xl-pull-0 {right: 0;}.col-xl-push-12 {left: 100%;}.col-xl-push-11 {left: 91.66666667%;}.col-xl-push-10 {left: 83.33333333%;}.col-xl-push-9 {left: 75%;}.col-xl-push-8 {left: 66.66666667%;}.col-xl-push-7 {left: 58.33333333%;}.col-xl-push-6 {left: 50%;}.col-xl-push-5 {left: 41.66666667%;}.col-xl-push-4 {left: 33.33333333%;}.col-xl-push-3 {left: 25%;}.col-xl-push-2 {left: 16.66666667%;}.col-xl-push-1 {left: 8.33333333%;}.col-xl-push-0 {left: 0;}.col-xl-offset-12 {margin-left: 100%;}.col-xl-offset-11 {margin-left: 91.66666667%;}.col-xl-offset-10 {margin-left: 83.33333333%;}.col-xl-offset-9 {margin-left: 75%;}.col-xl-offset-8 {margin-left: 66.66666667%;}.col-xl-offset-7 {margin-left: 58.33333333%;}.col-xl-offset-6 {margin-left: 50%;}.col-xl-offset-5 {margin-left: 41.66666667%;}.col-xl-offset-4 {margin-left: 33.33333333%;}.col-xl-offset-3 {margin-left: 25%;}.col-xl-offset-2 {margin-left: 16.66666667%;}.col-xl-offset-1 {margin-left: 8.33333333%;}.col-xl-offset-0 {margin-left: 0;}
    .visible-xl {display: block !important;}table.visible-xl {display: table;}tr.visible-xl {display: table-row !important;}th.visible-xl, td.visible-xl {display: table-cell !important;}.hidden-xl {display: none !important;}}
    @media (max-width: 1579px){.visible-xl {display: none !important;}}


/* ============ XXS Media Queries ============ */
@media (max-width: 439px) {
.col-xxs-12 {width: 100%;}.col-xxs-11 {width: 91.66666667%;}.col-xxs-10 {width: 83.33333333%;}.col-xxs-9 {width: 75%;}.col-xxs-8 {width: 66.66666667%;}.col-xxs-7 {width: 58.33333333%;}.col-xxs-6 {width: 50%;}.col-xxs-5 {width: 41.66666667%;}.col-xxs-4 {width: 33.33333333%;}.col-xxs-3 {width: 25%;}.col-xxs-2 {width: 16.66666667%;}.col-xxs-1 {width: 8.33333333%;}.col-xxs-pull-12 {right: 100%;}.col-xxs-pull-11 {right: 91.66666667%;}.col-xxs-pull-10 {right: 83.33333333%;}.col-xxs-pull-9 {right: 75%;}.col-xxs-pull-8 {right: 66.66666667%;}.col-xxs-pull-7 {right: 58.33333333%;}.col-xxs-pull-6 {right: 50%;}.col-xxs-pull-5 {right: 41.66666667%;}.col-xxs-pull-4 {right: 33.33333333%;}.col-xxs-pull-3 {right: 25%;}.col-xxs-pull-2 {right: 16.66666667%;}.col-xxs-pull-1 {right: 8.33333333%;}.col-xxs-pull-0 {right: 0;}.col-xxs-push-12 {left: 100%;}.col-xxs-push-11 {left: 91.66666667%;}.col-xxs-push-10 {left: 83.33333333%;}.col-xxs-push-9 {left: 75%;}.col-xxs-push-8 {left: 66.66666667%;}.col-xxs-push-7 {left: 58.33333333%;}.col-xxs-push-6 {left: 50%;}.col-xxs-push-5 {left: 41.66666667%;}.col-xxs-push-4 {left: 33.33333333%;}.col-xxs-push-3 {left: 25%;}.col-xxs-push-2 {left: 16.66666667%;}.col-xxs-push-1 {left: 8.33333333%;}.col-xxs-push-0 {left: 0;}.col-xxs-offset-12 {margin-left: 100%;}.col-xxs-offset-11 {margin-left: 91.66666667%;}.col-xxs-offset-10 {margin-left: 83.33333333%;}.col-xxs-offset-9 {margin-left: 75%;}.col-xxs-offset-8 {margin-left: 66.66666667%;}.col-xxs-offset-7 {margin-left: 58.33333333%;}.col-xxs-offset-6 {margin-left: 50%;}.col-xxs-offset-5 {margin-left: 41.66666667%;}.col-xxs-offset-4 {margin-left: 33.33333333%;}.col-xxs-offset-3 {margin-left: 25%;}.col-xxs-offset-2 {margin-left: 16.66666667%;}.col-xxs-offset-1 {margin-left: 8.33333333%;}.col-xxs-offset-0 {margin-left: 0;}
    .visible-xxs {display: block !important;}table.visible-xxs {display: table;}tr.visible-xxs {display: table-row !important;}th.visible-xxs, td.visible-xxs {display: table-cell !important;}.hidden-xxs {display: none !important;}}
    @media (min-width: 440px){.visible-xxs {display: none !important;}}


/* ============ Dynamic Paddings and Margins ============ */
@media (min-width: 1px){
#savecontent{padding-top:20px; padding-bottom: 20px;}.margin-bottom{margin-bottom: 20px;}.margin-top{margin-top: 20px;}.negative-top-margin, .flush-with-nav{margin-top:-20px}
.negative-bottom-margin{margin-bottom:-20px}.margin-top-bottom{margin-top: 20px; margin-bottom: 20px;}.padding-top{padding-top:20px;}.padding-bottom{padding-bottom:20px;}
.padding-top-bottom, footer{padding-top: 20px; padding-bottom: 20px;}}
@media (min-width: 440px){
#savecontent{padding-top:25px; padding-bottom: 25px;}.margin-bottom{margin-bottom: 25px;}.margin-top{margin-top: 25px;}.negative-top-margin, .flush-with-nav{margin-top:-25px}
.negative-bottom-margin{margin-bottom:-25px}.margin-top-bottom{margin-top: 25px; margin-bottom: 25px;}.padding-top{padding-top:25px;}.padding-bottom{padding-bottom:25px;}
.padding-top-bottom, footer{padding-top: 25px; padding-bottom: 25px;}}
@media (min-width: 768px){
#savecontent{padding-top:30px; padding-bottom: 30px;}.margin-bottom{margin-bottom: 30px;}.margin-top{margin-top: 30px;}.negative-top-margin, .flush-with-nav{margin-top:-30px}
.negative-bottom-margin{margin-bottom:-30px}.margin-top-bottom{margin-top: 30px; margin-bottom: 30px;}.padding-top{padding-top:30px;}.padding-bottom{padding-bottom:30px;}
.padding-top-bottom, footer{padding-top: 30px; padding-bottom: 30px;}}
@media (min-width: 992px){
#savecontent{padding-top:35px; padding-bottom: 35px;}.margin-bottom{margin-bottom: 35px;}.margin-top{margin-top: 35px;}.negative-top-margin, .flush-with-nav{margin-top:-35px}
.negative-bottom-margin{margin-bottom:-35px}.margin-top-bottom{margin-top: 35px; margin-bottom: 35px;}.padding-top{padding-top:35px;}.padding-bottom{padding-bottom:35px;}
.padding-top-bottom, footer{padding-top: 35px; padding-bottom: 35px;}}
@media (min-width: 1200px){
#savecontent{padding-top:40px; padding-bottom: 40px;}.margin-bottom{margin-bottom: 40px;}.margin-top{margin-top: 40px;}.negative-top-margin, .flush-with-nav{margin-top:-40px}
.negative-bottom-margin{margin-bottom:-40px}.margin-top-bottom{margin-top: 40px; margin-bottom: 40px;}.padding-top{padding-top:40px;}.padding-bottom{padding-bottom:40px;}
.padding-top-bottom, footer{padding-top: 40px; padding-bottom: 40px;}}
@media (min-width: 1580px){
#savecontent{padding-top:45px; padding-bottom: 45px;}.margin-bottom{margin-bottom: 45px;}.margin-top{margin-top: 45px;}.negative-top-margin, .flush-with-nav{margin-top:-45px}
.negative-bottom-margin{margin-bottom:-45px}.margin-top-bottom{margin-top: 45px; margin-bottom: 45px;}.padding-top{padding-top:45px;}.padding-bottom{padding-bottom:45px;}
.padding-top-bottom, footer{padding-top: 45px; padding-bottom: 45px;}}

.no-margins{margin-top:0;margin-bottom:0;}.no-top-margin{margin-top:0;}.no-bottom-margin{margin-bottom:0;}
footer {margin-top: 0 !important;}
footer {padding-top: 10px; padding-bottom: 10px;}

/* ============ Quick Styles and Effects ============ */
.dark-text, .dark-text p, .dark-text ul, .dark-text li, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6 {color: #111;}
.light-text, .light-text p, .light-text ul, .light-text li, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6  {color: #eee;}

.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}.quick-border {border: 1px solid rgba(150,150,150,0.6);}
.drop-shadow {-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);}
.bigtext {font-size: 115%;} .smalltext {font-size: 75%;}

@media (min-width: 1px){.float-left, .float-right{width: 100%;margin-bottom:15px;}}
@media (min-width: 768px){.float-left{width: 35%;float:left;margin:3px 20px 10px 0;} .float-right{width: 35%;float:right;margin:3px 0 10px 20px;}}



/* ============ Gallery Modifications and Enhancements ============ */
.Caption_Content a {color: white !important; text-decoration: none;}
.Caption_Content a:hover {text-decoration: underline;}.Collage img:hover {opacity: .9; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}



/* ============ Blog Modifications ============ */
@media (max-width: 991px){.blog .img-responsive {margin-bottom: 15px !important;}}
.blog .btn-primary {margin-top: -35px; margin-bottom: 15px;}
.blog-desc h5, .event-desc h5 {color: #999;}


/* ============ Calendar Modifications ============ */
.fc-event {border: 1px solid #444; background-color: #666; font-size: 12px; color: white !important;}
.fc-event:hover {border: 1px solid #444; background-color: #444; font-size: 12px; text-decoration: none !important;}
#eventsToDisplay h5 {font-size: 18px !important; margin-top: 10px;} #eventsToDisplay h3 {font-size: 24px !important;}
#eventsToDisplay {font-size: 15px !important;}
.event-desc .btn-primary {margin-top: 0 !important; margin-bottom: 10px !important;}


/* ============ Modal Modifications ============ */
.modal-content { border-radius: 6px;  border: 1px solid transparent;  color: #222;  background-color: #fff;}
.modal-header {  background-color: #222;  color: #fff;  border-bottom: 1px solid transparent;}
.modal-footer {  background-color: #222;  color: #fff;  border-top: 1px solid transparent;}
.modal-backdrop {background-color: #000000;}
@media (min-width: 768px){.modal-dialog {width:700px;}}


/* ACCORDION PANEL MODIFICATIONS  ====================================================================================== */
.panel-heading {padding: 0;} .panel-title a {display: block; padding: 10px; text-decoration: none !important; color: black !important;}
@media (min-width: 768px){.panel-title {font-size: 20px;}}
.panel-heading:hover, .panel-heading:active, .panel-heading:focus {background-color: #e5e5e5;}


/* ============ Social Sidebar and Mobile Header Modifications ============ */
.socialiconbarmobile, .socialiconbarmobileext {background-color: #000;} 
.socialiconbarmobileext .glyphicon, .socialiconbarmobileext .glyphicon:hover {color: #999; top: 0 !important;} 
.socialiconbarmobileext div {border-left: 0px solid #fff;} 
.social {opacity: 1;} #socialiconbarmobilefix .row {margin-left: -25px;}
.socialiconbarvertical {background-color: rgba(0,0,0,0.5);}
@media(min-width: 768px){
    .social:before{font-size: 24px;}.socialiconbarvertical li a {height: 26px;} .socialiconbarvertical {width: 33px; top: 30% !important;}.socialiconbar-left {padding: 5px 5px 5px 0;}}
@media (max-width: 767px){
    #headerContainer {margin-top: -14px;}
    .socialiconbarmobile li a {width: 26px;}
    .socialiconbarmobile .social:before {font-size: 22px !important;}
    .socialiconbarmobilefix, .socialiconbarmobile, .socialiconbarmobileext {height: 32px;}
    .socialiconbarmobileext div a span {padding: 0; margin: 0;}
    .socialiconbarmobileext .glyphicon-phone-alt:before {font-size: 22px;} .socialiconbarmobileext .glyphicon-map-marker:before {font-size: 20px; top:0;}
    .socialiconbarmobileext .col-xs-6 {width: auto; float: right; padding-left: 6px; padding-right: 6px;}}


/* ============ The Better Way to Size Containers ============ */
@media (min-width: 768px) {
    #savecontent .container-fluid {padding-left: 50px; padding-right: 50px;}
    footer .container-fluid {padding-left: 50px; padding-right: 50px;}}
@media (max-width: 767px) {
    #savecontent .container, footer .container {max-width: 480px;}
    #savecontent .container-fluid .container, #savecontent .container .container {width: 100%;}
    footer .container-fluid .container, footer .container .container {width: 100%;}}
@media (min-width: 768px) {
    #savecontent .container {width: 670px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 640px;}
    footer .container {width: 670px;} footer .container-fluid .container, footer .container .container {width: 640px;} .inner-header.container {width: 750px;}}
@media (min-width: 992px) {
    #savecontent .container {width: 890px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 860px;}
    footer .container {width: 890px;} footer .container-fluid .container, footer .container .container {width: 860px;} .inner-header.container {width: 970px;}}
@media (min-width: 1200px) {
    #savecontent .container {width: 1090px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1060px;}
    footer .container {width: 1090px;} footer .container-fluid .container, footer .container .container {width: 1060px;} .inner-header.container {width: 1170px;}}
@media (min-width: 1580px) {
    #savecontent .container {width: 1430px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1400px;}
    footer .container {width: 1430px;} footer .container-fluid .container, footer .container .container {width: 1400px;}
    #headerContainer .container, #navContainer .container {width: 1430px;}}
  
#savecontent .container-fluid {max-width: 1500px;}  

/* ============ Very Random Stuff ============ */
.navbar {min-height: 1px; height: 1px;}
.navbar-nav>li>.dropdown-menu {min-width: 100%;}
footer .text-muted {display: none;}
.form-horizontal .req {margin-left: -7px;}
label {font-weight: inherit;}
footer {margin-top: 0 !important;}
.form-group label.btn {padding: 6px 8px; border: 1px solid rgba(200,200,200,.5);} 
@media(max-width: 767px){.lead{font-size: 18px;}.navbar-toggle{margin-right: -5px;}.brandingdiv {margin-left: -5px;} .copyright, .copyright p, .copyright a {font-size: 12px;}}
hr {border-top: 1px solid rgba(130,130,130,0.5);}
strong {font-weight: 700;}
.pagination > li > a, .pagination > li > span { color: #999 !important; background: none !important; text-decoration: none !important;}
.pagination > li > a:hover, .pagination > li > span:hover { color: #fff !important; text-decoration: none !important;}
.absolutecenter {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

@media(max-width:767px){.absolutecenter .no-margins {font-size: 30px;}}
@media(min-width:768px){.absolutecenter .no-margins {font-size: 30px;}}
.absolutecenter .no-margins {color: white; background: rgba(0,0,0,0.65); padding: 15px 30px; font-family: Oswald, sans-serif;}
.thumb:hover .no-margins {background: #7FBCAD;}
.thumb:hover img {opacity: .9;}




/* ======================================================================================== */
/* ========================== Header/Navbar Custom Modifications ========================== */
/* ======================================================================================== */

/* Logo WIDTH (.brandingLogoHolder) auto-determines Header HEIGHT. Set logo width in HEADER LAYOUT section. */
/* In the BODY section, set pixels to move page wrapper down based on height of HEADER container. */
/* If using a "fade-in" Navbar, page wrapper should be moved down 0px, except on Mobile size */
        
/* Standard Navbar is directly below Header/Logo container by default, customizations are below. */


/* ================================= Move Right-Justified Navbar Inside Header Container ================================= */

/* In NAVBAR LAYOUT section, setting top-bottom padding to 0 for sm, md, lg. */
/* Font sizes can be set here too for xs, sm, md, lg. */
@media (min-width: 768px){.navbar-nav.navbar-right:last-child {margin-right: 0;}} /* remove default negative margin for right justified nav */

@media (min-width: 768px){.navbar-right .dropdown-menu {right: auto; left: 0;}} /* dropdown menu positioning */

@media (max-width: 767px){/* center mobile logo vertically on mobile */
    .brandingLogoHolder {margin-top: 12px;}
} 
@media (min-width: 768px){
    .navbar-nav.navbar-right {margin-top: -36px;} /* these numbers = height of logo, rounded up/down */
    #navContainer ul li a {height: 36px; line-height: 36px;} 
    #navContainer .dropdown-menu a {height: 30px; line-height: 30px;} /* setup dropdown menus to have different height */
    
    #navContainer .dropdown.open {background-color: rgba(0,0,0,0.05);} /* dropdown menu "open/active" color */
}
@media (min-width: 992px){
    .navbar-nav.navbar-right {margin-top: -46px;} /* these numbers = height of logo, rounded up/down */
    #navContainer ul li a {height: 46px; line-height: 46px;} 
    #navContainer .dropdown-menu a {height: 36px; line-height: 36px;} /* setup dropdown menus to have different height */
}
@media (min-width: 1200px){
    .navbar-nav.navbar-right {margin-top: -57px;} /* these numbers = height of logo, rounded up/down */
    #navContainer ul li a {height: 57px; line-height: 57px;} 
    #navContainer .dropdown-menu a {height: 48px; line-height: 48px;} /* setup dropdown menus to have different height */
}
@media (min-width: 1600px){ /* manipulate font-size and padding for extra large screen */
    #navContainer ul li a {font-size: 16px; padding: 0 50px 0 50px;} 
}

#headerContainer {margin-top: 30px;} 
@media (max-width: 767px) { /* move header down/up based on height of "pre-header" in POST NAV CODE section */
    #headerContainer {margin-top: -15px;}
}

#headerContainer{ /* header container dropshadow */
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
    
#socialiconbarmobilefix {display: none !important;} /* remove default mobile pre-header if using custom pre-header */


/* =============== Shopping Cart Modifications ============================== */

p.product-description {display: none;}
.cartStylePrice {display: none;}

.allStyles, .allOptions {display: none;}

.productCatButtons {margin-bottom: 20px;} .prodCatBut {margin-bottom: 5px;}
.all-products .btn-custom {background: white; border: 1px solid #bbb; color: #666 !important; border-radius: 0;}
.all-products .btn-custom:hover, .productCatButtons .btn-success:active, .productCatButtons .btn-success:focus {background: #7FBCAD; border: 1px solid #7FBCAD; color: #fff !important;  border-radius: 0;}

.all-products .btn-success {background: white; border: 1px solid #bbb; color: #666 !important; border-radius: 0; font-size: 15px; padding-top: 10px; padding-bottom: 10px;}
.all-products .btn-success:hover, .productCatButtons .btn-success:active, .productCatButtons .btn-success:focus {background: #7FBCAD; border: 1px solid #7FBCAD; color: #fff !important;  border-radius: 0;}

.prodButtons a {max-width: 200px;}

.all-products .col-md-8.col-xs-6 h3{margin-top: 10px; margin-bottom: 0;}.all-products .price h3 {margin-top: 2px; margin-bottom: 10px; color: black;}
.all-products .col-md-8.col-xs-6, .all-products .price {width: 100% !important; padding-left: 15px !important; padding-right: 15px !important;}
.all-products h3 {font-size: 22px;}
.prodDescription {text-align: center;}
.product-description {font-size: 14px;}
.product-description-cell {padding-left: 15px !important; padding-right: 15px !important;}

.thumbnail {
    padding: 0;
    display: block;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
}

@media(max-width: 767px){.all-products .col-sm-6.col-md-4.col-lg-3 {max-width: 480px; margin-left: auto; margin-right: auto;}}
@media(min-width: 768px) {#savecontent .container-fluid {max-width: 740px;}} 
@media(min-width: 992px) {#savecontent .container-fluid {max-width: 950px;}} 
@media(min-width: 1200px) {#savecontent .container-fluid {max-width: 1160px;}} 
@media(min-width: 1580px) {#savecontent .container-fluid {max-width: 1500px;}} 

.optionsRow {margin-bottom: 10px;}
.optionsRow .col-xs-9 {padding: 0;}

.thumbnail .glyphicon {color: white !important;}
.prodImage, .prodDescription, .all-products .thumbnail {height: auto;} .all-products .thumbnail {padding-bottom: 20px;}
#hugContent .faded {margin-bottom: -20px;}

@media(min-width: 768px) and (max-width: 991px) { .all-products > *:nth-child(2n+1) {clear: left !important;}} /* ========== THE MAGIC FIX TO DYNAMICALLY CLEAR COLUMNS AT DIFFERENT MEDIA QUERIES!!!! ========== */
@media(min-width: 992px) and (max-width: 1199px) { .all-products > *:nth-child(3n+1) {clear: left !important;}}
@media(min-width: 1200px){ .all-products > *:nth-child(4n+1) {clear: left !important;}}

.optionsRow {padding-left: 0;}
.quantityRow { margin-bottom: 5px; padding-left: 0; padding-right: 0; }
/* .col-xs-12.quantityRow {display: none;} */


/* ======================================================================================================================= */
/*  TEMPLATE SPECIFIC CUSTOMIZATIONS  ==================================================================================== */
/* ======================================================================================================================= */

/* ======================================================================================================== */
/* ========================================== MEGA HERO CAROUSEL WITH LARGE CAPTIONS ========================================== */
/* ======================================================================================================== */

.mega-hero-carousel .carousel-control {z-index: 2;}.mega-hero-carousel h1 {margin-top: 0;}
.mega-hero-carousel .glyphicon {color: white;}.mega-hero-carousel h1, .mega-hero-carousel p {color: white;}
.mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 30px; height: 30px; margin-top: -15px; font-size: 30px;}
@media (min-width: 768px){
    .mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 40px; height: 40px; margin-top: -20px; font-size: 40px;}}
@media (min-width: 992px){
    .mega-hero-carousel .glyphicon-chevron-left, .mega-hero-carousel .glyphicon-chevron-right, .mega-hero-carousel .icon-prev, .mega-hero-carousel .icon-next {
    width: 50px; height: 50px; margin-top: -25px; font-size: 50px;}}
@media (min-width: 1200px){.mega-hero-carousel h1 {font-size: 60px;}.mega-hero-carousel p {font-size: 20px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 1199px){.mega-hero-carousel h1 {font-size: 55px;}.mega-hero-carousel p {font-size: 19px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 991px){.mega-hero-carousel h1 {font-size: 50px;}.mega-hero-carousel p {font-size: 18px;}.mega-hero-carousel .carousel-control {width: 12%;}}
@media (max-width: 767px){.mega-hero-carousel h1 {font-size: 40px;}.mega-hero-carousel .carousel-control {width: 10%;}}
@media (max-width: 599px){.mega-hero-carousel h1 {font-size: 35px;}.mega-hero-carousel .carousel-control {width: 8%;}}
@media (max-width: 399px){.mega-hero-carousel h1 {font-size: 30px;}.mega-hero-carousel .carousel-control {width: 6%;}}
@media (min-width: 1px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 300px;} .mega-hero-carousel .carousel-caption-container {height: 300px;}}
@media (min-width: 440px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 400px;} .mega-hero-carousel .carousel-caption-container {height: 400px;}}
@media (min-width: 768px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 500px;} .mega-hero-carousel .carousel-caption-container {height: 500px;}}
@media (min-width: 992px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 550px;} .mega-hero-carousel .carousel-caption-container {height: 550px;}}
@media (min-width: 1200px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 600px;} .mega-hero-carousel .carousel-caption-container {height: 600px;}}
@media (min-width: 1580px){.mega-hero-carousel .item, .mega-hero-carousel .dynamic-slide {width: 100%; height: 700px;} .mega-hero-carousel .carousel-caption-container {height: 700px;}}
.mega-hero-carousel .carousel-inner {overflow: visible;} .mega-hero-carousel .carousel-caption-container .carousel-caption-cell {display: table-cell; vertical-align: middle;}
.mega-hero-carousel .carousel-caption-container {width: 80%; left: 10%; text-align: center; position: absolute; display:table;}


.darkOverlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hero-carousel-caption hr {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));}



.btn-slider {color: white; background: rgba(0,0,0,0.5); border-radius: 0; border: 1px solid white;}
.btn-slider:hover, .btn-slider:active, .btn-slider:focus {color: white; background: #7FBCAD; border-radius: 0; border: 1px solid #7FBCAD;}

/* ============================================================================ */



hr.doublefade {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(150, 150, 150, 0), rgba(150, 150, 150, 0.75), rgba(150, 150, 150, 0)); margin-top: 10px; margin-bottom: 10px;}
hr.faded {
    border: 0; height: 1px; background-image: linear-gradient(to right, rgba(150, 150, 150, 1), rgba(150, 150, 150, 0.75), rgba(150, 150, 150, 0));
    margin-top: 10px; margin-bottom: 10px;
}

.pre-header a {color: #bbb; text-decoration: none;}
.pre-header a:hover, .pre-header a:active, .pre-header a:focus {color: #7FBCAD; text-decoration: none;}

.footer-container a {display: block; height: 30px; line-height: 30px;}
.quantityRow { padding-left: 15px !important; padding-right: 15px !important; }


@media(min-width: 1200px){
    .product .product-desc .col-xs-12.col-12:not(.optionsRow):not(.addToCart) {
        margin-top: 100px;
    }
}
@media(max-width: 1199px){
    .productDescriptionSection {
        margin-top: 100px;
    }
}
.customNavigation {
    display: none;
}


/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(255, 255, 255); margin-top: 20px; }