@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;600&display=swap');

html, body{height:100%;position: relative;padding:0px; margin:0px;}
body{font-family:'Roboto', sans-serif; background-color:white;}
*{box-sizing:border-box;}
.ralewaybold{font-weight: bold!important; }
/***************************** COLOR ******************************/
.fontRed{color:#A22A2F !important;}
.hide{display: none!important;}
.textaL{text-align:left;}
.textaR{text-align:right;}
.shadow{
	box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 30%);
}
.text-white{color: #FFF;}
a{text-decoration: none!important;}
/***************************** SWIPER ******************************/
:root{--swiper-navigation-size:20px !important;}
.swiper-button-prev{color:#332D5E !important; margin-left:15px; }
.swiper-button-next {color:#332D5E !important;  margin-right:15px; }
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{/*opacity:.0 !important;*/}
.swiper-pagination-bullet{opacity:0.4 !important;}
.swiper-pagination-bullet-active{opacity:1.0 !important;background-color:#FFF !important;}
.swiper-container {width: 100%; height: 80%; }
.swiper-wrapper{height: 90%;}
.swiper-slide {background: #fff;}
.swiper-button-next:after, .swiper-button-prev:after,.swiper-button-next:after, .swiper-button-prev:after{font-size: 40px!important;}
.swiper-button-next{left: auto!important;right: 50px!important;float: right!important;position: relative!important;}
.swiper-button-prev{right: auto!important;left: 50px!important;float: left!important;position: relative!important;}
.Header{}

/***************************** MAINBAR ******************************/
.mainBar{position:relative; height:70px;width:100%; background-color:white;box-sizing: border-box;border:1px solid transparent;}
.mainSeparator{height:60px;width:100%;}
.mainLogo{position:absolute;top:10px; left:40px; height:50px;}
.mainLogo a{height:100%;}
.mainLogo img{height:100%; width:auto;}

.mainBar .userButton{position:absolute; top:20px; right:110px; height:30px; width:30px;border-radius:30px; cursor:pointer; background-color:#C4302B; background-size:28px; background-position: center center; background-repeat:no-repeat;background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 53 53" style="enable-background:new 0 0 53 53;" xml:space="preserve"> <path fill="white" d="M18.7,37.6l-7.9,4.3c-0.5,0.3-0.9,0.6-1.3,0.9C14.1,46.7,20,49,26.5,49c6.5,0,12.4-2.3,17-6.1c-0.4-0.4-0.9-0.7-1.4-0.9 l-8.5-4.2c-1.1-0.5-1.8-1.7-1.8-2.9v-3.3c0.2-0.3,0.5-0.6,0.8-1c1.2-1.6,2-3.4,2.6-5.3c1.1-0.3,1.9-1.3,1.9-2.5v-3.5 c0-0.8-0.3-1.5-0.9-2V12c0,0,1.1-8-9.8-8s-9.8,8-9.8,8v5.1c-0.5,0.5-0.9,1.2-0.9,2v3.5c0,0.9,0.5,1.8,1.2,2.2 c0.9,3.9,3.2,6.6,3.2,6.6v3.2C20.3,35.9,19.7,37,18.7,37.6z"/> </svg>');}
.mainBar .dd-userButton{position: absolute;width: max-content; top: 20px; right: 110px;display:flex;}
.mainBar .dd-userButton .userButton{margin-right:10px;display:inline-flex;position:relative!important;right:0px!important;top:0px!important;height:30px; width:30px;border-radius:30px; cursor:pointer; background-color:#C4302B; background-size:28px; background-position: center center; background-repeat:no-repeat;background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 53 53" style="enable-background:new 0 0 53 53;" xml:space="preserve"> <path fill="white" d="M18.7,37.6l-7.9,4.3c-0.5,0.3-0.9,0.6-1.3,0.9C14.1,46.7,20,49,26.5,49c6.5,0,12.4-2.3,17-6.1c-0.4-0.4-0.9-0.7-1.4-0.9 l-8.5-4.2c-1.1-0.5-1.8-1.7-1.8-2.9v-3.3c0.2-0.3,0.5-0.6,0.8-1c1.2-1.6,2-3.4,2.6-5.3c1.1-0.3,1.9-1.3,1.9-2.5v-3.5 c0-0.8-0.3-1.5-0.9-2V12c0,0,1.1-8-9.8-8s-9.8,8-9.8,8v5.1c-0.5,0.5-0.9,1.2-0.9,2v3.5c0,0.9,0.5,1.8,1.2,2.2 c0.9,3.9,3.2,6.6,3.2,6.6v3.2C20.3,35.9,19.7,37,18.7,37.6z"/> </svg>');}
.mainBar .dd-userButton .userName{margin-top:6px;height:30px;vertical-align:middle;display: inline-flex;color: #C4302B;font-weight: 600;font-size: 14px;font-family: 'Roboto', sans-serif;}
.mainBar .dd-userButton .dropDownMenu{top: 40px!important;overflow: unset!important;}
.mainBar .dd-userButton .dropDownMenu{padding: 10px 0px!important;}
.mainBar .dd-userButton .dropDownMenu ul{padding: 0px!important;}
.mainBar .dd-userButton .dropDownMenu ul:before {position: absolute;top: -7px;right: 9px; display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(204, 204, 204, 0.2);content: '';}
.mainBar .dd-userButton .dropDownMenu ul:after {position: absolute;top: -6px;right: 10px; /* Example: right:10px; */display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';}
.cartPanel{position:absolute; top:20px; right:30px; height:30px; width:54px;border-radius:4px; cursor:pointer; background-color:#FFF; background-size:25px; background-position: center left 5px; background-repeat:no-repeat;background-image:url('data:image/svg+xml;charset=UTF-8,<svg id="Layer_1" enable-background="new 0 0 511.334 511.334" height="512" viewBox="0 0 511.334 511.334" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="%23C4302B" d="m506.887 114.74c-3.979-5.097-10.086-8.076-16.553-8.076h-399.808l-5.943-66.207c-.972-10.827-10.046-19.123-20.916-19.123h-42.667c-11.598 0-21 9.402-21 21s9.402 21 21 21h23.468l23.018 256.439c.005.302-.01.599.007.903.047.806.152 1.594.286 2.37l.842 9.376c.016.177.034.354.055.529 2.552 22.11 13.851 41.267 30.19 54.21-8.466 10.812-13.532 24.407-13.532 39.172 0 35.106 28.561 63.667 63.666 63.667 35.106 0 63.667-28.561 63.667-63.667 0-7.605-1.345-14.9-3.801-21.667h114.936c-2.457 6.767-3.801 14.062-3.801 21.667 0 35.106 28.561 63.667 63.667 63.667s63.667-28.561 63.667-63.667-28.561-63.667-63.667-63.667h-234.526c-15.952 0-29.853-9.624-35.853-23.646l335.608-19.724c9.162-.538 16.914-6.966 19.141-15.87l42.67-170.67c1.567-6.272.158-12.918-3.821-18.016z"/></svg>');}
.cartPanel .qty{color:#C4302B; height:20px; width:20px; line-height:20px; border-radius:15px; /*background-color:#C4302B;*/ float:right; margin:5px; text-align: center; font-size:13px; font-weight:400;}

@media screen and (max-width:950px){
	.swiper-button-next{right: 25px!important;}
	.swiper-button-prev{left: 25px!important;}
}
@media screen and (max-width:800px){ 
	/*.mainBar{height:120px;}
	.mainLogo{top:60px;}
	.userButton{top:70px;}
	.cartPanel{top:70px;}*/
}
@media screen and (max-width:600px){
	.swiper-button-next{right: 0px!important;}
	.swiper-button-prev{left: 0px!important;}
}
@media screen and (max-width:450px){ 
	/*.mainLogo{top:65px;left:25px; }
	.userButton{top:77px; right:90px;}
	.cartPanel{top:77px; right:10px;}*/
}

/***************************** SEARCH PANEL ******************************/
.searchPanel{position:relative; width:60%; max-width:650px; height:40px;margin:15px auto; border: 1px solid #BBB; border-radius:4px; box-shadow:0px 0px 4px rgba(0,0,0,0.2); background-color:white;box-sizing: border-box; transition: all .15s ease-out;}
.searchPanel:hover{box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
.searchPanel .comboBox{text-align: center; border-color:transparent !important;position:absolute; left:0px; top:0px; bottom:0px; border-radius:4px 0px 0px 4px; width:130px;line-height:39px;font-size:12px;border-right: 1px solid #BBB !important;}
.contentSearchInput{position:absolute; left:20px; right:0px; top:0px; bottom:0px;}
.contentSearchInput input{height:38px !important; width:100% !important;max-width: 650px; border:none; border-radius:3px; outline:0; padding:9px 10px; line-height:20px; font-size:14px; font-family:'Roboto', sans-serif;}

@media screen and (max-width:800px){ 
	.searchPanel{width:unset; max-width:unset; margin:12px 20px;}
	.searchPanel .comboBox{width:100px;}
}
@media screen and (max-width:600px){
	.searchPanel .dd-wrap>.dropDownMenu{right: unset!important;float: right!important;left: 0px!important;}
	
}
@media screen and (max-width:450px){ 
	.searchPanel{width:unset;max-width: unset;margin:10px 10px;}
	.contentSearchInput{left:105px;}
}
/***************************** SEARCH BAR ******************************/
.searchBar .filterBar{width: max-content;margin: 20px auto;display: inline-block;}
.searchBar .filterBar .titleContent{width: 100%;margin-bottom: 4px;}
.searchBar{text-align: center;width:100%; height: max-content;min-height:50px; padding:0px 20px; color:#333; background-color:rgb(51,45,94);  position:relative; z-index:1000; margin:0 auto; }

.searchBar .filterBar .titleContent .title{text-align: left;color: #FFF; font-family:'Roboto', sans-serif; font-size: 18px;  padding: 0px 10px; font-weight: bold;}
.searchBar .dropDownBtn{ box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 100%);line-height: 50px; font-family:'Roboto', sans-serif; font-size: 14px; display:inline-block; padding: 0px 10px; }
/*.searchBar .title{color:#CB0D0D;}*/
.searchBar .dd-wrap{height: 30px;}
.searchBar .dropDownBtn{/*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(285deg) brightness(102%) contrast(102%);*/height: 30px;line-height: 30px;border-radius: 3px;vertical-align: middle;background-color: white;padding-right:30px; margin:0px 5px; font-family: 'Roboto', sans-serif; background-image: url(../img/drop_down.svg); background-size: 13px; background-position: center right 10px; background-repeat: no-repeat; cursor: pointer;}
.scrollMenu{width:100%; height:50px;white-space:nowrap;}
@media screen and (max-width:600px){
	.searchBar .dd-wrap>.dropDownMenu{right: unset!important;float: right!important;left: 0px!important;}
	.searchBar .dd-wrap:last-of-type >.dropDownMenu,.searchBar .dd-wrap:nth-last-of-type(2) >.dropDownMenu{right: 0px!important;float: left!important;left: unset!important;}
}

@media screen and (max-width:520px){
	.searchBar{text-align: left;}
	.searchBar .filterBar{width: 100%;}
	.searchBar .filterBar .dd-wrap:first-of-type {margin-top: 0px!important;}
	.searchBar .filterBar .dd-wrap{margin-top: 15px}
	.searchBar{ min-height: 80px; height: auto;padding:0px 5px;}
	.searchBar .title{width:100%; height:30px; line-height:40px; text-align: center;}
}
@media screen and (max-width:397px){
	.searchBar .filterBar .filterContent .titleContent{width: 250px;}
	.searchBar .filterBar .filterContent{width: min-content; margin: auto;}

}
@media screen and (max-width:300px){
	.searchBar .filterBar .filterContent .titleContent{width: 100%;}
	.searchBar .filterBar .filterContent{width: 100%; margin: 0px;}

}
/***************************** PRODUCTBOX ******************************/
.productBox_ui{margin-top:40px;}
.productBox_ui .content { position: relative;z-index: 3;min-height: 300px;margin:0px auto;text-align: center;max-width: 1560px;}
.productBox_ui .content .productBox{cursor:pointer;height:550px;width: 379px;display: inline-block;vertical-align: middle;}
.productBox_ui .content .productCard{position: relative; height:500px; margin:20px 10px;border-radius:5px;box-shadow:0px 0px 7px rgba(0,0,0,0.2);border:1px solid transparent;}
.productBox_ui .content .productImg{height:240px; width:auto; margin:10px 10px 0px 10px; background-repeat:no-repeat; background-size:contain; background-position:center top;}
.productBox_ui .content .productBrand{height:40px; width:240px; margin:10px auto 0px auto; background-repeat: no-repeat; background-size:contain; background-position:center center;}
.productBox_ui .content .productInfo{text-align: left;font-size:13px; padding:0px 20px; margin:20px auto 0px auto;line-height:16px; }
.productBox_ui .content .productLabel1{position: absolute; bottom:15px; width: 100%; font-size:15px;font-weight:bold;text-align:center;color: #00B259;}

@media screen and (max-width:1620px){ 
	.productBox_ui .content .productBox{width: 330px;}
}
@media screen and (max-width:1400px){ 
	.productBox_ui .content .productBox{width: 295px;}
}
@media screen and (max-width:1270px){ 
	.productBox_ui .content .productBox{width: 330px;}
}
@media screen and (max-width:770px){ 
	.productBox_ui .content .productBox{width: 330px;}
}
@media screen and (max-width:660px){ 
	.productBox_ui .content .productBox{width: 379px;}
}
@media screen and (max-width:400px){ 
	.productBox_ui .content .productBox{width: 95%;}
}


/***************************** MENU ******************************/
.scrollMenu{height: 50px; width: 100%; margin: 0px auto 0px auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; padding:0px;z-index:1001;background-color:#FFF;box-shadow:0px 4px 4px 0px rgba(0,0,0,.3);}
.menuBar{height:50px; width: 100%; text-align: center; font-size:16px; font-family: 'Roboto', sans-serif;  }
.menuBar.Glue{position:fixed !important; top:0px !important; box-shadow:0px 5px 7px 0px rgba(0,0,0,.4);}
.menuItem{display:inline-block;padding:0px 20px;font-weight:500;line-height:30px;margin:5px 20px;cursor: pointer;border-radius: 4px;color:#666; transition: all .30s ease-out;}
.menuItem:hover{color:#c4302b; background-color:#EEE;border-radius:5px;}
.menuItem.selected{color:#C4302B; font-weight:600;}
.menuBar a{text-decoration:none; color:inherit; }
.mainBarTop .scrollMenu{box-shadow: none!important;margin: 17px auto 0px auto!important;}
@media screen and (max-width:800px){ 
	.menuItem{padding:0px 10px; margin:10px 10px;}
}
@media screen and (max-width:450px){ 
	.menuItem{font-size:14px; margin:10px 5px;}
}

/******************************* MainSlider *********************************/
.MainSlider{width:100%;}
.MainSlider .swiper-pagination{bottom:10px !important; padding:5px;/*background-color: rgba(255, 255, 255, 0.4);*/border-radius:15px;}

/******************************* HomeNewItems ItemSlider *********************************/
.HomeNewItems{margin-top:40px;}
.HomeNewItems .itemSliderTitle{margin:0px 40px 0px 40px; line-height:40px;font-size:25px;font-weight:bold;text-align:center;font-family: 'Oswald', sans-serif;}
.HomeNewItems .swiper-container{ margin:0px auto;width: 80%!important;padding:0px 5px;}
.HomeNewItems .swiper-slide{height:550px;}
.HomeNewItems .swiper-inner{position: relative; height:500px; margin:20px 10px;border-radius:5px;box-shadow:0px 0px 7px rgba(0,0,0,0.2);border:1px solid transparent;}
.HomeNewItems .slide_img{height:240px; width:auto; margin:10px 10px 0px 10px; background-repeat:no-repeat; background-size:contain; background-position:center top;}
.HomeNewItems .slide_brand{height:40px; width:240px; margin:10px auto 0px auto; background-repeat: no-repeat; background-size:contain; background-position:center center;}
.HomeNewItems .slide_title{font-size:0.8em;margin:15px auto;font-weight:bold;text-align:center;}
.HomeNewItems .slide_info_list{font-size:13px; padding:0px 20px; margin:20px auto 0px auto;line-height:16px; }
.HomeNewItems .slide_label1{position: absolute; bottom:15px; width: 100%; font-size:15px;font-weight:bold;text-align:center;color: #00B259;}
.HomeNewItems .swiper-pagination{bottom:0px !important;}

@media screen and (max-width:450px){ 
	.HomeNewItems .swiper-inner{margin:20px 20px;}
}

/******************************* galleryGrid *********************************/
/*.galleryGrid{margin-top:30px;}*/
.galleryGrid .galleryGridTitle{margin:0px 40px 10px 40px; line-height:40px;font-size:25px;font-weight:bold;text-align:center;font-family: 'Oswald', sans-serif;}
.galleryGrid .row{display: flex; flex-wrap: wrap; padding: 0 0px;box-sizing: border-box;}
.galleryGrid .column50{flex: 50%; max-width: 50%; padding: 0 2px; box-sizing: border-box;}
.galleryGrid .column25{flex: 25%; max-width: 25%; padding: 0 2px; box-sizing: border-box;}
.galleryGrid .column50 img, .galleryGrid .column25 img{margin-top: 4px; vertical-align: middle; width: 100%; }

@media screen and (max-width: 600px) {
	.galleryGrid .column50{flex:100%; max-width: 100%; }
	.galleryGrid .column25{flex:50%; max-width: 50%; }
}

.imageGrid{cursor: pointer;}
.galleryRush .galleryGridTitle {margin:0px 40px 10px 40px; line-height:40px;font-size:25px;font-weight:bold;text-align:center;font-family: 'Oswald', sans-serif;}
/******************************* SUSCRIBEPANEL *********************************/
.suscribePanel{background-color:#000; color:#FFF;min-height:100px;padding: 15px;font-size:15px;font-weight: 200;}
.suscribePanel .Left, .suscribePanel .Right{float: left;width:50%;min-height:70px;position: relative;} 
.suscribePanel .content{position: absolute; top: 51%; transform: translateY(-50%);margin:0px 10px;}
.suscribePanel .Left{border-right:1px solid #FFF;}
.suscribePanel .Left .content{right: 0px;text-align: right;}

.suscribePanel .suscribeMail{border:none;outline:none;height:40px;width:250px;float: left;padding:0px 10px;text-align: center;font-size: 14px;}
.suscribePanel .suscribeSend{height:40px;float: left;width:96px;background-color: #c4302b;line-height: 40px;padding:0px 10px;}

@media screen and (max-width:780px){
	.suscribePanel{min-height:180px;}
	.suscribePanel .Left, .suscribePanel .Right{width:100%;min-height:50px;position: relative;}
	.suscribePanel .Left{border-right:none; border-bottom:1px solid #FFF;height:70px;}
	.suscribePanel .Left .content{left: 0px;text-align: center;}
	.suscribePanel .Right .content{transform:none;position:relative;margin:20px auto;width:346px;}
	.suscribePanel .suscribeMail{width:210px;}
}

/******************************* HomeBrandsBand *********************************/
.HomeBrandsBand .swiper-container, .HomeBrandsBand .swiper-container .swiper-wrapper{height: 100%!important;} 
.HomeBrandsBand .swiper-container .swiper-wrapper .swiper-slide{background-color: #F0F0F0F0;}
.HomeBrandsBand .swiper-container .swiper-wrapper .swiper-slide .swiper-inner{width:80%;height: 100%;margin: 0 auto;}
.HomeBrandsBand .swiper-container .swiper-wrapper .swiper-slide .swiper-inner .slide_img{width:90%;height: 100%;margin: 0 auto;background-size:100%;background-repeat: no-repeat; background-position: center center;}
@media screen and (max-width: 600px) and (min-width: 405px)  {
	.HomeBrandsBand{padding:  20px 0px;}
}

/******************************* brandsBand *********************************/
.brandsBand{height:150px; margin:40px auto 30px auto; background-color:#F0F0F0;}


/******************************* SOCIALMEDIA *********************************/
.socialMedia{margin:30px auto; overflow: auto; text-align: center;}
.whatsAppCol, .socialMediaCol, .footLinks{display: inline-block; width:33%; vertical-align:bottom;}
.whatsappTitle, .socialMediaTitle, .footLinksTitle{width:300px; height:35px;margin:40px auto 10px auto;font-size:20px;font-weight:bold;font-family: 'Oswald', sans-serif;text-align: center;}
.whatsappIco, .socialMediaIco, .footLinksBox{width:300px; height:70px;margin:0px auto 50px auto; border-radius:35px; background-color:#F0F0F0;}
.whatsappIco{color:#333;  font-size:35px; line-height:70px; font-weight:bold; padding:0px 0px 0px 70px; background-size:50px; background-image:url(../img/whatsapp.svg); background-position: left 10px center ; background-repeat:no-repeat;}
.socialMediaIco{text-align: center;}
.icoFacebook, .icoInstagram, .icoYoutube{margin:0px 5px; width:70px; height:70px;background-size:50px; background-repeat:no-repeat; background-position: center center; display:inline-block;}
.icoFacebook{ background-image:url(../img/facebook.svg); }
.icoInstagram{ background-image:url(../img/instagram.svg); }
.icoYoutube{ background-image:url(../img/youtube.svg); }

@media screen and (max-width:950px){
	.socialMedia{margin:0px auto 30px auto;}
	.whatsAppCol, .socialMediaCol, .footLinks{width:50%;}
}  
@media screen and (max-width:650px){
	.whatsAppCol, .socialMediaCol, .footLinks{width:100%;}
} 

/******************************* brandsBand *********************************/
.Footer{margin:40px auto 30px auto;}
.footLinksBox{width:330px;color:#999;font-size:14px;padding:10px 0px;text-align:center;border-radius:15px;background-color:#FFF;line-height:25px;}
.footLinksBox a{color:#332D5E; font-weight:600;text-decoration:none;display:block;}
.footLinksBox a.blue{color:#4285F4;}
.footLinksBox a:hover{color:#c4302b;}
.footEnd{color:#BBB;font-size:14px;margin-top: 20px; padding:30px 0px 20px 0px;text-align:center;}

/***************************** LOADER ******************************/

.loader-blocker{position:absolute; top:0px; right:0px; bottom:0px; left:0px; display:flex; justify-content: center; align-items: center; background-color:rgba(255,255,255,0.7); z-index:9999999; }
.loader{border:5px solid #F3F3F3; border-top:5px solid #555; border-radius:50%; width:50px; height:50px; animation:spin 2s linear infinite;}
@keyframes spin{ 
	0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/***************************** FORM OBJECTS ******************************/
.comboBox{cursor: default; background-size:10px; background-position: center right 10px; background-repeat:no-repeat; padding:0px 25px 0px 5px; background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><g> <path fill="gray" d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751   c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0   c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"/> </g></g> </svg>'); }
.comboBox:hover{ box-shadow:0px 1px 5px rgba(0,0,0,0.4);}
/******************************* PAGINATION *********************************/
.paginationContent{width:100%;display:inline-block;padding:0px 30px;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;float: right;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 10px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 2; color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg > li > a,.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.rango{margin-top: 30px;}
.totalRecordsContent{width: 100%;float: right;}
.totalRecordsLabel{float: right;padding: 20px 20px 0px 20px;}

/******************************* DROP DOWN MENU *********************************/
/*.dd-wrap{position: relative;float:left;}*/
.dropDownMenu{float: left;right: 0px;width: max-content;max-width: 255px;max-height: 470px; overflow: auto; z-index:1999; background-color:white;position:absolute;box-shadow:0px 4px 9px 0px rgba(0,0,0,.5);border-radius:0px 0px 4px 4px;}
.dropDownMenu ul{list-style:none; margin:0px; padding:0px 0px 10px 0px;min-height:50px;line-height:30px; cursor: default;font-family:'ralewayregular';}
.dropDownMenu ul a{text-decoration: none;color:#333; }
.dropDownMenu ul.inline{text-align: center;}
.dropDownMenu ul.inline .dd-item{display: inline-block;}
.dropDownMenu ul a{text-decoration:none; display:block;}
.dropDownMenu .dd-item{font-family: 'Roboto', sans-serif;color:#333; margin:0; padding:10px 15px; display:block; text-overflow:ellipsis; overflow:hidden;cursor: pointer; white-space:nowrap; transition: all .15s ease-out;}
.dropDownMenu .dd-item:hover{background-color:#EEE;}
.dropDownMenu .active{background-color: #EEE;}
.dropDownMenu .dd-item i{display:block; margin-top: 5px; width:20px;height:20px;background-size:18px; float:left;background-repeat:no-repeat;background-position: center;}
.dropDownMenu .dd-item.check.on i{background-image:url(../img/checkOn.svg);}
.dropDownMenu .dd-item.check.off i{background-image:url(../img/checkOff.svg);}

.dropDownMenu .dd-item span{margin-left:10px;float: left;font-size: 14px;}
.dropDownMenu .dd-item.icoColor{width:40px;}
.dropDownMenu .dd-item.icoColor i{border-radius:50%;}
.dropDownMenu .dd-title{color:#333; margin:0; padding:10px 15px; text-align:center; font-family:'ralewaybold'; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition: all .15s ease-out;}

@media (hover:hover) and (pointer:fine) { 
	.dropDownMenu::-webkit-scrollbar {width:7px;} 
	.dropDownMenu::-webkit-scrollbar-track {background: #f1f1f1;transition: all .15s ease-out;} 
	.dropDownMenu::-webkit-scrollbar-thumb {background: #DDD; border-radius:5px;} 
	.dropDownMenu::-webkit-scrollbar-thumb:hover {background: #AAA; } 
}


/******************************* NO RESULTS *********************************/
.NoResults{width: 60%;margin: auto;}
.NoResults .container{box-shadow: 2px 3px 10px -3px rgb(0 0 0 / 77%);display: flex;padding: 70px;}
.NoResults .container .col-3{width: 35%;}
.NoResults .container .col-6{width: 65%;}
.NoResults .container .col-3 img{width: 150px}
.NoResults .container .col-6 h2,.NoResults .container .col-6 ul{text-align: left;}
.NoResults .container .col-6 ul{padding-left: 20px;}
.NoResults .container .col-6 li{color: #666;}
.NoResults .container .col-6 li b{color: #333;}

/********************************* US **********************************/
.contactArea{margin:40px 0px 30px 0px; height:auto;position:relative;}
.contactAreaTitle{margin:40px auto; line-height:35px;font-size:1.4em;text-align: center;font-weight:bold;border:1px solid transparent; }
.contactAreaList{ max-width:max-content;margin:30px auto;text-align: center;border:1px solid transparent; position: relative;}
.contactAreaList a{display:inline-block; height:100px; width:100px; margin:25px;}
.contactIco{border-radius: 50%;box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 51%);height:100px; background-position: center center; background-size: auto 100%;background-repeat: no-repeat;}
.w50{width:49%;}

.areaTitle {
    position: relative;
    margin: 15px auto 0px auto;
    padding: 15px 0px 15px 0px;
    line-height: normal;
    min-height: 70px;
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
/***************************** HEADER ******************************/
.MainPortrait{height:606px; background-repeat:no-repeat; background-size:cover; background-position: center center; overflow: hidden; position: relative; }
.MainPortrait{box-shadow:0px 0px 8px 0px rgba(20,20,20,0.8);}

.productDetail{width: 100%;height: 100%;overflow-y: auto;}
.productDetail .container{width: 100%;display: inline-flex;height: 100%;padding: 20px;}
.productDetail .colImg{width: 40%;height: 100%;}
.gallery-title{display: none;}
.productDetail .colImg .gallery-container {height: 100%;position: relative;width: 100%;display: flex;justify-content: space-between;overflow: hidden;}
.productDetail .colImg .gallery-container .gallery-main {height: 100%;width: calc((100%) - (110px))!important;box-shadow: 0 50px 75px 50px rgba(#1e1e1e, 0.18);/*border:2px solid #e9e9e9;*/}
.productDetail .colImg .gallery-container .gallery-thumbs .swiper-wrapper .swiper-slide:first-child{margin-top: 0px!important;}
.productDetail .colImg .gallery-container .gallery-thumbs .swiper-slide-thumb-active{border-color:rgb(51,45,94)!important;}
.productDetail .colImg .gallery-container .gallery-main .swiper-wrapper .swiper-slide .productImg{    cursor:crosshair;object-fit: contain;height: 100%;width: 100%;}
.productDetail .colImg .gallery-container .gallery-main .swiper-button-next{left: auto!important;right: 50px!important;float: right!important;position: absolute!important;display: none;}
.productDetail .colImg .gallery-container .gallery-main .swiper-button-prev{right: auto!important;left: 50px!important;float: left!important;position: absolute!important;display: none;}

.productDetail .colImg .gallery-container .gallery-thumbs {height: 100%;order: -1;width: 110px;margin-right: 15px;}
.productDetail .colImg .gallery-container .gallery-thumbs .swiper-wrapper {display: inline-block;transform: none!important;}
.productDetail .colImg .gallery-container .gallery-thumbs .swiper-wrapper .swiper-slide{height: 100px!important;width:100px;border: 2.5px solid #CCC;border-radius: 5px;margin-top: 12px;}
.productDetail .colImg .gallery-container .gallery-thumbs .swiper-wrapper .swiper-slide .thumbsDetail{height: 100%;width: 100%;object-fit: contain;}
.productDetail .colInfo{width: 60%;display: inline-flex;}
.productDetail .colInfo .productInfo{padding: 20px 20px 0px 20px;width: calc((100%) - (315px));}
.productDetail .colInfo .productInfo .productNew{font-family: 'Roboto', sans-serif;font-size: 13px;color: #888;margin-bottom: 15px;}
.productDetail .colInfo .productInfo .productTitle{font-family: 'Roboto', sans-serif;font-size: 22px;margin-bottom: 15px;font-weight: bold;}
.productDetail .colInfo .productInfo .productBestSellerContent{margin-bottom: 16px;}
.productDetail .colInfo .productInfo .productBestSellerContent .productBestSeller{font-family: 'Roboto', sans-serif;font-size: 12px;color:#FFF;background-color: #F73;width: max-content;padding: 3px 4px;border-radius: 3px;font-weight: 600;}
.productDetail .colInfo .productInfo .productPriceOffer{height:31px;font-family: 'Roboto', sans-serif;font-size: 26px;color: #888;margin-bottom: 5px;text-decoration:line-through;}
.productDetail .colInfo .productInfo .productPrice{margin-bottom: 10px;width: 100%;display: flex;}
.productDetail .colInfo .productInfo .productPrice .price{font-family: 'Roboto', sans-serif;font-size: 36px;display:flex; width: max-content;margin-right: 5px;}
.productDetail .colInfo .productInfo .productPrice .porcentOffer{font-family: 'Roboto', sans-serif;font-size: 18px;display:flex; width: max-content;align-items: center;color: #00B259;font-weight: 400;}
.productDetail .colInfo .productInfo .productPorcentOff{font-family: 'Roboto', sans-serif;font-size: 36px;margin-bottom: 10px;}
.productDetail .colInfo .productInfo .productDescripcionContent{}
.productDetail .colInfo .productInfo .productDescripcionContent .productDescripcion{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 400;}
.productDetail .colInfo .productInfo .stock{font-family: 'Roboto', sans-serif;font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.productDetail .colInfo .productSendContent{width: 315px;border: 2.5px solid #CCC;border-radius: 5px;padding: 20px;}
.productDetail .colInfo .productSendContent .stock{margin-bottom: 25px;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;}
.productDetail .colInfo .productSendContent .productSend{width: 100%;display: flex;margin-bottom: 10px;}
.productDetail .colInfo .productSendContent .productSend .sendImg{width: 30px; height:30px; background-size: cover; background-position: center;background-image: url('../img/camion.png');display: flex;}
.productDetail .colInfo .productSendContent .productSend .send{font-family: 'Roboto', sans-serif;font-size: 16px;align-items:center;color: #00B259;font-weight: 400;display: flex;margin-right: 10px;}
.productDetail .colInfo .productSendContent .productSend .buyContent{width: 100%;}
.productDetail .colInfo .productSendContent .buyContent{position: relative;}
.productDetail .colInfo .productSendContent .buyContent button{font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.productDetail .colInfo .productSendContent .buyContent .buyNow{color: white;background-color:rgb(51,45,94);margin-bottom: 8px;}
.productDetail .colInfo .productSendContent .buyContent .addCart{/*color:rgb(51,45,94);background-color: #F0F0F0;*/background-color: #FFD814;color: #0F1111;}
.productDetail .colInfo .productSendContent .buyContent .addCart:hover{background-color:#F7CA00;}
.productDetail .colInfo .productSendContent .quantity{margin-bottom: 40px;width: 100%;}
.productDetail .colInfo .productSendContent .quantity .input {width: 100%;display: flex;}
.productDetail .colInfo .productSendContent .quantity .input .cant{width: max-content;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;margin-right: 5px;}
.productDetail .colInfo .productSendContent .quantity .input .combobox{width: 140px;padding-right:20px; cursor:pointer; background-image:url(../img/drop_down.svg), url(../img/drop_up.svg); background-repeat:no-repeat; background-position:right 6px center, right 6px bottom 30px; background-size:10px; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition: all .15s ease-out;}

.productDetail .colInfo .productSendContent .quantity .input .combobox{font-family: 'Roboto', sans-serif;font-size: 16px;border: none!important;outline: none!important;}
.productDetail .colInfo .productSendContent .quantity .input .combobox:hover,.productDetail .colInfo .productSendContent .quantity .input .combobox:hover{border: none;outline: none;}
.productDetail .colInfo .productSendContent .quantity .input .au-container{transition: all .15s ease-out;overflow-y:auto;max-height:380px!important;min-width: 185px!important;position: absolute;background-color: #fff;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%), 0 0 6px 0 rgb(0 0 0 / 10%);}
.productDetail .colInfo .productSendContent .quantity .input .au-container ul{background-color: #fff;overflow-y:auto;min-width: 100%!important;width: 100%;padding: 0px;}
.productDetail .colInfo .productSendContent .quantity .input .au-container ul .au-item{background-color: #fff;font-family: 'Roboto', sans-serif;font-size: 16px;list-style: none;padding: 18px 16px;cursor: pointer;width: 100%;text-align: left;text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    /* display: -webkit-box; */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all .15s ease-out;}
.productDetail .colInfo .productSendContent .quantity .input .au-container ul .au-item:hover{background-color: #F0F0F0;width: 100%;}
.productDetail .container .colInfo .productSendContent .infoContent{margin-top: 25px;background-color: #F0F0F0;padding: 10px;border-radius: 5px;}
.productDetail .container .colInfo .productSendContent .infoContent .infoMsg{text-align: center;font-family: 'Roboto', sans-serif;font-size: 16px;display: inline-block;height: auto;font-weight: 500;z-index: 1000;line-height: 20px;width: 100%;}
.productDetail .container .colInfo .productSendContent .errorContent{margin-top: 25px;}
.productDetail .container .colInfo .productSendContent .errorContent .errorMsg{text-align: center;font-family: 'Roboto', sans-serif;font-size: 16px;padding:10px;display: inline-block;height: auto;background-color: #FFA500!important;font-weight: 500;z-index: 1000;line-height: 20px;width: 100%;}

.productDetail .container .colInfo .productSendContent .infoContent .goCart{background-color: #4285F4;color: #FFF;margin:20px auto;display: block;width: 100%;}
@media (hover:hover) and (pointer:fine) { 
	.productDetail .colInfo .productSendContent .quantity .input .au-container ul .au-item{border-radius:4px;}
	.productDetail .colInfo .productSendContent .quantity .input .au-container::-webkit-scrollbar{display:block;width:10px; height:10px; border-radius:10px;} /* width */
	.productDetail .colInfo .productSendContent .quantity .input .au-container::-webkit-scrollbar-track {background-color:#FFF; border-radius:10px;} /* Track */
	.productDetail .colInfo .productSendContent .quantity .input .au-container::-webkit-scrollbar-thumb {background-color:#DDD; border:solid 2px #FFF; border-radius:10px;} /* Handle */
	.productDetail .colInfo .productSendContent .quantity .input .au-container::-webkit-scrollbar-thumb:hover{background-color: #AAA; } /* Handle on hover */
	.productDetail .colInfo .productSendContent .quantity .input .au-container{ scrollbar-color: #CCC #EFEFEF; scrollbar-width:thin; }/* FIRE FOX*/

}

@media screen and (max-width:1300px){	
	.productDetail .colImg .gallery-container .gallery-main .swiper-wrapper .swiper-slide .productImg{    cursor:none;}
	.productDetail .colImg .gallery-container .gallery-thumbs{display: none;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-button-next{display: block;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-button-prev{display: block;}

}

@media screen and (max-width:1150px){	
	.titleGallery{font-family: 'Roboto', sans-serif;font-size: 22px;display:block!important;font-weight: bold;}
	.productDetail .container{display: block;}
	.productDetail .colImg {width: 100%;}
	.productDetail .colImg .gallery-container .gallery-main {width: 100%!important;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-button-next{right: 0px!important;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-button-prev{left: 0px!important;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-wrapper .swiper-slide .productImg{ max-width: 400px;height: auto!important;}
	.productDetail .colInfo{width: 100%;padding-bottom: 20px;}
	
	.productDetail .colInfo .productInfo .productTitle{display: none;}
	.productDetail .colInfo .productSendContent {padding-bottom: 20px;}
	
}

@media screen and (max-width:800px){	
	.productDetail .colImg .gallery-container .gallery-main .swiper-wrapper .swiper-slide .productImg{ max-width: 400px;height: auto!important;}
	.productDetail .colInfo{width: 100%;display: block;}
	.productDetail .colInfo .productInfo{width: 100%;}
	.productDetail .colInfo .productInfo .productTitle{display: none;}
	.productDetail .colInfo .productSendContent {border: none;}
}
@media screen and (max-width:520px){
	.productDetail .colImg{max-height: 400px!important;}	
	.productDetail .colImg .gallery-container .gallery-main .swiper-wrapper .swiper-slide .productImg {max-width: 80%!important;}
    .productDetail .colImg .gallery-container .gallery-main .swiper-button-next{right: -15px!important;}
	.productDetail .colImg .gallery-container .gallery-main .swiper-button-prev{left: -15px!important;}
	.productDetail .container{padding: 20px 10px!important;}
	.swiper-button-next, .swiper-button-prev {top: 62%!important;}
	.swiper-button-next:after, .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after {font-size: 25px!important;}
}
@media screen and (max-width:400px){	
	.productDetail .colInfo .productSendContent {width: 100%!important;}
	
}

/******************************REGISTRO*****************************/
.signUp{max-width: 440px;margin: 6rem auto;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);padding: 3rem;border-radius: 6px;position: relative;}
.signUp #form1{width: 100%;}
.signUp #form1 .formTable tr td,.signUp #form1 .formTable td{display: inline-block;}
.signUp #form1 .formTable td .signUp_title{font-size: 25px;font-weight: 600;float: left;font-family: 'Roboto', sans-serif;margin-bottom: 1.5rem;}
.signUp #form1 .formTable td .signUp_valid{font-size:16px;font-weight: 400;float: left;text-align:left;font-family: 'Roboto', sans-serif;}
.signUp #form1 .formTable .inputFull td .signUp_txt{width: 100%;height: 48px;border-radius: 6px;border: none;box-shadow: 0 0 0 1px rgb(0 0 0 / 25%);font-family: 'Roboto', sans-serif;font-size: 16px;}
.signUp #form1 .formTable .inputFull td .signUp_txt:focus{outline: rgb(51,45,94);}
.signUp #form1 .formTable .label td{margin-top: 15px;}
.signUp #form1 .formTable .label td label{font-family: 'Roboto', sans-serif;font-size: 16px;}
.signUp #form1 .formTable .inputFull td #btnSign{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.signUp #form1 .formTable .inputFull td #btnSign:hover{background-color:#F7CA00;}
.signUp #form1 .formTable tr td .errorMsg,.signUp #form1 .formTable  td .errorMsg{content: attr(aria-label);padding: 0px 10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;line-height: 20px;padding-top: 5px;background-color: #FFA500;border-radius: 0px 0px 5px 5px;font-size: 12px;font-weight: 500;z-index: 1000;float: right;}
.signUp #form1 .formTable td .infoMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#F0F0F0;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;margin-top: 3rem;border-radius: 5px;}
.signUp #form1 .formTable tr td .errorInput{border: 1px solid #FFA500!important;box-shadow: none!important;border-radius: 6px 6px 0px 6px!important}

.signUp #form1 .formTable .inputFull td #btnLogin{margin: 0rem auto;background-color: #FFF;color: #4285F4;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px}
.signUp #form1 .formTable .inputFull td #btnLogin:hover{color: #c4302b;}
.w100{width: 100%;}
.mt15{margin-top: 15px;}
.border-none{border-radius: 0px!important;}
@media screen and (max-width:480px){
	.signUp{max-width: 95%;}
}
/*************************VALIDAR CUENTA****************************/
.validate{max-width: 440px;margin: 6rem auto;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);padding: 3rem;border-radius: 6px;}
.validate #form1{width: 100%;}
.validate #form1 .formTable tr td,.validate #form1 .formTable td{display: inline-block;}
.validate #form1 .formTable .inputFull td #btnLogin{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.validate #form1 .formTable .inputFull td #btnLogin:hover{background-color:#F7CA00;}
.validate #form1 .formTable td .infoMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#F0F0F0;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;margin-top: 3rem;border-radius: 5px;}
.validate #form1 .formTable td .errorMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#FFA500;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;}
@media screen and (max-width:480px){
	.validate{max-width: 95%;}
}

/*************************LOGIN****************************/
.LogIn{max-width: 440px;margin: 6rem auto;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);padding: 3rem;border-radius: 6px;}
.LogIn #form1{width: 100%;}
.LogIn #form1 .formTable tr td,.LogIn #form1 .formTable td{display: inline-block;}
.LogIn #form1 .formTable td .LogIn_title{font-size: 25px;font-weight: 600;float: left;font-family: 'Roboto', sans-serif;margin-bottom: 1.5rem;}
.LogIn #form1 .formTable .inputFull td .LogIn_txt{width: 100%;height: 48px;border-radius: 6px;border: none;box-shadow: 0 0 0 1px rgb(0 0 0 / 25%);font-family: 'Roboto', sans-serif;font-size: 16px;}
.LogIn #form1 .formTable .inputFull td .LogIn_txt:focus{outline: rgb(51,45,94);}
.LogIn #form1 .formTable .label td{margin-top: 15px;}
.LogIn #form1 .formTable .label td label{font-family: 'Roboto', sans-serif;font-size: 16px;}
.LogIn #form1 .formTable .inputFull td #btnLogIn{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.LogIn #form1 .formTable .inputFull td #btnLogIn:hover{background-color:#F7CA00;}

.LogIn #form1 .formTable .inputFull td #btnRecovery{margin: 0rem auto;background-color: #FFF;color: #4285F4;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px}
.LogIn #form1 .formTable .inputFull td #btnRecovery:hover{color: #c4302b;}


.LogIn #form1 .formTable .inputFull td #btnSignUp{margin: 0rem auto;background-color: #FFF;color: #4285F4;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px}
.LogIn #form1 .formTable .inputFull td #btnSignUp:hover{color: #c4302b;}

.LogIn #form1 .formTable tr td .errorMsg,.LogIn #form1 .formTable  td .errorMsg{content: attr(aria-label);padding: 0px 10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;line-height: 20px;padding-top: 5px;background-color: #FFA500;border-radius: 0px 0px 5px 5px;font-size: 12px;font-weight: 500;z-index: 1000;float: right;}
.LogIn #form1 .formTable td .infoMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#F0F0F0;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;margin-top: 3rem; border-radius: 5px;}
.LogIn #form1 .formTable tr td .errorInput{border: 1px solid #FFA500!important;box-shadow: none!important;border-radius: 6px 6px 0px 6px!important}
@media screen and (max-width:480px){
	.LogIn{max-width: 95%;}
}

/***************************RECUPERAR CUENTA **************************/
.Request{max-width: 440px;margin: 6rem auto;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);padding: 3rem;border-radius: 6px;position: relative;}
.Request #form1{width: 100%;}
.Request #form1 .formTable tr td,.Request #form1 .formTable td{display: inline-block;}
.Request #form1 .formTable td .Request_title{font-size: 25px;font-weight: 600;float: left;font-family: 'Roboto', sans-serif;margin-bottom: 1.5rem;}
.Request #form1 .formTable .inputFull td .Request_txt{width: 100%;height: 48px;border-radius: 6px;border: none;box-shadow: 0 0 0 1px rgb(0 0 0 / 25%);font-family: 'Roboto', sans-serif;font-size: 16px;}
.Request #form1 .formTable .inputFull td .Request_txt:focus{outline: rgb(51,45,94);}
.Request #form1 .formTable .label td{margin-top: 15px;}
.Request #form1 .formTable .label td label{font-family: 'Roboto', sans-serif;font-size: 16px;}

.Request #form1 .formTable .inputFull td #btnSend{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.Request #form1 .formTable .inputFull td #btnSend:hover{background-color:#F7CA00;}


.Request #form1 .formTable tr td .errorMsg,.Request #form1 .formTable  td .errorMsg{content: attr(aria-label);padding: 0px 10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;line-height: 20px;padding-top: 5px;background-color: #FFA500;border-radius: 0px 0px 5px 5px;font-size: 12px;font-weight: 500;z-index: 1000;float: right;}
.Request #form1 .formTable td .infoMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#F0F0F0;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;margin-top: 3rem;border-radius: 5px;}
.Request #form1 .formTable tr td .errorInput{border: 1px solid #FFA500!important;box-shadow: none!important;border-radius: 6px 6px 0px 6px!important}
@media screen and (max-width:480px){
	.Request{max-width: 95%;}
}

/*************************** CAMBIAR CONTRASENA************************/
.Recovery{max-width: 440px;margin: 6rem auto;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);padding: 3rem;border-radius: 6px;position: relative;}
.Recovery #form1{width: 100%;}
.Recovery #form1 .formTable tr td,.Recovery #form1 .formTable td{display: inline-block;}
.Recovery #form1 .formTable td .Recovery_title{font-size: 25px;font-weight: 600;float: left;font-family: 'Roboto', sans-serif;margin-bottom: 1.5rem;}
.Recovery #form1 .formTable .inputFull td .Recovery_txt{width: 100%;height: 48px;border-radius: 6px;border: none;box-shadow: 0 0 0 1px rgb(0 0 0 / 25%);font-family: 'Roboto', sans-serif;font-size: 16px;}
.Recovery #form1 .formTable .inputFull td .Recovery_txt:focus{outline: rgb(51,45,94);}
.Recovery #form1 .formTable .label td{margin-top: 15px;}
.Recovery #form1 .formTable .label td label{font-family: 'Roboto', sans-serif;font-size: 16px;}

.Recovery #form1 .formTable .inputFull td #btnSave{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px;}
.Recovery #form1 .formTable .inputFull td #btnSave:hover{background-color:#F7CA00;}


.Recovery #form1 .formTable tr td .errorMsg,.Recovery #form1 .formTable  td .errorMsg{content: attr(aria-label);padding: 0px 10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;line-height: 20px;padding-top: 5px;background-color: #FFA500;border-radius: 0px 0px 5px 5px;font-size: 12px;font-weight: 500;z-index: 1000;float: right;}
.Recovery #form1 .formTable td .infoMsg{padding:10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color:#F0F0F0;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;width: 100%;border-radius: 5px;}
.Recovery #form1 .formTable tr td .errorInput{border: 1px solid #FFA500!important;box-shadow: none!important;border-radius: 6px 6px 0px 6px!important}

.Recovery #form1 .formTable .inputFull td #btnLogin{margin: 0rem auto;background-color: #FFF;color: #4285F4;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%; border: none;border-radius: 6px;cursor:pointer;padding: 0 24px;text-align: center;height: 44px}
.Recovery #form1 .formTable .inputFull td #btnLogin:hover{color: #c4302b;}
.Recovery #form1 .formTable td .errorMsg {padding: 10px;font-family: 'Roboto', sans-serif;display: inline-block;height: auto;background-color: #FFA500;font-size: 14px;font-weight: 500;z-index: 1000;text-align: center;line-height: 20px;}
@media screen and (max-width:480px){
	.Recovery{max-width: 95%;}
}

/*************************** CARRITO **********************************/
.border-bottom{border-bottom: 1px solid #CCC;}
.carritoContent{width: 100%;}
.carritoContent .carritoContainer{display:flex;background-color: #F0F0F0;padding: 20px;width: 90%;margin:40px auto;box-shadow: 0px 0px 7px rgb(0 0 0 / 20%);border-radius: 5px;border: 1px solid transparent;}
.carritoContent .carritoContainer .carritoInfo{width: 75%;background-color: #FFF;padding: 20px;}
.carritoContent .carritoContainer .carritoInfo .titleContent{width: 100%;}
.carritoContent .carritoContainer .carritoInfo .titleContent .titleContainer{ padding: 0px 5px;width: 100%;border-bottom: 1px solid #CCC;}
.carritoContent .carritoContainer .carritoInfo .titleContent .titleContainer .title{font-family: 'Roboto', sans-serif; font-size: 26px;}
.carritoContent .carritoContainer .carritoInfo .titleContent .titleContainer .priceTitleContent .priceTitle{font-family: 'Roboto', sans-serif; font-size: 16px;color: #666;text-align: right;} 
.carritoContent .carritoContainer .carritoInfo .productContent{width: 100%;height: calc((100%) - (51px))!important;}
.carritoContent .carritoContainer .carritoInfo .productContent .noProductContent{ width:100%;height: 100%;min-height:210px;display: table;}
.carritoContent .carritoContainer .carritoInfo .productContent .noProductContent .noProduct{display: table-cell; width:100%;height: 100%;text-align: center;
    vertical-align: middle;font-family: 'Roboto', sans-serif; font-size: 18px;}


.carritoContent .carritoContainer .carritoInfo .productContent .productRow{height: 210px;min-height:210px;padding: 25px 0px;display: flex;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .imgContent{width: 200px;height: 100%;display: inline-flex;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo{height: 100%;width: calc((100%) - (200px));}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle{width: 100%;display: flex;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .title{display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;width: calc((100%) - (200px));font-family: 'Roboto', sans-serif; font-size: 18px;margin: 0px 10px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .importe{width:200px;display: inline-block; text-align: right;float: right;font-family: 'Roboto', sans-serif;font-size: 18px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .imgContent .img{width: 100%;height: 100%;background-repeat:no-repeat;background-size: contain;background-position: center;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .stockContent .stock{margin: 5px 10px 0px 10px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productPriceOffer{font-family: 'Roboto', sans-serif;font-size: 16px;color: #888;margin:5px 10px;text-decoration:line-through;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productPrice{margin:5px 10px;width: 100%;display: flex;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productPrice .price{font-family: 'Roboto', sans-serif;font-size: 24px;display:flex; width: max-content;margin-right: 5px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productPrice .porcentOffer{font-family: 'Roboto', sans-serif;font-size: 18px;display:flex; width: max-content;align-items: center;color: #00B259;font-weight: 400;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productPorcentOff{font-family: 'Roboto', sans-serif;font-size: 18px;margin-bottom: 10px;}

.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity{display:inline-block;margin: 25px 10px 0px 10px;width: max-content;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input {width: 100%;display: flex;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .cant{width: max-content;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;margin-right: 5px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .combobox{width: 140px;padding-right:20px; cursor:pointer; background-image:url(../img/drop_down.svg), url(../img/drop_up.svg); background-repeat:no-repeat; background-position:right 6px center, right 6px bottom 30px; background-size:10px; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition: all .15s ease-out;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .combobox-readonly{width: 140px;padding-right:20px; }

.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .combobox{font-family: 'Roboto', sans-serif;font-size: 16px;border: none!important;outline: none!important;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .combobox:hover,.productDetail .colInfo .productSendContent .quantity .input .combobox:hover{border: none;outline: none;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container{bottom:auto!important;transition: all .15s ease-out;overflow-y:auto;max-height:380px!important;min-width: 185px!important;position: absolute;background-color: #fff;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%), 0 0 6px 0 rgb(0 0 0 / 10%);}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container ul{background-color: #fff;overflow-y:auto;min-width: 100%!important;width: 100%;padding: 0px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container ul .au-item{background-color: #fff;font-family: 'Roboto', sans-serif;font-size: 16px;list-style: none;padding: 18px 16px;cursor: pointer;width: 100%;text-align: left;text-overflow: ellipsis;overflow: hidden; color: #000;/* display: -webkit-box; */-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all .15s ease-out;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container ul .au-item:hover{background-color: #F0F0F0;width: 100%;}

.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .separator{display:inline-block;width: max-content;color: #CCC;font-weight: 100;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .deleteContent{display: inline-block;margin: 0px 10px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .deleteContent .delete{cursor: pointer;font-family: 'Roboto', sans-serif;font-size: 16px;color: #4285F4;}
@media (hover:hover) and (pointer:fine) { 
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container ul .au-item{border-radius:4px;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container::-webkit-scrollbar{display:block;width:10px; height:10px; border-radius:10px;} /* width */
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container::-webkit-scrollbar-track {background-color:#FFF; border-radius:10px;} /* Track */
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container::-webkit-scrollbar-thumb {background-color:#DDD; border:solid 2px #FFF; border-radius:10px;} /* Handle */
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container::-webkit-scrollbar-thumb:hover{background-color: #AAA; } /* Handle on hover */
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .quantity .input .au-container{ scrollbar-color: #CCC #EFEFEF; scrollbar-width:thin; }/* FIRE FOX*/

}

.carritoContent .carritoContainer .carritoTotalContent{width:  calc((25%) - (20px));;height: 300px;margin-left: 20px;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer{background-color: #FFF;width: 100%;height: 100%;padding: 20px;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .carritoTotalTitle{padding: 0px 5px;width: 100%;border-bottom: 1px solid #CCC;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .carritoTotalTitle .title{font-family: 'Roboto', sans-serif;font-size: 26px;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .carritoTotalTitle .productosContent{width: 100%;display: inline-block;text-align: right;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .carritoTotalTitle .productosContent .productosTotal{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666;width: max-content; display: inline-block;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .carritoTotalTitle .productosContent .productosLabel{font-family: 'Roboto', sans-serif;font-size: 16px;color: #666;width: max-content; display: inline-block;margin-left: 5px;}

.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .importeContent{padding: 25px 0px;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .importeContent .importe{display: inline-block;width: max-content;text-align: right;float: right;font-family: 'Roboto', sans-serif;font-size: 18px;}

.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .buttonContent{width: 100%;}
.carritoContent .carritoContainer .carritoTotalContent .carritoTotalContainer .buttonContent .button{margin: 3rem auto;background-color: #FFD814;color: #0F1111;font-family: 'Roboto', sans-serif;font-size: 16px;width: 100%;border: none;border-radius: 6px;cursor: pointer;padding: 0 24px;text-align: center;height: 44px;}

.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .errorContent{margin: 10px 10px;}
.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .errorContent .errorMsg{text-align: center;font-family: 'Roboto', sans-serif;font-size: 16px;padding:10px;display: inline-block;height: auto;background-color: #FFA500!important;font-weight: 500;z-index: 1000;line-height: 20px;}
.rowError{height: 260px!important;min-height: 260px!important;}
@media screen and (max-width:1350px){
	.carritoContent .carritoContainer{display: block;}
	.carritoContent .carritoContainer .carritoInfo{width: 100%;}
	.carritoContent .carritoContainer .carritoTotalContent{margin: 20px 0px 0px 0px; width: 397px;}
	.rowError{height: 260px!important;min-height: 260px!important;}
}

@media screen and (max-width:965px){
	.rowError{height: 280px!important;min-height: 280px!important;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle {display: flex!important;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow{height: 230px;min-height: 230px;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .title{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;width: calc((100%) - (200px));}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .importe{width: 200px;}
}


@media screen and (max-width:750px){
	.carritoContent .carritoContainer{padding: 0px;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .imgContent{height: 210px;display: block;margin: auto;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow{display: block;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow{height: auto!important;min-height: auto!important;}

	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo{width: 100%;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle{display: block!important;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .title{width: 100%;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .productTitle .importe{width: 100%;}
	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .separator{display: none;}

	.carritoContent .carritoContainer .carritoInfo .productContent .productRow .productInfo .deleteContent{margin-top: 25px;}
}


@media screen and (max-width:490px){
	
	.carritoContent .carritoContainer .carritoTotalContent{margin: 20px 0px 0px 0px; width: 100%;}
}
.color_red{color:#c4302b;}
.color_green{color:#00B259;}
/*************************** MEDIA QUERIES ****************************/
@media screen and (max-width:1400px){
	.NoResults{width: 70%;}
}
@media screen and (max-width:1200px){
	.NoResults{width: 80%;}
}

@media screen and (max-width:1050px){
	.NoResults{width: 90%;}
}
@media screen and (max-width: 1000px){
	.areaTitle {font-size: 20px;}
}

@media screen and (max-width:935px){
	.NoResults .container{display: block;}
	.NoResults .container .col-3, .NoResults .container .col-6{width: 100%;}
	.NoResults .container .col-6 .containerNR{margin: auto;}
}