@font-face{
  font-family:'TTSupermolot';
  src:url(/general/fonts/TTSupoermolotNeue/TTSupermolotNeueExpanded-Med.ttf) format("truetype");
  font-display: swap;
}
@font-face{
  font-family:'TTSupermolotMed';
  src:url(/general/fonts/TTSupoermolotNeue/TTSupermolotNeueExpanded-MdIt) format("truetype");
  font-display: swap;
}
@font-face{
  font-family:'TTSupermolotBold';
  font-display: swap;
  src:url(/general/fonts/TTSupoermolotNeue/TTSupermolotNeueExpanded-Bold.ttf) format("truetype");
}
@font-face{
  font-family:'TTSupermolotExtraBold';
  font-display: swap;
  src:url(/general/fonts/TTSupoermolotNeue/TTSupermolotNeueExpanded-Blk.ttf) format("truetype");
}
@font-face{
  font-family:'WorkSansMed';
  font-display: swap;
  src:url(/general/fonts/WorkSans/WorkSans-Medium.ttf) format("truetype");
}
@font-face{
  font-family:'WorkSans';
  font-display: swap;
  src:url(/general/fonts/WorkSans/WorkSans-Regular.ttf) format("truetype");
}
@font-face{
  font-family:'WorkSans-SemiBold';
  font-display: swap;
  src:url(/general/fonts/WorkSans/WorkSans-SemiBold.ttf) format("truetype");
}
@font-face{
  font-family:'WorkSans-Bold';
  font-display: swap;
  src:url(/general/fonts/WorkSans/WorkSans-Bold.ttf) format("truetype");
}

.grecaptcha-badge {display: none;}

.containerSectorImage{
  max-height: 48px;
}

.iconosHome{
  width: 30px;
}

.iconosHome{
  width: 30px;
}

/* AMP PROJECT*/
.contain img {
  object-fit: contain;
}

.extend img {
  object-fit: cover;
}

@media (max-width: 768px){
  .extend img {
    object-fit: contain;
  }
  
}
/*AMP PROJECT*/

input:focus, textarea:focus, select:focus{
  outline: none;
  box-shadow: 0 0 0 0 ;
}

textarea:focus, input:focus{
  outline: none;
  box-shadow: 0 0 0 0 ;
}
.form-control:focus {
  box-shadow: 0 0 0 0  !important;
  border:0px;
}


.clientAtentionContent{
  background: #E2E4E4 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000029;
  border-radius: 10px;
  padding:10px;
}

body,html {
  font-family: 'WorkSans';
  color: #00205B;
  
}

select > option {
	font-family: Arial;
	font-weight: 600;
}

.mtHeadAll{
	margin-top:210px;
}
.anchor{
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

.justify{
  text-align: justify !important;
}

p, h1, h2, h3, h4, h5 {
  color: #00205B;
}

.upperCase{
  text-transform: uppercase;
}

h3{
  font: 16px/30px 'WorkSans';
  letter-spacing: 0.4px;
  color: #00205B;
}


p{
  font: 16px/19px 'WorkSans';
  letter-spacing: 0px;
  color: #00205B;
}

.pointer, .cursor{
  cursor:pointer !important;
}

.helper{
  display: inline-block;height: 100%;vertical-align: middle;
}

/* COOKIES */
.cookie-message {
  position:fixed;
  bottom:0;left:0;right:0;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
}
.cookie-message #cerrar  {
  position:absolute;
  top:0; right:6px;
  cursor:pointer;
  color:#333;
  /*font:bold 11px/18px Arial;
  margin:0.6em 0;*/
  font-size:18px;
}
.cookie-message p, .cookie-message   {
  color:#333;
  /*font:bold 11px/18px Arial;
  margin:0.6em 0;*/
  font-size:14px;
}
.cookie-message span   {
  color:#333;
  /*font:bold 11px/18px Arial;
  margin:0.6em 0;*/
  font-size:12px;
}
.contenidoAvisoPoliticaCookies {
	max-width: 930px;
	margin: 0 auto;
	padding: 7px 37px 7px 17px;
	vertical-align: middle;
	background-color: #f1f1f1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #ddd;
	outline: 1px solid #fff;
	position: relative;
}
/* FIN COOKIES */

/* FLAG ICON */
.flag-icon-es {
  background-image: url(/general/images/flags/flag_es.svg) !important;
}
.flag-icon-en {
  background-image: url(/general/images/flags/flag_en.svg) !important;
}
.flag-icon-fr {
  background-image: url(/general/images/flags/flag_fr.svg) !important;
}
.flag-icon-de {
  background-image: url(/general/images/flags/flag_de.svg) !important;
}

.titleMenuFooter{
  font: 13px/15px "WorkSans-SemiBold";letter-spacing: 0px;color: #00205B;
}
.linkMenuFooter,.linkMenuSubFooter{
  font: 13px/15px "WorkSans";letter-spacing: 0px;color: #006DFF;
}
.scroll-to-top {
	text-decoration: none;
	position: fixed;
	bottom: 35px;
	left: 10px;
	display: none;
	font-size: 36px;
	color: #555;
}
.whatsappIcon {
	text-decoration: none;
	position: fixed;
	bottom: 25px;
	right: 10px;
	display: none;
	font-size: 36px;
	color: #555;
}

/* FONT-FAMILY */
.workSans{
  font-family: 'WorkSans' !important;
}
.workSansSemi{
  font-family: 'WorkSans-SemiBold' !important;
}
.workSansBold{
  font-family: 'WorkSans-Bold' !important;
}


/* LINE STYLE */

.hrWhite-25{
  border-top:2px solid #fff !important;
  width:25%;
  float:left;
}

/* HR */
.hr_white { border-top: 1px solid  #ffffff; margin-left:0; }
.hr_white-modal { border-top: 1px solid  #ffffff; margin-left:0; }
.hr_dark_blue { border-top: 1px solid  #0056C4; margin-left:0; }
.hr_blue { border-top: 1px solid  #0090D1; margin-left:0; }
.hr_light_blue { border-top: 1px solid  #5CC4E8; margin-left:0; }
.hr_black { border-top: 1px solid  #21333A; margin-left:0; }
.hr_dark_grey { border-top: 1px solid  #627179; margin-left:0; }
.hr_light_grey { border-top: 1px solid  #EBF0F2;margin-left:0; }
.hr_yellow { border-top: 1px solid  #FED400; margin-left:0; }
.hr_orange { border-top: 1px solid  #F5A700;margin-left:0; }
.hr_green { border-top: 1px solid  #8FC31F;margin-left:0; }
.hr_pink { border-top: 1px solid  #DE007E;margin-left:0; }
.hr_purple { border-top: 1px solid  #A0529C; margin-left:0; }
.hr_wine { border-top: 1px solid  #861B65; margin-left:0; }

/* FONT-SIZES */

.fs-16{
  font-size:16px !important;
}


/* FLOAT */
.fr{
  float:right;
}
.fl{
  float:left;
}

/* BUSCADOR */
.searchInputModern {
	border: 0px solid #333 !important;
	float: right;
	width: 100%;
	margin-top: 2px;
	padding-left: 15px;
	box-sizing: border-box;
	border-radius: 30px !important;
	font-size: 16px;
	background-color: #E3E3E3;
	background-image: url('/general/images/header/icon_buscar.svg');
	background-position: 98%;
	background-repeat: no-repeat;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	height: 50px;
}

.searchInputModern:focus {
  width: 100%;
  background-position: 98%;
}
.paddingSearcher{
	padding:0px 30px;
}
.searcherManager{
	position:fixed;top:102px;z-index:1005;width:100%;
}


/* SELECT SEARCH*/

#categorySearch{
  font: 16px/19px "WorkSans-Semibold";
  letter-spacing: 0px;
  color: #00205B !important;
}

.chosen-container-single .chosen-single {
	background: #BFBFBF66 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 0px #00000080;
	border-radius: 3px;
	height: 38px;
	padding-top: 9px;
	border: 0px;
}
.chosen-container-active {
	background: #BFBFBF66 0% 0% no-repeat padding-box;
}
.chosen-container {
	width: 100% !important;
}
.chosen-container-single .chosen-single span {
	font: 16px/19px WorkSans;
	letter-spacing: 0px;
	color: #00205B;
	opacity: 1;
}
.chosen-container-single .chosen-single div b {
	display: none;
}
.chosen-select{
	background: #BFBFBF66 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 0px #00000080;
	border-radius: 3px;
	height: auto;
	padding: 5px;
	border: 0px;
}

/* MENU */
.barraMenu{
	background:#F3F3F3 0% 0% no-repeat padding-box;border-radius: 100px;padding:8px;background-image: url("/general/images/header/icon_buscar.svg");background-position: 98% 15px;background-repeat: no-repeat;max-width:82%;
}
.dividerFinder{
	min-width:60%;max-width:100%;margin-left:10px;margin-bottom:0px;border-left:2px solid #00205B;
}
ul li {
  display:inline;
  margin-left:12px;
}
ul{
  padding-left:0px;
}
#productMenu{
  margin-left:0px;
  cursor:pointer;
}
.titleCat{
	font: 24px/24px TTSupermolotBold;
	letter-spacing: 0px;
	color: #00205B;
	opacity: 1;
}
.descriptionCat{
	font: 17px/26px WorkSans;
	letter-spacing: 0.42px;
	color: #00205B;
}
#iconMenuDiv{
	position:fixed;top:168px;z-index:1001;right:0;width:35%;display:none;
}
.categoryCollapse{
  cursor:pointer;
  padding:10px 0px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.activeCat{
  background:#F3F3F3;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.activeCat .arrowRight{
  display:block !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.sectors{
  display: flex;
  align-items:center;
  padding:8px;
  margin-top:2px;
  cursor:pointer;
}
.sectors:hover{
  background:#F3F3F3;
}
.menuTop, .menuTop li a{
  font: 18px/19px "WorkSans-Semibold";
  letter-spacing: 0px;
  color: #00205B;
  text-transform: capitalize;
}
.menuTopR, .menuTopR li a{
  font: 18px/21px "WorkSans";
  letter-spacing: 0px;
  color: #00205B;
  text-transform:capitalize;
}
.activeMenu {
	color: #006DFF !important;
}
fieldset.fielsetBordered {
  border: 1px solid #00205B !important;
  padding: 0 5px 5px 20px !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
          box-shadow:  0px 0px 0px 0px #000;
}

legend.fielsetBordered {
  font: 13px/15px "WorkSans";
  font-weight: bold !important;
  text-align: left !important;
  width:auto;
  padding:0 5px;
  border-bottom:none;
  margin-bottom: 0px !important;
}



fieldset.fielsetBorderedCustom {
  border: 1px solid #00205B !important;
  padding: 0 5px 5px 20px !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
          box-shadow:  0px 0px 0px 0px #000;
}

legend.fielsetBorderedCustom {
  font: 13px/15px "WorkSans";
  font-weight: bold !important;
  text-align: left !important;
  width:auto;
  padding:0 5px;
  border-bottom:none;
  margin-bottom: 0px !important;
}


/* CART LIST HEADER MENU */
#listCartItems{
  max-height:40vh;overflow-y:scroll;-ms-overflow-style: none; scrollbar-width: none;
}
#listCartItems::-webkit-scrollbar {
  display: none;
}

.mobile, .mobileBlock, .mobileInline, .tabletBlock, .tablet{
	display:none;
}
.sliderFlex{
	display:flex !important;
}

.mh420{
	max-height:420px;
}
.supNumberCart{
	position:absolute;top:-20px;right:5px;
}
#idNumItemsInCart {
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FFD631;
	display: inline-block;
	font: bold 11px/21px WorkSans;
	letter-spacing: 0.28px;
	color: #00205B;
	opacity: 1;
}
/* MENU */

.selectFilter{
	position:relative;margin-bottom:0px;background: #BFBFBF66 0% 0% no-repeat padding-box;box-shadow: 0px 1px 0px #00000080;border-radius: 3px;
}


/* HOME EFFECTS*/
#bannerIdDivOut img{
  width: 100% !important;
  height: auto;
}
.bannerHome{
	background: url("/general/images/banners/banner-2.jpg") no-repeat;
	background-position: center;
	background-size: cover;
}
.titleBannerHome {
	font: 30px/36px TTSupermolotBold;
	letter-spacing: 0px;
	color: #00205B;
	opacity: 1;
}
.descrBannerHome{
	text-align: left;
	font: 18px/26px WorkSans;
	letter-spacing: 0.45px;
	color: #00205B;
}
.buttonBanner{
	box-shadow: 0px 2px 0px #00000029;
	border-radius: 100px 100px 0px 100px;
	opacity: 1;
	padding: 20px 15px;
	background: url("/general/images/arow_button.svg") no-repeat;
	background-position-x: 97%;
	background-position-y: 90%;
	background-color: #FFF;
}
.minHbutBan{
	min-height:72px;
}
.buttonBannerSpan{
	font: 16px/19px WorkSans-SemiBold;
	letter-spacing: 0px;
	color: #006DFF;
	opacity: 1;
	margin: 0px;
}
.padBanner{
	padding: 40px 30px;
}
.productsNewsDiv{
  min-height: 500px;
  margin:5px;
  transition-duration: 0.2s;
  border: 1px solid #00D5FF; 
}

.heigthProductsNews{
  height: 450px;
}

.attrProd{
	width:70px;display:inline-block;
}
.attrProdAfter{
	width:70px;display:inline-block;
}
.btnDiscoverNews{
	position:absolute;bottom:20px;width:100%;
}
.productsNewsDiv:hover{
  margin:30px;
  height: 550px;
  box-shadow: 10px 12px #00D5FF;
}
span.pn{
	font: 14px/35px "WorkSans";letter-spacing: 0.35px;color: #00205B;
}
span.titleProduct{
	font: 24px/25px "WorkSans";letter-spacing: 0.6px;color: #006DFF;
}
span.precioProduct{
	font: 30px/25px "WorkSans-SemiBold";letter-spacing: 0.75px;color: #00205B;
}
.discoverProduct{
	position:absolute;bottom:20px;width:100%;
}
.addToCartSlider{
	font: 600 14px/16px TTSupermolot;
	letter-spacing: 0px;
	color: #006DFF;
	opacity: 1;
}
.newsBorder{
  border-left:10px solid #00D5FF;height:420px;
}
/* .productsNewsDiv:hover .newsBorder{
  border-left:0px;
} */

.productsOffersDiv{
  min-height: 500px;
  margin:5px;
  transition-duration: 0.2s;
  border: 1px solid #FF3C5C; 
}
.productsOffersDiv:hover{
  margin:30px;
  height: 550px;
  box-shadow: -10px 12px #FF3C5C;
}
.offerBorder{
  border-right:10px solid #FF3C5C;height:420px;position:relative;
}
/* .productsOffersDiv:hover .offerBorder{
  border-right:0px;
} */

.cardAccount{
	min-height:307px;background: #FFF 0% 0% no-repeat padding-box;box-shadow: 0px 1px 0px #00000029;padding:40px 90px;
}
.cardAccountClose{
	height:307px;min-height:307px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 1px 0px #00000029;padding:40px 90px;
}
.h-450{
	height:450px;
}
.mh-400{
	max-height:400px;
}
.h-120{
	height:120px;
}
.mh-100{
	max-height:100px;
}
.h-400{
	height:400px;
}
.h-290{
	height:290px;
}
/* CUSTOM RADIO BUTTON */
.containerRB {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRB input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border-radius: 50%;
  border:1px solid #0056C4;
}

/* On mouse-over, add a grey background color */
.containerRB:hover input ~ .checkmark {
  background-color: white;
}

/* When the radio button is checked, add a blue background */
.containerRB input:checked ~ .checkmark {
  background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRB input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRB .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0056C4;
}



/* CUSTOM RADIO BUTTON MINI */
.containerRB-Mini {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  margin-right:10px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRB-Mini input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.containerRB-Mini .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
  border-radius: 50%;
  border:1px solid #0056C4;
}

/* On mouse-over, add a grey background color */
.containerRB-Mini:hover input ~ .checkmark {
  background-color: white;
}

/* When the radio button is checked, add a blue background */
.containerRB-Mini input:checked ~ .checkmark {
  background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.containerRB-Mini .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRB-Mini input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRB-Mini .checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0056C4;
}



/* LABELS */

.offer50{
  background: #FF3C5C 0% 0% no-repeat padding-box;
  border-radius: 100px 100px 100px 0px;
  color:white;
  font: 14px/16px "WorkSans";
  letter-spacing: 0.7px;
  color: #FFFFFF;
  padding:2px 10px 4px 10px;
  margin-left:5px;
}
.newProduct{
  background: #00D5FF 0% 0% no-repeat padding-box;
  border-radius: 100px 100px 100px 0px;
  color:white;
  font: 14px/16px "WorkSans";
  letter-spacing: 0.7px;
  color: #FFFFFF;
  padding:2px 10px 4px 10px;
  margin-left:5px;
}
.kitProduct{
  background: #1A0DAB 0% 0% no-repeat padding-box;
  border-radius: 100px 100px 100px 0px;
  color:white;
  font: 14px/16px "WorkSans";
  letter-spacing: 0.7px;
  color: #FFFFFF;
  padding:2px 10px 4px 10px;
  margin-left:5px;
}
.topVentas{
  background: #FF9B58 0% 0% no-repeat padding-box;
  border-radius: 100px 100px 100px 0px;
  color:white;
  font: 14px/16px "WorkSans";
  letter-spacing: 0.7px;
  color: #FFFFFF;
  padding:2px 10px 4px 10px;
  margin-left:5px;
}


/* ---- SECTIONS --- */

/* SUBCATEGORY  */
.partNumber{
  font: 12px/22px "WorkSans";
  letter-spacing: 0px;
  color: #00205B;
}
#orderForm select:focus, #orderForm input:focus{
  outline-offset: 0px !important;
outline: none !important;
border: 0px solid #F3F3F3 !important;
box-shadow: 0 0 0px #F3F3F3 !important;
-moz-box-shadow: 0 0 0px #F3F3F3 !important;
-webkit-box-shadow: 0 0 0px #F3F3F3 !important;
}
#orderForm select{
  background:transparent !important;
  border:0px !important;
  -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
  
}
#orderForm select::-ms-expand {
    display: none;
}
#filterForm select{
  background:transparent !important;
  border:0px !important;
  -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
  
}
#filterForm select::-ms-expand {
    display: none;
}
.moreProdBtn{
    border: 2px solid #00205B;
    border-radius: 100px;
    padding:13px 20px 15px 20px;
    color: #00205B;
    text-decoration:none !important;
}
.allProdBtn{
  border: 2px solid #00205B;
  border-radius: 100px;
  padding:13px 20px 15px 20px;
  color: #00205B;
  text-decoration:none !important;
}
.activeView{
    cursor:default !important;background:#BFBFBF66;border-radius: 3px;
}
.noViewMobile{
	display: none;
}
.selectCustom select:focus, .selectCustom input:focus{
  outline-offset: 0px !important;
outline: none !important;
border: 0px solid #F3F3F3 !important;
box-shadow: 0 0 0px #F3F3F3 !important;
-moz-box-shadow: 0 0 0px #F3F3F3 !important;
-webkit-box-shadow: 0 0 0px #F3F3F3 !important;
}
.selectCustom select{
  background:transparent !important;
  border:0px !important;
  -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
  
}
.selectCustom select::-ms-expand {
    display: none;
}


/* CARRITO */
.btn-number-mini,.input-number-mini{
  padding:2px !important;
}
.numUnidades{
	background-color:transparent;height:auto;font-weight:700!important;color:#00205B;border:0px !important;
}

.paymentMethod{
  background: #E3E3E3 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #CDCDCD;
  border-radius: 3px;
  height:280px;
  cursor: pointer;
  position:relative;
  width: 100%;
  margin-left:15px;
  margin-right:15px;
} 
.spanPay{
	font: 18px/24px WorkSans;letter-spacing: 0px;color: #00205B;
}

.paymentMethodSelected{
  border: 4px solid #BFBFBF;
  height:280px;
}

.paymentMethod .methodActive{
  display: none;
}
.paymentMethodSelected .methodActive{
  display: unset;
}
.paymentMethodSelected .methodDisable{
  display: none;
}
.paymentSucess{
	color: #00205B;
}
.paymentSucessNumber{
	color: #006DFF;
}
/* PRODUCT */

.productTitle{
  font: 21px/30px "WorkSans";
  letter-spacing: 0px;
}
.productDesc{
  font: 16px/30px "WorkSans";
  letter-spacing: 0px;
}
.originalPrice{
  text-decoration: line-through;
  font: 16px/30px "WorkSans";
  letter-spacing: 0px;
}
.finalPrice{
  font: 30px/30px 'WorkSans-Bold';
  letter-spacing: 0px;
  color: #FF3C5C;
}
.statusStock{
  font: 16px/29px 'WorkSans';
  letter-spacing: 0px;
  color: #00205B;
}
.deliveryTime{
  font: 14px/16px 'WorkSans';
  letter-spacing: 0px;
}
.showAllVarieties{
  font: 16px/19px 'WorkSans';
  letter-spacing: 0px;
  color: #006DFF;
}
.showAllVarieties:hover{
  font: 16px/19px 'WorkSans';
  letter-spacing: 0px;
  color: #00205B;
  text-decoration:none;
}

#newWishlist{
  z-index:9999 !important;
}

#productSection h2{
  font: 16px/19px "WorkSans-SemiBold";
  letter-spacing: 0px;
  color: #00205B;
}
 .modal-paypal{
  max-width: 750px!important;
  min-height: 95vh !important;
}
#productSection .modal-dialog{
  max-width: 90%!important;
}
#productSection .modal-content{
  background: #E3E3E3;
  box-shadow: 0px 1px 0px #CDCDCD;
}

.modal-dialog-extended{
  max-width: 90%!important;
}


.varietySummary{
  background: #E3E3E3 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #CDCDCD;
  border-radius: 3px;
}
.priceOrigSummary{
  text-decoration: line-through;
  font: 14px/16px 'WorkSans-SemiBold';
  letter-spacing: 0px;
  color: #00205B;
}
.discountSummary{
  font: 14px/16px 'WorkSans-Bold';
  letter-spacing: 0px;
  color: #FF3C5C;
}
.btnPrice{
  background: #006DFF 0% 0% no-repeat padding-box;
  border: 1px solid #006DFF;
  width: 100%;
  border-radius: 3px;
  color:white;
}

.manualSupport{
  background: #BFBFBF4d 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #00000080;
  border-radius: 3px;
}


/* ACCORDION PRODUCTO */
.card-header{
  background: transparent !important;
  border:0px;
  padding: 0.75rem 0rem;
}
.card{
  border:0px;
}
.card-body{
  padding:0px;
}

.accordionProduct .card-header:after {
  content: url('/general/images/icons/icon_closed.svg');
  float: right;
  font-size:20px;

}
.accordionProduct .card-header.collapsed:after {
  content: url('/general/images/icons/icon_ad.svg');
  font-size:20px;
}

.attention p{
    margin-bottom:0px;
    text-align: justify;
}
.attention {
    background: #fff5cc;
    border: 1px solid #f2dd8c;
    display: block;
    line-height: 15px;
    padding: 10px;
}

/* FIN PRODUCT */

/* --- FIN SECTIONS --- */

/*ABOUT US*/
.nameCompany{
	font: 24px/21px 'TTSupermolotBold';
	letter-spacing: 0.45px;
	color: #00205B;
}
.about-fricosmos-text-title {
  text-align: left;
  font: 18px/21px "TTSupermolot";
  letter-spacing: 0.45px;
  color: #FFFFFF;
  opacity: 1;
  padding-bottom: 20px;
}

.about-fricosmos-text-content {
  text-align: left;
  font: 14px/16px "WorkSans";
  letter-spacing: 0.4px;
  line-height: 20px;
  color: #FFFFFF;
  opacity: 1;
  padding-top: 20px;
}

.about-fricosmos-img {
  height: 180px;
  width: 180px;
}
.white-square-about-us {
  background-color: #FFFFFF;
  box-shadow: -10px 10px 0px #00000029;
  min-width: 444px;
  min-height: 320px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dualcolor-about-us {
  background: linear-gradient(to bottom, white 0%, white 60%, #F3F3F3 50%, #F3F3F3 100%);
}
.color-gray-about-us {
  background: #F3F3F3;
}
.about-fricosmos-pageInfo-bottom {
  /* position: fixed; */
  text-align: center;
  /*bottom: 30px;*/
  width: 100%;
}
.about-fricosmos-pic {
  width: 260px;
  height: 160px;
  text-align: center;
}
.about-fricosmos-image-place-holder{
  min-width:350px;
  display: block;
  margin: 0 auto;
}
.sectorsBg-about-us{
  background-color: white;
  padding: 90px 20px;
  margin-right: 20px;
  max-height: 250px;
}
.sectorsBg-about-us-img{
  max-width: 48px;
  max-width: auto;
}
.sectorsBg-about-us:hover{
  background-color:#00205B;
}
.sectors-about-us{
  display: inline-block;
  align-items:center;
  padding:8px;
  margin-top:2px;
  cursor:pointer;
}
.sectors:hover{
  background:#F3F3F3;
}
.max-w-60{
  max-width: 60px;
}
.max-w-64{
  max-width: 64px;
}
.max-w-400{
  max-width: 400px;
}
.min-w-350{
  min-width: 350px;
}
.w-60{
  width: 60px;
}
.w-64{
  width: 64px;
}
/*FIN ABOUT US*/


/* SLIDER */
.slider-item {
  padding:15px;
}
.slider-item > img, .slick-slide img {
  display: inline-block;
}
#companyPicturesSliderNav  img {
  cursor: pointer;
}

.slick-next::before {
  content: url(/general/images/icons/slider_r.svg)!important;
  
}
.slick-prev::before {
  content: url(/general/images/icons/slider_l.svg)!important;
  margin-left:-20px;
}   
.slick-next {
  content: url(/general/images/icons/slider_r_hover.svg)!important;
}
.slick-prev:hover:before {
  content: url(/general/images/icons/slider_l_hover.svg)!important;
}   
.slick-next:hover:before {
  content: url(/general/images/icons/slider_r_hover.svg)!important;
}   

#sliderMediaNav .slick-current .slider-item > div{
  border: 2px solid #00205B !important;
}
#sliderMedia .slider-item > div, #sliderMediaNav .slider-item > div {
  background: #FAFAFA 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #00000029 !important;
}

/* BUTTONS */

.btn-bordered-white {
  display: block;
  background-color: #006DFF;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 5px 20px 5px 20px !important;
  width: fit-content;
  height: fit-content;
}
.btn-bordered-white:hover {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #006DFF;
  padding: 5px 20px 5px 20px !important;
  width: fit-content;
  height: fit-content;
}


.btn-blue{
  background: #006DFF ;
  border: 2px solid #006DFF;
  border-radius: 80px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding:10px 50px !important; 
  width:100%;
  margin-top:15px;
}
.btn-blue:hover{
  background: #00205B ;
  border: 2px solid #00205B;
  color: #FFFFFF;
  margin-top:15px;
}

.btn-darkblue{
  background: #1A0DAB ;
  border: 2px solid #FFFFFF;
  border-radius: 80px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding:10px 50px !important; 
  width:100%;
  margin-top:15px;
}
.btn-darkblue:hover{
  background: #FFFFFF ;
  border: 2px solid #1A0DAB;
  color: #1A0DAB;
  margin-top:15px;
}

.btn-trans{
  background: transparent;
  border-radius: 100px;
  border: 2px solid #006DFF;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #006DFF;
  padding:10px 50px !important; 
  width:100%;
  margin-top:15px;
}
.btn-trans:hover{
  background: #006DFF;
  color: #FFFFFF;
  margin-top:15px;
}

.btn-transMini{
  background: transparent;
  border-radius: 100px;
  border: 2px solid #006DFF;
  font: 14px/34px 'TTSupermolot';
  letter-spacing: 0px;
  color: #006DFF;
  padding:3px 10px !important; 
  width:100%;
 
}
.btn-transMini:hover{
  border: 2px solid #00205B;
  color:#00205B;
}

.btn-trans2{
  background: transparent;
  border-radius: 100px;
  border: 2px solid #006DFF;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #006DFF;
  padding:3px 10px !important; 
  width:100%;

}
.btn-trans2:hover{
  background: #006DFF;
  color: #FFFFFF;
}

.btn-grey{
  background: #BFBFBF33 ;
  box-shadow: 0px 1px 0px #00000080;
  
  border-radius: 100px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #006DFF;
  padding:11px 50px !important; 
  width:100%;
  margin-top:15px;
}
.btn-grey:hover{
  background: #BFBFBF66 ;
  color: #00205B;
  margin-top:15px;
}

.btn-disabled{
  background: #DADADA 0% 0% no-repeat padding-box;
  border-radius: 100px;
  font: 14px/16px 'TTSupermolot';
  letter-spacing: 0px;
  width:100%;
  padding:10px 50px !important; 
  color: #00205B;
  cursor: initial;
}

.btn-danger-confirm{
  background: #C91633 ;
  border: 2px solid #C91633;
  border-radius: 80px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding:10px 50px !important; 
  width:100%;
  margin-top:15px;
}
.btn-danger-confirm:hover{
  background: #FF3C5C ;
  border: 2px solid #FF3C5C;
  border-radius: 80px;
  font: 14px/17px 'TTSupermolot';
  letter-spacing: 0px;
  color: #FFFFFF;
  padding:10px 50px !important; 
  width:100%;
  margin-top:15px;
}

/* SECTORES */

.containerSector{
  background: #F3F3F3;
}
.titleSector{
  font:normal normal bold 24px/24px "TTSupermolot";
  letter-spacing: 0px;
  color: #00205B;
}

.mb-20-m{
  margin-bottom:20px;
}
.mb-0-m {
  margin-bottom: 0px;
}
/*-------- TAMAÑO y FUENTES */

.fontwork-14{
  font-size: 14px;
 
}
.fontwork-15{
  font-size: 15px;

}
.fontwork-16{
  font-size: 16px;
 
}
.fontwork-17{
  font-size: 17px;
 
}
.fontwork-18{
  font-size: 18px;
 
}
.fontsuper-14{
  font-size: 14px;
  
}
.fontsuper-15{
  font-size: 15px;
  
}
.fontsuper-16{
  font-size: 16px;
  
}
.fontsuper-17{
  font-size: 17px;
  
}
.fontsuper-18{
  font-size: 18px;
  
}
.fontsuper-24{
  font-size: 24px;
  
}



/* ----------COLORES--------- */

.blue{
  color:#1A0DAB;
}

.dark-blue{
  color:#00205B ;
}

.light-blue{
  color:#006DFF;
}

.turquoise{
  color:#00D5FF ;
}

.red{
  color: #FF3C5C;
}

.yellow{
  color:#FFD631 ;
}

.orange{
  color: #FF9B58;
}

.white{
  color: white;
}

.underlined{
  text-decoration: underline white;
  font-weight: bold;
}

.bottom {
  position: absolute;
  bottom: 20px;
}

.white-semi-dark{
  color: #FAFAFA;
}

.white-dark{
  color: #F1F1F1;
}

.white-darkness{
  color: #F3F3F3;
}

.dark-grey{
  color:#535353 ;
}

.semi-dark-grey{
  color: #707070;
}

.grey{
  color: #BFBFBF;
}

.semi-light-grey{
  color: rgb(0, 0, 0, 0.1);
}

.light-grey{
  color: rgb(0, 0, 0, 0.16);
}



/* CUSTOM CHECKBOX */
.span_pseudo, .custom-Checkbox span:before, .custom-Checkbox span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.custom-Checkbox {
  position: relative;
  display: flex;
  /*align-items: center;
  margin-left: 30px;*/
margin-top:8px;
}
.custom-Checkbox input {
  display: none;
}
.custom-Checkbox input:checked ~ span {
  background: #0056C4;
  border-color: #0056C4;
}
.custom-Checkbox input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.custom-Checkbox input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.custom-Checkbox input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.custom-Checkbox input:disabled ~ label {
  color: #dcdcdc;
}
.custom-Checkbox input:disabled ~ label:hover {
  cursor: default;
}
.custom-Checkbox label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.custom-Checkbox span {
display: inline-block;
cursor: pointer;
  width: 0.9rem;
  height: 0.9rem;
  border: 1px solid #21333A;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.custom-Checkbox span:before {
  transform: rotate(-55deg);
  top: 0.8rem;
  left: 0.22rem;
}
.custom-Checkbox span:after {
  transform: rotate(35deg);
  bottom: 0.25rem;
  left: 0.1rem;
}
/* CUSTOM CHECKBOX */


/*-----------MARGENES y PADDINGS-----------*/

.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mt-40{
  margin-top: 40px;
}
.mt-50{
  margin-top: 50px;
}
.mt-60{
  margin-top: 60px;
}
.mt-70{
  margin-top: 70px;
}
.mt-80{
  margin-top: 80px;
}
.mt-90{
  margin-top: 90px;
}
.mt-100{
  margin-top: 100px;
}

.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}
.mb-60{
  margin-bottom: 60px;
}
.mb-70{
  margin-bottom: 70px;
}
.mb-80{
  margin-bottom: 80px;
}
.mb-90{
  margin-bottom: 90px;
}
.mb-100{
  margin-bottom: 100px;
}


.mr-5{
  margin-right: 5px !important;
}
.mr-10{
  margin-right: 10px;
}
.mr-15{
  margin-right: 15px;
}
.mr-20{
  margin-right: 20px;
}
.mr-30{
  margin-right: 30px;
}
.mr-40{
  margin-right: 40px;
}
.mr-50{
  margin-right: 50px;
}
.mr-60{
  margin-right: 60px;
}
.mr-70{
  margin-right: 70px;
}
.mr-80{
  margin-right: 80px;
}
.mr-90{
  margin-right: 90px;
}
.mr-100{
  margin-right: 100px;
}

.ml-5{
  margin-left: 5px !important;
}
.ml-10{
  margin-left: 10px;
}
.ml-20{
  margin-left: 20px;
}
.ml-30{
  margin-left: 30px;
}
.ml-40{
  margin-left: 40px;
}
.ml-50{
  margin-left: 50px;
}
.ml-60{
  margin-left: 60px;
}
.ml-70{
  margin-left: 70px;
}
.ml-80{
  margin-left: 80px;
}
.ml-90{
  margin-left: 90px;
}
.ml-100{
  margin-left: 100px;
}

.pt-8{
  padding-top: 8px;
}
.pt-10{
  padding-top: 10px;
}
.pt-20{
  padding-top: 20px;
}
.pt-30{
  padding-top: 30px;
}
.pt-40{
  padding-top: 40px;
}
.pt-50{
  padding-top: 50px;
}
.pt-60{
  padding-top: 60px;
}
.pt-70{
  padding-top: 70px;
}
.pt-80{
  padding-top: 80px;
}
.pt-90{
  padding-top: 90px;
}
.pt-100{
  padding-top: 100px;
}

.pb-10{
  padding-bottom: 10px;
}
.pb-20{
  padding-bottom: 20px;
}
.pb-30{
  padding-bottom: 30px;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-50{
  padding-bottom: 50px;
}
.pb-60{
  padding-bottom: 60px;
}
.pb-70{
  padding-bottom: 70px;
}
.pb-80{
  padding-bottom: 80px;
}
.pb-90{
  padding-bottom: 90px;
}
.pb-100{
  padding-bottom: 100px;
}

.p-10{
  padding: 10px;
}
.p-20{
  padding: 20px;
}
.p-30{
  padding: 30px;
}
.p-40{
  padding: 40px;
}
.p-50{
  padding: 50px;
}
.p-60{
  padding: 60px;
}
.p-70{
  padding: 70px;
}
.p-80{
  padding: 80px;
}
.p-90{
  padding: 90px;
}
.p-100{
  padding: 100px;
}

.pr-8{
  padding-right: 8px;
}
.pr-10{
  padding-right: 10px;
}
.pr-20{
  padding-right: 20px;
}
.pr-30{
  padding-right: 30px;
}
.pr-40{
  padding-right: 40px;
}
.pr-50{
  padding-right: 50px;
}
.pr-60{
  padding-right: 60px;
}
.pr-70{
  padding-right: 70px;
}
.pr-80{
  padding-right: 80px;
}
.pr-90{
  padding-right: 90px;
}
.pr-100{
  padding-right: 100px;
}

.pl-0-w{
  padding-left: 0px;
}
.pr-0-w{
  padding-right: 0px;
}
.pl-8{
  padding-left: 8px;
}
.pl-10{
  padding-left: 10px;
}
.pl-20{
  padding-left: 20px;
}
.pl-30{
  padding-left: 30px;
}
.pl-40{
  padding-left: 40px;
}
.pl-50{
  padding-left: 50px;
}
.pl-60{
  padding-left: 60px;
}
.pl-70{
  padding-left: 70px;
}
.pl-80{
  padding-left: 80px;
}
.pl-90{
  padding-left: 90px;
}
.pl-100{
  padding-left: 100px;
}

/*-------------BACKGROUNDS----------*/

.bggrey{
  background-color:#F3F3F3 ;
}

.bgwhite{
  background-color:white ;
}

.bgblue{
  background-color:#006DFF ;
}

.bgdarkblue{
  background-color:#1A0DAB;
}

/*-------------BOTONES----------*/

.btn-white{
  width: auto;
  height: 40px;
  border: 2px solid #006DFF;
  border-radius: 100px;
  background-color:transparent;
}

.btn-discover {          
  width: 160px;
  height: 40px;
  border: 2px solid #ffffff;
  border-radius: 100px;
  color:#ffffff;
  background-color:transparent;
}


.btn-youtube{
  top: 2494px;
  left: 139px;
  width: auto;
  height: 40px; 
	border: 2px solid #FF3C5C;
  border-radius: 100px;
  background-color: transparent;
}
p.btn-text{
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #006DFF;
}


p.titlepage{
  text-align: center;
  font-size: 24px; 
  font-weight: bold;
  letter-spacing: 0px;
  color: #00205B;
 

}

p.subtitlepage{
  text-align: center;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.42px;
  
}

p.subtitlepagesidebar{
  text-align: center;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.42px;

}
p.sidebarphone{
  text-align: center;
  font-size:21px;
  font-weight: 300;
  letter-spacing: 0.53px;
  color: #00205B;
}
p.iconsidebar{
  text-align: left;
  font-size:14px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #006DFF;
}


/*-------------MENU------------*/

p.menu{
text-align: left;
font-size:21px;
letter-spacing: 0;
color: #00205B;
}

/*------------ PÁGINA EVENTOS-------------------*/

p.eventtitle{
  font-size: 24px;
  color:#ffffff;
  letter-spacing:0.6px;
  text-align: left;
  
}
.titleEvent{
	text-align: left;
	font: 24px/30px TTSupermolotMed;
	letter-spacing: 0.6px;
	color: #FFFFFF;
	padding-top:30px;
}
.customDivEvents{
	background-color: #00205B; padding:30px !important;
}
.customDivEventsPar{
	background-color: #1A0DAB; padding:30px !important;
}
.nameEvent{
	color:#ffffff; float:right;
}
.nameEvent2{
	color:#ffffff;
}
.customHR{
	color:#ffffff; border:solid 1px; width: 20%; margin-left: 0px;
}
.descrEvent > p{
	color: #ffffff;
	font: 13px/16px 'WorkSans';
	text-align: justify;
}
.descrEvent{
	color: #ffffff;
	font: 13px/16px 'WorkSans';
	text-align: justify;
}

/*------------------FRICOSMOS TV----------------------------*/
.fricosmosTV{
	font: 24px/24px TTSupermolotBold;
	letter-spacing: 0px;
	color: #00205B;
	opacity: 1;
}
.subFricosmosTV{
	font: 17px/26px WorkSans;
	letter-spacing: 0.42px;
	color: #00205B;
	opacity: 1;
}
.videoName{
	font: 16px/16px TTSupermolotMed;
	letter-spacing: 0.4px;
	color: #00205B;
}
.videoYear{
	font: 14px/16px WorkSans;
	letter-spacing: 0.35px;
	color: #00205B;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scrollingVideo{
	overflow-y: scroll;max-height: 700px;
}
p.titlevideo{
  	text-align: left;
	font: 14px/15px WorkSansMed;
	letter-spacing: 0.35px;
	color: #00205B;
}

p.subtitlevideo{
	text-align: left;
	font: 13px/15px WorkSans;
	letter-spacing: 0.33px;
	color: #00205B;
  }

  p.titleacordion{
    text-align: left;
    font-size:21px;
    font-weight: 400;
    letter-spacing: 0.53px;
    color: #006DFF;
    padding-top: 20px;
  }

input.search{
  background-color: #E3E3E3;
  border-top-left-radius: 50px;
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
  border-bottom-left-radius:50px;
  
}


input.lupa{
  width: 24px;
  height: 24px;
  background-image: url('/general/images/soporte/lupa.png');
  background-color: transparent;
  color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  }


  .sidebar{
    height:350px;
  }
  
 /*--------------- ACORDION---------------*/

 .accordion .card-header:after {
  font-family: 'FontAwesome';  
  content:url('/general/images/icon_closed1.svg');
  float: right; 
  font-size:30px ;
  /*margin-top:-50px;*/
  
}

.card-header{
cursor: pointer !important;
border:0px;
background-color: #F3F3F3


}
/*.card-header.collapsed{
border: 1px solid #0056C4;
}*/

.accordion .card-header.collapsed:after {
content:url('/general/images/icon_ad.svg');
}


.card {
background-color: #F3F3F3;
border:0px;
}


/* icono buscar en placeholder ------------------------------------------*/
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }



.redondo{
  border-radius:20px;
  background-color:#E3E3E3;
  border:0px;
}


.luparedonda{
  
    background-color:#E3E3E3;
    border-radius: 20px;
}

/*---------------------Modificado Jose Luis-------------------*/
.accordion > .card > .card-header{
  border-top: 1px solid #00205B;
  
}



/*.card-body {
  border-bottom: 1px solid #00205B;
}*/



/* CONTACTO */
.horarioCom {
	font-family: TTSupermolotMed;
	background: url('/general/images/time.svg') no-repeat;
	background-position: right;
	line-height: 24px;
}
.direccionCom {
	font-family: TTSupermolotMed;
	background: url('/general/images/mappoint.svg') no-repeat;
	background-position: right;
	line-height: 24px;
}
.navCom {
	background: url('/general/images/nav.svg') no-repeat;
	background-position: right;
	color: #006DFF;
	cursor: pointer;
}
.mt--180{
	margin-top:-180px;
}
.helpPhone{
	font: 21px/25px "WorkSans-SemiBold";letter-spacing: 0.53px;color: #00205B;
}
/* FIN CONTACTO */




/* 
 RESCRITURA 7 COLUMNAS 
*/
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
flex:none !important;
  }
}
 
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
flex:none !important;
  }
}



/******** CART STYLE START****************/
.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  /*top: 14px;*/
  bottom: 14px;
  position: absolute;
  content: " ";
  width: 75%;
  left:12%;
  height: 1px;
  background-color: #ccc;
  /*z-order: 0;*/
  z-index: 0;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
  width:25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-active {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border:3px solid #00205B !important;
  outline: 8px solid #FAFAFA;
  background: #FAFAFA; 
}

.btn-validated {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border:3px solid green !important;
  outline: 8px solid #FAFAFA;
  background: #FAFAFA; 
}

.btn-successComplete {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border:3px solid #00D974 !important;
  outline: 8px solid #FAFAFA;
  background: #FAFAFA; 
}

.btn-default {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border:3px solid #FAFAFA;
  outline: 8px solid #FAFAFA;
  background: #FAFAFA; 
}

.btn-success .dot{
  width:8px;
  height:8px;
  background:#00D974 !important;
  border-radius: 6px;
  margin-left:8px;
  margin-top:2px;
}

.btn-active .dot{
  width:8px;
  height:8px;
  background:#00205B !important;
  border-radius: 6px;
  margin-left:8px;
  margin-top:2px;
}

.btn-validated .dot{
  width:8px;
  height:8px;
  background:green !important;
  border-radius: 6px;
  margin-left:8px;
  margin-top:2px;
}

.btn-default .dot{
  width:8px;
  height:8px;
  background:#DADADA;
  border-radius: 6px;
  margin-left:8px;
  margin-top:2px;
}

.finish-order{
  font: 18px/36px "TTSupermolotMed";
  color: #00205B;
  letter-spacing: 0px;
}

.finish-order-resume{
  font: 16px/26px "Work Sans";
  color: #00205B;
  letter-spacing: 0.4px;
}
.bgAmountCart{
	background: #FAFAFA 0% 0% no-repeat padding-box; box-shadow: 0px 1px 0px #00000029; padding:0px 10px 10px;
}
/*********CART STYLE END*********/

/** MOVILES  **/
@media only screen and (min-width : 160px) and (max-width : 767px) {
  .heigthProductsNews{
    height: 150px;
  }

  #filtersRow{
    display:none;
  }

	.grecaptcha-badge{
		display: none;
	}
	.noViewMobile{
		display: none;
	}
	.whatsappIcon {
		bottom: 35px;
	}
	.web{
		display: none !important;
	}
	.mobile{
		display: flex;
	}
	.mobileBlock{
		display:block;
	}
	.mobileInline{
		display: inline;
	}
	.sliderFlex{
		display:flex !important;
	}
	.width106{
		width:106% !important;
	}
	.barraMenu{
		max-width:100%;
	}
	.mtHeadAll{
		margin-top:240px;
	}
	.m-w-100{
		max-width: 100% !important;
	}
	.hamburguerMenu {
		line-height: 4px !important;
		cursor: pointer;
	}
	.hamburguerMenu p {
		display: inline-block;
		height: 10px;
		border-bottom: 2px solid #00205B !important;
		width: 20px;
		font: unset;
		margin-bottom: -4px;
	}
	.mh225-m{
		max-height:225px;
	}
	.p-0-m{
		padding:0px !important;
	}
	.pr-0-m{
		padding-right:0px;
	}
	.pl-0-m{
		padding-left:0px;
	}
	.pl-15-m{
		padding-left: 15px;
	}
	.pr-15-m{
		padding-right: 15px;
	}
	.pl-30-m{
		padding-left: 30px;
	}
	.p-0-m{
	  padding: 0px;
	}
	.ml-0-m {
		margin-left: 0px;
	}
	.mt-0-m {
		margin-top: 0px;
	}
	.mb-0-m {
		margin-bottom: 0px;
	}
	.mt-10-m {
		margin-top: 10px;
	}
	.ml-10-m {
		margin-left: 10px;
	}
	.pt-20-m{
		padding-top:20px;
	}
	.pt-10-m{
		padding-top:10px;
	}
	.pt-50-m{
		padding-top:50px;
	}
	.mt-15-m{
		margin-top:15px;
	}
	.text-center-m{
		text-align: center !important;
	}
	.text-right-m{
		text-align: right !important;
	}
	#listIcon, #listIconPress, .imgHeadMList{
		width:19px;
	}
	#cartIcon, #cartIconPress, .imgHeadMCart{
		width:24px;
	}
	#listCartItems{
	  max-height:32vh;
	}
	.bgAmountCart{
		background: #FFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 0px #00000029; padding:0px 0px 0px; margin-top:20px;
	}
	.stepPagoMobile {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
	}
	.numUnidades{
		background-color:transparent;height:auto;font-weight:700!important;color:#00205B;border:0px !important;padding-left:0px;padding-right:0px;
	}
	.modNumUnidades {
		padding-left: 3px;
		padding-right: 3px;
	}
	#userIcon, #userIconPress{
		width:27px;
	}
	.btn-darkblue, .btn-blue {
		padding: 10px 40px !important;
	}
	.supNumberCart{
		position:absolute;top:-20px;right:20px;
	}
	.dividerFinder{
		margin-left:0px;
	}
	.menuMobileBold{
		font: 18px/21px WorkSans-SemiBold;
		color:#00205B;
		text-transform: capitalize;
	}
	.menuMobileLight{
		font: 18px/21px WorkSans;
		color:#00205B;
		text-transform: capitalize;
	}
	.hrLight{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.categoryMenuMobile{
		font: 16px/20px WorkSans;
    color:#006DFF !important;
    margin:0px;
  }
  

  iframe{
    width: 100% !important;
  }

	.btnCircle{
		border: 2px solid #006DFF;
		margin: 5px;
		border-radius: 30px;
		padding: 5px;
	}
	.productsNewsDiv:hover{
	  margin:unset !important;
	  height: unset !important;
	  box-shadow: unset !important;
	}
	.btnDiscoverNews{
		position:absolute;bottom:-50px;width:100%;
	}
	.productsNewsDiv, .pn{
		font: 12px/22px "WorkSans";letter-spacing: 0px;color: #00205B;
	}
	.productsNewsDiv, .titleProduct{
		font: 16px/22px "WorkSans";letter-spacing: 0px;color: #006DFF;
	}
	span.titleProduct{
		font: 16px/22px "WorkSans";letter-spacing: 0px;color: #006DFF;
	}
	.productsNewsDiv, .precioProduct{
		font: 16px/22px "WorkSans-Bold";letter-spacing: 0px;color: #00205B;
	}
  
	.discoverProduct{
		position:relative;bottom:0px;width:111%;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.btn-trans{
	  padding:10px !important; 
	}
	.btn-discover {
		width: 135px;
		height: 40px;
	}
	.hrWhite-25 {
		float: none;
	}
	.noBottom-m {
		position: initial;
	}
	.btn-catalog-image {
		width: 100%;
	}
	.h-auto-m{
		height:auto;
	}
	.w-auto-m{
		width:auto !important;
	}
	.cardFooterM {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: transparent;
		background-clip: border-box;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 0rem;
	}

  .twitterFootMob{
    height: 20px;
  }
  
	.footerCollapseIcon.collapsed::after {
		content: url('/general/images/icons/arrow_down.svg');
		position: absolute;
		right: 0px;
		margin-top: 0px;
	}
	.footerCollapseIcon::after {
		content: url('/general/images/icons/arrow_up.svg');
		position: absolute;
		right: 0px;
		margin-top: 0px;
	}
	.card-body {
		padding-bottom: 10px;
	}
	.linkMenuFooter,.linkMenuSubFooter {
		font: 11px/15px "WorkSans";
		letter-spacing: 0px;
		color: #006DFF;
	}
	.tcm{
		text-align: center !important;
	}
	.pb-10-m{
		padding-bottom: 10px;
	}
	.pb-20-m{
		padding-bottom: 20px;
	}
	.h-200{
		height:200px;
	}
	.mh-165{
		max-height: 165px;
	}
	.h-50px{
		height:50px;
	}
	.mh-40{
		max-height:40px;
	}
	.mt-20-m{
		margin-top:20px;
	}
	.mb-10-m{
		margin-bottom:10px;
	}
	.mb-20-m{
		margin-bottom:20px;
	}
	.mb-50-m{
		margin-bottom:50px;
	}
	.mr-0-m{
		margin-right:0px;
	}
	.mr-5-m{
		margin-right:5px;
	}
	.mt-7-m{
		margin-top:7px;
	}
	#iconMenuDiv{
		position:fixed;bottom:0px;z-index:1001;right:0;width:100%;display:none;
	}
	.text-left-m{
		text-align: left !important;
	}
	.h-200-m{
		height:200px;
	}
	.ml-15-m{
		margin-left:15px;
	}
	.h-auto-m{
		height:auto;
	}
	.selectFilter{
		position:unset;margin-bottom:unset;background: unset;box-shadow: unset;border-radius: unset;
	}
	.selectFilter2{
		border:1px solid #00205B;height:39px;margin:3px;
	}
	.invertOrder {
		position: absolute;
		right: 15px;
		top: 1px;
	}
	.bg-white{
		background-color:white;
	}
	.nameCompany{
		font: 18px/24px 'TTSupermolotBold';
		letter-spacing: 0px;
		color: #00205B;
	}
	.sectorsBg-about-us {
		background-color: white;
		padding: 15px;
		margin-right: 20px;
		max-height: 250px;
	}
	.sectorsBg-about-us a {
		font: 13px/16px WorkSans;
		display: block;
		min-height: 50px;
	}
	.fricosmosTV{
		font: 18px/24px TTSupermolotBold;
		letter-spacing: 0px;
		color: #00205B;
		opacity: 1;
	}
	.titleEvent{
		text-align: center;
		font: 18px/24px TTSupermolotMed;
		letter-spacing: 0.6px;
		color: #FFFFFF;
		padding-top: 0px;
	}
	.subFricosmosTV{
		font: 14px/20px WorkSans;
		letter-spacing: 0.35px;
		color: #00205B;
		opacity: 1;
	}
	.videoName{
		font: 14px/18px TTSupermolotMed;
		letter-spacing: 0.35px;
		color: #00205B;
	}
	.videoYear{
		font: 12px/18px WorkSans;
		letter-spacing: 0.3px;
		color: #00205B;
	}
	p.titlevideo{
	  	text-align: left;
		font: 11px/10px WorkSansMed;
		letter-spacing: 0.28px;
		color: #00205B;
	}
	
	p.subtitlevideo{
		text-align: left;
		font: 9px/10px WorkSans;
		letter-spacing: 0.23px;
		color: #00205B;
	  }
	  
	  /* EVENTOS */
		  .bgEventsMvl{
			background-color:#F3F3F3;
		  }
		  p.titlepage {
			font: 18px/24px TTSupermolotBold;
			letter-spacing: 0px;
			color: #00205B;
			opacity: 1;
		}
		p.subtitlepage{
		  	font: 14px/20px WorkSans;
			letter-spacing: 0.35px;
			color: #00205B;
			opacity: 1;
		  
		}
		h3{
		  font: 14px/30px 'WorkSans';
		  letter-spacing: 0.35px;
		  color: #00205B;
		}
		.customDivEvents{
			background-color: #00205B; padding-top:20px; margin-left:15px; margin-right:15px;padding-left:15px;
		}
		.customDivEventsPar{
			background-color: #1A0DAB; padding-top:20px; margin-left:15px; margin-right:15px;padding-left:15px;
		}
		.nameEvent{
			color:#ffffff; float:none;
			font: 14px/30px 'WorkSans-SemiBold';
			letter-spacing: 0.35px;
		}
		.dateEvent{
			font: 14px/30px 'WorkSans';
			letter-spacing: 0.35px;
		}
		p.eventtitle{
		  font: 18px/24px 'TTSupermolot';
		  color:#ffffff;
		  letter-spacing:0.45px;
		  text-align: center;
		  padding: 0px 15px;
		}
		.customHR{
			color:#ffffff; border:solid 1px; width: 20%; margin-left: 40%;
		}
		
	  /* FIN EVENTOS */
		
		/* HOME */
		.bannerHome{
			background: none;
			background-position: center;
			background-size: cover;
		}
		.titleBannerHome {
			font: 18px/24px TTSupermolotBold;
			letter-spacing: 0px;
			color: #00205B;
			opacity: 1;
		}
		.descrBannerHome{
			text-align: center;
			font: 14px/24px WorkSans;
			letter-spacing: 0.45px;
			color: #00205B;
		}
		.buttonBanner {
			box-shadow: 0px 2px 0px #00000029;
			border-radius: 100px;
			opacity: 1;
			padding: 0px 15px;
			background: url("/general/images/arow_button.svg") no-repeat;
			background-position-x: 89%;
			background-position-y: 50%;
			background-color: #F3F3F3;
		}
		.minHbutBan{
			min-height:50px;
			
		}
		.buttonBannerSpan{
			font: 11px/13px WorkSans-SemiBold;
			letter-spacing: 0px;
			color: #006DFF;
			opacity: 1;
			margin: 0px;
		}
		.padBanner{
			padding: 0px ;
		}
		.rowSmall{
			margin-left: -12px;
			margin-right: -12px;
		}
		.closeSurvey{
			position: absolute;
			right: 10px;
			top: -144px;
		}
		/* FIN HOME */
		
		.finish-order {
			font: 16px/21px "TTSupermolotMed";
			color: #00205B;
			letter-spacing: 0px;
		}
		.cardAccount{
			min-height:200px;background: #FFF 0% 0% no-repeat padding-box;box-shadow: 0px 1px 0px #00000029;padding:30px;
		}
		.cardAccountClose{
			height:100px;min-height:100px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 1px 0px #00000029;padding:30px;
		}
		.h400-m{
			height:400px;
		}
		.expandContainer {
		    width:100%;
		}
		.expandContainer div {
		    width:100%;
		}
		.expandContainer .expandHeader {
		    cursor: pointer;
		    font-weight: bold;
		}
		.expandContainer .expandContent {
		    display: none;
		}
		.attrProd{
			width:50px;display:inline-block;
		}
		.attrProdAfter{
			width:50px;display:inline-block;
		}
		#productSection .modal-dialog {
			max-width: 100% !important;
		}
		.helpPhone {
			font: 15px/20px "WorkSans-SemiBold";
			letter-spacing: 0.53px;
			color: #00205B;
		}
		.paddingSearcher{
			padding:0px 30px;
		}
		.searcherManager{
			position:fixed;top:165px;z-index:1005;width:100%;
		}
		.paymentMethod {
			background: #E3E3E3 0% 0% no-repeat padding-box;
			box-shadow: none;
			border-radius: 3px;
			height: 280px;
			cursor: pointer;
			position: relative;
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
			border: 5px solid #fafafa;
		}
		.borderFA {
			border: 5px solid #fafafa;
		}
		.spanPay{
			font: 15px/24px WorkSans;letter-spacing: 0px;color: #00205B;
		}
}

/** TABLETS  **/
@media only screen and (min-width : 768px) and (max-width : 1200px) {
  .heigthProductsNews{
    height: 225px;
  }
	.web{
		display:none;
	}
	.tabletBlock{
		display: block;
	}
	.menuTop, .menuTopR{
		display: block;
	}
	.tablet{
		display: flex;
	}
	.mtHeadAll {
		margin-top: 133px;
	}
	.productsNewsDiv {
		height: 720px;
		margin: 5px;
		transition-duration: 0.2s;
		border: 1px solid #00D5FF;
	}
	/* .productsNewsDiv:hover{
	  margin:30px;
	  height: 720px;
	  box-shadow: 10px 12px #00D5FF;
	} */
	.productsOffersDiv{
	  height: 720px;
	  margin:5px;
	  transition-duration: 0.2s;
	  border: 1px solid #FF3C5C; 
	}
	.productsOffersDiv:hover{
	  margin:30px;
	  height: 720px;
	  box-shadow: -10px 12px #FF3C5C;
	}
	.slick-list.draggable {
		width: 100%;
	}
	span.titleProduct {
		font: 20px/25px "WorkSans";
		letter-spacing: 0.4px;
		color: #006DFF;
	}
	.btnDiscoverNews {
		position: absolute;
		bottom: -40px;
		width: 100%;
		left: 0;
	}
	.menuTop, .menuTop li a {
		font: 16px/19px "WorkSans-Semibold";
		letter-spacing: 0px;
		color: #00205B !important;
		text-transform: capitalize;
	}
	.menuTopR, .menuTopR li a {
		font: 14px/21px "WorkSans";
		letter-spacing: 0px;
		color: #00205B;
		text-transform: capitalize;
		padding-left:0px;
	}
	.newsBorder {
		height: 320px;
	}
	.offerBorder {
		height: 320px;
	}
	.faceFoot{
		height: 14px !important;
	}
	.twitterFoot{
		height: 14px !important;
	}
	.youtubeFoot{
		height: 12px !important;
	}
	#blockIA{
		display:none;
	}
	#iconMenuDiv {
		position: fixed;
		top: 101px !important;
		z-index: 1001;
		right: 0;
		width: 60%;
		display: none;
	}
	#iconMenuDivOut {
		overflow-x: scroll;
	}

}
/** CUSTOM **/
@media only screen and (min-width : 1201px) and (max-width : 1600px) {
	.col-custom-1 {
  		-ms-flex: 0 0 12%;
  		flex: 0 0 12%;
  		max-width: 12%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-custom-8 {
  		-ms-flex: 0 0 75%;
  		flex: 0 0 75%;
  		max-width: 75%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}


.arrowButtonLeft{
  background-image: url("/general/images/arow_button_left.png");
  background-position: 15px;
  background-repeat: no-repeat;
}
.arrowButtonLeft:hover{
  background-image:  url("/general/images/arow_button_disable_left.png");
  background-repeat: no-repeat;
  background-position: 15px;
}
.arrowButtonRight{
  background-image: url("/general/images/arow_button_disable.svg");
  background-repeat: no-repeat;
  background-position: right 15px top 13px;
}
.arrowButtonRight:hover{
  background-image:  url("/general/images/arow_button_disable.svg");
  background-repeat: no-repeat;
  background-position: right 15px top 13px;
}
.error-input-custom{
  background-color: #fce4e4;
}
.error-input-custom-select select{
  background-color: #fce4e4 !important;
}
.error-input-select{
  display: none;
  background-color: #fce4e4;
}
.selectCustom2 > .chosen-container-single .chosen-single{
  background: #FFF 0% 0% no-repeat padding-box !important;
  height: 30px !important;
  padding-top: 5px !important;
}