@charset "utf-8";
/* CSS Document */
/********* drappit *********/ 
@import url('https://fonts.googleapis.com/css?family=Anton');

*{
margin:0;
padding:0;
border:none;
text-decoration:none;

}

html,body{
height:100%;
}


body{
font-family: "Open Sans", Arial, sans-serif;
color:#777777;
overflow-x: hidden;
}

a.content{
color:#777777;
	}

.paddingTB70{
padding:70px 0;
}

ul{
list-style:none
}

a{text-decoration:none;}

.fullHeight{
height:100%;
}

.aLeft{
	text-align:left;
}

.crossed{
text-decoration: line-through;
}

.none{
display: none;
}

.block{
display: block;
}

.uppercase{
text-transform: uppercase;
}

.pointer{cursor:pointer}

.f100{
font-weight: 100;
}

.f300{
font-weight: 300;
}

.f400{
font-weight: 400;
}

.f500{
font-weight: 500;
}

.f700{
font-weight: 700;
}

.paddingTB10{
	padding:10px 0;
}

.paddingTB15{
padding:15px 0;
}

.paddingTB20{
padding:20px 0;
}

.paddingTB25{
padding:25px 0;
}

.paddingTB30{
padding:30px 0;
}

.paddingTB50{
padding:50px 0;
}

.paddingTB60{
padding:60px 0;
}

.paddingTB70{
padding:70px 0;
}

.paddingTB80{
padding:80px 0;
}

.aCenter{
text-align: center;
}

.aRight{
text-align:right;
}

.mAuto{
margin:auto;
}

.yellowCover{
background: url(/images/yellowbg.jpg) center center / cover;
background: #2a4671;background: -webkit-linear-gradient(to left, #16222A , #2a4671);background: linear-gradient(to left, #16222A , #2a4671);
}

.whiteBg{
background:#fff;
}

.darkBg{
background:#2f2a30;
}

.lightBg{
background:#f5f5f5;
}

.grayBg{
background:#eeeeee;
}

.description {color: #444444;font-weight: 400;
}

.description.bold{
	font-weight:bold;
}

.description.accent{
	color:#ca0000;
}

.release_date{
	margin-top:10px;
  	margin-bottom:-5px;
}

.mainBtn{
background:#ca0000;
color:#fff;
padding:8px 10px;
text-align:center;
text-transform:uppercase;

} 

.block{
display:block  
}

.inlineB{
display:inline-block
}

.b-box{
	box-sizing:border-box;
}

/***********HEADER*************/

/*header.relative{
position: fixed;top: 0;left: 0;z-index: 200;width: 100%;
}*/

header.shadow{
/*-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);*/
}

.headerBar{
background: #fff;width: 100%;z-index: 999;
/*-webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);*/
}

/* 
.headerBar.bodystyle{
-webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);


}

.headerBar.bodystyle .container, .headerBar .container{
height:80px;
}

.logoBacking{
display:none;
}

.headerBar.bodystyle .logoBacking{
display:block;
position: absolute;
left: 20px;
bottom:0;
transform:translate(0, 100%);
background: #1f1f1f;
width:150px;
height: 40px;
z-index: 999;
}

.bodystyle .logo_title{
width:110px;
}*/

.bottomHeader{
color:#fff;
background:#ca0000;
font-size:14px;
}

.hPhone{
margin-top:7px; 
font-size:20px
}

.hEmail{
margin-top:10px;
}

.hAddress{
text-align:right;
}

.logo_title{
margin: 5px 0 0 15px;
display: inline-block;
color: #eeeeee;
width: 145px;
font-family: Yellowtail, cursive;
}

.logo_title img {
display: block;
width: 100%;
}




.mobLogo .logo_title{
height: 50px;
margin-top: 15px;
}

.mobLogo .logo_title figure{
height:100%;
}

.logo_title span{
color:#db2f30;
}

.navigation ul{
text-align:center;
list-style:none;
}

.navigation li{
display:inline-block;
vertical-align: middle;
}



.navigation li a{
    display: block;
    color: #111111;
    margin: 0;
    margin: 20px 5px 0px 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}



.navigation li a.logo_title{
    display: block;
    position: relative;
    z-index: 999;
    width: 300px;

}

.navigation li a figure{
height:100%;
}


.headerBar{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;
}





.navigation li a:hover, .navigation li a.active_nav{
border-color: #ca0000;

}

.navigation li.desktopLogo a:hover{
border-color: transparent;

}



.bodystyle .navigation li a:hover{
color: #111111;

}
.navigation li a.active_nav{

}


.navigation li.lang a{
border-right: none;
} 

.TogMenu{
position: absolute;right: 20px;top: 28px;cursor: pointer;
color: #ca0000;

}

header.bodystyle .TogMenu{
text-shadow:none;
}

/********** HOME AND BANNER *********/


.bannerSection{
  width: 100%;
  transform: translate(0,-20px);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+14,101010+14,101010+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 14%, #101010 14%, #101010 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 14%,#101010 14%,#101010 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 14%,#101010 14%,#101010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#101010',GradientType=0 ); /* IE6-9 */
}

.banner{
height: 56vh;
overflow:hidden;
/* transform: rotate(3deg);
-webkit-transform: rotate(3deg);
*/
}



.arrowNav {
color:#fff;
font-size:50px;
position:absolute;
top:50%;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
z-index:10;
}

.arrowNav_l{
left:20px;

}


.arrowNav_r{
right:20px;
}

.bullets{
width:12px;
height:12px;
border-radius:50%;
background:#ccc;
display: inline-block;
margin-right: 5px;
cursor:pointer;
}

.bullets.bullets_On{
background:#ca0000;
}

#bgRotatorNav{
bottom:30px !important;
}


.content p{
margin: 5px 0;
}

/***************NEWSLETTER SECTION*******************/

.closeNewsletter.fa{
cursor:pointer; 
position:absolute; 
right:20px; 
top:20px; 
font-size:30px; 
color: #ddd;
}

.newsletterSection{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
background: #333333; /* Old browsers */
background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #333333 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #333333 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.newsletterSection .container{

}

.newsletterSection .mainTitle{
text-align:center;
margin-bottom:10px;
font-size:26px;
font-weight:400;
color:#ca0000;
text-transform: uppercase;
letter-spacing:-1px;
/*text-shadow: 2px 2px 6px rgba(0,0,0,0.4);*/
}

.newsletterSection .description{
color: #777777;
text-align:center;
margin-bottom:45px;
font-size:18px;
font-weight:600;

}

.newsletter .send_btn{
width:100%;
}

.mainButton {display: block;color: #ffffff;padding: 10px 0;cursor: pointer;border-radius: 2px;
  margin-top: 10px;
  background: #ca0000;text-transform: uppercase;width: 100%;
max-width: 350px;
text-align:center;
}

.buttonsBanner .mainButton{
margin: 0 0 20px 0;
}

.contact_form.newsletter .send_btn{
padding: 12px 10px;
text-align:center;
font-weight:600;width:100%;
width: 100%;margin: 5px auto 10px auto;
}

.newsletter .input_form{
padding: 11px 8px;border: 1px solid rgba(150,150,150,0.3);width: calc(100% - 37px);width: -webkit-calc(100% - 37px);margin: 5px auto 0 auto;background:#f1f1f1;color: #FFF;

}

#sentMsg2{font-size: 16px;font-weight: 500;
color: #ca0000;margin: -10px 0 10px 0;
text-align:center;
display:none;
}

.collectionTitle{
font-size: 39px;
color: #f1f1f1;
margin-bottom: 3px;text-transform: uppercase;letter-spacing: 0px;
font-family: 'Anton', sans-serif;font-weight: 400;
}


/***************ABOUT AND HOME*******************/


.aboutSection .mainTitle{
color: #ca0000;
margin-bottom: 10px;
font-size: 50px;
letter-spacing: 0px;
border-bottom: 1px solid #ca0000;
font-family: 'Anton', sans-serif;
font-weight: 400;
line-height: 46px;
text-align: center;
padding-bottom: 10px;
}

.aboutSection .description{
font-weight:bold;
color:#111111;
margin-bottom:10px;
}

.aboutSection .mainImg{
/*height:450px;*/
margin:auto;
display:block;
}


.galleryContent{
top:50%;
left:50%;transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}

.videoFit iframe, .videoFit embed{
width:100% !important;
height:21.5vh !important;

}

.aboutSection{
     padding: 0px 0 70px;
    transform: translate(0,-20px);
  -wenkit-transform: translate(0,-20px);
}

.aboutSection.homeSection .mainImg{
width:100%;
max-width:400px;
margin:0 0 10px 0;
display:block;
height:initial;

}

.aboutSection img{
height:400px;
}

.catImg{
height:30vh;
}

.hoverDiv{
position:absolute; top:0; left:0;width:100%; height:100%; background: rgba(15,15,15,0.8); opacity:0;
-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;
}

.hoverContent{
position:absolute; 
top:50%; 
left:50%; 
width:80%; 
-webkit-transform:translate(-50%,-50%); 
transform:translate(-50%,-50%);
text-align:center; 
color:#fff
}

.hoverContent h3{
margin-bottom:10px; 
color:#920000
}

.catImg:hover .hoverDiv{
opacity:1;
}


.gallery_content{
position:absolute;
top:60px;
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);max-width: 380px;
}

.gallery_content.left{
left:60px;
margin-top: 78px;
}

.gallery_content.right{
right: 60px;text-align: right;margin-top: 78px;
}

.gallery_content h3, .accentTitle{
font-family: 'Anton', sans-serif;color: #ca0000;font-size: 30px;font-weight: 300;text-transform: uppercase;margin-bottom: 0;
}

.accentTitle{
	font-size:40px;
}
.accentTitle.small{
	font-size:25px;
}

.gallery_content p{
line-height:180%;
color:#fff; 
margin-top:15px;margin-bottom: 20px;min-height: 80px;
}

.gallery_content .mainButton{
max-width:300px
}




/*************** FEATURES *******************/


.featuresSection .mainTitle{
color:#111111;
font-size:18px;
margin-bottom:10px;
} 

.featuresSection .description{
color:#111111;
font-size:14px;
font-weight:bold;
height: 120px;

} 

.redBtn{
background:#ca0000;
color:#fff;
padding: 8px 20px;
display:block;margin-left:auto;
margin-right:auto;
text-align:center;
border-radius:3px;
max-width: 200px;
}


.featureContent{
height:100px; 
overflow:hidden;
}

.featureImg{
height:330px;
}

.featuresSection .redBtn{
max-width:230px;
  margin-top:10px;

}




/*************** HOME PRODUCTS *******************/


.prodprice{color: #333;font-size: 16px;padding: 5px;text-align: center;display: inline-block;
}

.linethrough{
text-decoration: line-through;color: #ca0000;opacity: 0.5;font-size: 14px;
}

.productBox a{
    border: 1px solid #FFFFFF;
    padding-top: 10px;
  display:block
}
.productBox a:hover{
    border: 1px solid red;
}

.productsSection .container{text-align: center;
}


.productsSection .mainTitle{
color: #737373;font-size: 30px;padding: 0 0 10px 0;font-weight: 300;
position:relative;display: inline-block;margin-bottom: 20px;

}

.productsSection .mainTitle:before{content: "";position: absolute;width: 50%;height: 1px;bottom: 0;left: 25%;border-bottom: 3px solid #ca0000;
}

.productsSection .thumbImg{
height:160px; 
}

.productsSection .prodContent{
height:140px; 
  overflow:hidden; 
  border-radius: 0 0  3px 3px;
}

.prodContent .prodTitle{
color:#ca0000;margin-bottom: 0;height: 50px;
}

.prodContent .description{
height:75px;
overflow:hidden;color:#111111;
font-size:14px;
font-weight:bold;  
}

.productsSection .prodContent .accentTitle{
	margin-bottom:10px;
}



/*********** PRODUCTS PAGE ************/

.productsPage{

}

.collectionUL li a{
display:block;
padding:10px;
text-decoration:none;
color:#333;
border-bottom: 1px solid #ddd;
-webkit-transition: background 500ms ease-out;-moz-transition: background 500ms ease-out;-o-transition: background 500ms ease-out;transition: background 500ms ease-out;
}

.collectionUL li a:hover{
background:#ca0000;
color:#fff;
}

.prodThumb{
color:#333;
margin-top: 10px;
}

.prodThumb .title{
text-transform:uppercase;
font-weight:500;
font-size:22px;
line-height: 100%;

}


.thumPrice{
font-size:22px;font-weight:700;  
}

.prodDesc{
height:90px;
margin-top:10px;
border-bottom: 1px solid #ddd;
position:relative;
}

.prodDesc .mainButton{
padding: 5px 0; 
width: 100%; 
margin-top: 10px;
position: absolute;left: 50%;bottom: 10px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}

.mainVidFit iframe{
display:block;
width:95%;
margin:auto;
height:215px;
}

.freeShip{
color:#ca0000;  padding: 0 15px;
}

.breadCrumbs{
font-weight:500;
font-size:18px;
}

.breadCrumbs a{
color:#333;
text-decoration: underline;
}

.productsPage .mainTitle{
    color: #ca0000;
    font-size: 50px;
    border-bottom: 1px solid #ca0000;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    line-height: 46px;
    padding-bottom: 10px;
}

.quantity {position: relative;vertical-align: top;padding-right: 15px;display: inline-block;margin-right: 10px;
transform: translate(-10px, 0);
-webkit-transform: translate(-10px, 0);
}

.quantity .qty {display: block;float: left;
width: 60px;height: 35px;border: 1px solid #dcdcdc;text-align: center;background: #fff;font-size: 18px;color: #222;margin: 0;outline: 0;-moz-appearance: none;-webkit-appearance: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-appearance: textfield;
}

.quantity .plus, .quantity .minus {display: block;padding: 0;margin: 0;outline: 0;border: 1px solid #dcdcdc;position: absolute;text-align: center;width: 25px;height: 100%;text-decoration: none;overflow: visible;text-decoration: none;font-weight: 400;cursor: pointer;text-shadow: none;line-height: 1;background: none;color: #222;border-radius: 0;-moz-appearance: none;-webkit-appearance: none;
background:#eee;
}

.quantity .minus {bottom: 0;left: 2px;
transform:translate(-100%, 0);
-webkit-transform:translate(-100%, 0);
}

.quantity .plus {top: 0;right: -9px;
}

.quantity .plus.inactive{
cursor:default;
opacity:0.5;
}


.colTitle{
font-size: 28px;font-weight: 500;padding-bottom: 0;margin-bottom: 10px;border-bottom: 2px solid #e22e31;
}

.colTitle.small{
font-size:18px;border-bottom: 1px solid #ddd;
}

.thumPrice.large{
font-size:30px;
}


.prodPreview{
height:500px;
background-size:contain;
background-repeat:no-repeat;
background-position: center center;
/*box-shadow: -1px 2px 6px -2px rgba(0,0,0,0.5);*/
}


.productThumb{
height:70px;
background-size:contain;
background-repeat:no-repeat;
background-position: center center;
cursor:pointer;
opacity:0.7;  	

}

.productThumb.active, .productThumb:hover{
opacity:1;
}

.socialShare{
font-size: 20px;margin: 0 1px;color: #555;
-webkit-transition: color 500ms ease-out;-moz-transition: color 500ms ease-out;-o-transition: color 500ms ease-out;transition: color 500ms ease-out;
}


.socialShare:hover{
color: #ca0000;
}

.starRating{
color:#EBBB00;
}

.viewReviews:hover{
text-decoration:underline;
cursor:pointer;
}

.starRating.small{
font-size:12px;
}


.prodBuy .mainButton{
max-width: 400px;
}

.prodBuy .mainButton.dark{
background:#171616;
}


.tab{
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: block;
    margin-right: -2px;
    margin-bottom: -1px;
    background: #757575;
    cursor: pointer;
    color: #FFF;
    float: left;
}

.tab.active{
padding: 7px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: -2px;
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
    background: #ca0800;
}


.tabBoxWrap{
border: 1px solid #ddd;
}

.tabContent{
display:none;
}

.tabContent:first-of-type{
display:block;
}

.reviewWrap{
font-size:13px;
}

.reviewContent{
border-left: 5px solid #eeeeee;
}

.reviewContent .content{
margin-bottom:20px;
color:#555;
}

.reviewWrap .title{
margin-bottom:15px;
font-size:15px;
color:#333;
text-transform:uppercase;
}

.starsLeft{
width: 100px;
}

.commentsRight{
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
}


.authorReview{
color:#999;
}




/******** Rating LightBox / Modal *********/

.reviewLightbox{
display:none;
}

.lbWrap{
position:absolute; 
top:50px; 
left:50%; 
transform:translate(-50%, 0); 
-webkit-transform:translate(-50%, 0); 
background:#fff; 
box-shadow: 2px 2px 8px rgba(0,0,0,0.5); 
border-radius:5px; 
width:90%; 
max-width:600px; 
z-index:9999;
}

.lbWrap .title{
font-family: 'Anton', sans-serif;color: #333;font-weight: 300;
}

.lbWrap #sentMsg{
text-align: left;padding: 0 30px;margin: -20px 0 0;font-size: 14px;
}

.ratLabel{
font-family: 'Anton', sans-serif;font-weight: 100;color: #666;font-size: 15px;
}

.ratStar{
margin: 4px 0 0 10px;
}

.reviewLightbox.overlay{
background: rgba(150,150,150,0.8);
}

.closeLb{
cursor:pointer; 
font-size:25px; color:#333; position:absolute;right:15px; top:9px;
-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;
}

.closeLb:hover{
color:#ca0000;
}


.lbWrap .mainButton{
margin: 20px 0 0;padding: 10px;max-width: 300px;
}



/*************** TESTIMONIALS *******************/

.testimonialsSection{
border-top:1px solid #ddd;
}

.testimonialsSection .mainTitle{
margin-top:10px;
}

.testimonialDiv{
position:absolute; left:0; top:0; width:100%;
}

.testHeight{
height:140px
}


/******* SHOPPING CART *********/

.cartDescr{
font-size:12px;
}


.sideCart {padding: 20px;color: #fff;background: #ca0000;position: fixed;top: 50%;left: 0;font-size: 20px;width: 65px;text-align: center;border-radius: 0 5px 5px 0;-webkit-transition: transition: width 0.6s ease;-moz-transition: width 0.6s ease-out;-o-transition: width 0.6s ease-out;transition: width 0.6s ease-out;text-align: right;
}

.sideCart .fo_font {font-size: 15px;line-height: 100%;margin-top: 5px;
}

.paypalCheckout {color: #193364;font-weight: bold;padding: 8px 0px;border-radius: 5px;text-decoration: none;width: 215px;max-width: 100%;font-style: italic;border: 2px solid #faa622;background: #fbeedb;background: -moz-linear-gradient(top, #fbeedb 1%, #f9bf6d 49%, #faa622 53%, #faa622 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbeedb), color-stop(49%,#f9bf6d), color-stop(53%,#faa622), color-stop(100%,#faa622));background: -webkit-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);background: -o-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);background: -ms-linear-gradient(top, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);background: linear-gradient(to bottom, #fbeedb 1%,#f9bf6d 49%,#faa622 53%,#faa622 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbeedb', endColorstr='#faa622',GradientType=0 );font-family: open sans;font-size: 20px;letter-spacing: -2px;text-transform: none;margin-top: 15px;display: block;text-align: center;cursor: pointer;
}

.cartHeader{
color:#fff;
background:#111;
} 

.pWrap, .delWrap {margin-top: 30px;
}

.qWrap{    
margin-top: 25px;
}

.cartRow{
border-bottom: 1px solid #ddd;
}

.removeProduct.fa:hover{
color:#ca0000;
}

.quantity.cartButtons .qty {width: 45px;height: 27px;font-size: 14px;    
}


.quantity.cartButtons{
transform: translate(10px, 0);-webkit-transform: translate(10px, 0);
}

.clientInfo .input_form{
margin: 10px auto;
border:1px solid #ccc;
}

.clientInfo select.input_form{
width:100%;
}

.cartLoading, .overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;color: #777;background: rgba(256,256,256,0.7);font-size: 40px;
}

.cartLoading{
z-index:9999999;
}


.overlay {
z-index:999;
}

.cartLoading .fa.absolute, .newItemWarp {left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
}

.applyCoupon{
font-size: 14px;padding: 8px 0;margin: 0 auto 0;
}

#couponCode{
border-radius:2px;;
}

#couponCode:focus{
border:1px solid #777;
outline:0;
}

.enterPromo{
padding-top: 25px;
}

.promoDescription{
margin-bottom:5px;
}

.lightGray {background: #e5e5e5;
}

.lighterGray {background: #eeeeee;
}




/*************** WARNINGS *****************/

.warning{
display:block; border:1px solid #f1d56f; background:#f6ebbb; border-radius:3px;
}

.warning.success{
border: 1px solid rgba(145, 169, 118, 0.25);background: #cfe8b2;
}

.warning .fa{
font-size:30px; 
margin-right:10px; 
color:#ebaa4a;
float:left;
}

.warning.success .fa{
color:#7cab47;

}

.warning span{
width: calc(100% - 50px);
width: -webkit-calc(100% - 50px);float: left;
}

.warning:after{
visibility: hidden;
content:' ';
font-size: 0;
display:block;
height:0;
clear:both;
}

#prodResponse{
margin:5px;
display:none;
}

#cartErrors{
margin-right:20px;
display:none;
}

.promoError{
color:#e22e31;
display:none;
}

.maxStock{
display:none;
}


/***************BLOG AND ARTICLES *******************/

.blogSection .pDesc{
height:160px;
} 

.blogSection .pDesc .title{
font-size:16px;
color:#111111;
}

.blogSection .description{
font-weight: 600;margin-top: 10px;font-size: 14px;color: #888;
}

.blogSection .articleCredits{
color:#ca0000;
font-weight:600;
position:absolute;
bottom:10px;
left:15px;  

}

.articleCredits span{
color: #666;

}

.articleSection .galleryWrap{
height: 10vh;
}


.videosContainer iframe, .videosContainer embed{
width: 100% !important;
height:35vh !important;
margin-bottom:15px;
}


.fMargin15{
margin-top:15px;
margin-right:15px;
}
.pImg {height: 220px;overflow: hidden;
}

.prodWrap {display: block;position: relative;border: 1px solid #CCC;
}
.blogSection .pDesc {height: 160px;
overflow:hidden;
}

.Ysquare {padding: 10px 20px;background: #ca0000;color: #fff;font-size: 15px;font-weight: 600;position: absolute;right: 0;bottom: 0;text-align: center;
}


/***************CONTACT***************/

#contact .mainTitle, #contact .description{
text-align:center;
}

#contact .mainTitle{
margin-bottom:10px;
}

#contact .description{
margin-bottom:35px;
}


.fill_form{
border: 1px solid #ddd;
border-radius:2px;
display:block;
padding: 12px 10px;
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);margin-bottom: 15px;
}

textarea.fill_form{
min-height:180px;
}

.capXP{
max-height:41px;
max-width:100%
}

#contact .contact_form .send_btn{
padding: 11px 10px 12px 10px;margin: 0 auto;border-radius: 2px;text-align: center;
min-width:180px;
}

.adjustFields{
margin-top:-52px;
}

#shadow{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
background:rgba(0,0,0,0.6);
display:none;
}

#popUpCont{
position: fixed;
z-index: 100000000;
width:90%;
max-width: 656px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background:#fbfbfb;
font-family: 'Source Sans Pro', sans-serif;
display: none;-webkit-backface-visibility: hidden;visibility: initial;
}


.Inscription{
color:white;
padding: 14px 30px;
font-size:20px;
font-weight:400;
font-family:  'Roboto', sans-serif;
}

.blueBar{
background: #32aee9;
}

.textbox{
border:1px #d4d4d4 solid;
margin:10px 0px;
padding:7px;
}

.info{
font-weight:300 !important;
font-size:18px;
color: gray;
font-family:  'Roboto', sans-serif;
}

.inputs{
padding-top: 13px;
width: 305px;
}

.form2 {padding: 10px 10px 10px 30px;
}

.form2 button{
background: #f06862;
color: #FFF;
font-family:  'Roboto', sans-serif;
padding: 10px 20px;
border-radius: 5px;
border: 1px solid #e35d58;
font-size:16px;
cursor:pointer;
margin:18px 0 10px;
}

.form2 input{background: #FFF;height: 30px;width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);border-radius: 5px;margin-bottom: 10px;
}

.form2Title{
font-family: Roboto;
font-weight: 300;
font-size: 20px;
margin-top: 20px;
margin-bottom: 14px;
color: #32AEE9;
}


.thankyou{
font-size:18px;
font-weight:500;
}

.coursToggle{
margin-top: 34px;padding: 0 20px 30px 20px;
}

.mainLinks h3{
font-weight: 300; 
}

.mainLinks h3.bold_title{
font-weight: 700; 
}

.mainTitles{
cursor: pointer;
padding: 5px;
}

.plugin{
text-align: center; 
}


/********** RETAILERS & EVENTS *********/

#retailerMap{
width: 100%; height: 500px; position: relative; overflow: hidden;
}

.retWrapper{
line-height: 150%;font-size: 15px;
color: #333;
overflow: hidden;
height:140px;

} 

.retWrapper p:first-of-type{
margin-top:10px;
}

.retWrapper.events{
height: 260px;
}

.eventThumb{
height:100px; 
margin-bottom:10px;
}

.readMore{
border:1px solid #ccc; border-radius:2px; margin-top:10px; padding: 3px 8px; display:inline-block; font-size:13px;
-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;
}

.retWrapper:hover .readMore{
border:1px solid #ca0000;
color:#fff;
background:#ca0000;
}

.retWrapper:hover{
box-shadow: -1px 2px 6px -2px rgba(0,0,0,0.5);
}



#eventMap{
height:600px;
}

.eventDetails .mainTitle{
font-weight:500;
font-size:40px;
margin-bottom:15px;
}

.eventDetails .content p{
padding:5px 0;
line-height: 140%;
}
.content p{
padding:5px 0;
line-height: 140%;
}

.descTitle{
color:#ca0000;border-top: 1px solid #ca0000;padding-top: 10px;margin-bottom: 10px;
}




/*********** MEDIA COVERAGE ************/

.sideMenu li{
	border-bottom: 1px solid #ddd;
  	display:block;
}

.sideMenu li a {
	display:block;
  	color:#333;
  	padding:10px; 15px;
  	text-transform:uppercase;
  	font-size:15px;
  	font-weight:500;
}

.sideMenu li a.active, .sideMenu li a:hover{
	color:#ca0000;
}

.media{
	margin-bottom: 50px;
    padding: 0 0 50px 0;
  	text-align:center;
  	background:#e7e7e7;
  	-webkit-transform: translateY(-20px);
  	transform: translateY(-20px);
}

.media_top{
	background:#ca0000;
}

.media_top .accentTitle{
	color:#fff;
}

.media .description{
	margin-bottom:20px;
}


.mediaVid{
	height:100%;
}


.mcFit{
	height:33vh;
}

.mcFit embed, .mcFit iframe {
    width: 100% !important;
    height: 100% !important;
}

.mediaIcon{
	height:80px;
  	padding: 0 20px;
  	margin:15px 0;
}

.mediaIcon .img-responsive{
	object-fit:contain;
  	object-position: center;
  filter: grayscale(100%);
}


.mediaIcon .img-responsive:hover{
	filter: grayscale(0);
}

.source:hover{
	color:#ca0000;
  	text-decoration:underline;
}


.full_fit iframe, .full_fit embed{
  width: 100% !important;
  height:50vh !important;

}


.half_fit iframe, .half_fit embed{
  width: 100% !important;
  height:30vh !important;

}

.divider{
	border-bottom: 1px solid #ddd;
    padding-top: 30px;
}


/*********** FOOTER ************/

footer a{
color:#fff;
}

footer ul{
margin-top:15px;
}

footer ul li{
margin-bottom:5px;
}

.paddingFooter{
padding: 40px 0;
}

.footerBg{
background: #181615;
color:#ddd;
font-size:12px
}

.footerBg h4{
font-size:14px;
margin-bottom:10px
}

.contFooter .mainTitle {text-transform: uppercase;font-weight: bold;font-size: 17px;margin-bottom: 20px;
color:#ffffff;
}

.socialmedia{
margin-top:10px;
}

.socialmedia a{
font-size: 23px;margin-right: 5px;

}

footer input, footer textarea, .input_form {display: block;padding: 8px 10px;border: 1px solid #eee;border-radius: 2px;width: 90%;width: calc(100% - 22px);width: -webkit-calc(100% - 22px);margin-bottom: 5px;
}

footer textarea{
height:100px;
font-family: Montserrat, sans-serif;
}



.contact_form label{font-weight: 600;margin: 9px 0 3px 0;font-size: 13px;display: block;
}

.contact_form .send_btn {display: block;color: #ffffff;padding: 8px 50px;cursor: pointer;border-radius: 2px;
margin: 10px 0 20px 0;background: #ca0000;text-transform: uppercase;
}

.phone_footer .fa {vertical-align: middle;-ms-transform: rotate(10deg);-webkit-transform: rotate(10deg);transform: rotate(10deg);
}

.contacInfo{
font-size:14px;
}


.contacInfo h3{text-transform: uppercase;/*color: #F0BD40;*/
}

.contacInfo p{
padding: 3px 0;
font-weight: 500;font-size: 15px;
word-wrap: break-word;
}

.contacInfo p .fa{
padding: 5px 0;color: #ca0000;
font-size:16px;
}



.contacInfo table{
margin:10px 0;border:0;border:none;
border-collapse:collapse;
border-spacing:0;
width:100%;
margin:10px 0;
}

.contacInfo table.opHours{
width:auto;
}

.contacInfo table td{padding: 3px;padding: 3px;
vertical-align:top;
}

.contacInfo table.opHours td:first-of-type{
width: 49%;
}
.contacInfo table.contactTable td:nth-of-type(2){
width: 70%;
}



.openingHours{
color:#ca0000;
}

#sentMsg{font-size: 16px;font-weight: 500;
color: #ca0000;margin: -10px 0 10px 0;
text-align:center;
}

#map{
width:100%; height:400px; 

}

.sMedia{
font-size:24px;
}



.socialIcon{margin: 8px 8px 0 0;color: #777777;display: inline-block;width: 40px;height: 35px;text-align: center;background: #ca0000;border-radius: 50%;vertical-align: sub;padding-top: 5px;  -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;

}

.socialIcon:hover{
opacity:0.8;
}



.copyRight{
background:#111111;
color:#eee;
font-size:11px;
text-align:center;
}

.copyRight a{
color:#eee;
text-decoration:none;
}

.copyRight a:hover{
opacity:0.8;
}

.contFooter .footer_newsletter .mainTitle{
font-size:18px;
margin-bottom:10px
}

.footer_newsletter .description {font-size: 14px;color: #aaa;font-weight: 100;
margin-bottom:20px;
margin-top: 10px;
}

.footer_newsletter .newsletter .input_form {padding: 11px 8px;border: 1px solid rgba(150,150,150,0.3);width: calc(100% - 15px);width: -webkit-calc(100% - 15px);border-radius: 3px 0 0 3px;
border:none;
background: rgba(256,256,256,0.1);
}

.footer_newsletter .contact_form.newsletter .send_btn {border-radius: 0 2px 2px 0;font-size: 12px;
}

.footer_newsletter #sentMsg2{
text-align:left;
}

.footer_description {color: #404040;font-size: 14px;text-align: center;padding-bottom: 10px;
}


.send_btn, .mainButton{
-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;
}

.send_btn:hover{
opacity:0.75;
}

.mainButton:hover{
opacity:0.85;
}

@media (max-width:1024px){

.media {
    text-align:center;
}

  .mediaVid{
  	margin-top:20px;
  }

  
  .mcFit{
  	height: 40vh;
  }
  
  .leftMedia {
    position: static;
  }

.galHeight{
height:450px;
}

.banner.inner {height: 50vh;
}


.navigation{
display:none;
}



.navigation ul {
position: absolute;z-index: 500;background: #fff;right: 0;bottom: 0;transform: translate(0, 100%);-webkit-transform: translate(0, 100%);width: 100% !important;max-width: 400px !important;box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
}



.navigation li a{
padding: 20px;margin:0;
border:0;
}

.navigation li a.active_nav {border:0;
}

.navigation li{
display:block;
float: none;
}

.navigation li.desktopLogo{
display:none;
}

.navigation li a:hover{background: #ca0000;color:#ffffff;
}

.subMenu{
display:block;bottom:168px;
}

.menuSection .mainButton.floatRight{
float:none;
}

.logoTag img, .leftSite .logoTag img{
max-width: 90%;max-height: 90px;

}

.aboutLeft{
padding: 35px 25px 25px 25px;
}

.serviceIcon{
position: static;
margin: auto;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}

.serviceIcon{
position: static;
margin: auto;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}

.serviceIcon.first, .serviceIcon.second{
position: absolute;
top:0;
left:50%;
margin: auto;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

.serviceContent{
margin: 0 0 25px 0;
}

.serviceContent.first, .serviceContent.second{
margin: 25px 0;
}

.articleSection .galleryWrap{  height: 20vh;
}


.gallery_content.right {  right: 30px;
}  
.gallery_content.left {  left: 30px;
}  

.aboutSection.gal img {height: 80%;position: absolute;z-index: 0;bottom: 0;
}

.aboutSection.gal img.floatRight{
right:0;
}


.aboutSection.gal img.floatLeft{
left:0;
} 


.gallery_content{
max-width: 55%;
}

.gallery_content h3{
font-size:25px;
}
  
  
   header{
  	height:85px;
  }
  
  .logo_title img{
  	object-fit: contain;
    height: 100%;
  }
  

.gallery_content p{
text-shadow: -1px 2px 4px #000;

}

}

@media (max-width:640px){
    
    .aboutSection .mainTitle {
       line-height: 50px;
    }
  
   .fb-comments-dv,.mainVidFit{
  	display:none
  }
  
  .prodPreview {
    height: 275px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /* box-shadow: -1px 2px 6px -2px rgba(0,0,0,0.5); */
}
  
  .productsPage {
    padding: 10px 0 !important;
}
  
  .productThumb {
    
}
  
  .productsPage .mainTitle {
   color: #ca0000;
    font-size: 32px;
    border-bottom: 1px solid #ca0000;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    line-height: 33px;
    padding-bottom: 10px;
}
  
  .thumPrice.large {
    font-size: 24px;
}
  
  .prodOptions {
    width: 100%;
}

.logo {
  padding: 7px 15px;
  max-height: 50px;
}

h3.startPrice{
	font-size: 21px;
}

.priceDesc {
  font-size: 14px;
  font-weight: 600;
}

.bannerPrice {
  position: absolute;
  z-index: 30;
  bottom: 0;
  right: 0;
  padding: 8px 0 8px;
  background: rgba(226, 0, 125, 0.76);
  width: 190px;
  text-align: center;
}

.banner.inner {
  height: 355px;
}

.answerBtn{
margin-top:20px;
}

.blueTop a.noMob, .noMob{
	display:none;
}

.txtLogo{
	margin-top:0;
}
  
.banner {
  height: 230px;
}
  
.bannerCaption{
	bottom:20px;
	font-size: 11px;
}

.bannerCaption .white h2 {
  font-size: 14px;
}

#banner_footer {
  position: absolute;
  bottom: -5px;
  padding: 14px 0;
  font-size: 12px;
}
  
#banner_footer img {
  height: 25px;
  margin: 0 5px;
}

.mainMenu.col-mob-4{
	width:100% !important;
	max-width:100% !important;

}

.collectionTitle {
  font-size: 19px;
}


.bgDark{
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.socialIcon{
	margin:0 10px 8px 0;
	display: inline-block;
}
  
.socialIcon:first-of-type {
  margin: 0 10px 8px 0;
}

.serviceIcon.second{
  position: static;
  margin: auto;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
  
.serviceContent.second{
	padding: 0 0 25px 0;
}

.teamContact{
	display:block;
}

.fMargin15{
	margin-right:0;
}

.contact_form.newsletter .send_btn{
	margin-top:10px;
}

.gallery_content {
  max-width: 45%;
}

.starsLeft.floatLeft{
  float: none;
  margin-bottom: 10px;
  margin-top: -10px;
}

.floatLeft.commentsRight{
	float:none;
  	width:100%;
}
  
   .mcFit{
  	height: 33vh;
  }
  
  .full_fit iframe, .full_fit embed{
 
  height:35vh !important;

	}
  
  .accentTitle {
    font-size: 30px;
	}
	  
  .tab {
    padding: 5px 5px;
    font-size: 11px;
 }
  .tab.active {
    padding: 7px 5px;
  }

 


} 
#banner, #banner2, #banner3{ overflow:hidden; opacity:0; transition:opacity ease-out 0.6s;} 