/*------------------------------------------------------------------

Project:  

Version:  

Last change:  

Assigned to:  Le Xuan Bach

Primary use:  Company

-------------------------------------------------------------------*/

/*------------------------------------------------------------------

[LAYOUT]



* body

  + Header / header

  + Page Content / .page-content .name-page

        + Section Layouts / section .name-section

        ...

  + Footer / footer



-------------------------------------------------------------------*/

/*------------------------------------------------------------------

[COLOR CODES]



# Text Color      :  

# Primary Color 01:  

# Primary Color 02:   

# Primary Color 03:  



------------------------------------------------------------------*/

/*------------------------------------------------------------------

[TYPOGRAPHY]



Body            : 16px/1.6 '', Arial, sans-serif;

Title           : 18px/1.6 '', Arial, sans-serif;

Paragrap        : 18px/1.6 '', Arial, sans-serif;

Input, textarea : 14px/1.6 '', Arial, sans-serif;

-------------------------------------------------------------------*/







/*[ FONT ]

///////////////////////////////////////////////////////////

*/



@font-face {

  font-family: Montserrat-Regular;

  src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 

}



@font-face {

  font-family: Montserrat-Medium;

  src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 

}



@font-face {

  font-family: Montserrat-Bold;

  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 

}



@font-face {

  font-family: Montserrat-Italic;

  src: url('../fonts/montserrat/Montserrat-Italic.ttf'); 

}



@font-face {

  font-family: Montserrat-Black;

  src: url('../fonts/montserrat/Montserrat-Black.ttf'); 

}



@font-face {

  font-family: Linearicons;

  src: url('../fonts/Linearicons-Free-v1.0.0/WebFont/Linearicons-Free.ttf'); 

}



@font-face {

  font-family: Poppins-Bold;

  src: url('../fonts/poppins/Poppins-Bold.ttf'); 

}



@font-face {

  font-family: Poppins-Black;

  src: url('../fonts/poppins/Poppins-Black.ttf'); 

}



/*[ RESTYLE TAG ]

///////////////////////////////////////////////////////////

*/

* {

	margin: 0px; 

	padding: 0px; 

	box-sizing: border-box;

}



body, html {

	height: 100%;

	font-family: Montserrat-Regular, sans-serif;

	font-weight: 400;

	width: 100%;

	margin: 0px;

	padding: 0px;

	overflow-x: hidden;

}



/* ------------------------------------ */

a {

	font-family: Montserrat-Regular;

  font-weight: 400;

	font-size: 15px;

	line-height: 1.7;

	color: #666666;

	margin: 0px;

	transition: all 0.4s;

	-webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

}



a:focus {

	outline: none !important;

}



a:hover {

	text-decoration: none;

	color: #e65540;

}



/* ------------------------------------ */

h1,h2,h3,h4,h5,h6 {

	margin: 0px;

}



p {

	font-family: Montserrat-Regular;

	font-size: 15px;

	line-height: 1.7;

	color: #888888;

	margin: 0px;

}



ul, li {

	margin: 0px;

	list-style-type: none;

}





/* ------------------------------------ */

input {

/*	

	outline: none;

	border: none !important;

*/

}



textarea {

  outline: none;

}



/* textarea:focus, input:focus {

  border-color: transparent !important;

} */



input:focus::-webkit-input-placeholder { color:transparent; }

input:focus:-moz-placeholder { color:transparent; }

input:focus::-moz-placeholder { color:transparent; }

input:focus:-ms-input-placeholder { color:transparent; }



textarea:focus::-webkit-input-placeholder { color:transparent; }

textarea:focus:-moz-placeholder { color:transparent; }

textarea:focus::-moz-placeholder { color:transparent; }

textarea:focus:-ms-input-placeholder { color:transparent; }



/* ------------------------------------ */

button {

	outline: none !important;

	border: none;

	background: transparent;

}



button:hover {

	cursor: pointer;

}



iframe {

	border: none !important;

}





/* ------------------------------------ */

.container {

	max-width: 1200px;

}



.slick-slide {

  outline: none !important;

}











/*[ LOADDING ]

///////////////////////////////////////////////////////////

*/

.animsition-loading-1 {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



[data-loader='ball-scale'] {

    width: 50px;

    height: 50px;

    -webkit-animation: ball-scale infinite linear .75s;

    -moz-animation: ball-scale infinite linear .75s;

    -o-animation: ball-scale infinite linear .75s;

    animation: ball-scale infinite linear .75s;

    border-radius: 100%;

    background-color: #e65540;

}



@-webkit-keyframes ball-scale {

    0% {

        -webkit-transform: scale(.1);

        -ms-transform: scale(.1);

        -o-transform: scale(.1);

        transform: scale(.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}



@-moz-keyframes ball-scale {

    0% {

        -webkit-transform: scale(.1);

        -ms-transform: scale(.1);

        -o-transform: scale(.1);

        transform: scale(.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}



@-o-keyframes ball-scale {

    0% {

        -webkit-transform: scale(.1);

        -ms-transform: scale(.1);

        -o-transform: scale(.1);

        transform: scale(.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}



@keyframes ball-scale {

    0% {

        -webkit-transform: scale(.1);

        -ms-transform: scale(.1);

        -o-transform: scale(.1);

        transform: scale(.1);

        opacity: 1;

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}



/*[ BACK TO TOP ]

///////////////////////////////////////////////////////////

*/

.btn-back-to-top {

  display: none;

  position: fixed;

  width: 40px;

  height: 40px;

  bottom: 40px;

  right: 40px;

  background-color: black;

  opacity: 0.5;

  justify-content: center;

  align-items: center;

  z-index: 1000;

  border-radius: 4px;

  transition: all 0.4s;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

}



.symbol-btn-back-to-top {

  font-size: 22px;

  color: white;

  line-height: 1em;

}



.btn-back-to-top:hover {

  opacity: 1;

  cursor: pointer;

}



@media (max-width: 576px) {

  .btn-back-to-top {

    bottom: 15px;

    right: 15px;

  }

}



/*[ Restyle Select2 ]

///////////////////////////////////////////////////////////

*/

/* Select2 */

.select2-container {

  display: block;

  max-width: 100% !important;

  width: auto !important;

}



.select2-container .select2-selection--single {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  background-color: transparent;

  border: none;

  height: 20px;

  outline: none;

  position: relative;

}



/* in select */

.select2-container .select2-selection--single .select2-selection__rendered {

  font-size: 13px;

  font-family: Montserrat-Regular;

  line-height: 20px;

  color: #888888;

  padding-left: 0px ;

  background-color: transparent;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 20px;

  top: 50%;

  transform: translateY(-50%);

  right: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.select2-selection__arrow b {

  display: none;

}



.select2-selection__arrow:after {

  content: '';

  display: block;

  width: 5px;

  height: 5px;

  background-color: transparent;

  border-right: 1px solid #888888;

  border-bottom: 1px solid #888888;

  color: white;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  margin-bottom: 2px;

  margin-right: 8px;

}



/* dropdown option */

.select2-container--open .select2-dropdown {

  z-index: 1251;

  border: 1px solid #e5e5e5;

  border-radius: 0px;

  background-color: white;

}



.select2-container .select2-results__option[aria-selected] {

  padding-top: 5px;

  padding-bottom: 5px;

}



.select2-container .select2-results__option[aria-selected="true"] {

  background-color: #e65540;

  color: white;

}



.select2-container .select2-results__option--highlighted[aria-selected] {

  background-color: #e65540;

  color: white;

}



.select2-results__options {

  font-size: 13px;

  font-family: Montserrat-Regular;

  color: #888888;

}



.select2-search--dropdown .select2-search__field {

  border: 1px solid #aaa;

  outline: none;

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: #888888;

}



/*[ rs1-select2 ]

-----------------------------------------------------------

*/

.rs1-select2 .select2-container {

  margin-left: 26px;

}



.rs1-select2 .select2-containercontainer .select2-selection--single {

  height: 20px;;

}



/*[ rs2-select2 ]

-----------------------------------------------------------

*/

.rs2-select2 .select2-container .select2-selection--single {

  background-color: white;

  height: 50px;

}



.rs2-select2 .select2-container .select2-selection--single .select2-selection__rendered {

  line-height: 20px;

  color: #555555;

  padding-left: 22px ;

}



.rs2-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {

  right: 10px;

}



#dropDownSelect2 .select2-results__options {

  color: #555555;

}



#dropDownSelect2 .select2-search--dropdown .select2-search__field {

  color: #555555;

}







/*[ rs3-select2 ]

-----------------------------------------------------------

*/

.rs3-select2 .select2-container .select2-selection--single {

  height: 45px;

}



.rs3-select2 .select2-selection__arrow b {

  display: block;

}



.rs3-select2 .select2-selection__arrow:after {

  display: none;

}



/*[ rs4-select2 ]

-----------------------------------------------------------

*/

.rs4-select2 .select2-container .select2-selection--single {

  height: 40px;

}



.rs4-select2 .select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 15px ;

}



.rs4-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {

  right: 5px;

}





/*[ Header ]

///////////////////////////////////////////////////////////

*/

.header1 {

  height: 125px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.fixed-header {height: 110px;}







/*[ Header Desktop ]

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.container-menu-header {

  width: 100%;

  top: 0;

  left: 0;

  position: fixed;

  z-index: 1100;

  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); 

}



/*[ Top bar ]

===========================================================*/

.topbar {

  height: 45px;

  background-color: #f5f5f5;

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

}





/* ------------------------------------ */



.topbar-social {

  position: absolute;

  height: 100%;

  top: 0;

  left: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  padding-left: 40px;

}



.topbar-social-item {

  font-size: 18px;

  color: #888888;

  padding: 10px;

}



/* ------------------------------------ */

.topbar-email,

.topbar-child1 {

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: #888888;

  line-height: 1.7;

}



/* ------------------------------------ */

.topbar-child2 {

  position: absolute;

  height: 100%;

  top: 0;

  right: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  padding-right: 38px;

}





/*[ Menu ]

===========================================================*/

.wrap_header {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  height: 80px;

  background-color: white;

  justify-content: center;

  align-items: center;

  position: relative;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.fixed-header .wrap_header {

  height: 65px;

}





/*[ Logo ]

-----------------------------------------------------------*/

.logo {

  display: block;

  position: absolute;

  left: 52px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.logo img {

  max-height: 50px;

}





/*[ Menu ]

-----------------------------------------------------------*/

.main_menu {

  list-style-type: none;

  margin: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}



.main_menu > li {

  display: block;

  position: relative;

  padding-top: 20px;  

  padding-bottom: 20px; 

  padding-left: 15px;

  padding-right: 15px;

}



.main_menu > li > a {

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #333333;

  padding: 0;

  border-bottom: 1px solid transparent;

}



li.sale-noti > a {

  color: #e65540;

}



.main_menu > li:hover > a {

  text-decoration: none;

  border-bottom: 1px solid #333333;

}



.main_menu li {

  position: relative;

}



.main_menu > li:hover > .sub_menu {

  visibility: visible;

  opacity: 1;

}



.sub_menu {

  list-style-type: none;

  position: absolute;

  z-index: 1100;

  top:0;

  left:100%;

  width: 225px;

  background-color: #F0F0F0;

  opacity: 0;

  visibility: hidden;

  padding-top: 10px;

  padding-bottom: 10px;

  transition: all 0.4s;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

}



.main_menu > li > .sub_menu {

  top:100%;

  left: 0;

  position: absolute;

}



.sub_menu li:hover > .sub_menu {

  visibility: visible;

  opacity: 0;

} 



.sub_menu li { 

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

}



.sub_menu li, .sub_menu a {

  padding: 10px;

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: black;

}



.sub_menu > li:hover > a {

  color: #e65540;

  text-decoration: none;

}



/* ------------------------------------ */

.header-icons {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  position: absolute;

  right: 52px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.header-wrapicon1,

.header-wrapicon2 {

  height: 27px;

  position: relative;

}



.header-wrapicon1 img,



/*

.header-wrapicon2 img {

  height: 100%;

}*/



.header-icon1:hover,

.header-icon2:hover {

  cursor: pointer;

}



.header-icons-noti {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background-color: #111111;

  color: white;

  font-family: Montserrat-Medium;

  font-size: 12px;

  position: absolute;

  top: 0;

  right: -10px;

}



.linedivide1 {

  display: block;

  height: 20px;

  width: 1px;

  background-color: #e5e5e5;

  margin-left: 23px;

  margin-right: 23px;

  margin-top: 5px;

}



/*[ Header cart ]

-----------------------------------------------------------

*/

.header-cart {

  position: absolute;

  z-index: 1100;

  width: 339px;

  top: 190%;

  right: -10px;

  padding: 20px;

  border-top: 3px solid #e6e6e6;

  background-color: white;

  padding-left: 70px;



  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  

  transform-origin: top right;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}



.show-header-dropdown {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.fixed-header .header-cart {

  top: 160%;

}



.header-cart-wrapitem {

  max-height: 270px;

  overflow: auto;

}



.header-cart-item {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  padding-bottom: 5px;

  padding-top: 5px;

}



/* ------------------------------------ */

.header-cart-item-img {

  width: 80px;

  position: relative;

  margin-right: 20px;

}



.header-cart-item-img img {

  /*width: 100%;*/

  width: 75px;

  height: 75px;

}

/*

.header-cart-item-img::after {

  content: '\e870';

  font-family: Linearicons;

  font-size: 16px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,0.5);

  color: white;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  opacity: 0;

}



.header-cart-item-img:hover:after {

  cursor: pointer;

  opacity: 1;

}

*/

/* ------------------------------------ */

.header-cart-item-txt {

  width: calc(100% - 100px);

}



.header-cart-item-name {

  display: block;

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #555555;

  line-height: 1.3;

  margin-bottom: 12px;

}



.header-cart-item-info {

  display: block;

  font-family: Montserrat-Regular;

  font-size: 12px;

  color: #888888;

  line-height: 1.5;

}



.header-cart-total {

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #555555;

  line-height: 1.3;

  text-align: right;

  padding-top: 15px;

  padding-bottom: 25px;

  padding-right: 3px;

}

/* ------------------------------------ */

.header-cart-buttons {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}



.header-cart-wrapbtn {

  /*Editado por Tomas

  -----------------------------------------------------------

  */

  

  

  /* width: calc((100% - 10px) / 2); */

  

  width: 70%;

  

  /*

  -----------------------------------------------------------

  */

}







/*Agregado por Tomas

-----------------------------------------------------------

*/

  

/*[ Header user ]

-----------------------------------------------------------

*/

.header-user {

  position: absolute;

  z-index: 1100;

  width: 339px;

  top: 190%;

  right: -10px;

  padding: 20px;

  border-top: 3px solid #e6e6e6;

  background-color: white;

  padding-left: 70px;



  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  

  transform-origin: top right;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}



.show-header-dropdown {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



.fixed-header .header-user {

  top: 160%;

}



.header-user-wrapitem {

  max-height: 270px;

  overflow: auto;

}



.header-user-item {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  padding-bottom: 5px;

  padding-top: 5px;

}



/* ------------------------------------ */

.header-user-item-img {

  width: 80px;

  position: relative;

  margin-right: 20px;

}



.header-user-item-img img {

  /*width: 100%;*/

  width: 75px;

  height: 75px;

}



.header-user-item-txt {

  width: calc(100% - 100px);

}



.header-user-item-name {

  display: block;

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #555555;

  line-height: 1.3;

  margin-bottom: 12px;

}



.header-user-item-info {

  display: block;

  font-family: Montserrat-Regular;

  font-size: 12px;

  color: #888888;

  line-height: 1.5;

}



.header-user-total {

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #555555;

  line-height: 1.3;

  text-align: right;

  padding-top: 15px;

  padding-bottom: 25px;

  padding-right: 3px;

}

/* ------------------------------------ */

.header-user-buttons {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}



.header-user-wrapbtn {

  width: calc((100% - 10px) / 2);

}



#inputLogin {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  padding-left: 13%;

  width: calc((100% - 10px) / 2);

  border: solid;

}



#inputLogin:hover {

	cursor: pointer;

}





/*[ Header user mobile ]

-----------------------------------------------------------*/

.header-icons-mobile {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  margin-right: 15px;

}



.header-icons-mobile .header-user {

  width: 330px;

  top: 190%;

  right: -850%;  

  z-index: 1100;

  transform-origin: top right;

}





.tiles {

    position: absolute;

    top: 0;

    left: 0;

    width: 500px;

    height: 500px;

  }



.tile {

	position: relative;

	float: left;

	width: 500px;

	height: 500px;

	overflow: hidden;

}



.photo {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	transition: transform .5s ease-out;

}

  

  

/*

-----------------------------------------------------------

*/







/*[ Header Mobile ]

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.wrap_header_mobile {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  min-height: 80px;

  padding-left: 20px;

  padding-top: 10px;

  padding-bottom: 10px;

  background-color: white;

  display: none;

  

  

  /*Agregado por Tomas

  -----------------------------------------------------------

  */

  

  max-height: 110px;

  

  /*

  -----------------------------------------------------------

  */

}



/*[ Logo mobile ]

-----------------------------------------------------------*/



/*Modificado por Tomas

-----------------------------------------------------------

*/



.logo-mobile {

  /*display: block;*/

  padding-right: 20px;

}



/*

-----------------------------------------------------------

*/



.logo-mobile img {

  max-height: 40px;

}



/*[ btn show menu ]

-----------------------------------------------------------*/

.btn-show-menu {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  justify-content: center;

  align-items: center;

}



.hamburger {

  -webkit-transform: scale(0.8);

  -moz-transform: scale(0.8);

  -ms-transform: scale(0.8);

  -o-transform: scale(0.8);

  transform: scale(0.8);

  margin-top: 5px;

}





/*[ Header icon mobile ]

-----------------------------------------------------------*/

.header-icons-mobile {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  margin-right: 15px;

}

.linedivide2 {

  display: block;

  height: 20px;

  width: 1px;

  margin-left: 10px;

  margin-right: 10px;

  margin-top: 5px;

}



.header-icons-mobile .header-cart {

  width: 300px;

  top: 190%;

  right: -900%;  

  z-index: 1100;

  transform-origin: top right;

}



/*[ Menu mobile ]

-----------------------------------------------------------*/

.wrap-side-menu {

  width: 100%;

  background-color: white;

  display: none;

  border-top: 1px solid #ececec;

}



.side-menu {

  width: 100%;

}



.side-menu li {

  list-style-type: none;

}



.side-menu .main-menu {margin-bottom: 0;}



.item-menu-mobile {

  background-color: #e65540;

}



.side-menu .main-menu > li > a {

  padding-left: 20px;

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: white;

  line-height: 2.86;

}



.side-menu .main-menu > li {

  color: white;

  position: relative;

}





.side-menu .main-menu .arrow-main-menu {

  font-size: 14px;

  position: absolute;

  right: 20px;

  top: 5px;

  padding: 10px;

  -webkit-transition: all 0.4s !important;

  -o-transition: all 0.4s !important;

  -moz-transition: all 0.4s !important;

  transition: all 0.4s !important;

}



.side-menu .main-menu .arrow-main-menu:hover {

  cursor: pointer;

}



.turn-arrow {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

}



.side-menu .sub-menu a {

  padding-left: 20px;

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: #333333;

  line-height: 2.5;

}



.side-menu .sub-menu > li {

  padding-left: 12px;

  padding-top: 

}



.side-menu .sub-menu a:hover {

  text-decoration: none;

  padding-left: 20px;

  color: #e65540 !important;

}



.side-menu .sub-menu {

  background-color: white;

  display: none;

}



@media (min-width: 992px){

  .wrap-side-menu {

    display: none;

  }

}



/* ------------------------------------ */

.item-topbar-mobile {

  border-bottom: 1px solid #ececec;

}



.topbar-child2-mobile {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.topbar-social-moblie {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

}





/*[ Header2 ]

///////////////////////////////////////////////////////////

*/

.topbar2 {

  background-color: #fff;

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

}



/* ------------------------------------ */

.logo2 {

  display: block;

}



.logo2 img {

  max-height: 27px;

}



.fixed-header2 {

  z-index: 1300;

  position: fixed;

  height: 65px;

  left: 0;

  top: -70px;

  visibility: hidden;



  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); 

}



.fixed-header2 .header-cart {

  top: 160%;

}



.show-fixed-header2 {

  visibility: visible;

  top: 0px;

}

/*.contenedorpopover{
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.is-visible {
    visibility: visible;
}
*/





/*[ Header3 ]

///////////////////////////////////////////////////////////

*/

.container-menu-header-v3 {

  position: fixed;

  z-index: 1200;

  top: 0;

  left: 0;

  background-color: #fff;

  width: 320px;

  height: 100vh;

  border-right: 1px solid #e5e5e7;



  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

}



/*[ Menu ]

===========================================================*/

.container-menu-header-v3 .wrap_header {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  width: 100%;

  background-color: white;

}





/*[ Logo ]

-----------------------------------------------------------*/

.container-menu-header-v3 .logo3 {

  display: block;

}



.container-menu-header-v3 .logo3 img {

  max-width: 120px;

}



/*[ Header Icon ]

-----------------------------------------------------------*/

.container-menu-header-v3 .header-icons3 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  position: unset;

}



/*[ Header cart ]

-----------------------------------------------------------

*/

.container-menu-header-v3 .header-cart {

  left: -10px;

  transform-origin: top left;

}



/*[ Menu ]

-----------------------------------------------------------*/

.container-menu-header-v3 .main_menu {

  list-style-type: none;

  margin: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  justify-content: center;

  flex-direction: column;

}



.container-menu-header-v3 .main_menu > li {

  padding-top: 3px;  

  padding-bottom: 3px; 

  padding-left: 0px;

  padding-right: 0px;

  text-align: center;

}



.container-menu-header-v3 .sub_menu {

  top:0;

  left:100%;

}



.container-menu-header-v3 .main_menu > li > .sub_menu {

  top: 10px;

  left: 95%;

}



.container-menu-header-v3 .sub_menu li { 

  text-align: left;

}



.container-menu-header-v3 .topbar-social-item {

  padding: 10px 8px;

}





/*[ Page sidebar ]

-----------------------------------------------------------

*/

.container1-page {

  margin-left: 320px;

}



@media (max-width: 992px){

  .wrap_header_mobile {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex !important;

  }

  .wrap_header {display: none;}



  .container-menu-header-v3,

  .container-menu-header-v2,

  .container-menu-header 

  {display: none;}



  .top-bar {display: none;}

  header {height: auto !important;}



  .container1-page {

    margin-left: 0px;

  }

}







/*[ Slide1 ]

///////////////////////////////////////////////////////////

*/



/*[ Slick1 ]

-----------------------------------------------------------

*/

.wrap-slick1 {

  position: relative;

}



.item-slick1 {

  height: 545px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.arrow-slick1 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 40px;

  height: 40px;

  font-size: 18px;

  color: white;

  position: absolute;

  background-color: black;

  opacity: 0;

  

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);



  border-radius: 50%;

  z-index: 200;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.wrap-slick1:hover .arrow-slick1 {

  opacity: 0.5;

}



.arrow-slick1:hover {

  background-color: #e65540;

}



.next-slick1 {

  right: 50px;

  left: auto;

}



.prev-slick1 {

  left: 50px;

  right: auto;

}



@media (max-width: 576px) {

  .next-slick1 {

    right: 15px;

  }



  .prev-slick1 {

    left: 15px;

  }

}



/*[ Caption ]

-----------------------------------------------------------

*/

@media (max-width: 992px) {

  .wrap-content-slide1 .xl-text2 {

    font-size: 60px;

  }

}



@media (max-width: 768px) {

  .wrap-content-slide1 .xl-text3,

  .wrap-content-slide1 .xl-text2,

  .wrap-content-slide1 .xl-text1 {

    font-size: 50px;

  }



  .wrap-content-slide1 .m-text27,

  .wrap-content-slide1 .m-text1 {

    font-size: 16px;

  }



  .item-slick1 {

    height: 470px;

  }

}



@media (max-width: 576px) {

  .wrap-content-slide1 .xl-text3,

  .wrap-content-slide1 .xl-text2,

  .wrap-content-slide1 .xl-text1 {

    font-size: 40px;

  }



  .wrap-content-slide1 .m-text27,

  .wrap-content-slide1 .m-text1 {

    font-size: 16px;

  }



  .item-slick1 {

    height: 370px;

  }

}



/*[ rs1-slick1 ]

-----------------------------------------------------------

*/

.rs1-slick1 .item-slick1 {

  height: 100vh;

}



@media (max-width: 992px) {

  .rs1-slick1 .item-slick1 {

    height: calc(100vh - 85px);

  }

}









/*[ Slide2 ]

///////////////////////////////////////////////////////////

*/



/*[ Slick2 ]

-----------------------------------------------------------

*/

.wrap-slick2 {

  position: relative;

  margin-right: -15px;

  margin-left: -15px;

}



/* ------------------------------------ */

.arrow-slick2 {

  position: absolute;

  z-index: 100;

  top: calc((100% - 70px) / 2);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 39px;

  color: #cccccc;



  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.arrow-slick2:hover {

  color: #666666;

}



.next-slick2 {

  right: -30px;

}



.prev-slick2 {

  left: -30px;

}



@media (max-width: 1280px) {

  .next-slick2 {

    right: 0px;

  }



  .prev-slick2 {

    left: 0px;

  }

}



@media (max-width: 1610px) {

  .rs1-slick2 .next-slick2 {

    right: 0px;

  }



  .rs1-slick2 .prev-slick2 {

    left: 0px;

  }

}







/*[ Slide4 Ofertas ]

///////////////////////////////////////////////////////////

*/



/*[ Slick4 ]

-----------------------------------------------------------

*/

.wrap-slick4 {

  position: relative;

  margin-right: -15px;

  margin-left: -15px;

}



/* ------------------------------------ */

.arrow-slick4 {

  position: absolute;

  z-index: 100;

  top: calc((100% - 70px) / 2);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 39px;

  color: #cccccc;



  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.arrow-slick4:hover {

  color: #666666;

}



.next-slick4 {

  right: -30px;

}



.prev-slick4 {

  left: -30px;

}



@media (max-width: 1280px) {

  .next-slick4 {

    right: 0px;

  }



  .prev-slick4 {

    left: 0px;

  }

}



@media (max-width: 1610px) {

  .rs1-slick4 .next-slick4 {

    right: 0px;

  }



  .rs1-slick4 .prev-slick4 {

    left: 0px;

  }

}





/*[ rs Sweetalert ]

///////////////////////////////////////////////////////////

*/

.swal-overlay {

    overflow-y: auto;

}



.swal-icon--success {

    border-color: #66a8a6;

}



.swal-icon--success__line {

    background-color: #66a8a6;

}



.swal-icon--success__ring {

    border: 4px solid rgba(102, 168, 166, 0.2);

}



.swal-button:focus {

    outline: none;

    box-shadow: none;

}



.swal-button {

    background-color: #e65540;

    font-family: Montserrat-Regular;

    font-size: 15px;

    color: white;

    text-transform: uppercase;

    font-weight: unset;

    border-radius: 20px;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}





/*Agregado por Tomas

-----------------------------------------------------------

*/

  

@media (max-width: 500px) {

	.swal-button {

		width: 50%;

		margin-top: 20px;

		background-color: #e65540;

		font-family: Montserrat-Regular;

		font-size: 12px;

		color: white;

		text-transform: uppercase;

		font-weight: unset;

		border-radius: 20px;

		-webkit-transition: all 0.3s;

		-o-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	

	.swal-button-container {

		margin-left: -60px;

	}

}



/*

-----------------------------------------------------------

*/





.swal-button:hover {

    background-color: #333333;

}



.swal-button:active {

    background-color: #e65540;

}



.swal-title {

  font-family: Montserrat-Medium;

  color: #333333;

  font-size: 16px;

  line-height: 1.5;

  padding: 0 15px;

}



.swal-text {

  font-family: Montserrat-Regular;

  color: #333333;

  font-size: 15px;

  text-align: center;

}



.swal-footer {

    margin-top: 0;

}





/*[ Block1 ]

///////////////////////////////////////////////////////////

*/

.block1-wrapbtn {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: 20px;



  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);

}





/*[ Block2 ]

///////////////////////////////////////////////////////////

*/

.block2-labelsale::before,

.block2-labelnew::before,

.block2-labeldiscount::before



{

  z-index: 100;

  font-family: Montserrat-Regular;

  font-size: 12px;

  color: white;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 50px;

  height: 22px;

  border-radius: 11px;

  position: absolute;

  top: 12px;

  left: 12px;

}







.block2-labelsale::before {

  background-color: #e65540;

  content: 'Oferta';

}



.block2-labelnew::before {

  background-color: #66a8a6;

  content: 'Nuevo';

}



.block2-labellast::before

{

  z-index: 100;

  font-family: Montserrat-Regular;

  font-size: 12px;

  color: white;

  text-align: center;

  width: 125px;

  height: 22px;

  border-radius: 11px;

  position: absolute;

  top: 12px;

  left: 12px;

}









.block2-labellast::before {

  background-color: #53e63f;

  content: '  Ultimas unidades';

}



.block2-descuentoweb::before

{

  z-index: 100;

  font-family: Montserrat-Regular;

  font-size: 18px;

  color: yellow;

  font-style: bold;

  text-align: center;

  padding-left: 8px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  width: 60px;

  height: 28px;

  border-radius: 11px;

  position: absolute;

  top: 12px;

  right: 12px;

}



.block2-descuentoweb::before {

  background-color: #FF8000;

  content: var(--descuento);

}



/* ------------------------------------ */

.block2-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,0.3);

  opacity: 0;

}



/* ------------------------------------ */

.block2-btn-addcart {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: -45px;

}



/* ------------------------------------ */

.block2-btn-towishlist,

.block2-btn-addwishlist {

  display: block;

  position: absolute;

  top: 26px;

  right: 20px;

  font-size: 20px;

  color: white;

  line-height: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}



.block2-btn-addwishlist:hover {

  color: white;

}



.block2-btn-addwishlist .icon-wishlist,

.block2-btn-towishlist .icon-wishlist {

  line-height: 0;

}



.block2-btn-addwishlist:hover .icon_heart_alt {

  display: none;

}



.block2-btn-addwishlist:hover .icon_heart {

  display: block;

}



/* ------------------------------------ */

.block2-btn-towishlist .icon_heart_alt {

  display: none;

}



.block2-btn-towishlist .icon_heart {

  display: block;

  color: #e65540;

}



/* ------------------------------------ */

.block2-overlay:hover {

  /*Agregado por Tomas

  -----------------------------------------------------------

  */

  

  cursor: pointer;

  

  /*

  -----------------------------------------------------------

  */

  

  opacity: 1;

}



.block2-overlay:hover .block2-btn-addcart {

  bottom: 20px;

}



.block2-overlay:hover .block2-btn-addwishlist,

.block2-overlay:hover .block2-btn-towishlist{

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}





/*[ Block4 ]

///////////////////////////////////////////////////////////

*/

.block4 {

  position: relative;

  overflow: hidden;

  width: calc(100% / 5);

}



@media (max-width: 1360px) {

  .block4 {

    width: calc(100% / 4);

  }

}



@media (max-width: 1200px) {

  .block4 {

    width: calc(100% / 3);

  }

}



@media (max-width: 992px) {

  .block4 {

    width: calc(100% / 2);

  }

}



@media (max-width: 576px) {

  .block4 {

    width: calc(100% / 1);

  }

}



/* ------------------------------------ */

@media (max-width: 1660px) {

  .rs1-block4 .block4 {

    width: calc(100% / 4);

  }

}



@media (max-width: 1380px) {

  .rs1-block4 .block4 {

    width: calc(100% / 3);

  }

}



@media (max-width: 1200px) {

  .rs1-block4 .block4 {

    width: calc(100% / 2);

  }

}



@media (max-width: 576px) {

  .rs1-block4 .block4 {

    width: calc(100% / 1);

  }

}



/* ------------------------------------ */

.block4-overlay {

  display: block;

  background-color: rgba(0,0,0,0.9);

  visibility: hidden;

  opacity: 0;

}



.block4-overlay:hover {

  color: unset;

}



/* ------------------------------------ */

.block4-overlay-txt {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: -100%;

}



/* ------------------------------------ */

.block4-overlay-heart {

  transform-origin: top left;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}



/* ------------------------------------ */

.block4:hover .block4-overlay {

  visibility: visible;

  opacity: 1;

}



.block4:hover .block4-overlay-txt {

  bottom: 0;

}



.block4:hover .block4-overlay-heart {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}





/*[ BG Title Page ]

///////////////////////////////////////////////////////////

*/

.bg-title-page {

  width: 100%;

  min-height: 239px;

  padding-left: 15px;

  padding-right: 15px;

  background-repeat: no-repeat;

  background-position: center 0;

  background-size: cover;

}



@media (max-width: 576px) {

  .bg-title-page .l-text2 {font-size: 35px;}

  .bg-title-page .m-text13 {font-size: 16px;}

}



/*[ rs NoUI ]

///////////////////////////////////////////////////////////

*/

.leftbar #filter-bar {

  margin-right: 6px;

  margin-left: 6px;

  height: 4px;

  border: none;

  background-color: #e1e1e1;

}

.leftbar #filter-bar .noUi-connect {

  background-color: #c5c5c5;

  border: none;

  box-shadow: none;

}

.leftbar #filter-bar .noUi-handle {

  width: 13px;

  height: 13px;

  left: -6px;

  top: -5px;

  border: none;

  border-radius: 50%;

  background: #999999;

  cursor: pointer;

  box-shadow: none;

  outline: none;

}

.leftbar #filter-bar .noUi-handle:before {

  display: none;

}

.leftbar #filter-bar .noUi-handle:after {

  display: none;

}



/*[ Filter Color ]

///////////////////////////////////////////////////////////

*/

.color-filter1 {background-color: #00bbec;}

.color-filter2 {background-color: #2c6ed5;}

.color-filter3 {background-color: #ffa037;}

.color-filter4 {background-color: #ff5337;}

.color-filter5 {background-color: #a88c77;}

.color-filter6 {background-color: #393939;}

.color-filter7 {background-color: #cccccc;}



.checkbox-color-filter {

  display: none;

}



.color-filter {

    display:block;

    width:25px;

    height:25px;

    cursor:pointer;

    border-radius: 50%;

}



.checkbox-color-filter:checked + .color-filter {

  box-shadow: 0 0 0px 2px black;

  -moz-box-shadow: 0 0 0px 2px black;

  -webkit-box-shadow: 0 0 0px 2px black;

  -o-box-shadow: 0 0 0px 2px black;

  -ms-box-shadow: 0 0 0px 2px black;

}



/*[ Pagination ]

///////////////////////////////////////////////////////////

*/

.pagination {

  margin-right: -6px;

  margin-left: -6px;

}



.item-pagination {

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: #808080;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 1px solid #eeeeee;

  margin: 6px;

}



.item-pagination:hover {

  background-color: #222222;

  color: white;

}



.active-pagination {

  background-color: #222222;

  color: white;

}





/*[ Slick3 ]

///////////////////////////////////////////////////////////

*/



.wrap-slick3-dots {

  width: 14.5%;

}



.slick3 {

  width: 80.64%;

}



.slick3-dots li {

  display: block;

  position: relative;

  width: 100%;

  margin-bottom: 15px;

}



.slick3-dots li img {

  width: 100%;

}



.slick3-dot-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  cursor: pointer;

  border: 3px solid transparent;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}



.slick3-dot-overlay:hover {

  border: 3px solid #888888;

}



.slick3-dots .slick-active .slick3-dot-overlay {

  border: 3px solid #888888;

}





/*[ Dropdown content ]

///////////////////////////////////////////////////////////

*/

.show-dropdown-content .down-mark {

  display: block;

}



.show-dropdown-content .up-mark {

  display: none;

}





/*[ Cart ]

///////////////////////////////////////////////////////////

*/

/*[ Table ]

-----------------------------------------------------------

*/

.wrap-table-shopping-cart {

  overflow: auto;

}





/*Agregado por Tomas

-----------------------------------------------------------

*/



::-webkit-scrollbar {

    -webkit-appearance: none;

}



::-webkit-scrollbar:vertical {

    width: 12px;

}



::-webkit-scrollbar:horizontal {

    height: 7px;

}



::-webkit-scrollbar-thumb {

    background-color: rgba(0, 0, 0, .3);

    border-radius: 5px;

    border: 1px solid #ffffff;

}



::-webkit-scrollbar-track {

    border-radius: 5px;  

    background-color: #ffffff; 

}



/*

-----------------------------------------------------------

*/

  .containercarrito{
    width: 100%;
    display: flex;
  }



.container-table-cart::before {

  content: '';

  display: block;

  position: absolute;

  width: 1px;

  height: calc(100% - 51px);

  background-color: #e6e6e6;

  top: 51px;

  left: 0;

}



.container-table-cart::after {

  content: '';

  display: block;

  position: absolute;

  width: 1px;

  height: calc(100% - 51px);

  background-color: #e6e6e6;

  top: 51px;

  right: 0;

}



.table-shopping-cart {

  border-collapse: collapse;

  width: 100%;

  min-width: 992px;

  overflow-y: hidden;

}



.table-shopping-cart .table-row {

  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #e6e6e6;

}



.table-shopping-cart .column-1 {

  width: 225px;

  padding-left: 50px;

}

.table-shopping-cart .column-2 {

  width: 330px;

  padding-right: 30px;

}

.table-shopping-cart .column-3 {

  width: 133px;

  padding-right: 30px;

}

.table-shopping-cart .column-4 {

  width: 355px;

  padding-right: 30px;

}

.table-shopping-cart .column-5 {

  padding-right: 30px;

}



.table-shopping-cart .table-head th {

  font-family: Montserrat-Bold;

  font-size: 13px;

  color: #555555;

  line-height: 1.5;

  text-transform: uppercase;

  padding-top: 16px;

  padding-bottom: 16px;

}



.table-shopping-cart td {

  font-family: Montserrat-Regular;

  font-size: 16px;

  color: #555555;

  line-height: 1.5;

  padding-top: 37px;

  padding-bottom: 30px;

}



.table-shopping-cart .table-row .column-2 {

  font-size: 15px;

}

.barraimg {

  filter: gray; /* IE6-9 */

  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */

}



/* Disable grayscale on hover */

.barraimg:hover {

  -webkit-filter: grayscale(0);

  filter: none;

}





/* ------------------------------------ */

.cart-img-product {

  width: 90px;

  position: relative;

}



.cart-img-product img {

  width: 100%;

}



.cart-img-product::after {

  content: '\e870';

  font-family: Linearicons;

  font-size: 16px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,0.5);

  color: white;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  -moz-transition: all 0.3s;

  opacity: 0;

}



.cart-img-product:hover:after {

  cursor: pointer;

  opacity: 1;

}

.containercarrito{
  display: flex;
  justify-content: space-between;
}

.productocarrito{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.precio{
  display: flex;
  justify-content: flex-end;
}
.botoncarrito{
  display: flex;
}



/*Agregado por Tomas

-----------------------------------------------------------

*/



/*[ Registrarme ]

///////////////////////////////////////////////////////////

*/



#boton_registrarme:hover {

  cursor: pointer;

}



/*

-----------------------------------------------------------

*/







/*[ Tags ]

///////////////////////////////////////////////////////////

*/

.wrap-tags {

  margin-right: -3px;

  margin-left: -3px;

}



.tag-item {

  display: block;

  font-family: Montserrat-Regular;

  font-size: 13px;

  color: #888888;

  line-height: 1.5;

  padding: 5px 15px;

  border: 1px solid #cccccc;

  border-radius: 15px;

  margin: 3px;

}



.tag-item:hover {

  border: 1px solid #e65540;

}





/*[ tab01 ]

///////////////////////////////////////////////////////////

*/

.tab01 .nav-tabs {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  background-color: #fff;

  border-bottom: none;

  margin-right: -15px;

  margin-left: -15px;

}



.tab01 .nav-tabs .nav-item {

  padding: 8px 16px;

}



.tab01 .nav-link {

  padding: 0;

  border-radius: 0px;

  border: none;

  border-bottom: 1px solid transparent;

  font-family: Montserrat-Regular;

  font-size: 15px;

  color: #888888;

  line-height: 1.1;

}



.tab01 .nav-link.active {

    color: #333333;

    border-bottom: 1px solid #6a6a6a;

}



.tab01 .nav-link:hover {

    color: #333333;

    border-bottom: 1px solid #6a6a6a;

}



@media (max-width: 480px) {

  .tab01 .nav-tabs .nav-item {

    padding: 8px 6px;

  }



  .tab01 .nav-tabs {

    margin-right: -6px;

    margin-left: -6px;

  }

}





/*[ Modal video 01 ]

///////////////////////////////////////////////////////////

*/

body {padding-right: 0px !important;}



.modal {

  padding: 0px !important;

  z-index: 1360;

  overflow-x: hidden;

  overflow-y: auto !important;

}

.modal-open {overflow-y: scroll;}



/* ------------------------------------ */

.modal-backdrop {

  background-color: transparent;

}



#modal-video-01 {

  background-color: rgba(0,0,0,0.8);

  z-index: 1350;

  

}



#modal-video-01 .modal-dialog {

  max-width: 100%;

  height: 100%;

  padding: 0;

  margin: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  position: relative;

}



.wrap-video-mo-01 {

  width: 854px;

  height: auto;

  position: relative;

  margin: 15px;

}



.video-mo-01 {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all 2s;

  -o-transition: all 2s;

  -moz-transition: all 2s;

  transition: all 2s;

}



.video-mo-01 iframe {

  width: 100%;

  height: 100%;

}



.close-mo-video-01 {

  font-size: 50px;

  color: white;

  opacity: 0.6;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  z-index: 1250;

  width: 60px;

  height: 60px;

  top: 0;

  right: 0;

}



.close-mo-video-01:hover {

  cursor: pointer;

  opacity: 1;

}





/*[ Input NumProduct ]

///////////////////////////////////////////////////////////

*/

input.num-product {

    -moz-appearance: textfield;

    appearance: none;

    -webkit-appearance: none;

}



input.num-product::-webkit-outer-spin-button,

input.num-product::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0; 

}







@media (max-width: 358px) {

	.tiles {

		width: 250px;

		height: 250px;

	}

	

	.tile {

		width: 250px;

		height: 250px;

	}

	

	#fotoGrandeContainer {

		height: 250px !important;

		margin-bottom: 220px;

	}

	

	#div1 {

		height: 250px !important;

	}

	

	#div2 {

		height: 250px !important;

	}

	

	#nombreProductoMobile {

		margin-left: 8%;

	}

	

	/*#selectorCantidad {

      margin-left: 28%;

    }*/

}





@media (min-width: 359px) and (max-width: 458px) {

	.tiles {

		width: 300px;

		height: 300px;

	}

	

	.tile {

		width: 300px;

		height: 300px;

	}

	

	#fotoGrandeContainer {

		width: 100% !important;

		height: 300px !important;

		margin-bottom: 220px;

	}

	

	#div1 {

		width: 300px !important;

		height: 300px !important;

	}

	

	#div2 {

		width: 300px !important;

		height: 300px !important;

	}

	

	#nombreProductoMobile {

		margin-left: 8%;

	}

	

	/*#selectorCantidad {

      margin-left: 38%;

    }*/

}





@media (min-width: 459px) and (max-width: 558px) {

	.tiles {

		width: 400px;

		height: 400px;

	}

	

	.tile {

		width: 400px;

		height: 400px;

	}

	

	#fotoGrandeContainer {

		width: 100% !important;

		height: 400px !important;

		margin-bottom: 220px;

	}

	

	#div1 {

		width: 400px !important;

		height: 400px !important;

	}

	

	#div2 {

		width: 400px !important;

		height: 400px !important;

	}

	

	#selectorCantidad {

      margin-left: 25%;

    }

	

	#nombreProductoMobile {

		margin-left: 8%;

	}

}





@media (min-width: 559px) and (max-width: 659px) {

	.tiles {

		width: 500px;

		height: 500px;

	}

	

	.tile {

		width: 500px;

		height: 500px;

	}

	

	#fotoGrandeContainer {

		width: 100% !important;

		height: 500px !important;

		margin-bottom: 180px;

	}

	

	#div1 {

		width: 500px !important;

		height: 500px !important;

	}

	

	#div2 {

		width: 500px !important;

		height: 500px !important;

	}

	

	#selectorCantidad {

      margin-left: 28%;

    }

}





@media (min-width: 660px) and (max-width: 767px) {

	#selectorCantidad {

      margin-left: 30%;

    }

}





@media (min-width: 768px) and (max-width: 879px) {

	/*#selectorCantidad {

      margin-left: 28%;

    }*/

}





@media (min-width: 660px) and (max-width: 879px) {

	.tiles {

		width: 600px;

		height: 500px;

	}

	

	.tile {

		width: 600px;

		height: 500px;

	}

	

	#fotoGrandeContainer {

		height: 500px !important;

		margin-bottom: 180px;

	}

	

	#div1 {

		height: 500px !important;

	}

	

	#div2 {

		height: 500px !important;

	}

}





@media (min-width: 880px) and (max-width: 1100px) {

	.tiles {

		width: 700px;

		height: 700px;

	}

	

	.tile {

		width: 700px;

		height: 700px;

	}

	

	#fotoGrandeContainer {

		height: 700px !important;

		margin-bottom: 100px;

	}

	

	#div1 {

		height: 700px !important;

	}

	

	#div2 {

		height: 700px !important;

	}

	

	/*#selectorCantidad {

      margin-left: 28%;

    }*/

}





@media (max-width: 992px) {

	#divFiltros {

      display: none;

    }

	

	#div_combo_filtros {

      display: block;

    }

	

	#fotoGrandeContainer {

      width: 100%;

    }

	

	#divFormasDePago {

      width: 100%;

    }

}



@media (min-width: 993px) {

  #divFiltros {

    display: block;

  }

  

  #div_combo_filtros {

    display: none;

  }

  

  

  #product_detail_desktop {

    display: block;

  }

  

  #product_detail_mobile {

    display: none;

  }

  

	

  #divFormasDePago {

	width: 50%;

  }

	

  #formDetalle {

	margin-bottom: 20px;

  }

}





@media (max-width: 1100px) {

	#formDetalle {

	  width: 100%;

	}

	

	#divFormasDePago {

      width: 100%;

    }

	

	#fotoGrandeContainer {

      width: 100%;

    }

	

	#slick-dots-mobile {

      display: block;

    }

	

	#slick-dots-desktop {

      display: none;

    }

	

	.slick3-dots .ocultarchica {

	  width: 100px;

	  height: 100px;

	}

	

	.cambiometadata {

	  width: 100px;

	  height: 100px;

	  display: block;

	}

	

	ul.slick3-dots {

		display: flex !important;

	}

	

	li {

		margin-right: 54px;

	}

	

	ul.select2-results__options {

		width: 128%;

	}

	

	#nombreProductoMobile {

		display: block;

		align-content: center;

		margin-left: 15%;

	}

	

	#nombreProductoDesktop {

		display: none;

	}

	

	#precio {

		display: none;

	}

	

	#nombreMasMenosDesktop {

		display: none;

	}

	

	#precioMasMenosDesktop {

		display: none;

	}

	

	#nombreMasMenosMobile {

		display: block;

	}

	

	#precioMasMenosMobile {

		display: block;

	}

}





@media (min-width: 1101px) {

	#slick-dots-mobile {

	display: none;

	}



	#slick-dots-desktop {

	display: block;

	}



	ul.slick3-dots {

	display: block !important;

	}

  

	#nombreProductoMobile {

		display: none;

	}

	

	#nombreProductoDesktop {

		display: block;

	}

	

	#precio {

		display: block;

	}

	

	#nombreMasMenosDesktop {

		display: block;

	}

	

	#precioMasMenosDesktop {

		display: block;

	}

	

	#nombreMasMenosMobile {

		display: none;

	}

	

	#precioMasMenosMobile {

		display: none;

	}

}