body{font-family: "bashsemilight",sans-serif;font-size: 1.2rem;line-height: 2.2rem;color:#000;}
.container-primary{padding:0 15px}


/* Stream Iframes*/
@media (min-width: 1024px) {
	.stream-frames{overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:33%}
	.stream-content-col{position:absolute;right:1.5%;width:30%}
}
@media (max-width: 768px) {
	.stream-content-col{position:relative;left:0;right:0}
}
.stream-frames #streamframe{position:relative;z-index:2}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:5px;padding-left:5px}
hr.small-margin{margin-top:10px;margin-bottom:10px}
.box-shadow{box-shadow: 0 13px 27px -5px rgba(118,118,118,0.25), 0 8px 16px -8px rgba(255,255,255,0.3), 0 -6px 16px -6px rgba(0,0,0,.025);}
.transition-primary{transition:all .3s linear}
@media (max-width: 768px) {
	body{padding-top:225px}
	.box-shadow-xs{box-shadow: 0 13px 27px -5px rgba(118,118,118,0.25), 0 8px 16px -8px rgba(255,255,255,0.3), 0 -6px 16px -6px rgba(0,0,0,.025);}
	/*.stream-frame-col{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;bottom: initial;}*/
	.container-primary{padding:0 5px;overflow-x:hidden}
	.stream-frames{position:fixed;top:0;left:0;right:0;z-index:10}
	.stream-frames #streamBackground{display:none}
	.stream-frames #streamframe{background:#fff}
	
	/* .checkoutTW-active{padding-top:0} */
	/* .checkoutTW-active .stream-frames{position:relative} */
	/* .checkoutTW-active .bbstream-header{position:relative} */
	/* .checkoutTW-active .bbstream-wrapper{padding-top:0} */
}


.title-default, .title-primary, b, strong{}
b, strong{font-family:"bashbold"}
h1.title-primary{font-size:5rem;line-height: 7.5rem;}
.title-default{font-size:2rem;}
@media (max-width: 768px) {
	h1.title-primary{font-size:3rem;line-height:4.5rem;}
	.bbstream-wrapper{padding:0 15px 50px}
}

.bbstream-wrapper{padding:300px 0 0}
.bbstream-header{position:fixed;top:0;right:15px;z-index:10;background:#fff;left:calc(66% + 30px)}
@media (max-width: 768px) {
	.bbstream-wrapper{padding:0 15px}
	.bbstream-header{top:300px;left:0;right:0}
	
	/* .checkoutTW-active .bbstream-header{position:relative} */
}

ul.toggle-menu{margin:0}
ul.toggle-menu > li{display:inline-block;width:32%;text-align:center;box-sizing:border-box}
ul.toggle-menu > li a.toggle-link{display:block;padding:10px 0;text-transform:uppercase;color:#000;border-bottom:1px #eee solid}
ul.toggle-menu > li a.toggle-link.active, ul.toggle-menu > li a.toggle-link:hover{border-bottom:2px #000 solid}
@media (max-width: 768px) {
	ul.toggle-menu{margin:0}
	.toggle-wrapper{margin-bottom:50px}
}

a.toggle-link span.total_cart_quantity{display: inline-block;background: #000;color: #fff;padding: 0;border-radius: 100%;height:20px;width:20px;font-size:9px;font-weight:600;line-height: 20px;text-align: center;vertical-align:top}
/* Products */
.close-product-preview{display:none}
.product-wrapper{position:relative;padding:10px}
.product-wrapper:hover{background:#fafafa}
.product-content{padding:15px 15px 0 15px;overflow:hidden}
.product-description{display:none}
.product-name{font-size:2rem;text-transform: lowercase;margin: 0;font-weight: 400;}
.product-name small{font-size:.9rem;text-transform: uppercase;}
.product-declinaisons{margin:25px 0 0px}
.select-color, .select-size{text-transform:lowercase}
.product-size{}
.product-price{font-size:1.1rem;text-transform: uppercase;}
@media (max-width: 768px) {
	.product-content{padding:5px 10px}
}

body.product-preview{overflow:hidden}
.product-wrapper.preview{position:fixed;top:0;left:66%;right:0;bottom:0;z-index: 999;background: #fff;padding:0;overflow-y:scroll;padding-bottom:500px}
.product-wrapper.preview .show-product-preview{display:none}
.product-wrapper.preview .close-product-preview{display: inline-block;position:fixed;top: 20px;right:20px;z-index: 3;background: #fff;padding:5px 15px;font-family:bashbold}
.product-wrapper.preview .product-picture{width:100% !important}
.product-wrapper.preview .product-name{font-size:30px;margin-top:5px}
.product-wrapper.preview .product-price{}
.product-wrapper.preview .product-description{font-size:11px;display:block}
.product-wrapper.preview .product-content{width:auto !important;background:#fff}
@media (min-width: 1024px) {
	.product-wrapper.preview .product-content{position: fixed;left: calc(66% + 15px);right: 35px;bottom:20px;}
}

.product-wrapper.preview .product-content .product-declinaisons{}
.product-wrapper.preview .product-content .decli-selector-wrapper{width: 50% !important;float: left;padding: 0 5px !important;}
.product-wrapper.preview .product-cta-wrapper{}
.product-wrapper.preview .product-cta-wrapper .custom-select{}

@media (max-width: 768px) {
	.product-wrapper.preview{left:0;padding-bottom:50px}
	.product-wrapper.preview .close-product-preview{right:0}
	.product-wrapper.preview .product-description{font-size:14px;}
}

.product-wrapper .product-confirm{display:none}
.product-wrapper.addToCart-confirm .product-cta{display:none}
.product-wrapper.addToCart-confirm .product-confirm{display:block}
/* .product-wrapper .product-confirm{transform:translateX(-150%) translateY(-35px)} */
/* .product-wrapper.addToCart-confirm .product-cta{transform:translateX(-150%)} */
/* .product-wrapper.addToCart-confirm .product-confirm{transform:translateX(0) translateY(-35px)} */

/* Form */
a, a:visited{color:#000}
a.btn{border-radius:0;color:#fff;border:none;padding:10px 15px;font-size:11px}
a.btn-small{padding:5px 10px !important}
a.btn:hover{text-decoration:underline}
.notice-primary{color:#898989}
.btn-light{color:#000;text-transform:lowercase;text-decoration:underline}
.btn-primary{background:#000;text-transform:uppercase}
.btn-primary:hover{background:#000}
.btn-inverse{background:none;border:1px #000 solid !important;text-transform: uppercase;color: #000 !important;}
.custom-select, .custom-select:focus{font-size:11px;background:none;border:none;border-radius:0;outline:none;width:100%;border-bottom:1px #000 solid;padding:5px 0;-webkit-box-shadow:initial;box-shadow:initial;}
@media (max-width: 768px) {
	.custom-select{-webkit-box-shadow:initial;box-shadow:initial;font-size:16px;background:url(../img/icon/icon-down.png) right center no-repeat;background-size:10px;}
	.custom-select:focus{-webkit-box-shadow:initial;box-shadow:initial;font-size:16px}
	a.btn{padding:15px}
	a.btn-small{padding:5px 10px !important}
}

.form-group{position:relative}
.form-group label{z-index:1;text-transform:uppercase;font-size:10px;margin:0;font-family:'bashbold';}
.form-group input{color:#000;border:none;position:relative;z-index:2;background:none;border:1px #e7e7e7 solid;border-bottom:1px #000 solid;box-shadow:none;border-radius:0;height:35px}
.form-group input:focus{box-shadow:none;border:none;border-bottom:2px #000 solid}
.form-group input.active{border-bottom:2px #000 solid}
.form-group input:focus + label{transform:translateY(-55px) translateX(0px)}
.form-group input.error-input{border-bottom:2px #ff0000 solid}
@media (max-width: 768px) {
	.form-group input, .form-group input:focus{-webkit-box-shadow:initial;box-shadow:initial;-webkit-appearance: none;font-size:16px;height:40px;line-height:40px}
}

/* Checkout */
.notice-cart-empty{color: #e61717;padding: 15px;text-align: center;font-size: 18px;text-transform: lowercase;}
.checkout-products .product-wrapper{padding:10px 5px}
.checkout-products hr:last-child{display:none}
.toggle-content#checkout{margin-bottom:25px;}
.toggle-content#checkout .toggle-menu{margin:0 0 25px}
.toggle-content-checkoutTW{padding:0 10px 10px}

.jsCart-PaymentError{color: #e61717;padding: 15px;text-align: center;font-size: 18px;text-transform: lowercase;}
.delivery-carrier-logos{padding-top:25px}

.jsCart-DeliveryForm .delivery-carrier-logos{padding-top:10px}
@media (max-width: 768px) {
	.toggle-content#checkout{}
}


/* Confirmation */
.bbsconfirmation-wrapper{}
.bbsconfirmation-wrapper .title-default{}
.bbsconfirmation-wrapper h1{font-family:"bashbold";text-transform:uppercase}
@media (max-width: 768px) {
	.bbsconfirmation-wrapper{}
}