/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 dic. 2020, 12:49:11
    Author     : hp
*/
@import url("./responsive.css");
@import url("./style-custom.css");
@font-face {
  font-family: raleway;
  src: url(../fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2);
}
@font-face {
  font-family: anton;
  src: url(../fonts/anton.woff2);
}
/* bootstrap */
.btn-danger.focus, .btn-danger:focus {
    box-shadow: none !important;
}
/* Index */
.btn-contactanos{
  margin-top: 50px;
  background: #a60396 !important;
  color:white !important;
}

/** Zoom producto */
.figure-imagen-producto-zoom{
  margin:0;
  height:100%;
  display:flex;
  justify-content: center;
}
.zoom {
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  z-index: -2;
}
.zoom img:hover {
  opacity: 0;
}
.zoom img:hover ~ div{
  background:transparent !important;

}
.zoom img {
  opacity:1;
  transition: opacity 0.5s;
  display: block;
}

.background-image-zoom{
  position:absolute;
  background:white;
  width:100%;
  height:100%;
  z-index: -1;
}

/** owl carrousel */

.owl-prev{
  position: absolute;
  top: 50%;
  background: #c5c5c5ba !important;
  left: 10px;
  width: 40px;
  font-size: 40px !important;
  outline:none !important;
  transform: translateY(-50%);
}
.owl-prev span{
  position: relative;
  top: -5px;
}
.owl-next{
  position: absolute;
  top: 50%;
  background: #c5c5c5ba !important;
  right: 10px;
  width: 40px;
  font-size: 40px !important;
  outline:none !important;
  transform: translateY(-50%);
}
.owl-next span{
  position: relative;
  top: -5px;
}
.owl-dots{
  display:none;
}

/* icon cart */

#Layer_1{
  fill:rgb(166, 3, 150);
  width:25px;
  margin-top:4px;
}

.li-icon-cart{
  position:relative;
}

#cant_items{
  position: absolute;
  top: 11px;
  left:50%;
  font-size: 13px;
  font-family: 'raleway';
  color: white;
  transform:translateX(-50%);
}
.canti-items-2{
  font-size: 11px !important;
}

.canti-items-3{
  font-size: 9px !important;
}

.canti-items-4{
  font-size: 7px !important;
}


.icon-log-in{
  font-size: 20px;
  padding-right:5px;
}
.wraper{
  margin-left:15px;
  margin-right: 15px;

}
.container-title-animation{

}
.title-page{
  font-family: anton;
  letter-spacing: 0.2em;
  font-size: 60px;
}
.background-color-title{
  position: absolute;
  top: 39px;
  background: #ff8800;
  width: 100%;
  height: 59px;
  left: 0px;
  z-index: -1;

}

.container-line-title{
  padding: 29px 0px;
}
.line-title{
  background: #09c9e3;
  width:49px;
  height:9px;
}
.title-category-section{
  font-family: raleway;
  font-size: 26px;
}
.nav-link{
  outline: none !important;
}

.clear	{ 
  clear: both;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 30px 0;
  font-weight: 300;
}
h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

#container {
  width:  860px;
  margin: 0 auto;
}

.section-content-image {
  position: relative;
  height: 531px;
  margin: 60px 0;
}

.section--white {
  background-color: #FFFFFF;
}

.section--red {
  background-color: #E74C3C;
}

.section--purple {
  background-color: #D6A8E9;
}

.section--blue {
  background-color: #33CCF7;
}

.section--yellow {
  background-color: #ffdc85; 
  height: 100%;
  transform:rotate(5deg);
}

.section--green {
  background-color: #80D99D;
}
.section--cyan{
  background-color: #80D99D;
}

.section--pale{
  background-color: #F4E9B4;
}

.col_third section { margin: 0; }

.icn_red { color: #FF3D6A; }
.icn_purple { color: #9B59B6; }
.icn_blue{ color: #3498DB; }
.icn_yellow { color: #F1C40F; }
.icn_green { color: #80D99D; }

/*-=-=-=-=-=-=-=-=-=-*/
/* Wow Image */
/*-=-=-=-=-=-=-=-=-= */

.service-section {
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}

.wow_imgage {
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  width: 270px;
  height: 180px;
}

.wow_imgage img {
  border: 4px solid #e4e4e1;
}

/*-=-=-=-=-=-=-=-=-=-*/
/* Column Grids */
/*-=-=-=-=-=-=-=-=-= */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.end { margin-right: 0 !important; }

/*-=-=-=-=-=-=-=-=-=-*/
/* Links */
/*-=-=-=-=-=-=-=-=-= */

a {	text-decoration: none; color: #666666;}

.button {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  margin-left:30px;
  background: #bada55;
  padding: 9px 20px 8px 20px;
  border-radius: 50px;
  -webkit-transition: linear .3s;
  transition: linear .3s;
  box-shadow: 0px 2px 0px 0px #3f3f3f75;
  font-family: raleway;
  top:-17px;
}
.button:hover {
  opacity: .8;
}

.arrow {
  position: absolute;
  top: 7px;
  right: 9px;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjE3IDMyLjkybDkuMTctOS4xNy05LjE3LTkuMTcgMi44My0yLjgzIDEyIDEyLTEyIDEyeiIvPjxwYXRoIGQ9Ik0wLS4yNWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  -webkit-animation: bounce 1.4s linear infinite;
  animation: bounce 1.4s linear infinite;
}

.container-wraper{
  background:#ffffff;
}

/* Productos */
#a-productos-cool{
  z-index: 10;
}
.precioOferta{
  text-decoration:line-through;
  font-family: 'Montserrat Semibold';
  color: #CBCBCB;
  font-size: 20px;
}
/** Footer */
.left-span-social-section a{
  text-decoration: none;
}

.row-container-social-section{
  background: #eeeeee;
  text-align: center;
  justify-content: center;

}

.container-social-section{
  padding: 25px;
}

.span-title-social-section{
  letter-spacing: 0.3em;
  font-family: anton;
  color: #A60396;
  font-size: 18px;
  margin-right: 20px;

}

.label-social-section{
  background: rgb(201,201,201);
  height: 3px;
  width: 20px;

}

.left-span-social-section{
  margin-left: 20px;
  padding: 15px;

}

.span-social-section{
  padding: 15px;
}

.container-info-section-footer{
  background: #09c9e3;
  padding: 0px;

}

.container-col-info-section-footer{
  padding-top: 8px;
}

.container-image-info-section-footer{
  padding: 5px;
  text-align: center;

}

.label-info-section-footer{
  color: white;
  font-size: 14px;

}

.col-center-info-section-footer{
  text-align: center;
}

.label-center-info-section-footer{
  color: white;
  font-size: 14px;
  padding: 5px;

}

/** Registro */

.container-form-registro{
  display:flex;
  justify-content: center;
}


.button-login{
  margin:1rem;
}
.sky-form, .sky-form .label{
  color:#333;
  text-align: left;
  padding:0;
  font-size:14px;
  font-weight: 300;
}
.nomargin{
  margin:0 !important;
}
.sky-form header{
  background:transparent !important;
  margin:0;
  padding:15px 20px;
  font-size: 20px;
  font-weight: 400;
}
.sky-form.boxed fieldset{
  padding: 15px;
  display: block;
  border:none;
}
fieldset{
  min-width: 0;
}
.sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle{
  position: relative;
  display:block;
}
.margin-bottom-10{
  margin-bottom: 10px !important;
}
form label{
  font-weight: bold;
}
.sky-form .ico-append, .sky-form .ico-prepend{
  position:absolute;
  top:5px;
  width:29px;
  height:29px;
  line-height: 29px;
  text-align: center;
}
.sky-form .ico-append{
  right:5px;
  padding-left:3px;
  border-left-width: 1px;
  border-left-style: solid;
}
.sky-form .ico-append, .sky-form .ico-prepend{
  color: #ccc;
}
.sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i{
  border-color:#e5e5e5;
  -webkit-transition: border-color .3s;
  transition:border-color .3s;
  -o-transition:border-color .3s;
  -ms-transition:border-color .3s;
  -moz-transition:border-color .3s;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing:border-box;
  width:100%;
  height:40px;
  padding:8px 10px;
  outline:0;
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  color: #404040;
  apparance:normal;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.sky-form .tooltip-bottom-right{
  top:100%;
  margin-top: 15px;
}
.sky-form .tooltip{
  position: absolute;
  z-index: 1;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background:rgba(0,0,0,0.9);
  color:#fff;
  opacity: 0;
  transition:margin .3s,opacity .3s;
  -o-transition:margin .3s,opacity .3s;
  -ms-transition:margin .3s,opacity .3s;
  -moz-transition:margin .3s,opacity .3s;
  -webkit-transition:margin .3s,opacity .3s;
}
.sky-form .checkbox, .sky-form .radio{
  padding-left: 27px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor:pointer;
}
.sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle{
  position: relative;
  display: block;
}
.sky-form .checkbox input, .sky-form .radio input{
  position: absolute;
  left:-9999px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
  position:absolute;
  margin-top: 4px\9;
  margin-left:-20px;
}
a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination>li>a, .pagination>li>a:hover, .pagination>li>span, ul.list-links>li>a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, .menu-list ul li.active a, #menu_overlay_close:hover, #topMain.nav-pills>li.active>a>span.topMain-icon, #page-menu.page-menu-light ul>li:hover>a>i, #page-menu.page-menu-dark ul>li:hover>a>i, #page-menu.page-menu-transparent ul>li:hover>a>i, #page-menu.page-menu-light ul>li.active>a>i, #page-menu.page-menu-dark ul>li.active>a>i, #page-menu.page-menu-transparent ul>li.active>a>i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure>span>i, .owl-carousel.featured a:hover, figure.zoom>a.lightbox:hover, #portfolio h2>a:hover, #portfolio h3>a:hover, #portfolio h4>a:hover, #portfolio h5>a:hover, #portfolio h6>a:hover, .tab-post a:hover, .tag:hover>span.txt, section.dark .tag:hover>span.txt, ul.widget-twitter li>small>a:hover, .blog-post-item h2>a:hover, .blog-post-item h3>a:hover, .blog-post-item h4>a:hover, .blog-post-item h5>a:hover, .item-box .item-hover .inner .ico-rounded:hover>span, ul.side-nav>li:hover>a, ul.side-nav>li a:hover, ul.side-nav>li.active>a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label:after, section.dark .nav-tabs.nav-clean>li.active>a{
  /*  color:#ad052c;*/
}
.sky-form .checkbox input + i:after{
  color:#ad052c;
  content:'\f00c';
  top:0;
  left:0;
  width:15px;
  height:15px;
  font:400 12px/16px FontAwesome;
  text-align: center;
}
.sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i{
  border-color:#e5e5e5;
}
.sky-form .checkbox i, .sky-form .radio i{
  position:absolute;
  top:5px;
  left:0;
  display:block;
  width:19px;
  height:19px;
  outline:0;
  border-width: 2px;
  border-style: solid;
  background: #fff;
}
.sky-form .checkbox input:checked+i:after, .sky-form .radio input:checked+i:after{
  opacity: 1;
}
.sky-form .checkbox input + i:after{
  color:#ad052c;
}
/* Recuperacion de contraseña */
.hide-form{
  display:none !important;
}
.show-form{
  display:block !important;
}


/* login */
#form-login{
  width: 100%;
}
.button-login{
  margin:1rem;
}
.sky-form, .sky-form .label{
  color:#333;
  text-align: left;
  padding:0;
  font-size:14px;
  font-weight: 300;
}
.nomargin{
  margin:0 !important;
}
.sky-form header{
  background:transparent !important;
  margin:0;
  padding:15px 20px;
  font-size: 20px;
  font-weight: 400;
}
.sky-form.boxed fieldset{
  padding: 15px;
  display: block;
  border:none;
}
fieldset{
  min-width: 0;
}
.sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle{
  position: relative;
  display:block;
}
.margin-bottom-10{
  margin-bottom: 10px !important;
}
form label{
  font-weight: bold;
}
.sky-form .ico-append, .sky-form .ico-prepend{
  position:absolute;
  top:5px;
  width:29px;
  height:29px;
  line-height: 29px;
  text-align: center;
}
.sky-form .ico-append{
  right:5px;
  padding-left:3px;
  border-left-width: 1px;
  border-left-style: solid;
}
.sky-form .ico-append, .sky-form .ico-prepend{
  color: #ccc;
}
.sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i{
  border-color:#e5e5e5;
  -webkit-transition: border-color .3s;
  transition:border-color .3s;
  -o-transition:border-color .3s;
  -ms-transition:border-color .3s;
  -moz-transition:border-color .3s;
}
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing:border-box;
  width:100%;
  height:40px;
  padding:8px 10px;
  outline:0;
  border-width: 2px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  color: #404040;
  apparance:normal;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.sky-form .tooltip-bottom-right{
  top:100%;
  margin-top: 15px;
}
.sky-form .tooltip{
  position: absolute;
  z-index: 1;
  left: -9999px;
  padding: 2px 8px 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  background:rgba(0,0,0,0.9);
  color:#fff;
  opacity: 0;
  transition:margin .3s,opacity .3s;
  -o-transition:margin .3s,opacity .3s;
  -ms-transition:margin .3s,opacity .3s;
  -moz-transition:margin .3s,opacity .3s;
  -webkit-transition:margin .3s,opacity .3s;
}
.sky-form .checkbox, .sky-form .radio{
  padding-left: 27px;
  font-size: 15px;
  line-height: 27px;
  color: #404040;
  cursor:pointer;
}
.sky-form .button, .sky-form .checkbox, .sky-form .input, .sky-form .radio, .sky-form .select, .sky-form .textarea, .sky-form .toggle{
  position: relative;
  display: block;
}
.sky-form .checkbox input, .sky-form .radio input{
  position: absolute;
  left:-9999px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
  position:absolute;
  margin-top: 4px\9;
  margin-left:-20px;
}

.sky-form .checkbox input + i:after{
  color:#ad052c;
  content:'\f00c';
  top:0;
  left:0;
  width:15px;
  height:15px;
  font:400 12px/16px FontAwesome;
  text-align: center;
}
.sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i{
  border-color:#e5e5e5;
}
.sky-form .checkbox i, .sky-form .radio i{
  position:absolute;
  top:5px;
  left:0;
  display:block;
  width:19px;
  height:19px;
  outline:0;
  border-width: 2px;
  border-style: solid;
  background: #fff;
}
.sky-form .checkbox input:checked+i:after, .sky-form .radio input:checked+i:after{
  opacity: 1;
}
.sky-form .checkbox input + i:after{
  color:#ad052c;
}
/** Conocenos */

.row-conocenos{
  width:100%;
}

.col-image-conocenos{
  justify-content: right;
  text-align: right;
  padding: 35px 0px 35px 35px;
  z-index: 5;

}

.cont-image-conocenos{
  width: fit-content;
  justify-content: right;
  text-align: right;
  float: right;
  position: relative;

}

.image-conocenos{
  box-shadow:-50px -50px 0px -23px #91bfca;
}

.container-text-conocenos{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;

}

.cont-letter-spacing-conocenos{
  padding-bottom: 30px;
}

.text-conocenos{
  font-family: 'anton';
  font-size: 46px;
  letter-spacing: 9.2px;
  color: rgba(75,75,75);
  line-height: 1.1em;

}

.line-conocenos{
  background: #09c9e3;
  height: 9px;
  width: 41px;

}

.text-button-conocenos{
  font-family: 'anton';
  font-size: 46px;
  letter-spacing: 9.2PX;
  color: rgba(75,75,75);
  line-height: 1.1em;
  color:#ff8800;

}

.link-conocenos{
  margin-top: 50px;
  background: #ff8800;
  color:#ffffff !important
}

/* Sobre nosotros */
.container-label-title{
  width: calc(1240px / 2);
}
.col-title-about-us{
  z-index: 1;
}
.p-about-us{
  font-family: raleway;
  font-size: 17px;
}
.title-section-abour-us{
  letter-spacing: 0.2em;
  font-family: anton;
  font-size: 46px;
  line-height: 1;
  text-align: left;
}
.image-about-us{
  box-shadow: 20px -20px 0px 0px #ff7e98;
}

/* -------------- */
.wraper{
  margin-left:15px;
  margin-right: 15px;

}
.container-title-animation{

}
.title-page{
  font-family: anton;
  letter-spacing: 0.2em;
  font-size: 60px;
}
.background-color-title{
  position: absolute;
  top: 39px;
  background: #ff8800;
  width: 100%;
  height: 59px;
  left: 0px;
  z-index: -1;

}

.container-line-title{
  padding: 29px 0px;
}
.line-title{
  background: #09c9e3;
  width:49px;
  height:9px;
}
.title-category-section{
  font-family: raleway;
  font-size: 26px;
}

/* contacto */
.divider-left{
  border-left: 2px solid #d0d0d0;
}
.text-contact{
  line-height: 1.5em;
  font-family: raleway;
}
.bold-font{
  font-family: anton;
  letter-spacing:0.3em;
}
.row-send{
  padding: 1rem;
  justify-content: center;
}
.row-checks label{
  margin:0;
  font-family: raleway;
}
.row-h100{
  height: 100%;
}
.style-input{
  width: 100%;
  padding: 0.5rem;
  margin: 5px;
  border: 3px solid #4bc202;
}

.row-contact-asesor{
  position: relative;
  top:50%;
}
.title-cuestion{
  font-size: 46px;
  font-family: anton;
}
.label-contact-right{
  position: relative;
  top:50%;
  color:#09C9E3;
  font-size: 17px;
}

/*Carrito*/

.row-notificacion-compra{
  justify-content:center;
}
.titulo-notificacion-compra{
  font-weight: 600;
}
.row-titulo-notificacion-compra{
  justify-content:center;
}

.div-row-totales{
  display:flex;
}
.div-total{
  width: 48%;
  float: left;
  padding-left: 1%;
}
/* -- Material Design Table style -------------- */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #fff;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  text-align: left;
  padding: 1rem;
  vertical-align: top;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th {
  font-weight: 400;
  color: #757575;
  vertical-align: bottom;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.table .table {
  background-color: #fff;
}
.table .no-border {
  border: 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.8rem;
}
.table-bordered {
  border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 768px) {
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: #fff;
    display: block;
    vertical-align: middle;
    text-align: right;
  }
  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: 400;
    color: #757575;
  }
  .table-responsive-vertical.shadow-z-1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
  .table-responsive-vertical > .table-bordered {
    border: 0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
    border-bottom: 0;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc;
}
.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
    background-color: #fde0dc;
  }
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
    background-color: #f9bdbb;
  }
}
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  background-color: #fce4ec;
}
.table-hover.table-mc-pink > tbody > tr:hover > td,
.table-hover.table-mc-pink > tbody > tr:hover > th {
  background-color: #f8bbd0;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
    background-color: #fce4ec;
  }
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
    background-color: #f8bbd0;
  }
}
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  background-color: #f3e5f5;
}
.table-hover.table-mc-purple > tbody > tr:hover > td,
.table-hover.table-mc-purple > tbody > tr:hover > th {
  background-color: #e1bee7;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
    background-color: #f3e5f5;
  }
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
    background-color: #e1bee7;
  }
}
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  background-color: #ede7f6;
}
.table-hover.table-mc-deep-purple > tbody > tr:hover > td,
.table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  background-color: #d1c4e9;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
    background-color: #ede7f6;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
    background-color: #d1c4e9;
  }
}
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  background-color: #e8eaf6;
}
.table-hover.table-mc-indigo > tbody > tr:hover > td,
.table-hover.table-mc-indigo > tbody > tr:hover > th {
  background-color: #c5cae9;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
    background-color: #e8eaf6;
  }
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
    background-color: #c5cae9;
  }
}
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e7e9fd;
}
.table-hover.table-mc-blue > tbody > tr:hover > td,
.table-hover.table-mc-blue > tbody > tr:hover > th {
  background-color: #d0d9ff;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e7e9fd;
  }
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
    background-color: #d0d9ff;
  }
}
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe;
}
.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
  /*background-color: #b3e5fc;*/
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc;
  }
}
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  background-color: #e0f7fa;
}
.table-hover.table-mc-cyan > tbody > tr:hover > td,
.table-hover.table-mc-cyan > tbody > tr:hover > th {
  background-color: #b2ebf2;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
    background-color: #e0f7fa;
  }
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
    background-color: #b2ebf2;
  }
}
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  background-color: #e0f2f1;
}
.table-hover.table-mc-teal > tbody > tr:hover > td,
.table-hover.table-mc-teal > tbody > tr:hover > th {
  background-color: #b2dfdb;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
    background-color: #e0f2f1;
  }
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
    background-color: #b2dfdb;
  }
}
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  background-color: #d0f8ce;
}
.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
  background-color: #a3e9a4;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
    background-color: #d0f8ce;
  }
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
    background-color: #a3e9a4;
  }
}
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  background-color: #f1f8e9;
}
.table-hover.table-mc-light-green > tbody > tr:hover > td,
.table-hover.table-mc-light-green > tbody > tr:hover > th {
  background-color: #dcedc8;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
    background-color: #f1f8e9;
  }
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
    background-color: #dcedc8;
  }
}
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  background-color: #f9fbe7;
}
.table-hover.table-mc-lime > tbody > tr:hover > td,
.table-hover.table-mc-lime > tbody > tr:hover > th {
  background-color: #f0f4c3;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
    background-color: #f9fbe7;
  }
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
    background-color: #f0f4c3;
  }
}
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  background-color: #fffde7;
}
.table-hover.table-mc-yellow > tbody > tr:hover > td,
.table-hover.table-mc-yellow > tbody > tr:hover > th {
  background-color: #fff9c4;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
    background-color: #fffde7;
  }
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
    background-color: #fff9c4;
  }
}
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  background-color: #fff8e1;
}
.table-hover.table-mc-amber > tbody > tr:hover > td,
.table-hover.table-mc-amber > tbody > tr:hover > th {
  background-color: #ffecb3;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
    background-color: #fff8e1;
  }
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
    background-color: #ffecb3;
  }
}
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fff3e0;
}
.table-hover.table-mc-orange > tbody > tr:hover > td,
.table-hover.table-mc-orange > tbody > tr:hover > th {
  background-color: #ffe0b2;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fff3e0;
  }
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
    background-color: #ffe0b2;
  }
}
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fbe9e7;
}
.table-hover.table-mc-deep-orange > tbody > tr:hover > td,
.table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  background-color: #ffccbc;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fbe9e7;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
    background-color: #ffccbc;
  }
}

ul.ulCarrito {
  padding: 0px;
}
div#carritoD {
  max-height: 300px;
  overflow-y: auto;
}
.prodCar {
  display: block;
  padding: 15px 10px;
  border-bottom: rgba(0,0,0,0.04) 1px solid;
}
img.imgProdCar {
  float: left;
  margin-right: 10px;
}
h6.nombreProdCar {
  margin: 0;
  padding: 4px 0 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
span#carritoTotal{
  width: 50%;
  font-size: 13px;
}
#hover_menu_carrito{
  right: 0px;
  width: 280px;
  padding: 26px 20px 20px 13px;
  background-color: white;
}
a.btnPagarCarrito {
  width: 50%;
  font-size: 11px;
  padding: 3px;
  margin-top: 10px;
}
.nombreClientePedido{
  padding-left: 25px;
}
/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 20px;
  }
}
@-webkit-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 20px;
  }
}
@-moz-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 20px;
  }
}
.row-checks input[type=checkbox] {
  display: none;
}

.check-box {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #34b93d;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.check-box::before, .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 2px;
  background-color: #34b93d;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: ' ';
  -webkit-transition: opacity ease .5;
  -moz-transition: opacity ease .5;
  transition: opacity ease .5;
}
.check-box::before {
  top: 14px;
  left: 9px;

  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.check-box::after {
  top: 7px;
  left: 2px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=checkbox]:checked + .check-box,
.check-box.checked {
  border-color: #34b93d;
}
input[type=checkbox]:checked + .check-box::after,
.check-box.checked::after {
  height: 50px;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box::before,
.check-box.checked::before {
  height: 120px;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;
  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}

/** Destacados */

.container-destacados{
  position:relative;
  padding-top: 39px;
  width: 100%;

}

.container-title-destacados{
  position: absolute;
  width: 100%;
  top: 0px;
  right: 0;
  display: block;

}

.label-title-destacados{
  font-size: 46px;
  font-family: anton;
  padding-left: 40px;

}

.line-title{
  background: gray;
  height: 3px;
  width: 100%;

}

.container-background{
  width: 48px;
  height: 9px;
  background: orange;
  transform: rotate(279deg);
  position: absolute;
  left: 10%;
  z-index: 10;
  top:-15px;

}

.image-destacados{
  position: absolute;
  object-fit:cover;
  transform: translate(50%,-50%);
  right: 50%;
  top:50%;

}

footer{
  margin-left: 15px;
  margin-right: 15px;

}

/** Decorado */

.container-decorado{
  width:100%;
}
.image-decorado{
  width: 559px;
}

.col-left-decorado{
  justify-content: right;
  text-align: right;
  padding: 35px 0px 35px 35px;
  margin-right: -70px;
  z-index: 5;

}

.container-image-text{
  width: fit-content;
  justify-content: right;
  text-align: right;
  float: right;
  position: relative;

}

.container-text-decorado{
  position: absolute;
  transform: translate(50%,-50%);
  right: 50%;
  top: 50%;
  justify-content: center;
  text-align: center;

}

.label-decorado{
  font-family: 'anton';
  font-size: 46px;
  letter-spacing: 0.2rem;

}

.text-decorado{
  font-family: raleway;
  font-size: 20px;

}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 2);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 2);
  }
}

@keyframes bounce {
  0%, 100% {
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 2);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 2);
  }
}

/*
  Tienda
*/

.card-img-top{
  object-fit: contain;
}
.title_sections_products{
  font-family: raleway;
}
.pagination {
  justify-content: flex-end;
}
.pagination-nav{
  width: 100%;
}

.dropOut .card-body{
  text-align:left;
}

.col-filtrado{
  display:none;
}

.card-text{
  font-family: raleway;
  font-size: 14px;
  min-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'Montserrat Semibold';
  font-size: 16px;
  margin:0;
}
.container-product {
  border: 1px solid #80808045;
}
.card-body{
  padding: 0 1.25rem 0 1.25rem !important;

}
.card-product{
  border:none !important;
}
.product_price{
  font-family: 'Montserrat Semibold';
  color: #F08300;
  font-size: 20px;
}

.custom-select-uni{
  border-radius: 0 !important;
}

.container-category-name{
  font-size: 15px;
  font-family: "raleway";
}
/* menu */
#label_container_capital_user{
  display:none;
  background: gray;
  color: white;
  border-radius: 100%;
  font-size: 14px;
  width: 20px;
  height: 20px;
  position: relative;
  font-family: auto;
  margin: 0;

}
#label_capital_user{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;

}
.show_capital_user{
  display:inline-block !important;
}
.hide_icon_user{
  display:none !important;
}
.ante-logo{

}
.logo-image{
  width:200px;
}
.font-item-menu{
  font-family: raleway;
}
.position-relative{
  position: relative;
}
.hover_menu{
  position: absolute;
  background: rgba(255,255,255,0.9);
  display: none;
  border: 1px solid #80808029;
  z-index: 5;

}
.list-hover-menu{
  list-style: none;
  padding: 10px;
  font-size: 14px;
  color: #797979;
}
.item-hover-list{
  padding: 5px;
}
.image-slide{
  object-fit: cover;
  height:555px;
}
.row-wraper{
  margin-left:15px;
  margin-right: 15px;
}

#div_categorias_mobil{
  display:none;
}


/* header */

/* Select */
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 220px;
  height: 40px;
  border:1px solid #ff8800;
}

.select-styled {
  text-align: left;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color:#ff8800;
  background-color: #fff;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #ff8800 transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;

}

.select-styled:active, .select-styled.active {
  background-color: #fff;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #ff8800 transparent;
}

.select-options {
  text-align: left;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  color:#ff8800;
  list-style: none;
  background-color: #fff;
  max-height:300px;
  overflow-y:auto;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-bottom: 1px solid #ff8800;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  background-color: #ff8800;
  color:white;
}
.select-options li[rel="hide"] {
  display: none;
}


/* Search */
.search {
  border: 1px solid #ccc;
  font-size: 12px;
  height: 30px;
  padding: 4px 8px;
}
.search:focus {
  outline: none;
}
.btn-search {
  text-align: center;
}
.btn-search:focus {
  outline: none;
}
.btn-search, button.btn-reset {
  background: #ff8800;
  border: none;
  height: 30px;
  font-size: 12px;
  padding: 4px;
  position: absolute;
  width: 30px;
}

.sample {
  float: right;
  height: 50px;
  position: relative;
  width: 150px;
}
.sample.one input, .sample.two input {
  border-radius: 15px;
  right: 0;
  transition: all .3s ease-in-out;
  width: 100%;
}
.sample.one input:focus, .sample.two input:focus {
  width: 100%;
}
.sample.one input:focus ~ button.btn-search, .sample.two input:focus ~ button.btn-search {
  background: purple;
  color: #fff;
}
.sample.one input:focus ~ button.btn-reset, .sample.two input:focus ~ button.btn-reset {
  right: -22px;
}
.sample.one button, .sample.two button {
  transition: all .3s ease-in-out;
}
.sample.one button.btn-search, .sample.two button.btn-search {
  background: #ccc;
  border-radius: 50%;
  height: 26px;
  right: 2px;
  top: 2px;
  transition: all .3s ease-in-out;
  width: 26px;
}
.sample.one button.btn-reset, .sample.two button.btn-reset {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  right: 5px;
  top: 5px;
  width: 20px;
  z-index: -1;
}




/* The Loader */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse 0.6s linear infinite;
  animation: spin-reverse 0.6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

/* tienda */

.section-menu-tienda{
  display:none;
}

.padding-category{
  padding: 5px;
}
.category-selected{
  background:#a60396;
}
.category-selected label{
  color:white;
}
.label-name-category{
  margin:3px;
}

.container-category-name{
  background:#f2f2f2;
}
.container-wrapper{
  display:inline-block;
}
.item-category-list{
  font-size: 14px;
  opacity:0.8;
  font-family: raleway;
}
.category-title{
  display:inline-block;
  font-size: 20px;
  margin:15px 0;
}
.category-list{
  margin:0;
  list-style: none;
  padding:10px 0;
}
.rotate .shape-1{
  display:block !important;
}

.rotate-btn {
  cursor: pointer;
}
.rotate-btn .btn-content-wrapper {
  height: 1rem;
  position: absolute;
  transition: all .15s ease-in-out;
  width: auto;
}
.rotate-btn .shape {
  background: black;

  height: 2px;
  position: relative;
  width: 10px;
}
.rotate-btn .shape-1 {
  margin-left: -2px;
  margin-top: 7px;
  transform: rotate(270deg);
  display:none;
  position:absolute;
  top: -9px;
}
.rotate-btn .shape-2 {
  margin-left: -2px;
  margin-top: -2px;
  transform: rotate(0deg);
  position:relative;
  top:0;
}

/* Producto categoria */
#div-imagenes-categorias{
  /*display:none;*/
  text-align: center;
}
#size{
  position: relative;
}
#span-seleccionar-color{
  position: absolute;
  background: #ffffff8f;
  z-index: 1;
  left: 35px;
  top: 5px;
  text-shadow: 0 0 black;

}
.color-selected{
  border-color:#ff103d !important;
}
.container-product:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2);

}
a.tarjetaProducto {
  text-decoration: none;
}
.action-button > li {
  display: inline-block;
  margin-right: 10px;
}
ul.action-button {
  margin: 0px;
  padding: 0px;
}
.action-button > li > a {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #999999;
  display: block;
  font-size: 14px;
  height: 30px;
  text-align: center;
  width: 30px;
}
.size-selected{
  border-color:#ff103d !important;
}
.size-lable{
  cursor:pointer;
}

/* Activacion */
.hide-enlace-productos{
  display:none !important;
}
.show-enlace-productos{
  display:block;
}
/* Loader */
.wrapper {
  lex-wrap: wrap;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4rem;
  margin: 4rem;
}
@media (max-width: 900px) {
  .wrapper {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
  }
}
.loader {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.loader-quart {
  border-radius: 50px;
  border: 6px solid rgba(255, 255, 255, 0.4);
}
.loader-quart:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50px;
  border: 6px solid transparent;
  border-top-color: #F9E5FF;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    tranform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    tranform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    tranform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    tranform: rotate(360deg);
  }
}

/* producto */
@media all{
  body{margin:0;
  }
  .hide-element{display:none;
  }
  .wrapper{font:14px/28px 'Montserrat', sans-serif;
           margin:0;
           min-width:320px;
           color:#000;
  }
  .wrapper strong{font-weight:600;
  }
  .wrapper input{vertical-align:middle;
                 -webkit-border-radius:0;
                 -moz-border-radius:0;
                 border-radius:0;
                 -webkit-box-shadow:inset rgba(0, 0, 0, 0) 0 0 0;
                 -moz-box-shadow:inset rgba(0, 0, 0, 0) 0 0 0;
                 box-shadow:inset rgba(0, 0, 0, 0) 0 0 0;
                 -webkit-appearance:none;
  }
  .wrapper input::-moz-focus-inner{padding:0;
                                   border:0;
  }
  .wrapper label{cursor:pointer;
  }
  .wrapper figure,.wrapper nav{display:block;
  }
  .wrapper figure{margin:0;
  }
  .wrapper img{border:0;
               border-style:none;
               vertical-align:top;
               -ms-interpolation-mode:bicubic;
               vertical-align:baseline;
               font-weight:inherit;
               font-family:inherit;
               font-style:inherit;
               font-size:100%;
               border:0 none;
               outline:0;
               padding:0;
               margin:0;
  }
  .wrapper a,.wrapper a:link,.wrapper a:visited{color:#000;
                                                text-decoration:none;
  }
  .wrapper a:focus,.wrapper a:hover{outline:none;
                                    outline:0;
  }
  /*.container{max-width:1270px;
  margin:0 auto;
  padding:0 20px;
  }*/
  .wrapper p{margin:0 0 12px;
  }
  .wrapper h2{font-size:32px;
              line-height:52px;
              margin:0 0 88px;
              font-weight:700;
              text-align:center;
              text-transform:uppercase;
  }
  .wrapper h2 span{color:#de183c;
  }
  .wrapper h3{font-size:20px;
              line-height:26px;
              font-weight:600;
              margin:0 0 30px;
              text-transform:uppercase;
  }
  #header{padding:25px 0 0;
          margin:0 0 50px;
  }
  .header-top{width:100%;
              overflow:hidden;
              margin:0 0 19px;
  }
  #header .logo{float:left;
                width:156px;
                margin:0 10px 10px 0;
                -webkit-transition:opacity .2s ease-in-out;
                -moz-transition:opacity .2s ease-in-out;
                -ms-transition:opacity .2s ease-in-out;
                -o-transition:opacity .2s ease-in-out;
                transition:opacity .2s ease-in-out;
  }
  .logo:hover{opacity:0.7;
  }
  .logo img{display:block;
            width:100%;
            height:auto;
  }
  #header .contact-phone{float:right;
                         font-size:18px;
                         line-height:28px;
                         font-weight:600;
                         padding:25px 0 0;
                         margin:0 0 10px 10px;
  }
  #header .contact-phone span{color:#de183c;
  }
  #header .contact-phone .fa{margin:0 6px 0 0;
                             color:#de183c;
                             position:relative;
                             top:0;
  }
  #nav{width:100%;
       z-index:10;
       position:relative;
       background:#f5f5f5;
  }
  #nav:after{content:"";
             display:block;
             clear:both;
  }
  .open-check{display:none;
  }
  #topnav{list-style:none;
          margin:0;
          padding:0;
          text-align:center;
          font-size:0px;
          line-height:0px;
          position:relative;
  }
  #topnav:after{content:"";
                display:block;
                clear:both;
  }
  #topnav > li{display:inline-block;
               vertical-align:top;
               font-size:16px;
               line-height:18px;
  }
  #topnav > li:last-child{border:none;
  }
  #topnav > li >  a{padding:24px 29px;
                    font-weight:400;
                    display:block;
                    color:#000!important;
                    text-decoration:none;
                    position:relative;
                    -webkit-transition:background .2s ease-in-out;
                    -moz-transition:background .2s ease-in-out;
                    -ms-transition:background .2s ease-in-out;
                    -o-transition:background .2s ease-in-out;
                    transition:background .2s ease-in-out;
  }
  #topnav > li:hover > a{background:rgba(255,255,255,0.3);
  }
  #topnav > li > .open-check + a:before{content:'';
                                        position:absolute;
                                        top:50%;
                                        right:13px;
                                        width:0;
                                        margin:-2px 0 0;
                                        height:0;
                                        border-style:solid;
                                        border-width:4px 4px 0 4px;
                                        border-color:#000 transparent transparent transparent;
  }
  .children-holder{position:absolute;
                   top:100%;
                   left:0;
                   z-index:100;
                   overflow:hidden;
                   width:100%;
  }
  .children{text-align:left;
            background:#de183c;
            width:100%;
            list-style:none;
            display:block;
            padding:20px 10px 10px 20px;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            box-sizing:border-box;
            z-index:5;
            margin:-500px 0 0;
            -webkit-transition:margin .5s ease-in-out;
            -moz-transition:margin .5s ease-in-out;
            -ms-transition:margin .5s ease-in-out;
            -o-transition:margin .5s ease-in-out;
            transition:margin .5s ease-in-out;
  }
  #topnav > li:hover .children{margin:0;
  }
  .children > li{margin:0 0 20px;
                 display:inline-block;
                 vertical-align:top;
                 width:24.5%;
                 -webkit-box-sizing:border-box;
                 -moz-box-sizing:border-box;
                 box-sizing:border-box;
                 position:relative;
  }
  .children > li.children-img{text-align:right;
  }
  .children > li.children-img img{width:250px;
                                  height:auto;
  }
  .children2{list-style:none;
             padding:20px 0 0;
             margin:0;
  }
  .children2 li{position:relative;
                margin:0 0 10px;
                padding:0 0 0 15px;
  }
  .children2 > li:before{content:'';
                         position:absolute;
                         top:50%;
                         left:0;
                         margin:-2px 0 0;
                         height:4px;
                         width:4px;
                         background:#fff;
  }
  .children > li > a,.children2 > li > a{text-decoration:none;
                                         position:relative;
                                         font-size:16px;
                                         line-height:18px;
                                         color:#fff!important;
  }
  .children2 > li > a{font-size:13px;
                      line-height:15px;
  }
  .children > li > a:before,.children2 > li > a:before{content:'';
                                                       position:absolute;
                                                       bottom:0;
                                                       left:0;
                                                       width:100%;
                                                       height:1px;
                                                       background:#fff;
                                                       -webkit-transform:scale(0);
                                                       -moz-transform:scale(0);
                                                       -ms-transform:scale(0);
                                                       -o-transform:scale(0);
                                                       transform:scale(0);
                                                       -webkit-transition:transform .2s ease-in-out;
                                                       -moz-transition:transform .2s ease-in-out;
                                                       -ms-transition:transform .2s ease-in-out;
                                                       -o-transition:transform .2s ease-in-out;
                                                       transition:transform .2s ease-in-out;
  }
  .children > li > a:hover:before,.children2 > li > a:hover:before{-webkit-transform:scale(1);
                                                                   -moz-transform:scale(1);
                                                                   -ms-transform:scale(1);
                                                                   -o-transform:scale(1);
                                                                   transform:scale(1);
  }
  #topnav > li > label,.children > li > label{display:none;
  }
  .hold-toogle{float:right;
               display:none;
  }
  .toogle-menu{z-index:61;
               height:17px;
               position:relative;
               cursor:pointer;
               display:none;
               padding:0 35px 0 0;
               color:#000;
               line-height:17px;
  }
  .toogle-menu > span{position:absolute;
                      right:0;
                      height:3px;
                      width:30px;
                      background:#000;
  }
  .toogle-menu .t{top:0;
  }
  .toogle-menu .c{top:7px;
  }
  .toogle-menu .b{top:14px;
  }
  .close-menu{display:none;
  }
  #topnav > li > .open-check ~ .children-holder .children > li:nth-child(1),#topnav > li > .open-check ~ .children-holder .children > li:nth-child(2),.children > li > .open-check ~ .children2 > li:nth-child(1),.children > li > .open-check ~ .children2 > li:nth-child(2){display:none;
  }
  .overlay{display:none;
  }
  .support-list{list-style:none;
                padding:0;
                margin:28px 0 0;
                text-align:center;
  }
  .support-list li{display:inline-block;
                   vertical-align:top;
                   margin:0 49px 10px;
  }
  .support-list li .fa{display:inline-block;
                       vertical-align:top;
                       margin:4px 7px 0 0;
                       color:#de183c;
                       font-size:18px;
  }
  #main{overflow:hidden;
  }
  .product-box{margin:0 0 113px;
               position:relative;
               overflow:hidden;
               padding:0 0 197px;
               -webkit-transition:padding .2s ease-in-out;
               -moz-transition:padding .2s ease-in-out;
               -ms-transition:padding .2s ease-in-out;
               -o-transition:padding .2s ease-in-out;
               transition:padding .2s ease-in-out;
  }
  .product-images{float:left;
                  width:62%;
  }
  .product-description{width:38%;
                       float:left;
                       padding:0 20px 0 0;
                       -webkit-box-sizing:border-box;
                       -moz-box-sizing:border-box;
                       box-sizing:border-box;
  }
  .product-description h1{margin:0 0 1px;
                          font:37px/44px 'aton', sans-serif;
                          font-weight:700;
  }
  .item-artikle{display:block;
                color:#808080;
                font-size:12px;
                line-height:14px;
                margin:0 0 48px 8px;
  }
  .wrapper .product-description h2{margin:0 0 30px 5px;
                                   text-align:left;
                                   color:#de183c;
                                   font-size:20px;
                                   line-height:26px;
                                   font-weight:600;
                                   text-transform:uppercase;
  }
  .product-description h3{font-size:14px;
                          line-height:16px;
                          margin:0 0 11px 9px;
                          text-align:left;
  }
  .prise-wrap{margin:0 0 40px 6px;
  }
  .item-prise{font:40px/50px 'Montserrat', sans-serif;
              display:block;
              margin:0 0 9px;
  }
  .paragraph{display:block;
             margin:0 0 10px 7px;
             font-size:10px;
             line-height:12px;
             color:#808080;
  }
  .paragraph.green{color:#0c8416;
  }
  .paragraph .fa{margin:0 5px 0 0;
  }
  .product-description ul,.info-list{margin:0 0 51px 6px;
                                     padding:0;
                                     list-style:none;
  }
  .info-list{margin:0 0 15px;
  }
  .product-description ul li,.info-list > li{position:relative;
                                             margin:0 0 14px;
                                             padding:0 0 0 30px;
                                             font-size:14px;
                                             line-height:18px;
                                             color:#808080;
  }
  .product-description ul li:before,.info-list li:before{content:"\f00c";
                                                         font-family:FontAwesome;
                                                         font-size:inherit;
                                                         text-rendering:auto;
                                                         position:absolute;
                                                         top:0;
                                                         left:0px;
                                                         color:#de183c;
  }
  .info-list ul{list-style:none;
                padding:15px 0 0 15px;
  }
  .info-list ul li{padding:0 0 0 15px;
                   margin:0 0 10px;
                   position:relative;
  }
  .info-list ul li:before{content:'';
                          width:4px;
                          height:4px;
                          -webkit-border-radius:50%;
                          -moz-border-radius:50%;
                          border-radius:50%;
                          position:absolute;
                          left:0;
                          top:6px;
                          background:#de183c;
  }
  .product-description .size-list{width:100%;
                                  overflow:hidden;
                                  list-style:none;
                                  padding:0;
                                  margin:0 0 20px 9px;
  }
  .size-list li:before,.color-list li:before{display:none;
  }
  .product-description .size-list li{padding:0;
                                     float:left;
                                     margin:0 6px 10px 0;
  }
  .size-list .size-lable{display:block;
                         width:53px;
                         height:37px;
                         padding:11px 0 9px;
                         border:1px solid #dce4e7;
                         color:#b2b2b2;
                         text-align:center;
                         font-size:11px;
                         line-height:13px;
                         -webkit-transition:all .2s ease-in-out;
                         -moz-transition:all .2s ease-in-out;
                         -ms-transition:all .2s ease-in-out;
                         -o-transition:all .2s ease-in-out;
                         transition:all .2s ease-in-out;
                         -webkit-box-sizing:border-box;
                         -moz-box-sizing:border-box;
                         box-sizing:border-box;
  }
  .size-list .size-lable:hover{border-color:#ff1f41;
                               color:#171717;
  }
  .sheet-link{display:inline-block;
              vertical-align:top;
              margin:22px 0 0 20px;
              font-size:12px;
              line-height:14px;
              color:#de183c!important;
              text-decoration:underline!important;
  }
  .product-description .color-list{width:100%;
                                   overflow:hidden;
                                   list-style:none;
                                   padding:0;
                                   margin:0 0 20px 9px;
  }
  .product-description .color-list li{padding:0;
                                      float:left;
                                      margin:0 12px 10px 0;
  }
  .color-list .color-link{display:block;
                          position:relative;
                          cursor:pointer;
                          width:34px;
                          height:34px;
                          border:1px solid #dad1c8;
                          -webkit-border-radius:50%;
                          -moz-border-radius:50%;
                          border-radius:50%;
                          -webkit-transition:all .2s ease-in-out;
                          -moz-transition:all .2s ease-in-out;
                          -ms-transition:all .2s ease-in-out;
                          -o-transition:all .2s ease-in-out;
                          transition:all .2s ease-in-out;
  }
  .color-list .color-link:hover{border-color:#ff103d;
  }
  .color-list .color-circle{content:'';
                            position:absolute;
                            top:50%;
                            left:50%;
                            margin:-11px 0 0 -11px;
                            width:22px;
                            height:22px;
                            -webkit-border-radius:50%;
                            -moz-border-radius:50%;
                            border-radius:50%;
                            border:1px solid #dad1c8;
  }
  .open-check{display:none;
  }
  .fade-gallery{margin:0 0 20px;
                font-size:0px;
                line-height:0px;
  }
  .fade-gallery label{cursor:pointer;
  }
  .fade-gallery .switcher{position:absolute;
                          bottom:43px;
                          left:0;
                          overflow:hidden;
                          -webkit-transition:height .2s ease-in-out;
                          -moz-transition:height .2s ease-in-out;
                          -ms-transition:height .2s ease-in-out;
                          -o-transition:height .2s ease-in-out;
                          transition:height .2s ease-in-out;
  }
  .open-switch{display:none;
  }
  .switch-label{outline:0 none;
                position:absolute;
                bottom:-15px;
                left:50%;
                margin:0 0 0 -15px;
                -webkit-transition:transform .2s ease-in-out;
                -moz-transition:transform .2s ease-in-out;
                -ms-transition:transform .2s ease-in-out;
                -o-transition:transform .2s ease-in-out;
                transition:transform .2s ease-in-out;
  }
  .switch-label .fa{font-size:50px;
                    color:#ccc1af;
  }
  #open-switch:checked ~ .product-box{padding-bottom:327px;
  }
  #open-switch:checked ~ .product-box .fade-gallery .switcher{
    /*height:240px;*/
  }
  #open-switch:checked ~ .product-box .switch-label{-webkit-transform:rotate(200grad);
                                                    -moz-transform:rotate(200grad);
                                                    -ms-transform:rotate(200grad);
                                                    -o-transform:rotate(200grad);
                                                    transform:rotate(200grad);
  }
  .thumbnail{display:inline-block;
             vertical-align:top;
             width:12.5%;
             padding:0 5px;
             margin:0 0 20px;
             -webkit-box-sizing:border-box;
             -moz-box-sizing:border-box;
             box-sizing:border-box;
             text-align:center;
             position:relative;
  }
  .thumbnail label{height:50px;
                   width:50px;
                   display:inline-block;
                   vertical-align:top;
                   position:relative;
                   -webkit-box-sizing:border-box;
                   -moz-box-sizing:border-box;
                   box-sizing:border-box;
                   opacity:0.5;
                   -webkit-transition:opacity .2s ease-in-out;
                   -moz-transition:opacity .2s ease-in-out;
                   -ms-transition:opacity .2s ease-in-out;
                   -o-transition:opacity .2s ease-in-out;
                   transition:opacity .2s ease-in-out;
  }
  .thumbnail label:before{content:'';
                          position:absolute;
                          top:0;
                          left:0;
                          width:100%;
                          height:100%;
                          border:2px solid #de183c;
                          -webkit-box-sizing:border-box;
                          -moz-box-sizing:border-box;
                          box-sizing:border-box;
                          z-index:1;
                          opacity:0;
                          -webkit-transition:all .2s ease-in-out;
                          -moz-transition:all .2s ease-in-out;
                          -ms-transition:all .2s ease-in-out;
                          -o-transition:all .2s ease-in-out;
                          transition:all .2s ease-in-out;
  }
  .thumbnail label img{max-width:100%;
                       max-height:100%;
                       position:relative;
                       top:50%;
                       -webkit-transform:translateY(-50%);
                       -moz-transform:translateY(-50%);
                       -ms-transform:translateY(-50%);
                       -o-transform:translateY(-50%);
                       transform:translateY(-50%);
  }
  .fade-gallery .holder-img{width:100%;
                            z-index:1;
                            margin:0 0 43px;
                            position:relative;
                            height:715px;
                            text-align:center;
  }
  .fade-gallery .holder-img figure{max-width:100%;
                                   max-height:100%;
                                   position:absolute;
                                   left:-99999px;
                                   top:50%;
                                   -webkit-transform:translateY(-50%) scale(1);
                                   -moz-transform:translateY(-50%) scale(1);
                                   -ms-transform:translateY(-50%) scale(1);
                                   -o-transform:translateY(-50%) scale(1);
                                   transform:translateY(-50%) scale(1);
                                   -webkit-transition:transform .2s ease-in-out;
                                   -moz-transition:transform .2s ease-in-out;
                                   -ms-transition:transform .2s ease-in-out;
                                   -o-transition:transform .2s ease-in-out;
                                   transition:transform .2s ease-in-out;
  }
  .fade-gallery > .open-check:nth-of-type(1):checked ~ .holder-img figure:nth-of-type(1),
  .fade-gallery > .open-check:nth-of-type(2):checked ~ .holder-img figure:nth-of-type(2),
  .fade-gallery > .open-check:nth-of-type(3):checked ~ .holder-img figure:nth-of-type(3),
  .fade-gallery > .open-check:nth-of-type(4):checked ~ .holder-img figure:nth-of-type(4),
  .fade-gallery > .open-check:nth-of-type(5):checked ~ .holder-img figure:nth-of-type(5),
  .fade-gallery > .open-check:nth-of-type(6):checked ~ .holder-img figure:nth-of-type(6),
  .fade-gallery > .open-check:nth-of-type(7):checked ~ .holder-img figure:nth-of-type(7),
  .fade-gallery > .open-check:nth-of-type(8):checked ~ .holder-img figure:nth-of-type(8),
  .fade-gallery > .open-check:nth-of-type(9):checked ~ .holder-img figure:nth-of-type(9),
  .fade-gallery > .open-check:nth-of-type(10):checked ~ .holder-img figure:nth-of-type(10),
  .fade-gallery > .open-check:nth-of-type(11):checked ~ .holder-img figure:nth-of-type(11),
  .fade-gallery > .open-check:nth-of-type(12):checked ~ .holder-img figure:nth-of-type(12),
  .fade-gallery > .open-check:nth-of-type(13):checked ~ .holder-img figure:nth-of-type(13),
  .fade-gallery > .open-check:nth-of-type(14):checked ~ .holder-img figure:nth-of-type(14),
  .fade-gallery > .open-check:nth-of-type(15):checked ~ .holder-img figure:nth-of-type(15),
  .fade-gallery > .open-check:nth-of-type(16):checked ~ .holder-img figure:nth-of-type(16),
  .fade-gallery > .open-check:nth-of-type(17):checked ~ .holder-img figure:nth-of-type(17),
  .fade-gallery > .open-check:nth-of-type(18):checked ~ .holder-img figure:nth-of-type(18),
  .fade-gallery > .open-check:nth-of-type(19):checked ~ .holder-img figure:nth-of-type(19),
  .fade-gallery > .open-check:nth-of-type(20):checked ~ .holder-img figure:nth-of-type(20),
  .fade-gallery > .open-check:nth-of-type(21):checked ~ .holder-img figure:nth-of-type(21),
  .fade-gallery > .open-check:nth-of-type(22):checked ~ .holder-img figure:nth-of-type(22),
  .fade-gallery > .open-check:nth-of-type(23):checked ~ .holder-img figure:nth-of-type(23),
  .fade-gallery > .open-check:nth-of-type(24):checked ~ .holder-img figure:nth-of-type(24),
  .fade-gallery > .open-check:nth-of-type(25):checked ~ .holder-img figure:nth-of-type(25),
  .fade-gallery > .open-check:nth-of-type(26):checked ~ .holder-img figure:nth-of-type(26),
  .fade-gallery > .open-check:nth-of-type(27):checked ~ .holder-img figure:nth-of-type(27),
  .fade-gallery > .open-check:nth-of-type(28):checked ~ .holder-img figure:nth-of-type(28),
  .fade-gallery > .open-check:nth-of-type(29):checked ~ .holder-img figure:nth-of-type(29),
  .fade-gallery > .open-check:nth-of-type(30):checked ~ .holder-img figure:nth-of-type(30),
  .fade-gallery > .open-check:nth-of-type(31):checked ~ .holder-img figure:nth-of-type(31),
  .fade-gallery > .open-check:nth-of-type(32):checked ~ .holder-img figure:nth-of-type(32),
  .fade-gallery > .open-check:nth-of-type(33):checked ~ .holder-img figure:nth-of-type(33),
  .fade-gallery > .open-check:nth-of-type(34):checked ~ .holder-img figure:nth-of-type(34),
  .fade-gallery > .open-check:nth-of-type(35):checked ~ .holder-img figure:nth-of-type(35),
  .fade-gallery > .open-check:nth-of-type(36):checked ~ .holder-img figure:nth-of-type(36),
  .fade-gallery > .open-check:nth-of-type(37):checked ~ .holder-img figure:nth-of-type(37),
  .fade-gallery > .open-check:nth-of-type(38):checked ~ .holder-img figure:nth-of-type(38),
  .fade-gallery > .open-check:nth-of-type(39):checked ~ .holder-img figure:nth-of-type(39),
  .fade-gallery > .open-check:nth-of-type(40):checked ~ .holder-img figure:nth-of-type(40),
  .fade-gallery > .open-check:nth-of-type(41):checked ~ .holder-img figure:nth-of-type(41),
  .fade-gallery > .open-check:nth-of-type(42):checked ~ .holder-img figure:nth-of-type(42),
  .fade-gallery > .open-check:nth-of-type(43):checked ~ .holder-img figure:nth-of-type(43),
  .fade-gallery > .open-check:nth-of-type(44):checked ~ .holder-img figure:nth-of-type(44),
  .fade-gallery > .open-check:nth-of-type(45):checked ~ .holder-img figure:nth-of-type(45),
  .fade-gallery > .open-check:nth-of-type(46):checked ~ .holder-img figure:nth-of-type(46),
  .fade-gallery > .open-check:nth-of-type(47):checked ~ .holder-img figure:nth-of-type(47),
  .fade-gallery > .open-check:nth-of-type(48):checked ~ .holder-img figure:nth-of-type(48),
  .fade-gallery > .open-check:nth-of-type(49):checked ~ .holder-img figure:nth-of-type(49),
  .fade-gallery > .open-check:nth-of-type(50):checked ~ .holder-img figure:nth-of-type(50),
  .fade-gallery > .open-check:nth-of-type(51):checked ~ .holder-img figure:nth-of-type(51),
  .fade-gallery > .open-check:nth-of-type(52):checked ~ .holder-img figure:nth-of-type(52),
  .fade-gallery > .open-check:nth-of-type(53):checked ~ .holder-img figure:nth-of-type(53),
  .fade-gallery > .open-check:nth-of-type(54):checked ~ .holder-img figure:nth-of-type(54),
  .fade-gallery > .open-check:nth-of-type(55):checked ~ .holder-img figure:nth-of-type(55),
  .fade-gallery > .open-check:nth-of-type(56):checked ~ .holder-img figure:nth-of-type(56),
  .fade-gallery > .open-check:nth-of-type(57):checked ~ .holder-img figure:nth-of-type(57),
  .fade-gallery > .open-check:nth-of-type(58):checked ~ .holder-img figure:nth-of-type(58),
  .fade-gallery > .open-check:nth-of-type(59):checked ~ .holder-img figure:nth-of-type(59),
  .fade-gallery > .open-check:nth-of-type(60):checked ~ .holder-img figure:nth-of-type(60),
  .fade-gallery > .open-check:nth-of-type(61):checked ~ .holder-img figure:nth-of-type(61),
  .fade-gallery > .open-check:nth-of-type(62):checked ~ .holder-img figure:nth-of-type(62),
  .fade-gallery > .open-check:nth-of-type(63):checked ~ .holder-img figure:nth-of-type(63),
  .fade-gallery > .open-check:nth-of-type(64):checked ~ .holder-img figure:nth-of-type(64),
  .fade-gallery > .open-check:nth-of-type(65):checked ~ .holder-img figure:nth-of-type(65),
  .fade-gallery > .open-check:nth-of-type(66):checked ~ .holder-img figure:nth-of-type(66),
  .fade-gallery > .open-check:nth-of-type(67):checked ~ .holder-img figure:nth-of-type(67),
  .fade-gallery > .open-check:nth-of-type(68):checked ~ .holder-img figure:nth-of-type(68),
  .fade-gallery > .open-check:nth-of-type(69):checked ~ .holder-img figure:nth-of-type(69),
  .fade-gallery > .open-check:nth-of-type(70):checked ~ .holder-img figure:nth-of-type(70){

    position:relative;

    left:auto;
  }

  .thumbnail:hover label,.fade-gallery > .open-check:nth-of-type(1):checked ~ .switcher .thumbnail:nth-of-type(1) label,.fade-gallery > .open-check:nth-of-type(2):checked ~ .switcher .thumbnail:nth-of-type(2) label,.fade-gallery > .open-check:nth-of-type(3):checked ~ .switcher .thumbnail:nth-of-type(3) label,.fade-gallery > .open-check:nth-of-type(4):checked ~ .switcher .thumbnail:nth-of-type(4) label,.fade-gallery > .open-check:nth-of-type(5):checked ~ .switcher .thumbnail:nth-of-type(5) label,.fade-gallery > .open-check:nth-of-type(6):checked ~ .switcher .thumbnail:nth-of-type(6) label,.fade-gallery > .open-check:nth-of-type(7):checked ~ .switcher .thumbnail:nth-of-type(7) label,.fade-gallery > .open-check:nth-of-type(8):checked ~ .switcher .thumbnail:nth-of-type(8) label,.fade-gallery > .open-check:nth-of-type(9):checked ~ .switcher .thumbnail:nth-of-type(9) label,.fade-gallery > .open-check:nth-of-type(10):checked ~ .switcher .thumbnail:nth-of-type(10) label,.fade-gallery > .open-check:nth-of-type(11):checked ~ .switcher .thumbnail:nth-of-type(11) label,.fade-gallery > .open-check:nth-of-type(12):checked ~ .switcher .thumbnail:nth-of-type(12) label,.fade-gallery > .open-check:nth-of-type(13):checked ~ .switcher .thumbnail:nth-of-type(13) label,.fade-gallery > .open-check:nth-of-type(14):checked ~ .switcher .thumbnail:nth-of-type(14) label,.fade-gallery > .open-check:nth-of-type(15):checked ~ .switcher .thumbnail:nth-of-type(15) label,.fade-gallery > .open-check:nth-of-type(16):checked ~ .switcher .thumbnail:nth-of-type(16) label{opacity:1;
  }
  .thumbnail:hover label:before,.fade-gallery > .open-check:nth-of-type(1):checked ~ .switcher .thumbnail:nth-of-type(1) label:before,.fade-gallery > .open-check:nth-of-type(2):checked ~ .switcher .thumbnail:nth-of-type(2) label:before,.fade-gallery > .open-check:nth-of-type(3):checked ~ .switcher .thumbnail:nth-of-type(3) label:before,.fade-gallery > .open-check:nth-of-type(4):checked ~ .switcher .thumbnail:nth-of-type(4) label:before,.fade-gallery > .open-check:nth-of-type(5):checked ~ .switcher .thumbnail:nth-of-type(5) label:before,.fade-gallery > .open-check:nth-of-type(6):checked ~ .switcher .thumbnail:nth-of-type(6) label:before,.fade-gallery > .open-check:nth-of-type(7):checked ~ .switcher .thumbnail:nth-of-type(7) label:before,.fade-gallery > .open-check:nth-of-type(8):checked ~ .switcher .thumbnail:nth-of-type(8) label:before,.fade-gallery > .open-check:nth-of-type(9):checked ~ .switcher .thumbnail:nth-of-type(9) label:before,.fade-gallery > .open-check:nth-of-type(10):checked ~ .switcher .thumbnail:nth-of-type(10) label:before,.fade-gallery > .open-check:nth-of-type(11):checked ~ .switcher .thumbnail:nth-of-type(11) label:before,.fade-gallery > .open-check:nth-of-type(12):checked ~ .switcher .thumbnail:nth-of-type(12) label:before,.fade-gallery > .open-check:nth-of-type(13):checked ~ .switcher .thumbnail:nth-of-type(13) label:before,.fade-gallery > .open-check:nth-of-type(14):checked ~ .switcher .thumbnail:nth-of-type(14) label:before,.fade-gallery > .open-check:nth-of-type(15):checked ~ .switcher .thumbnail:nth-of-type(15) label:before,.fade-gallery > .open-check:nth-of-type(16):checked ~ .switcher .thumbnail:nth-of-type(16) label:before{opacity:1;
  }
  .fade-gallery label[for="modal"]{position:absolute;
                                   top:0px;
                                   left:0px;
                                   width:100%;
                                   height:100%;
                                   z-index:2;
  }
  .fade-gallery label[for="modal"] > span:first-child{position:absolute;
                                                      top:50%;
                                                      left:50%;
                                                      color:#fff;
                                                      background:rgba(134,134,132,0.8);
                                                      padding:2px 5px;
                                                      height:auto;
                                                      z-index:2;
                                                      opacity:0;
                                                      font-size:14px;
                                                      line-height:16px;
                                                      margin:-9px 0 0 -80px;
                                                      -webkit-transition:opacity .2s ease-in-out;
                                                      -moz-transition:opacity .2s ease-in-out;
                                                      -ms-transition:opacity .2s ease-in-out;
                                                      -o-transition:opacity .2s ease-in-out;
                                                      transition:opacity .2s ease-in-out;
  }
  .fade-gallery label[for="modal"]:hover > span:first-child{opacity:1;
  }
  .product-description{-ms-transform:scale(1);
                       -webkit-transform:scale(1);
                       transform:scale(1);
                       -webkit-transition:transform .3s ease-in-out;
                       -moz-transition:transform .3s ease-in-out;
                       -ms-transition:transform .3s ease-in-out;
                       -o-transition:transform .3s ease-in-out;
                       transition:transform .3s ease-in-out;
  }
  .product-images{-webkit-transition:width .2s ease-in-out;
                  -moz-transition:width .2s ease-in-out;
                  -ms-transition:width .2s ease-in-out;
                  -o-transition:width .2s ease-in-out;
                  transition:width .2s ease-in-out;
  }
  .fade-gallery .close{position:absolute;
                       display:none;
                       top:0px;
                       z-index:2;
                       right:0;
                       width:30px;
                       height:30px;
                       padding:3px 0 6px;
                       text-align:center;
                       border:1px solid #f00;
                       background:#d61c21;
                       color:#fff;
                       text-align:center;
                       box-sizing:border-box;
                       -moz-box-sizing:border-box;
                       -o-box-sizing:border-box;
                       -webkit-box-sizing:border-box;
                       -webkit-transition:background .2s ease-in-out, color .2s ease-in-out;
                       -moz-transition:background .2s ease-in-out, color .2s ease-in-out;
                       -ms-transition:background .2s ease-in-out, color .2s ease-in-out;
                       -o-transition:background .2s ease-in-out, color .2s ease-in-out;
                       transition:background .2s ease-in-out, color .2s ease-in-out;
  }
  .fade-gallery .close .fa{font-size:20px;
  }
  .fade-gallery > .empty-marker{position:absolute;
                                top:-99999px;
                                left:-99999px;
  }
  .fade-gallery > .empty-marker:nth-of-type(1):empty ~ .switcher .thumbnail:nth-of-type(1),.fade-gallery > .empty-marker:nth-of-type(2):empty ~ .switcher .thumbnail:nth-of-type(2),.fade-gallery > .empty-marker:nth-of-type(3):empty ~ .switcher .thumbnail:nth-of-type(3),.fade-gallery > .empty-marker:nth-of-type(4):empty ~ .switcher .thumbnail:nth-of-type(4),.fade-gallery > .empty-marker:nth-of-type(5):empty ~ .switcher .thumbnail:nth-of-type(5),.fade-gallery > .empty-marker:nth-of-type(6):empty ~ .switcher .thumbnail:nth-of-type(6),.fade-gallery > .empty-marker:nth-of-type(7):empty ~ .switcher .thumbnail:nth-of-type(7),.fade-gallery > .empty-marker:nth-of-type(8):empty ~ .switcher .thumbnail:nth-of-type(8),.fade-gallery > .empty-marker:nth-of-type(9):empty ~ .switcher .thumbnail:nth-of-type(9),.fade-gallery > .empty-marker:nth-of-type(10):empty ~ .switcher .thumbnail:nth-of-type(10),.fade-gallery > .empty-marker:nth-of-type(11):empty ~ .switcher .thumbnail:nth-of-type(11),.fade-gallery > .empty-marker:nth-of-type(12):empty ~ .switcher .thumbnail:nth-of-type(12),.fade-gallery > .empty-marker:nth-of-type(13):empty ~ .switcher .thumbnail:nth-of-type(13),.fade-gallery > .empty-marker:nth-of-type(14):empty ~ .switcher .thumbnail:nth-of-type(14),.fade-gallery > .empty-marker:nth-of-type(15):empty ~ .switcher .thumbnail:nth-of-type(15),.fade-gallery > .empty-marker:nth-of-type(16):empty ~ .switcher .thumbnail:nth-of-type(16){display:none;
  }
  #main .open-modal:checked ~ .product-box .product-images{
    width:100%;
  }
  #main .open-modal:checked ~ .product-box .fade-gallery .holder-img{
    height:800px;
  }
  #main .open-modal:checked ~ .product-box .fade-gallery .holder-img figure{
    -webkit-transform:translateY(-50%) scale(1.2);
    -moz-transform:translateY(-50%) scale(1.2);
    -ms-transform:translateY(-50%) scale(1.2);
    -o-transform:translateY(-50%) scale(1.2);
    transform:translateY(-50%) scale(1.2);
  }
  #main .open-modal:checked ~ .product-box .fade-gallery .close{
    display:block;
  }
  #main .open-modal:checked ~ .product-box .fade-gallery label[for="modal"] > span:first-child{
    display:none;
  }
  #main .open-modal:checked ~ .product-box .product-description{
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
  }
  .thumbnail:hover label{opacity:1;
  }
  .thumbnail:hover label:before{opacity:1;
  }
  .thumbnail:hover label{opacity:1;
  }
  .thumbnail:hover label:before{opacity:1;
  }
  #product-container .variant04 .fade-gallery .switcher{
    position:relative;
    bottom:auto;
    left:auto;
    padding:0 0 30px;
  }
  #product-container .variant04 .fade-gallery .switcher .switch-label{z-index:3;
  }
  #product-container .variant04 .thumbnail{width:60px;
  }
  #product-container .variant04 .fade-gallery .holder-img{height:550px;
  }
  #product-container .variant04 .product-box,#product-container .variant04 #open-switch:checked ~ .product-box{
    padding:0;
    margin:0 0 30px;
  }
  #product-container .variant04 .product-description{width:45%;
  }
  #product-container .variant04 .product-images{width:55%;
  }
  .information-box{margin:0 0 100px;
                   position:relative;
  }
  .information-variant01{background:#f5f5f5;
                         padding:67px 0 17px;
  }
  .information-variant01 .hold-img{position:relative;
                                   margin:0 0 40px;
  }
  .information-variant01 .hold-img img{display:block;
                                       width:100%;
                                       height:auto;
                                       position:relative;
  }
  .information-inner{position:relative;
                     z-index:1;
                     margin:0 -61px;
  }
  .information-inner:after{content:"";
                           display:block;
                           clear:both;
  }
  .information-variant01:before{content:'';
                                position:absolute;
                                top:0;
                                right:100%;
                                width:1000px;
                                height:100%;
                                background:#f5f5f5;
  }
  .information-variant01:after{content:'';
                               position:absolute;
                               top:0;
                               height:100%;
                               left:60%;
                               width:2000px;
                               background:#de183c;
  }
  .information-box .col{float:left;
                        width:50%;
                        padding:0 61px;
                        -webkit-box-sizing:border-box;
                        -moz-box-sizing:border-box;
                        box-sizing:border-box;
  }
  .information-box table{width:100%;
                         margin:0 0 30px;
                         border-collapse:collapse;
  }
  .information-box table.table-variant01 td{width:50%;
                                            border-bottom:1px solid #f1eee9;
                                            padding:1px 8px 2px 8px;
                                            color:#808080;
  }
  .information-box table.table-variant01 tr:last-child td{border:none;
  }
  .information-box table.table-variant01 td:last-child{color:#de183c;
  }
  .information-box table.table-variant02 td{width:50%;
                                            border-top:1px solid #ddd;
                                            padding:5px 8px 2px 8px;
                                            color:#808080;
  }
  .information-box table.table-variant02 tr:nth-child(odd) td{background:#f5f5f5;
  }
  .advantages-list{list-style:none;
                   padding:0;
                   margin:10px -35px 0;
                   font-size:0px;
                   line-height:0px;
  }
  .advantages-list li{font-size:15px;
                      line-height:24px;
                      color:#616161;
                      width:50%;
                      padding:0 35px;
                      margin:0 0 69px;
                      display:inline-block;
                      vertical-align:top;
                      -webkit-box-sizing:border-box;
                      -moz-box-sizing:border-box;
                      box-sizing:border-box;
                      text-align:center;
  }
  .advantages-list li .title{text-transform:uppercase;
                             color:#000;
                             display:block;
                             margin:0 0 15px;
                             font-weight:600;
  }
  .advantages-list li .hold-icon{display:block;
                                 margin:0 0 23px;
  }
  .advantages-list li .hold-icon .fa{font-size:28px;
                                     color:#9e8769;
  }
  .payment-box{margin:0 -61px 130px;
               overflow:hidden;
  }
  .payment-box .col{width:50%;
                    float:left;
                    box-sizing:border-box;
                    -moz-box-sizing:border-box;
                    -o-box-sizing:border-box;
                    -webkit-box-sizing:border-box;
                    padding:0 61px;
                    font-size:14px;
                    line-height:24px;
                    color:#616161;
  }
  .payment-box .col h3{font-size:20px;
                       line-height:26px;
                       font-weight:600;
                       color:#060606;
                       text-transform:uppercase;
                       margin:0 0 27px;
  }
  .icon-list{list-style:none;
             padding:0;
             margin:0;
  }
  .icon-list li{display:inline-block;
                vertical-align:top;
                padding:0 39px 0 0;
  }
  .payment-box .col p{margin:0 0 26px;
  }
  .best-sellers{margin:0 0 110px;
  }
  .best-variant01{font-size:0px;
                  line-height:0px;
                  list-style:none;
                  padding:0;
                  margin:0 0 20px;
  }
  .best-variant01 li{font:18px/30px 'Montserrat Alternates', sans-serif;
                     display:inline-block;
                     vertical-align:top;
                     width:33.3%;
                     background:#fff;
                     padding:38px 20px 5px;
                     -webkit-box-sizing:border-box;
                     -moz-box-sizing:border-box;
                     box-sizing:border-box;
                     position:relative;
  }
  .best-variant01 li a{display:block;
                       min-height:440px;
                       position:relative;
                       -webkit-transition:opacity .2s ease-in-out;
                       -moz-transition:opacity .2s ease-in-out;
                       -ms-transition:opacity .2s ease-in-out;
                       -o-transition:opacity .2s ease-in-out;
                       transition:opacity .2s ease-in-out;
  }
  .best-variant01 li a:hover{opacity:0.9;
  }
  .best-variant01 li:nth-child(1) a,.best-variant01 li:nth-child(6) a{color:#fff!important;
  }
  .best-variant01 li:nth-child(1),.best-variant01 li:nth-child(6){background:#de183c;
                                                                  color:#fff;
  }
  .best-variant01 li:nth-child(1):before,.best-variant01 li:nth-child(6):before{content:'';
                                                                                position:absolute;
                                                                                top:0;
                                                                                right:100%;
                                                                                width:1000px;
                                                                                height:100%;
                                                                                background:#de183c;
  }
  .best-variant01 li:nth-child(6):before{right:auto;
                                         left:100%;
  }
  .best-variant01 li:nth-child(4),.best-variant01 li:nth-child(5){background:#f5f5f5;
  }
  .best-variant01 .hold-img{display:block;
                            height:300px;
                            margin:0 0 4px -20px;
  }
  .best-variant01 .hold-img img{max-width:100%;
                                max-height:100%;
                                position:relative;
                                top:50%;
                                -webkit-transform:translateY(-50%);
                                -moz-transform:translateY(-50%);
                                -ms-transform:translateY(-50%);
                                -o-transform:translateY(-50%);
                                transform:translateY(-50%);
  }
  .best-variant01 .info-wrap{position:absolute;
                             bottom:0;
                             left:0;
                             padding:0 10px 10px 15px;
                             width:100%;
                             -webkit-box-sizing:border-box;
                             -moz-box-sizing:border-box;
                             box-sizing:border-box;
  }
  .best-variant01 .title{font:18px/30px 'Montserrat Alternates', sans-serif;
                         font-weight:400;
                         display:block;
                         overflow:hidden;
                         margin:0 0 3px;
  }
  .best-variant01 .related-price{font-size:24px;
                                 line-height:26px;
  }
  .open-check{display:none;
  }
  #categories-box{margin:0 0 50px;
  }
  #categories-box h2{margin:0 0 87px;
  }
  #categories-box .categories-wrap{overflow:hidden;
                                   margin:0 0 130px;
  }
  #categories-box .categories-item{float:left;
                                   width:33.33%;
                                   overflow:hidden;
                                   -webkit-box-sizing:border-box;
                                   -moz-box-sizing:border-box;
                                   box-sizing:border-box;
                                   padding:0 20px 0 0;
  }
  #categories-box .category-image,#categories-box ul{float:left;
                                                     width:50%;
  }
  #categories-box .category-image{height:340px;
  }
  #categories-box .category-image a{position:relative;
                                    display:block;
  }
  #categories-box .category-image a:before{position:absolute;
                                           top:0;
                                           left:-10%;
                                           width:120%;
                                           height:100%;
                                           background:rgba(255, 255, 255, 0.2);
                                           content:'';
                                           -webkit-transition:-webkit-transform .6s;
                                           transition:transform .8s;
                                           -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
                                           transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
                                           opacity:0;
                                           visibility:hidden;
                                           -webkit-box-sizing:border-box;
                                           -moz-box-sizing:border-box;
                                           box-sizing:border-box;
                                           z-index:2;
  }
  #categories-box .category-image a:hover:before{-webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
                                                 transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -100%, 0);
                                                 opacity:1;
                                                 visibility:visible;
  }
  .category-image img{max-width:100%;
                      max-height:100%;
  }
  #categories-box ul{list-style:none;
                     -webkit-box-sizing:border-box;
                     -moz-box-sizing:border-box;
                     box-sizing:border-box;
                     padding:12px 0 0 11px;
                     margin:0;
  }
  #categories-box ul a{color:#616161;
                       font-weight:500;
                       -webkit-transition:color .2s ease-in-out;
                       -moz-transition:color .2s ease-in-out;
                       -ms-transition:color .2s ease-in-out;
                       -o-transition:color .2s ease-in-out;
                       transition:color .2s ease-in-out;
  }
  #categories-box ul a:hover{color:#000;
  }
  #footer{font-size:14px;
          line-height:22px;
          background:#f5f5f5;
          color:#616161;
          padding:45px 0 0;
          position:relative;
          overflow:hidden;
  }
  #footer:before{content:'';
                 position:absolute;
                 top:0;
                 left:66.5%;
                 height:100%;
                 width:1000px;
                 background:#de183c;
  }
  .footer-top{overflow:hidden;
              margin:0 -10px;
              position:relative;
  }
  #footer h3{font-size:14px;
             line-height:16px;
             margin:0 0 20px;
  }
  #footer .box{padding:0 10px;
               box-sizing:border-box;
               -moz-box-sizing:border-box;
               -o-box-sizing:border-box;
               -webkit-box-sizing:border-box;
  }
  #footer .logo{display:block;
                float:none;
                width:120px;
                margin:0 0 20px;
                padding:3px 0 0;
  }
  #footer .logo a{display:block;
  }
  #footer .copy{display:block;
                font-size:11px;
                line-height:14px;
                margin:0 0 5px;
  }
  .footer-top .box{float:left;
                   width:25%;
  }
  .footer-top .box:last-child{color:#fff;
  }
  .footer-top .box-hold{float:right;
                        width:45%;
  }
  .footer-top .box-hold .box{width:50%;
  }
  .footer-top ul{list-style:none;
                 padding:0;
                 margin:0 0 29px;
  }
  .footer-top ul li{margin:0 0 2px;
  }
  .footer-top ul a{position:relative;
  }
  .footer-top ul a{position:relative;
  }
  .footer-top ul a:before{content:'';
                          position:absolute;
                          bottom:0;
                          left:0;
                          width:100%;
                          height:1px;
                          background:#4e4d4d;
                          -webkit-transform:scale(0);
                          -moz-transform:scale(0);
                          -ms-transform:scale(0);
                          -o-transform:scale(0);
                          transform:scale(0);
                          -webkit-transition:transform .2s ease-in-out;
                          -moz-transition:transform .2s ease-in-out;
                          -ms-transition:transform .2s ease-in-out;
                          -o-transition:transform .2s ease-in-out;
                          transition:transform .2s ease-in-out;
  }
  .footer-top ul a:hover:before{-webkit-transform:scale(1);
                                -moz-transform:scale(1);
                                -ms-transform:scale(1);
                                -o-transform:scale(1);
                                transform:scale(1);
  }
  .footer-top .box:last-child ul li{position:relative;
                                    padding:0 0 0 28px;
                                    margin:0 0 15px;
  }
  .footer-top .box-hold .box:last-child ul li{padding:0;
                                              margin:0 0 2px;
  }
  .footer-top .box-hold .box:last-child ul li a{color:#fff;
  }
  .footer-top .box-hold .box:last-child ul li a:before{background:#fff;
  }
  .shipping-list{padding:0;
                 margin:0;
                 list-style:none;
                 overflow:hidden;
  }
  .shipping-list li{float:left;
                    margin:0 43px 10px 0;
  }
  .shipping-list dl{margin:0 0 15px;
  }
  .shipping-list dl dt,.shipping-list dl dd{display:inline-block;
                                            vertical-align:top;
                                            margin:0 7px 0 0;
  }
  .shipping-list dl dd{color:#de183c;
  }
  .open-check{display:none;
  }
  @media (max-width: 1470px){
    .footer-top .box-hold{width:53%;
    }
  }
  @media (max-width: 1270px){
    /*.container{width:95vw;
    }*/
  }
  @media (max-width: 1200px){
    .footer-top .box-hold{width:50%;
    }
    .support-list li{margin:0 15px 10px;
    }
    #footer::before{left:72%;
    }
    .children > li.children-img img{width:200px;
    }
    /*.container{width:91vw;
    }*/
  }
  @media (max-width: 1024px){
    /*.container{width:89vw;
    }*/
    #header{padding:15px 0 0;
            margin:0 0 30px;
    }
    .header-top{margin:0 0 10px;
    }
    .product-description,.product-images{width:50%;
    }
    .product-description h1{font-size:40px;
                            line-height:45px;
    }
    .thumbnail label{width:100px;
                     height:100px;
    }

    #open-switch:checked ~ .product-box .fade-gallery .switcher{
    }
    .product-box{padding:0 0 170px;
                 margin:0 0 50px;
    }
    #open-switch:checked ~ .product-box{padding-bottom:285px;
    }
    .information-inner{margin:0 -20px;
    }
    .payment-box{margin:0 -20px 50px;
    }
    .information-box .col,.payment-box .col{padding:0 20px;
    }
    .information-box,#categories-box .categories-wrap,.best-sellers{margin:0 0 50px;
    }
    .information-variant01{padding:30px 0 15px;
    }
    .advantages-list{margin:0 -15px;
    }
    .advantages-list li{padding:0 15px;
                        margin:0 0 15px;
    }
    .wrapper h2,#categories-box h2{font-size:30px;
                                   line-height:35px;
                                   margin:0 0 30px;
    }
    .best-variant01 li{width:50%;
    }
    .best-variant01 li a{min-height:350px;
    }
    .best-variant01 .hold-img{height:220px;
                              margin:0 0 5px;
                              text-align:center;
    }
    #nav{padding:10px 0;
         margin:0 0 10px;
    }
    #topnav{position:static;
            float:none;
            margin:0;
            padding:0;
            width:100%;
            background:none;
    }
    #topnav:after{display:none;
    }
    #topnav > li > .open-check ~ .children-holder .children > li:nth-child(1),#topnav > li > .open-check ~ .children-holder .children > li:nth-child(2),.children > li > .open-check ~ .children2 > li:nth-child(1),.children > li > .open-check ~ .children2 > li:nth-child(2){display:block;
    }
    .hold-toogle{display:block;
    }
    .toogle-menu{display:block;
    }
    .menu-holder{
      position:fixed;
      top:0;
      right:-300px;
      height:100%;
      overflow:hidden;
      overflow-y:auto;
      width:280px;
      background:#de183c;
      z-index:1005;
      -webkit-transition:right .2s ease-in-out;
      -moz-transition:right .2s ease-in-out;
      -ms-transition:right .2s ease-in-out;
      -o-transition:right .2s ease-in-out;
      transition:right .2s ease-in-out;
    }
    #nav .open-check:checked ~ .menu-holder{right:0;
    }
    #topnav > li{
      display:block;
      padding:0;
      position:static;
      margin:0;
      text-align:left;
      float:none;
    }
    #header #topnav > li:before{display:none;
    }
    #header #topnav > li > label,.children > li > a,.children > li > label,.children2 li a,.children2 li label,#header #topnav > li > a,#header #topnav > li > a:link,#header #topnav > li > a:visited{
      color:#fff!important;
      -webkit-border-radius:0px;
      -moz-border-radius:0px;
      border-radius:0px;
      background:#de183c;
      padding:15px 30px 15px 10px;
      border-bottom:1px solid #dadae5;
      display:block;
      cursor:pointer;
      text-transform:none;
      font-size:14px;
      line-height:18px;
      font-weight:normal;
      -webkit-transition:all .2s ease-in-out;
      -moz-transition:all .2s ease-in-out;
      -ms-transition:all .2s ease-in-out;
      -o-transition:all .2s ease-in-out;
      transition:all .2s ease-in-out;
    }
    #header #topnav > li:hover > a,#header #topnav > li:hover > label,.children > li:hover > a,.children > li:hover > label,.children2 > li:hover > a,.children2 > li:hover > label{
      color:#fff!important;
      background:rgba(255,255,255,0.3);
    }
    .children > li > label.back-label,.children2 li label.back-label{padding:15px 10px 15px 30px;
    }
    .children > li > a{margin:0;
                       font-weight:normal;
    }
    #topnav > li > label,.children > li > label,.children2 li label{position:relative;
    }
    #topnav > li > label .fa,.children > li > label .fa,.children2 li label.back-label .fa{
      position:absolute;
      right:10px;
      top:50%;
      font-size:20px;
      margin:-10px 0 0;
    }
    .children > li > label.back-label .fa,.children2 li label.back-label .fa{right:auto;
                                                                             left:10px;
    }
    #topnav > li > a:hover{color:#575757;
                           background:#fff;
    }
    #header #topnav > li > .open-check + a,#header .children > li > .open-check + a{display:none;
    }
    .close-menu{
      display:block;
      padding:15px 10px;
      color:#fff;
      background:#000;
      text-transform:uppercase;
      font-weight:bold;
      cursor:pointer;
      font-size:14px;
      line-height:16px;
      position:relative;
    }
    .close-menu .fa{
      float:right;
      font-size:20px;
      margin:-2px 0 0;
    }
    .children,.children2,#topnav > li:hover .children{
      opacity:1;
      visibility:visible;
      display:block;
      position:absolute;
      top:46px;
      bottom:0;
      margin:0;
      z-index:20;
      background:#de183c;
      border:none;
      padding:0;
      width:100%;
      left:100%;
      overflow:hidden;
      overflow-y:auto;
      -webkit-transition:left .2s ease-in-out;
      -moz-transition:left .2s ease-in-out;
      -ms-transition:left .2s ease-in-out;
      -o-transition:left .2s ease-in-out;
      transition:left .2s ease-in-out;
      -webkit-box-shadow:none;
      -moz-box-shadow:none;
      box-shadow:none;
    }
    .children2{top:0;
    }
    .children2 li{
      margin:0;
      width:100%;
      display:block;
      padding:0;
    }
    .children > li{
      width:100%;
      float:none;
      padding:0;
      margin:0;
      position:static;
    }
    .children > li.children-img{display:none;
    }
    .children-holder{position:static;
                     margin:0;
    }
    #topnav > li > .open-check:checked ~ .children-holder .children,.children > li .open-check:checked ~ .children2{left:0;
    }
    .children > li > a:before,.children2 li a:before,.children2 li:before,#topnav > li > a:before{display:none;
    }
    .overlay{
      display:block;
      position:fixed;
      top:0;
      left:100%;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.5);
      z-index:1000;
      -webkit-transition:left .2s ease-in-out;
      -moz-transition:left .2s ease-in-out;
      -ms-transition:left .2s ease-in-out;
      -o-transition:left .2s ease-in-out;
      transition:left .2s ease-in-out;
    }
    #nav .open-check:checked ~ .overlay{left:0;
    }
    .children > li:before{display:none;
    }
    .best-sellers h2{
      font-size:40px;
      line-height:45px;
      margin:0 0 10px;
    }
    #categories-box .categories-item{margin:0 0 15px;
                                     width:50%;
    }
    .category-image img{
      top:auto;
      -webkit-transform:none;
      -moz-transform:none;
      -ms-transform:none;
      -o-transform:none;
      transform:none;
    }
    #categories-box .category-image,#categories-box ul{
      float:left;
      width:30%;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
    #categories-box ul{
      padding:0 0 11px;
      text-align:left;
      width:65%;
    }
    #categories-box li{
      display:inline-block;
      vertical-align:top;
      width:49%;
    }
    #categories-box .category-image{padding:0 20px 0 0;
    }
    #categories-box .category-image{height:200px;
    }
    .support-list li{margin:0 10px 10px;
    }
  }
  @media (max-width: 850px){
    .footer-top .box-hold{width:100%;
    }
    .footer-top .box-hold .box:last-child ul li a{color:#000;
    }
    .footer-top .box-hold .box:last-child ul li a::before{background:#000;
    }
    #threendy_copyright{text-align:center;
    }
    .thumbnail label{
      width:70px;
      height:70px;
    }
    .fade-gallery .switcher{height:80px;
    }
    #open-switch:checked ~ .product-box .fade-gallery .switcher{
      height:180px;
    }
    .product-box{
      padding:0 0 140px;
      margin:0 0 50px;
    }
    #open-switch:checked ~ .product-box{
      padding-bottom:240px;
    }
    .support-list li{
      width:48%;
      margin:0 0 10px;
    }
    #header .contact-phone{
      font-size:20px;
      line-height:22px;
    }
    #header{
      margin:0 0 15px;
    }
    .support-list{margin:15px 0 0;
    }
    .product-description,.product-images,#product-container .variant04 .product-images,#product-container .variant04 .product-description{
      float:none;
      width:100%;
    }
    #main .open-modal:checked ~ .product-box .product-images{width:100%;
    }
    .fade-gallery .holder-img,#main .open-modal:checked ~ .product-box .fade-gallery .holder-img,#product-container .variant04 .fade-gallery .holder-img{
      height:400px;
    }
    .fade-gallery .close,#main .open-modal:checked ~ .product-box .fade-gallery .close{
      display:none;
    }
    .fade-gallery label[for="modal"] > span:first-child,#main .open-modal:checked ~ .product-box .fade-gallery label[for="modal"] > span:first-child{
      display:none;
    }
    #main .open-modal:checked ~ .product-box .product-description{  
      position:static;
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
    }
    #main .open-modal:checked ~ .product-box .fade-gallery .holder-img figure{
      -webkit-transform:translateY(-50%) scale(1);
      -moz-transform:translateY(-50%) scale(1);
      -ms-transform:translateY(-50%) scale(1);
      -o-transform:translateY(-50%) scale(1);
      transform:translateY(-50%) scale(1);
    }
    .product-box,#open-switch:checked ~ .product-box{padding:0;
    }
    .fade-gallery .switcher,#product-container .variant04 .fade-gallery .switcher{position:static;
    }
    #product-container .variant04 .fade-gallery .switcher{position:relative;
    }
    .switch-label{position:static;
                  display:block;
                  text-align:center;
                  width:40px;
                  margin:0 auto;
    }
    #product-container .variant04 .fade-gallery .switcher .switch-label{position:absolute;
    }
    #product-container .variant04 .thumbnail{width:12.5%;
    }
    .product-description h1{font-size:32px;
                            line-height:35px;
    }
    .item-artikle{margin:0 0 20px;
    }
    .thumbnail label{width:60px;
                     height:60px;
    }
    .wrapper .product-description h2{margin:0 0 20px;
    }
    .product-description ul,.prise-wrap{margin:0 0 20px;
    }
    .product-description ul li{padding:0 0 0 20px;
                               margin:0 0 10px;
    }
    .item-prise{font-size:30px;
                line-height:35px;
    }
    .product-box{margin:0 0 20px;
    }
    .information-inner{margin:0;
    }
    .information-box .col{float:none;
                          width:100%;
                          padding:0 10px;
                          margin:0 0 15px;
    }
    .information-variant01:after,.information-variant01:before{display:none;
    }
    .information-variant01 .hold-img{margin:0 0 20px;
    }
    .wrapper h3,.payment-box .col h3{margin:0 0 15px;
                                     font-size:18px;
                                     line-height:20px;
    }
    .information-box,#categories-box .categories-wrap,.payment-box,#categories-box,.best-sellers{margin:0 0 25px;
    }
    .payment-box .col{width:100%;
                      float:none;
                      margin:0 0 20px;
                      padding:0;
    }
    .payment-box .col .icon-list{text-align:center;
    }
    .advantages-list{margin:0;
    }
    .advantages-list li .hold-icon,.advantages-list li .title{margin:0 0 10px;
    }
    .best-variant01 .related-price,.best-variant01 .title{font-size:16px;
                                                          line-height:20px;
    }
    .footer-top .box{width:33.3%;
    }
    .footer-top .box:first-child{width:100%;
                                 margin:0 0 15px;
    }
    .footer-top .box-hold .box:first-child{width:50%;
    }
    #footer::before{display:none;
    }
    .footer-top .box:last-child{color:#636363;
    }
    #footer .logo{margin:0 auto 10px;
    }
    #footer .copy{text-align:center;
    }
    .product-description .col{display:inline-block;
                              vertical-align:top;
                              width:49%;
                              padding:0 20px 0 0;
                              -webkit-box-sizing:border-box;
                              -moz-box-sizing:border-box;
                              box-sizing:border-box;
    }
    #categories-box li{font-size:14px;
                       line-height:22px;
    }
  }
  @media (max-width: 700px){
    #categories-box .categories-item{float:none;
                                     width:100%;
                                     padding:0;
    }
  }
  @media (max-width: 650px){
    .product-description .col{display:block;
                              width:100%;
                              padding:0;
    }
    #footer{overflow:visible;
            padding:15px 0 0;
    }
    .footer-top .box,.footer-top .box-hold .box:first-child,.footer-top .box-hold .box{float:none;
                                                                                       width:100%;
    }
    .footer-top .box:last-child ul li{padding:0;
                                      margin:0 0 10px;
    }
    .footer-top ul{margin:0 0 10px;
    }
    #footer h3{margin:0 0 10px;
               text-align:center;
    }
    .wrapper h2,#categories-box h2{font-size:24px;
                                   line-height:26px;
                                   margin:0 0 15px;
    }
    #categories-box .category-image{height:150px;
    }
    .advantages-list li{display:block;
                        width:100%;
                        padding:0;
    }
    #header .logo{float:none;
                  display:block;
                  margin:0 auto 15px;
    }
    #header .contact-phone{float:none;
                           display:block;
                           margin:0;
                           text-align:center;
                           padding:0;
    }
    .thumbnail,#product-container .variant04 .thumbnail{width:25%;
                                                        margin:0 0 10px;
    }
    .best-variant01 .info-wrap{padding:0 10px 5px;
    }
    .best-variant01 li a{min-height:300px;
    }
    #header{position:relative;
    }
  }
  @media (max-width: 500px){
    #header .logo{width:120px;
    }
    #header .contact-phone{font-size:14px;
                           line-height:16px;
    }
    .fade-gallery .holder-img,#main .open-modal:checked ~ .product-box .fade-gallery .holder-img,#product-container .variant04 .fade-gallery .holder-img{height:300px;
    }
    .container{padding:0 10px;
    }
    .best-variant01 li{width:100%;
                       padding:0;
    }
    .best-variant01 li a{min-height:inherit;
                         padding:10px 0 0;
    }
    .best-variant01 .info-wrap{position:static;
                               display:block;
    }
    .best-variant01 li:nth-child(1):before,.best-variant01 li:nth-child(6):before{display:none;
    }
    .best-variant01 .title{height:auto;
    }
    #categories-box .category-image,#categories-box ul{padding:10px 0 0;
                                                       float:none;
                                                       width:100%;
    }
    #categories-box .category-image{display:none;
    }
    .support-list li{width:100%;
                     margin:0;
    }
    .footer-top .box:last-child ul li{margin:0;
    }
    .payment-box .col li img{-webkit-transform:scale(0.7);
                             -moz-transform:scale(0.7);
                             -ms-transform:scale(0.7);
                             -o-transform:scale(0.7);
                             transform:scale(0.7);
    }
  }
  #threendy_copyright{margin:0 0 15px;
  }
  #main .container{overflow:hidden;
                   max-width:100%;
                   padding:0;
  }
  #main .product-gallery-main{max-width:1270px;
                              margin:0 auto;
                              padding:0 20px;
  }
  @media (max-width: 500px){
    #main .product-gallery-main{padding:0 10px;
    }
    .information-box .col{padding:0;
    }
  }
}
/*! CSS Used from: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css ;
media=all */
@media all{
  .fa{display:inline-block;
      font:normal normal normal 14px/1 FontAwesome;
      font-size:inherit;
      text-rendering:auto;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
  }
  .fa-check:before{content:"\f00c";
  }
  .fa-close:before,.fa-times:before{content:"\f00d";
  }
  .fa-headphones:before{content:"\f025";
  }
  .fa-shopping-cart:before{content:"\f07a";
  }
  .fa-envelope:before{content:"\f0e0";
  }
  .fa-angle-left:before{content:"\f104";
  }
  .fa-angle-right:before{content:"\f105";
  }
  .fa-angle-down:before{content:"\f107";
  }
  .fa-mobile:before{content:"\f10b";
  }
  .fa-puzzle-piece:before{content:"\f12e";
  }
  .fa-shield:before{content:"\f132";
  }
  .fa-rocket:before{content:"\f135";
  }
  .fa-paint-brush:before{content:"\f1fc";
  }
  .fa-diamond:before{content:"\f219";
  }
}
/*! CSS Used from: Embedded */
.best-variant01 li{background:#ffffff;
}
.best-variant01 li:nth-child(1) a,.best-variant01 li:nth-child(6) a{color:#ffffff!important;
}
.best-variant01 li:nth-child(1),.best-variant01 li:nth-child(6){background:#de163b;
                                                                color:#ffffff;
}
.best-variant01 li:nth-child(1):before,.best-variant01 li:nth-child(6):before{background:#de163b;
}
.best-variant01 li:nth-child(4),.best-variant01 li:nth-child(5){background:#f5f5f5;
}
/*! CSS Used fontfaces */
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gTD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3g3D_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gbD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_vx3rCs.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gTD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3g3D_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gbD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gfD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:700;
           src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:700;
           src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:700;
           src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:700;
           src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat';
           font-style:normal;
           font-weight:700;
           src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Alternates Light'), local('MontserratAlternates-Light'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xQIXFCrxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Alternates Light'), local('MontserratAlternates-Light'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xQIXFA7xG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Alternates Light'), local('MontserratAlternates-Light'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xQIXFCLxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Alternates Light'), local('MontserratAlternates-Light'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xQIXFCbxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:300;
           src:local('Montserrat Alternates Light'), local('MontserratAlternates-Light'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xQIXFB7xG-GNxkg.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Alternates Regular'), local('MontserratAlternates-Regular'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTvWacfw6zH4dthXcyms1lPpC8I_b0juU055qfQKp5L0ll4.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Alternates Regular'), local('MontserratAlternates-Regular'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTvWacfw6zH4dthXcyms1lPpC8I_b0juU0576fQKp5L0ll4.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Alternates Regular'), local('MontserratAlternates-Regular'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTvWacfw6zH4dthXcyms1lPpC8I_b0juU055KfQKp5L0ll4.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Alternates Regular'), local('MontserratAlternates-Regular'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTvWacfw6zH4dthXcyms1lPpC8I_b0juU055afQKp5L0ll4.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:400;
           src:local('Montserrat Alternates Regular'), local('MontserratAlternates-Regular'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTvWacfw6zH4dthXcyms1lPpC8I_b0juU0566fQKp5L0g.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Alternates Medium'), local('MontserratAlternates-Medium'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xGITFCrxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Alternates Medium'), local('MontserratAlternates-Medium'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xGITFA7xG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Alternates Medium'), local('MontserratAlternates-Medium'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xGITFCLxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Alternates Medium'), local('MontserratAlternates-Medium'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xGITFCbxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:500;
           src:local('Montserrat Alternates Medium'), local('MontserratAlternates-Medium'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xGITFB7xG-GNxkg.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat Alternates SemiBold'), local('MontserratAlternates-SemiBold'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xNIPFCrxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat Alternates SemiBold'), local('MontserratAlternates-SemiBold'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xNIPFA7xG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat Alternates SemiBold'), local('MontserratAlternates-SemiBold'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xNIPFCLxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat Alternates SemiBold'), local('MontserratAlternates-SemiBold'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xNIPFCbxG-GNxklNd.woff2) format('woff2');
           unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{font-family:'Montserrat Alternates';
           font-style:normal;
           font-weight:600;
           src:local('Montserrat Alternates SemiBold'), local('MontserratAlternates-SemiBold'), url(https://fonts.gstatic.com/s/montserratalternates/v9/mFTiWacfw6zH4dthXcyms1lPpC8I_b0juU0xNIPFB7xG-GNxkg.woff2) format('woff2');
           unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'FontAwesome';
           src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
           src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
           font-weight:normal;
           font-style:normal;
}
/*
* PEDIDOS
*/
.title-inputs-form-right{
      font-size: 30px;
      color: #8A1776;
      font-family: 'Montserrat Semibold';
    }
    .text-title-form{
      font-family: "Montserrat SemiBold";
      font-size: 18px;
    }
    .checkbox-animate {
      display: flex;
      width: 100%;
      font-family: 'Montserrat Medium';
      font-size: 18px;
      color: #8A1776;
    }
    .checkbox-animate label {
      position: relative;
      cursor: pointer;
    }
    .checkbox-animate label input {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
    }

    .input-check {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      border: 2px solid #8A1776;
      position: relative;
      top: 6px;
      margin-right: 7px;
      transition: 0.4s;
    }

    .input-check::before {
      content: '';
      display: inline-block;
      width: 11px;
      height: 7px;
      border-bottom: 3px solid #fff;
      border-left: 3px solid #fff;
      transform: scale(0) rotate(-45deg);
      position: absolute;
      top: 3px;
      left: 2px;
      transition: 0.4s;
    }

    .checkbox-animate label input:checked ~ .input-check {
      background-color: #8A1776;
      border-color: #8A1776;
      /*                animation-name: input-animate;
                      animation-duration: 0.7s;*/
    }

    .checkbox-animate label input:checked ~ .input-check::before {
      transform: scale(1) rotate(-45deg);
      /*                animation-name: input-check;
                      animation-duration: 0.2s;
                      animation-delay: 0.3s;*/
    }

    @keyframes input-animate {
      0% {
        transform: scale(1);
      }
      40%{
        transform: scale(1.3,0.7);
      }
      55% {
        transform: scale(1);
      }
      70% {
        transform: scale(1.2,0.8);
      }
      80% {
        transform: scale(1);
      }
      90% {
        transform: scale(1.1,0.9);
      }
      100% {
        transform: scale(1);
      }
    }

    @keyframes input-check {
      0% {
        transform: scale(0) rotate(-45deg);
      }
      100% {
        transform: scale(1) rotate(-45deg);
      }
    }
    .container-opciones-envío{
        box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%);
        background: #efefef;
        border: 1px solid #D4D4D4;
      }
      .titulo-resumen{
        font-size: 34px;
        font-family: 'MONTSERRAT MEDIUM';
      }
      .divider-bottom{
        border-bottom: 2px solid gray;
      }
      .item-resumen-compra {
        margin: 0px 10px;
      }
      .div-detalle{
        justify-content: right;
      }
      .precio-detalle-resumen{
        font-size: 20px;
        font-family: 'Montserrat Regular';
      }
      .title-detalle-resumen{
        font-family: 'Montserrat Bold';
        font-size: 22px;
      }
      .span-precio-item{
        vertical-align: bottom;
        font-family: 'Montserrat Semibold';
        font-size: 22px;
      }
      .span-atributos{
        font-size: 22px;
        font-family: 'Montserrat Regular';
      }
      .div-input-radio-envio label{
        cursor:pointer;
      }
      .option-envio{
        border: 1px solid #D4D4D4;
        padding: 10px;
        background: #EFEFEF;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
        cursor:pointer;
      }
      .div-input-radio-envio{
        display: inline-block;
      }
      .img-opcion-envio{
        width: 150px;
        display: inline-block;
      }
.finalizarPedido{  
  display: none;
}