/* Copyright (c) 2013 Increment Web Services - http://incrementwebservices.com/ - Released under the MIT license: http://www.opensource.org/licenses/mit-license.php */


/* Colors */
a,.color,.product-price-big{color:#28b4ff}

.screen-reader{position:absolute;left:-9999px;top:-9999px}


/* Modal - Classweb */
.promo-box {
	width:100%;
	height:275px;
	/*display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;*/
  border-radius: 5px;
  margin-bottom:10px;
  background-color:#333;
  overflow: hidden;
/*    background-image: -webkit-linear-gradient(0deg, rgba(30, 169, 230, .81), hsla(0, 0%, 100%, 0) 60%);
  background-image: linear-gradient(90deg, rgba(30, 169, 230, .81), hsla(0, 0%, 100%, 0) 60%);*/
}
.promo-container {
	width:55%;
	height:auto;
	text-align:center;
	padding:15px;
	float:right;
	height:100%;
		display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

}
.promo-catchphrase {
	color:#fff;
	margin-top:0px;
	font-weight: 700;
	text-transform: uppercase;
}
.promo-dollar {
	color:#1ea9e6;
}
.promo-desc {
	font-size:18px;
	line-height: 24px;
	color:#fff;
}
.promo-button {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 16px 20px 16px 65px;
  border-radius: 5px;
  background-color: #1ea9e6;
  background-image: url('../../images/icone-infinite.png');
  background-position: 13px 16px;
  background-size: 40px;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 16px;
  font-weight: 500;
  animation: glowing 3000ms infinite;
}
@keyframes glowing {
  0% { box-shadow: 0 0 -10px #1ea9e6; }
  40% { box-shadow: 0 0 20px #1ea9e6; }
  60% { box-shadow: 0 0 20px #1ea9e6; }
  100% { box-shadow: 0 0 -10px #1ea9e6; }
}
.promo-button:hover {
  background-color:#097fb3;
}
.modal-checkout {
  display: inline-block;
  padding: 6px 11px;
  border: 2px solid #1ea9e6;
  border-radius: 5px;
  background-color: #1ea9e6;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
}
.modal-checkout:hover {
  border-color: #097fb3;
  background-color: #097fb3;
}
.modal-other-buttons {
  padding: 6px 11px;
  border: 2px solid #1ea9e6;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #1ea9e6;
  text-decoration: none;
}
.modal-other-buttons:hover {
  border-color: #a0a0a0;
  color: #a0a0a0;
}
.modal-video-container {
	width:45%;
	float:left;
	height:300px;
	overflow: hidden;
	position: relative;
}
.modal-actual-video {
	position:absolute;
	left:-100px;
}
.notice {
	text-align:center;
	font-size:16px;
	line-height: 24px;
}
.success {
  padding:10px;
  font-weight: bold;
  border:1px solid #8dd28d;
  background-color:#cbf4cb;
}

/*Code promo checkout*/
.codepromo-title {
  color:#333 !important;
  display: block !important;
}
.coupon-input.w-button.ghost-button {
  background-color:#fff !important;
  color:#097fb3 !important;
  font-size:14px;
}
.coupon-input.w-button.ghost-button:hover {
  background-color:#fff !important;
}
#paypal {
  font-size:15px;
}
.coupon-box {
  border:dashed #ccc 1px;
  padding:10px;
  float:right;
  margin-bottom:24px;
}
.free-order {
  font-size:15px;
}

/* Transitions */
.nav-button,.nav,.cart-remove{-moz-transition:background-color .15s linear;
-webkit-transition:background-color .15s linear;
transition:background-color .15s linear}

/* Grid */
.columns{min-height:1px;display:block;float:left;margin-top:24px;padding:0 8px}
.columns:last-of-type{float:right}
.one{width:80px}
.two{width:160px}
.three{width:240px}
.four{width:320px}
.five{width:400px}
.six{width:480px}
.seven{width:560px}
.eight{width:640px}
.nine{width:720px}
.ten{width:800px}
.eleven{width:880px}
.twelve{width:960px}
.left-gutter{padding-left:24px}

/* Product Page */
.products-hr{border-bottom:1px solid #e8e8e8}
.products-linear>.columns{padding-top:24px;border-top:1px solid #e8e8e8}
.product-image-full{width:384px;border:1px solid #e8e8e8;text-align:center}
.product-image-preview{vertical-align:top}
.product-headline{font-size:23px;margin-bottom:8px;color:#444}
.product-details{padding-top:16px;border-top:1px solid #e8e8e8}
.product-price-big{float:left;font-size:29px;font-weight:600;margin-bottom:0}
.quantity-label{display:inline-block;line-height:38px;vertical-align:top;color:#999}
.product-quantity{width:48px;height:38px;margin-right:12px;margin-left:8px;line-height:26px;text-align:center}
.product-add{width:150px;vertical-align:top}
.product-options{padding-top:4px;font-size:0}
.product-options>label{display:inline-block;margin-top:12px;font-weight:600}
.product-options>input,.product-options>select,.product-options>textarea{display:block;min-width:268px;margin-top:4px}
.product-options>input[type="text"],.product-options>textarea{width:100%}
.product-options>input:last-child,.product-options>select:last-child,.product-options>textarea:last-child{margin-bottom:0}
.product-options>.radio-label{margin-top:0;margin-right:24px;line-height:27px;font-weight:400}
.radio-label>input[type="radio"]{margin-right:12px;vertical-align:-1px}
.product-options>textarea{height:100px;resize:vertical}
.product-options>p{margin-top:12px}

/* Shopping Cart */
.col-remove{width:5%;padding-right:0;padding-left:0;vertical-align:top;text-align:center}
.col-desc{width:55%;text-align:left;vertical-align:top}
.col-quantity{width:12%;text-align:center}
.col-price,.col-subtotal,.col-total,.col-extras{width:14%;text-align:right}
.col-discount{color:#008000}
.row-sub-total,.row-extras,.row-total{background-color:#f8f8f8}
.row-sub-total>td,.row-extras>td{padding-top:2px;padding-bottom:2px}
.row-total>td{padding-top:5px;padding-bottom:5px}
.col-extras-label{width:86%;text-align:right;text-transform:uppercase;}
.col-total-label{width:86%;text-align:right;text-transform:uppercase;font-weight:700}
.col-total{text-align:right;font-weight:700}
.cart-remove{display:inline-block;width:17px;height:17px;overflow:hidden;line-height:16px;margin-top:1px;background-color:#bbb;font-size:21px;font-weight:bold;color:#fff}
.cart-remove:hover,.cart-remove:focus{background-color:#ff0000;text-decoration:none}
.cart-thumb{display:block;float:left;border:1px solid #d4d4d4;margin-right:24px;font-size:12px}
.cart-thumb>img{vertical-align:top}
.desc-box{float:left;font-size:16px;line-height:20px}
.quantity-input{width:48px;text-align:center}
.subtract{margin-right:1px;vertical-align:1px}
.cart-operations{padding-top:24px}
.update-box{float:right;padding-right:16px}
.update-box,.checkout-box,.continue-box{height:38px}
.coupon-input{width:225px;height:38px;padding:6px 12px}
.coupon-button{vertical-align:top}
.button.coupon-button{margin-left:-1px;box-shadow:inset 0 1px #fdfdfd,inset 0 0 0 1px #eaeaea}
.button.coupon-button:active{box-shadow:inset 0 0 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(0,0,0,.4),0 1px #fff}
.checkout-box{float:right}
.checkout-button{width:156px}
.continue-box,.edit-cart-box{float:left;padding-right:16px}
.compare-price{text-decoration:line-through;color:#dd5a58;}
.cart-table {
  display: block;
  height: 200px;
  overflow-y: scroll;
  width:100%;
}
.cart-table::-webkit-scrollbar {
    -webkit-appearance: none;
}

.cart-table::-webkit-scrollbar:vertical {
    width: 11px;
}

.cart-table::-webkit-scrollbar:horizontal {
    height: 11px;
}

.cart-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}