@charset "utf-8";
/* CSS Document */

/* FEILDS */
input{background-color:#E6E6E6;}
input.error{background-color:#FCD0C7;}

textarea{background-color:#E6E6E6;}
textarea.error{background-color:#FCD0C7;}

.slct{background-color:#E6E6E6;}

div.checkbox{margin:6px 10px 5px 0px;}
div.checkbox label{background-color:#E6E6E6;}
div.checkbox.error label{background-color:#FCD0C7;}

label.txt{display:inline-block; font-size:12px; line-height:16px; margin:0px 0px 5px 0px;}

/* ALL */
section.page div.lside{width:-moz-calc(100% - 655px); width:-webkit-calc(100% - 655px); width:-o-calc(100% - 655px); width:calc(100% - 655px); position:relative; float:left; padding:0px; margin:0px 15px 30px 0px;}
section.page div.rside{width:640px; position:relative; float:left; padding:0px; margin:0px 0px 30px 0px;}

section.page div.lside.full{width:auto; float:none; margin:0px 0px 30px 0px;}
section.page div.rside.full{width:auto; float:none; margin:0px;}

/* --- GALLERY --- */
section.page div.lside .box{position:relative; padding:0px; margin:0px;}

section.page div.lside .box .bx-wrapper{position:relative; padding:0px; margin:0px; *zoom:1;}
section.page div.lside .box .bx-wrapper .bx-loading{width:100%; min-width:32px; height:100%; min-height:32px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:2000;}
section.page div.lside .box .bx-wrapper .bx-viewport{width:100%; height:100%; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
section.page div.lside .box .bx-wrapper .bx-viewport ul,
section.page div.lside .box .bx-wrapper .bx-viewport ul li{display:-webkit-flex; display:flex; position:relative; list-style:none; padding:0px; margin:0px; -webkit-align-items:center; align-items:center;}
section.page div.lside .box .bx-wrapper .bx-viewport ul li img{width:100%; max-width:100%; display:block; position:relative; padding:0px; margin:0px;}
section.page div.lside .box .bx-wrapper .bx-viewport ul li .video{width:100%; height:0px; position:relative; padding-top:25px; padding-bottom:56.25%;}
section.page div.lside .box .bx-wrapper .bx-viewport ul li .video iframe{width:100%; height:100%; position:absolute; top:0px; left:0px;}
section.page div.lside .box .bx-wrapper .bx-viewport ul li .gallery{display:block; position:relative; cursor:zoom-in;}
section.page div.lside .box .bx-wrapper .bx-viewport ul li .gallery::after{position:absolute; content:"\1F50D"; right:10px; bottom:10px; background:rgba(0, 0, 0, 0.6); font-size:22px; color:#fff; line-height:1; padding:6px; border-radius:50%; pointer-events:none;}

/* === LABELS === */
section.page div.lside .box .label{display:block; position:absolute; left:0px; top:30px; padding:0px; margin:0px; z-index:999;}

section.page div.lside .box .label span{display:block; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:16px; padding:0px 8px 2px 8px; margin:0px 0px 3px 0px;}
section.page div.lside .box .label span.new{background-color:#3da330;}
section.page div.lside .box .label span.top{background-color:#6eabff;}
section.page div.lside .box .label span.promo{background-color:#c30027;}

/* === THUMBS === */
section.page div.lside .thumbs{position:relative; padding:0px; margin:15px 0px 0px 0px;}

section.page div.lside .thumbs a{max-width:115px; display:block; position:relative; float:left; border:1px solid #0860a8; padding:0px; margin:0px 0px 10px 10px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.lside .thumbs a:nth-of-type(5n + 1){clear:left; padding:0px; margin:0px 0px 10px 0px;}
section.page div.lside .thumbs a p{width:0px; height:0px; display:none; position:absolute; left:50%; top:0px;  border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #0860a8; padding:0px; margin:-6px 0px 0px -6px; z-index:99;}
section.page div.lside .thumbs a img{display:block; position:relative; padding:0px; margin:0px; z-index:1;}

section.page div.lside .thumbs a:hover{border:1px solid #B7CCF1;}
section.page div.lside .thumbs a.active{border:1px solid #0860a8;}
section.page div.lside .thumbs a.active p{display:block;}

/* --- INFO --- */
section.page div.rside div.description{padding:0px; margin:15px 0px 0px 0px;}
section.page div.rside a.button.full{display:block; text-align:center;}

/* === BOX === */
section.page div.rside div.box{width:-moz-calc(100% - 130px); width:-webkit-calc(100% - 130px); width:-o-calc(100% - 130px); width:calc(100% - 130px); float:left; padding:0px; margin:0px 10px 0px 0px;}
section.page div.rside div.box span.sku{display:block; float:left; background-color:#2e2e2e; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; vertical-align:middle; padding:2px 10px; margin:0px 10px 0px 0px;}

/* === STATUS === */
section.page div.box span.status{display:block; float:left; font-family:'OpenSansLight'; font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; vertical-align:middle; line-height:24px; padding:0px; margin:0px;}

section.page div.box span.status em{width:16px; height:16px; display:inline-block; background-image:url("../../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:text-top; padding:0px; margin:0px 5px 0px 0px;}
section.page div.box span.status em.warning{background-position:-182px 0px;}
section.page div.box span.status em.available{background-position:-150px 0px;}
section.page div.box span.status em.exhausted{background-position:-166px 0px;}

/* === LIKE === */
section.page div.box a.like{display:block; clear:left; ont-size:14px; color:#333; text-decoration:none; padding:0px; margin:15px 0px 0px 0px;}
section.page div.box a.like em{width:17px; height:16px; background-image:url("../../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:middle; margin:0px 10px 0px 0px;}
section.page div.box a.like img{display:inline-block;}

section.page div.box a.like.yes{color:#e2001a; text-decoration:none;}
section.page div.box a.like.yes em{display:inline-block; background-position:-215px 0px;}

section.page div.box a.like.no{color:#000; text-decoration:none;}
section.page div.box a.like.no em{display:inline-block; background-position:-198px 0px;}

section.page div.box a.like:hover{color:#0860a8; text-decoration:none;}

/* === BRAND === */
section.page a.brand{max-width:120px; position:relative; float:right; padding:0px; margin:0px;}
section.page a.brand img{display:block; padding:0px; margin:0px 10px 0px 0px;}

/* === PRICE === */
section.page div.rside .price{background-color:#28166f; font-size:12px; color:#999; text-decoration:none; line-height:16px; padding:10px; margin:15px 0px 0px 0px;}
section.page div.rside .price span{width:33.3334%; display:block; position:relative; float:left; padding:0px; margin:0px;}
section.page div.rside .price span.actual{font-family:'OpenSansSemiBold'; font-size:28px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:32px; padding:0px; margin:0px;}
section.page div.rside .price span strong{font-family:'OpenSansSemiBold'; color:#FFF; font-weight:normal;}

section.page div.rside .price span.old{font-size:24px; color:#999; text-decoration:none; line-height:32px;}
section.page div.rside .price span.old p{width:116px; height:25px; display:block; position:absolute; left:0px; top:50%; background-image:url("../../Images/Icons/all.png"); background-position:0px -114px; background-repeat:no-repeat; padding:0px; margin:-13px 0px 0px 0px; z-index:99;}

section.page div.rside .price aside{display:block; background-color:#FFF; font-size:12px; color:#000; text-decoration:none; font-weight:300; text-align:center; line-height:26px; padding:0px 10px; margin:10px 0px 0px 0px;}
section.page div.rside .price aside strong{font-weight:700;}

/* === COLOR === */
section.page div.color{position:relative; padding:0px; margin:15px 0px 0px 0px;}
section.page div.color strong{font-family:'OpenSansSemiBold'; color:#000; font-weight:normal;}

section.page div.color a{width:30px; height:30px; display:inline-block; position:relative; border:1px solid #DEDEDE; text-indent:-9999px; vertical-align:middle; padding:0px; margin:5px 5px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.color a.null{opacity:0.25;}
section.page div.color a.active{width:26px; height:26px; border:1px solid #0860a8; padding:1px;}
section.page div.color a:hover{opacity:0.5;}

/* === TYPE === */
section.page div.type{position:relative; padding:0px; margin:15px 0px 0px 0px;}
section.page div.type strong{font-family:'OpenSansSemiBold'; color:#000; font-weight:normal;}
section.page div.type .slct{margin:5px 0px 0px 0px;}

/* === ACTION === */
section.page div.action{position:relative; padding:0px; margin:15px 0px 0px 0px;}

section.page div.action a.btn{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); float:left; display:block; background-color:#0860a8; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:55px; padding:0px; margin:0px 16px 0px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
section.page div.action a.btn:hover{background-color:#28166f; text-decoration:none;}

section.page div.action a.button{/*width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); float:left;*/ display:block; background-color:#3da330; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:55px; padding:0px; margin:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
section.page div.action a.button:hover{background-color:#28166f; text-decoration:none;}

section.page div.action a.full{display:block; position:relative; background-color:#2e2e2e; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:55px; padding:0px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
section.page div.action a.full:hover{background-color:#0860a8; text-decoration:none;}

section.page div.action a.how{display:block; position:relative; background-color:#28166f; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:55px; padding:0px 10px; margin:10px 0 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
section.page div.action a.how:hover{background-color:#0860a8; text-decoration:none;}
section.page div.action a.how svg{display:inline-block; fill:#FFF; vertical-align: middle; margin:0 10px 0 0;}

/* MOST */
section.page article{display:block; padding:0px; margin:0px 0px 30px 0px;}

/* --- TITLE --- */
section.page article h3{display:block; position:relative; border-bottom:1px solid #f3f3f3; font-family:'OpenSansSemiBold'; font-size:19px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px 0px 20px 0px; margin:0px 0px 30px 0px;}
section.page article h3 p{width:60px; height:2px; display:block; position:absolute; left:0px; bottom:-1px; background-color:#0860a8; padding:0px; margin:0px;}

/* === CONTROLS === */
section.page article h3 span{display:block; float:right; font-family:'OpenSansLight'; font-size:16px; color:#343434; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

section.page article h3 span .prevs,
section.page article h3 span .nexts{display:inline-block; vertical-align:baseline; padding:0px 5px; margin:0px;}

section.page article h3 span .prevs a,
section.page article h3 span .nexts a{font-size:26px; color:#9e9e9e; text-decoration:none;}
section.page article h3 span .prevs a:hover,
section.page article h3 span .nexts a:hover{color:#0860a8; text-decoration:none;}

/* --- SLIDERS --- */
section.page article div.bx-wrapper{position:relative; padding:0px; margin:0px; *zoom:1;}
section.page article div.bx-wrapper .bx-loading{width:100%; min-width:32px; height:100%; min-height:32px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:2000;}
section.page article div.bx-wrapper .bx-viewport{width:100%; height:100%; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

/* === NEW === */
section.page article ul.more1,
section.page article ul.more2,
section.page article ul.more3,
section.page article ul.more1 li,
section.page article ul.more2 li,
section.page article ul.more3 li{display:block; list-style:none; padding:0px; margin:0px;}
section.page article ul.more1 li a.item,
section.page article ul.more2 li a.item,
section.page article ul.more3 li a.item{width:auto; max-width:300px; float:none; margin:0px;}

/* POPUP */
div.sms{width:100%; max-width:355px; padding:15px;}
div.sms h3{display:block; position:relative; font-family:'OpenSansSemiBold'; font-size:19px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px 0px 15px 0px;}
div.sms small{margin:0px 0px 15px 0px;}
div.sms input{width:100%; margin:15px 0px;}
div.sms label.text{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); font-size:12px; line-height:16px; margin:0px;}

div.tellpopup{width:100%; max-width:355px; display:none; padding:15px;}
div.tellpopup hr{margin:15px 0px;}
div.tellpopup h3{display:block; position:relative; font-family:'OpenSansSemiBold'; font-size:19px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px 0px 15px 0px;}
div.tellpopup small{padding:0px; margin:0px 0px 15px 0px;}
div.tellpopup strong{color:#111; font-style:normal;}
div.tellpopup input{width:100%; margin:0px 0px 15px 0px;}
div.tellpopup label.txt{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); font-size:12px; line-height:16px; margin:0px 0px 15px 0px;}
div.tellpopup .checkbox input{width:16px; height:16px; margin:0;}

/* MOBILE */
@media only screen and (max-width: 950px){
    section.page div.lside{width:auto; float:none; margin:0px auto 30px auto;}
    section.page div.rside{width:auto; float:none; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 600px){
    section.page article{width:auto; float:none; margin:15px 0px;}
	section.page article h3{font-size:16px;}
}

@media only screen and (max-width: 550px){
    section.page div.lside .box{width:auto; float:none;}
    section.page div.lside .thumbs{width:auto; float:none; margin:15px 0px 0px 0px;}
    section.page div.lside .thumbs span a{display:inline-block; vertical-align:middle; margin:0px 1px 5px 0px;}
    section.page div.lside .thumbs span a.active p{display:none;}
}

@media only screen and (max-width: 450px){
    section.page div.price span,
    section.page div.action a.btn,
    section.page div.action a.button{width:auto; display:block; float:none; margin:15px 0px 0px 0px;}
    section.page div.price span.discount{width:auto; float:none; clear:left; padding:5px 0px 0px 0px;}
}