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

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: flex;

  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: 1050;

  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: #E65540;

  color: white;

  font-family: Montserrat-Medium;

  font-size: 12px;

  position: absolute;

  top: -7px;

  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: 80vw;

  top: 200%;

  right: -340%;

  padding: 12px;

  /*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-direction: column;

  justify-content: center;

  margin-top: 4px;

}

.header-user-buttons2{

  display: flex;

  justify-content: 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;

  align-items: center;

  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;
  
  height: 78px;

  min-height: 80px;

  /*padding-left: 20px;*/

  padding-top: 10px;

  padding-bottom: 10px;

  padding-right: 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;

}
.hamburguesaylogo{
  display: flex;
}
.logohome{
  display: flex;
  align-items: center;
}





/*[ 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;

}


.filtrosfranmobilee{
  display: none;
}
@media (min-width: 992px){

  .wrap-side-menu {

    display: none;

  }
  .corazonmobile{
    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 (min-width: 1100px){
  .loginmobile2{
    display: none;
  }
  .busqueda2{
    display: none;
  }
}

@media (max-width: 1100px){

  .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;

  }

  .logindestock2{
    display: none;
  }
  .nombrecantidadvalor{
  display: flex;
  flex-direction: column;
  margin-left: 8px;
 }
 .asdasdasd1{
  display: none;
 }

}

@media (max-width: 650px){
  .subtotalcarrito{
    display: none;
    }
  .nombrecantidadvalor{
    width: auto;
  }
  }



.ordenandoproductosf1{
  position: absolute;
                top: 27px;
                left: 0;
                background: white;
                z-index: 99999;
                -webkit-transition: all 0.15s linear;
                -khtml-transition: all 0.15s linear;
                -moz-transition: all 0.15s linear;
                -ms-transition: all 0.15s linear;
                -o-transition: all 0.15s linear;
                transition: all 0.15s linear;
                background-color: #fff;
                border-radius: 4px;
                border: 1px solid #E2E2E2;
                box-shadow: 0 0 0 0 rgba(0,0,0,0.33);
                margin-bottom: 2rem;
                padding: 6px;"
}



/*[ 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;

  }

}

.probandoproductos{
  display: none;
}

/*[ Caption ]

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

*/

@media (max-width: 992px) {

  .wrap-content-slide1 .xl-text2 {

    font-size: 60px;

  }
    .filtrosfranmobilee{
    display: flex;
    margin-bottom: 15px;
  }
  .probandoproductos{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;

  }
}



@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 {

		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 {

	}
  .swal-button-container td.column-1{
    width: 80%;
  }
  .swal-button-container td.column-2{
    width: 10%;
  }
  .swal-button-container td.column-3{
    width: 10%;
  }

}



/*

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

*/





.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: 3px;

  right: 34px;

}



.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{
  display: block;

  position: absolute;

  top: 90%;

  right: 1%;

  font-size: 45px;

  color: white;

  line-height: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}
@media (max-width: 992px) {

  .block2-btn-towishlist{
  display: block;

  position: absolute;

  top: 75%;

  right: 1%;

  font-size: 45px;

  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 {

  display: block;

  position: absolute;

  top: 75%;

  right: 1%;

  font-size: 45px;

  color: white;

  line-height: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}

.flexycenter .block2-btn-addwishlist{
  top: 90%;
}

@media (max-width: 992px) {
  .flexycenter .block2-btn-addwishlist{
  top: 78%;
}
}


.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-bar2 {

  margin-right: 6px;

  margin-left: 6px;

  height: 4px;

  border: none;

  background-color: #e1e1e1;

}

#filter-bar2 .noUi-connect {

  background-color: #c5c5c5;

  border: none;

  box-shadow: none;

}

#filter-bar2 .noUi-handle {

  width: 13px;

  height: 13px;

  left: -6px;

  top: -5px;

  border: none;

  border-radius: 50%;

  background: #999999;

  cursor: pointer;

  box-shadow: none;

  outline: none;

}


#filter-bar2 .noUi-handle:before {

  display: none;

}

#filter-bar2 .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; 

}



/*

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

*/


.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;

}




/*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 {


	}

	

	/*#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 {

	

	}

	

	/*#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 {


	}

}





@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) {

.productos990{
  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;

	}

	

	#nombreProductoDesktop {

		display: none;

	}

	

	#precio {

		display: none;

	}

	

	#nombreMasMenosDesktop {

		display: none;

	}

	

	#precioMasMenosDesktop {

		display: none;

	}

	

	#nombreMasMenosMobile {

		display: block;

	}

	

	#precioMasMenosMobile {

		display: block;

	}
.detalleflexx{
  flex-direction: column;
}

}





@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;

	}

}

.iconoconatributo{
  position: relative;
}
.iconoconatributo::after {
  content: attr(data-notify);
  font-family: Montserrat-Regular;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  text-align: center;
border-radius: 50%;
  display: block;
  position: absolute;
  top: -7px;
  right: 0;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  background-color: #E65540;
}
.iconoconatributo2{
  position: relative;
}
.iconoconatributo2::after {
  content: attr(data-notifyy);
  font-family: Montserrat-Regular;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  text-align: center;
border-radius: 50%;
  display: block;
  position: absolute;
  top: -7px;
  right: 0;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  background-color: #E65540;
}
.favoritos1{
  display: flex;
  margin-bottom: 10px;
}
.favoritosimagen{
  width: 20%;
  margin-right: 20px;
}
.favoritosimagen img{
  width: 100%;
  border-radius: 10%;
}
.favoritostext{
  width: 65%;
  display: flex;
  align-items: center;
}
.favoritostext a{
  font-family: Montserrat-Regular;
    font-size: 14px;
    color: #555;
    line-height: 1.3;
}
.favoritostext a:hover{
  color: #7396ff;
}
.w-premove{
  display: flex;
  align-items: center;
  width: 10%;
  flex-direction: column;
  justify-content: space-evenly;
}
.w-premove p{
  font-size: 25px;
    color: red;
}

.corazonfavclickk{
  font-size: 15px;
}

.fa-heart.active{
  color: #E65540;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.logindiv{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.inputsestilo input[type="text"],
.inputsestilo input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 1.5em;
  background: #fff;
  resize: none;
  outline: none;
}
.inputsestilo input[type="text"][required]:focus, 
.inputsestilo input[type="password"][required]:focus {
  border-color: #00bafa;
}
.inputsestilo input[type="text"][required]:focus + label[placeholder]:before, 
.inputsestilo input[type="password"][required]:focus + label[placeholder]:before {
  color: #00bafa;
}
.inputsestilo input[type="text"][required]:focus + label[placeholder]:before,
.inputsestilo input[type="text"][required]:valid + label[placeholder]:before,
.inputsestilo input[type="password"][required]:focus + label[placeholder]:before,
.inputsestilo input[type="password"][required]:valid + label[placeholder]:before {
  transition-duration: 0.2s;
  -webkit-transform: translate(0, -1.5em) scale(0.9, 0.9);
          transform: translate(0, -1.5em) scale(0.9, 0.9);
}
.inputsestilo input[type="password"][required]:invalid + label[placeholder][alt]:before,
.inputsestilo input[type="password"][required]:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
.inputsestilo input[type="text"][required] + label[placeholder],
.inputsestilo input[type="password"][required] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em - 2px);
  margin-bottom: calc((3em - 1em) + 2px);
}
.inputsestilo input[type="text"][required] + label[placeholder]:before,
.inputsestilo input[type="password"][required] + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 calc(1em + 2px);
  padding: 0 2px;
  color: #898989;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}

  .divinputmobile1{
    width: 100%; 
    display: flex;
   margin-bottom: 25px;
   flex-wrap: wrap;
  }

  .inputmobile1{
    width: 50%; 
    padding-left: 5px; 
    padding-right: 5px;
  }
  .inputmobile2{
    width: 33.3%; 
    padding-left: 5px; 
    padding-right: 5px;
  }
  .inputmobile22{
    width: 33.3%; 
    height: 61px;
    display: flex;
    justify-content: center;
  }
  .divregistro{
  width: 70%;
  margin: auto;
}

  @media (max-width: 600px){
    .inputmobile1{
    width: 100%;
  }
  .inputmobile2{
    width: 100%; 
  }
  .inputmobile22{
    width: 100%; 
  }
  .opcionregistro h3{
    font-size: 20px;
  }
  .divregistro{
    width: 95%;
  }
}
.botonmasymenos{
  display: flex;
  width: 120px; 
  height: 45px; 
  border: 1px solid #e6e6e6; 
  border-radius: 3px; 
  overflow: hidden;
}
.tamanioboton{
  width: 40px;
}
.tamanioinput{
  width: 40px;  
  height: auto;
  width: 40px;
  border-bottom: 0px;
  border-top: 0px;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; 
  height: auto;
}
/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/*==================================================
tERMINo
 * ===============================================*/
 .carritoproducto{
  display: flex;
  flex-direction: column;
  }  
.nombrecantidadvalor {
    display: flex;
    flex-direction: column;
    margin-left: 0px;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .totalunidad{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .containercarrito {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: auto;
}
.carrito{ 
 display: flex; 
 justify-content: space-between;
 border-bottom-style: groove; 
 border-bottom-width: 0.50px;  
 margin-top: 10;
 padding: 10px;
}
@media (max-width: 980px){
  .tamanioimagen{
    width: 120px;
  }
  .containercarrito{
    width: 95%;
  }
  .totalunidad h5{
    font-size: 15px;
  }
}
@media (max-width: 600px){
  .nombrecantidadvalor{
    width: calc(100% - 100px);
  }
  .totalunidad{
    width: 100%;
   justify-content: space-around;
    flex-direction: row;
    margin-top: 5px;
  }
  .carrito{
    flex-wrap: wrap;
  }
  .tamanioimagen{
   width: 100px;
  }
  .containercarrito{
    width: 100%;
  }
}
.list {
  flex: 0 0 20rem;
}
.list__item {
  position: relative;
  color: black; 
}
.list__item:hover > .label {
  color: #009688;
}
.list__item:hover > .label::before {
  border: 0.5rem solid #009688;
  margin-right: 2rem;
}

.radio-btn {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.radio-btn:checked + .label {
  color: #009688;
}
.radio-btn:checked + .label::before {
  margin-right: 2rem;
  border: 0.5rem solid #009688;
  background: #fff;
}

.label {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  font-size: 1.25rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s linear;
}

.label::before {
  display: inline-block;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  margin-right: 0.625rem;
  border: 2px solid #E65540;
  border-radius: 50%;
  transition: all 0.25s linear;
}
.inputcarritodecompranono{
  display: flex;
  justify-content: center;
}

@media (max-width: 1100px){
  .inputsestilowidth{
    width: 100%;
  }
}
.search__input {
        width: 100%;
        padding: 12px 24px;

        background-color: transparent;
        transition: transform 250ms ease-in-out;
        font-size: 14px;
        line-height: 18px;
        
        color: #575756;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 95% center;
        border-radius: 50px;
        border: 1px solid #575756;
        transition: all 250ms ease-in-out;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

.search__input::placeholder {
            color: rgba(87, 87, 86, 0.8);
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

.search__input:hover,
        .search__input:focus {
            padding: 12px 0;
            outline: 0;
            border: 1px solid transparent;
            border-bottom: 1px solid #575756;
            border-radius: 0;
            background-position: 100% center;
        }

.inputredondo {
        width: 100%;
        padding: 10px 24px;

        background-color: transparent;
        transition: transform 250ms ease-in-out;
        font-size: 14px;
        line-height: 18px;
        
        color: white;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 95% center;
        border-radius: 50px;
        border: 1px solid white;
        transition: all 250ms ease-in-out;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

.inputredondo::placeholder {
            color: white;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

.inputredondo:hover,
        .inputredondo:focus {
            padding: 10px 0;
            outline: 0;
            border: 1px solid transparent;
            border-bottom: 1px solid white;
            border-radius: 0;
            background-position: 100% center;
        }
/*@media (max-width: 600px){
  .newmodalmobile{
  width: 360px;
  }
  .newmodalmobile2{
  margin-bottom: 5px;
  margin-top: 5px;
  }
}
*/

.modal-container {
  /*display: none;*/
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}
.modal-container .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-container .modal2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  background: #fff;
  border-radius: 5px;
  box-sizing: 0 3px 15px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  font-family: 'Helvetica', 'Segoe UI Light', sans-serif;
  font-weight: lighter;
  text-align: center;
}

.modal-in{
  position: absolute; 
  display: flex; 
  width: 100%; 
  height: 100%;
  justify-content: center;
  align-items: flex-end;
}

.modal-in-abajo{
   display: flex; 
   width: 99%; 
   justify-content: center; 
   background-color: rgba(112, 111, 111, 0.4); 
   flex-direction: column; 
   padding-bottom: 12px;
   padding-top: 12px;
   margin-bottom: 2px;
   border: 0;
}

.modal-in-abajo h5{
  font-family: 'Poppins', sans-serif;
   font-size: 20px; 
   color: white;
   margin-bottom: 15px;
}

.modal-in-abajo form{
  display: flex; 
  justify-content: space-around;
}

.modal-in-abajo form p{
  line-height: 1; 
  font-family: Montserrat-Medium; 
  color: white;
}

@media (max-width: 750px){
  .modal-container .modal2{
      width: 93%;
  }
  .modal2 img{
    width: 100%;
  }
  .modal-in-abajo{
    width: 99%;
    padding-bottom: 5px;
    padding-top: 5px;
    /*margin-right: 10px;*/
    /*display: block;*/
    margin-bottom: 5px;
  }
  .modal-in-abajo h5{
    font-size: 12px;
    margin-bottom: 5px;
  }
  .modal-in-abajo form p{
    font-size: 12px;
  }
  .inputredondo{
    padding: 7px 24px;
  }
  .inputredondo::placeholder {
            color: white;
            font-size: 8px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }
}

.desplegableul{
  display: none;
    font-family: Montserrat-Regular;
    font-size: 15px;
    color: #e65540;
    line-height: 2.86;
    background-color: white;
}
.desplegableul li{
    background: white;
    padding-left: 20px;
    color: #e65540;
}
.desplegableul li a{
    color: #e65540;
}