/*************************
*******Typography******
**************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,400italic,500,700,100);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@font-face {
    font-family: RobotoBlack;
    src: url(../fonts/Roboto-Black.ttf);
    src: local("realfontname"), url("../fonts/Roboto-Black.ttf") format("truetype")
}
@font-face {
    font-family: RobotoBold;
    src: url(../fonts/Roboto-Bold.ttf);
    src: local("realfontname"), url("../fonts/Roboto-Bold.ttf") format("truetype")
}
@font-face {
    font-family: RobotoBoldCondensed;
    src: url(../fonts/Roboto-BoldCondensed.ttf);
    src: local("realfontname"), url("../fonts/Roboto-BoldCondensed.ttf") format("truetype")
}
@font-face {
    font-family: RobotoCondensed; 
    src: url(../fonts/Roboto-Condensed.ttf);
    src: local("realfontname"), url("../fonts/Roboto-Condensed.ttf") format("truetype")
}
@font-face {
    font-family: RobotoMedium;
    src: url(../fonts/Roboto-Medium.ttf);
    src: local("realfontname"), url("../fonts/Roboto-Medium.ttf") format("truetype")
}
@font-face {
    font-family: RobotoBoldRegular;
    src: url(../fonts/Roboto-Regular.ttf);
    src: local("realfontname"), url("../fonts/Roboto-Regular.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Black;
    src: url(../fonts/Raleway-Black.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Black.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Bold;
    src: url(../fonts/Raleway-Bold.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Bold.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-ExtraBold;
    src: url(../fonts/Raleway-ExtraBold.ttf);
    src: local("realfontname"), url("../fonts/Raleway-ExtraBold.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-ExtraLight;
    src: url(../fonts/Raleway-ExtraLight.ttf);
    src: local("realfontname"), url("../fonts/Raleway-ExtraLight.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Light;
    src: url(../fonts/Raleway-Light.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Light.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Medium;
    src: url(../fonts/Raleway-Medium.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Medium.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Regular.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-SemiBold;
    src: url(../fonts/Raleway-SemiBold.ttf);
    src: local("realfontname"), url("../fonts/Raleway-SemiBold.ttf") format("truetype")
}
@font-face {
    font-family: Raleway-Thin;
    src: url(../fonts/Raleway-Thin.ttf);
    src: local("realfontname"), url("../fonts/Raleway-Thin.ttf") format("truetype")
}
@font-face {
    font-family: Montserrat-Black;
    src: url(../fonts/Montserrat-Black.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Black.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Bold.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(../fonts/Montserrat-ExtraBold.otf);
    src: local("realfontname"), url("../fonts/Montserrat-ExtraBold.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(../fonts/Montserrat-ExtraLight.otf);
    src: local("realfontname"), url("../fonts/Montserrat-ExtraLight.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-Light;
    src: url(../fonts/Montserrat-Light.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Light.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-Medium;
    src: url(../fonts/Montserrat-Medium.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Medium.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Regular.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../fonts/Montserrat-SemiBold.otf);
    src: local("realfontname"), url("../fonts/Montserrat-SemiBold.otf") format("truetype")
}
@font-face {
    font-family: Montserrat-Thin;
    src: url(../fonts/Montserrat-Thin.otf);
    src: local("realfontname"), url("../fonts/Montserrat-Thin.otf") format("truetype")
}
@font-face {
    font-family: FSMeridian-Bold;
    src: url(../fonts/FSMeridian-Bold.ttf);
    src: local("realfontname"), url("../fonts/FSMeridian-Bold.ttf") format("truetype")
}
@font-face {
    font-family: FSMeridian-Light;
    src: url(../fonts/FSMeridian-Light.ttf);
    src: local("realfontname"), url("../fonts/FSMeridian-Light.ttf") format("truetype")
}
@font-face {
    font-family: FSMeridian-Medium;
    src: url(../fonts/FSMeridian-Medium.ttf);
    src: local("realfontname"), url("../fonts/FSMeridian-Medium.ttf") format("truetype")
}
@font-face {
    font-family: FSMeridian-Regular;
    src: url(../fonts/FSMeridian-Regular.ttf);
    src: local("realfontname"), url("../fonts/FSMeridian-Regular.ttf") format("truetype")
}
@font-face {
    font-family: FSMeridian-Thin;
    src: url(../fonts/FSMeridian-Thin.ttf);
    src: local("realfontname"), url("../fonts/FSMeridian-Thin.ttf") format("truetype")
}
@font-face {
    font-family: coolvetica-compressed-rg;
    src: url(../fonts/coolvetica-compressed-rg.ttf);
    src: local("realfontname"), url("../fonts/coolvetica-compressed-rg.ttf") format("truetype")
}
@font-face {
    font-family: coolvetica-condensed-rg;
    src: url(../fonts/coolvetica-condensed-rg.ttf);
    src: local("realfontname"), url("../fonts/coolvetica-condensed-rg.ttf") format("truetype")
}
@font-face {
    font-family: coolvetica-crammed-rg;
    src: url(../fonts/coolvetica-crammed-rg.ttf);
    src: local("realfontname"), url("../fonts/coolvetica-crammed-rg.ttf") format("truetype")
}
@font-face {
    font-family: coolvetica-rg;
    src: url(../fonts/coolvetica-rg.ttf);
    src: local("realfontname"), url("../fonts/coolvetica-rg.ttf") format("truetype")
}
@font-face {
    font-family: BebasNeue-Regular;
    src: url(../fonts/BebasNeue-Regular.ttf);
    src: local("realfontname"), url("../fonts/BebasNeue-Regular.ttf") format("truetype")
}
body {
    font-family: Poppins, sans-serif;
    font-size: 13px;
    position: relative;
    font-weight: 400;
    min-width: 335px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh;
}
#whelloMainWrapper{position: fixed !important; z-index: 2}
.preloader {
    display: none;
    background-color: #fff;
    opacity: .6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: center;
    vertical-align: middle
}
.preloader .image { 
    position: relative
}
.preloader .image img {
    margin: 350px
}
ul li {
    list-style: none
}
a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #dc0004;
    text-decoration: none
}
a:hover {
    outline: 0;
    text-decoration: none;
    color: #e86668
}
a:focus {
    outline: 0;
    outline-offset: 0
}
h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, sans-serif
}
h1.titulo{color: #cc0000 !important; font-size: 30px !important;}
.btn:focus, .btn:hover {
    outline: 0;
    box-shadow: none;
    opacity: .8
}
.navbar-toggle {
    background-color: #fff;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 8px
}
ul.menu-icons {
    display: inline-block;
    padding-top: 12px;
    padding-right: 0;
    padding-left: 0
}
ul.menu-icons li {
    display: inline-block;
    padding: 0 7px
}
ul.menu-user-sticky {
    font-family: Poppins, sans-serif;
    font-size: 12px
}
ul.menu-user-sticky li {
    display: block;
    padding: 0 7px
}
.nav > li > a:focus {
    text-decoration: none;
    background-color: inherit
}
.bs-dark {
    padding-bottom: 0;
    margin-bottom: 0
}
.bs-dark .dropdown a {
    color: #000;
    font-weight: 500;
    display: inline-block
}
.bs-dark .dropdown a:focus, .bs-dark .dropdown a:hover {
    background-color: inherit
}
.bs-dark .open a:focus, .bs-dark .open a:hover {
    background-color: inherit
}
.bs-dark .open a {
    background-color: inherit
}
.bs-dark .dropdown > a.icon-down {
    float: right;
    padding-left: 0;
    position: relative;
    right: 10px;
    padding-right: 0;
    display: inline-block
}
.bs-dark .dropdown > a.icon-down span {
    vertical-align: middle
}
.logo-small {
    text-align: center;
    width: 100%
}
.bs-dark .navbar-img {
    padding: 5px 6px !important
}
.bs-dark .navbar-img img {
    width: 40px
}
.bs-dark .dropdown-menu {
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff
}
.bs-dark .dropdown-menu > li > a {
    padding: 6px 20px
}
.bs-dark .dropdown-menu > li.image-menu img {
    float: right
}
.bs-dark .dropdown-menu > li > a:focus, .bs-dark .dropdown-menu > li > a:hover {
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
    background-color: transparent
}
.bs-dark .navbar-form {
    margin: 0;
    margin-top: 5px;
    padding: 8px 0
}
.dropdown-menu .dropdown-divider {
    border-top: 1px solid #dadada;
    padding: 0 0 2px 0;
    margin-top: 3px
}
.no-padding-responsive .shop-menu {
    width: 100%
}
.no-padding-responsive .shop-menu .navbar-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.shop-menu span.lnr-down::after {
    font-size: 9px
}
a#scrollUp {
    bottom: 0;
    right: 10px;
    padding: 5px 10px;
    background: #f20000;
    color: #fff
}
a#scrollUp i {
    font-size: 30px
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap
}
.cursor-pointer{
    cursor: pointer;
}
.hidden{
    display: none !important;
}
.border-width-2 {
    border-width: 2px !important
}
.border-gray {
    border: 1px solid #ededed
}
.border-bottom-darkgray {
    border-bottom: 1px solid #b5b5b5
}
.border-top-darkgray {
    border-top: 1px solid #b5b5b5
}
.noPad {
    padding: 0
}
.no-padding-responsive {
    padding: 0
}
.noTopPad {
    padding-top: 0
}
.noBottomPad {
    padding-bottom: 0
}
.noTopMar {
    margin-top: 0
}
.noBottomMar {
    margin-bottom: 0
}
.noMar {
    margin: 0
}
.noLeftPad {
    padding-left: 0
}
.noRightPad {
    padding-right: 0
}
.padY5 {
    padding-top: 5px;
    padding-bottom: 5px
}
.padY10 {
    padding-top: 10px;
    padding-bottom: 10px
}
.padY20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.padX15 {
    padding-left: 15px;
    padding-right: 15px
}
.padX10 {
    padding-left: 10px;
    padding-right: 10px
}
.padX5 {
    padding-left: 5px;
    padding-right: 5px
}
.padTop0 {
    padding-top: 0 !important;
}
.padTop5 {
    padding-top: 5px
}
.padTop10 {
    padding-top: 10px
}
.padTop15 {
    padding-top: 15px
}
.padTop20 {
    padding-top: 20px
}
.padTop25 {
    padding-top: 25px
}
.padTop30 {
    padding-top: 30px
}
.padTop35 {
    padding-top: 35px
}
.padTop40 {
    padding-top: 40px
}
.padTop45 {
    padding-top: 45px
}
.padTop50 {
    padding-top: 50px
}
.padTop55 {
    padding-top: 55px
}
.padTop60 {
    padding-top: 60px
}
.padTop65 {
    padding-top: 65px
}
.padTop70 {
    padding-top: 70px
}
.padTop75 {
    padding-top: 75px
}
.padTop80 {
    padding-top: 80px
}
.padTop85 {
    padding-top: 85px
}
.padTop90 {
    padding-top: 90px
}
.padTop95 {
    padding-top: 95px
}
.padTop100 {
    padding-top: 100px
}
.marTop-20 {
    margin-top: -20px !important;
}
.marTop5 {
    margin-top: 5px
}
.marTop10 {
    margin-top: 10px
}
.marTop15 {
    margin-top: 15px
}
.marTop20 {
    margin-top: 20px
}
.marTop25 {
    margin-top: 25px
}
.marTop30 {
    margin-top: 30px
}
.marTop35 {
    margin-top: 35px
}
.marTop40 {
    margin-top: 40px
}
.marTop45 {
    margin-top: 45px
}
.marTop50 {
    margin-top: 50px
}
.marTop55 {
    margin-top: 55px
}
.marTop60 {
    margin-top: 60px
}
.marTop65 {
    margin-top: 65px
}
.marTop70 {
    margin-top: 70px
}
.marTop75 {
    margin-top: 75px
}
.marTop80 {
    margin-top: 80px
}
.marTop85 {
    margin-top: 85px
}
.marTop90 {
    margin-top: 90px
}
.marTop95 {
    margin-top: 95px
}
.marTop100 {
    margin-top: 100px
}
.marBot5 {
    margin-bottom: 5px
}
.marBot10 {
    margin-bottom: 10px
}
.marBot15 {
    margin-bottom: 15px
}
.marBot20 {
    margin-bottom: 20px
}
.marBot25 {
    margin-bottom: 25px
}
.marBot30 {
    margin-bottom: 30px
}
.marBot35 {
    margin-bottom: 35px
}
.marBot40 {
    margin-bottom: 40px
}
.marBot45 {
    margin-bottom: 45px
}
.marBot50 {
    margin-bottom: 50px
}
.marBot55 {
    margin-bottom: 55px
}
.marBot60 {
    margin-bottom: 60px
}
.marBot65 {
    margin-bottom: 65px
}
.marBot70 {
    margin-bottom: 70px
}
.marBot75 {
    margin-bottom: 75px
}
.marBot80 {
    margin-bottom: 80px
}
.marBot85 {
    margin-bottom: 85px
}
.marBot90 {
    margin-bottom: 90px
}
.marBot95 {
    margin-bottom: 95px
}
.marBot100 {
    margin-bottom: 100px
}
.marY5 {
    margin-top: 5px;
    margin-bottom: 5px
}
.marY10 {
    margin-top: 10px;
    margin-bottom: 10px
}
.marY30 {
    margin-top: 30px;
    margin-bottom: 30px
}
.marXAuto {
    margin-left: auto;
    margin-right: auto
}
.marX5 {
    margin-left: 5px;
    margin-right: 5px
}
.marX10 {
    margin-left: 10px;
    margin-right: 10px
}
.m-1-rem {
    margin: 1rem
}
.fleft {
    float: left
}
.fright {
    float: right
}
.h-100 {
    height: 100% !important
}
.text-uppercase {
    text-transform: uppercase
}
.font-weight-semibold {
    font-weight: 500 !important
}
.lnmenu {
    color: #888;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle
}
.txt-menu {
    vertical-align: middle
}
.iconito {
    position: relative;
    margin-right: 10px
}
.iconito .lnmenu {
    font-size: 20px;
    font-weight: 600
}
.iconito .bubble {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 11px;
    color: #fff;
    background: #d70000;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: -8px
}
.header_top {
    background: #000;
    border-bottom: 1px solid #f0f0e9
}
.redcolor {
    color: #c61717
}
.square-red {
    background: #cc292b;
    color: #fff;
    padding: 25px 15px;
    text-align: right;
    font-size: 30px
}
.contactinfo ul li:first-child {
    margin-left: -15px
}
.contactinfo ul li a, .contactinfo ul li div {
    font-size: 11px;
    color: #cacaca;
    font-family: Poppins, sans-serif
}
.contactinfo ul li div {
    position: relative;
    display: block;
    padding: 6px 15px 3px 15px
}
.contactinfo ul li a:hover {
    background: inherit
}
.contactinfo ul li:first-child {
    margin-left: 0
}
.contactinfo ul li.simple-drop a {
    color: #000
}
.contactinfo ul li.simple-drop a:hover {
    color: #777
}
.social-icons ul {
    padding: 0
}
.social-icons ul li a {
    border: 0 none;
    border-radius: 0;
    color: #000;
    padding: 0
}
.social-icons ul li {
    display: inline-block
}
.social-icons ul li a i {
    padding: 11px 8px;
    transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s
}
.social-icons ul li a i:hover {
    color: #fff;
    transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s
}
.social-icons ul li a i.fa-facebook:hover {
    background: #0083c9
}
.social-icons ul li a i.fa-twitter:hover {
    background: #5bbcec
}
.social-icons ul li a i.fa-youtube-play:hover {
    background: #cd201f
}
.social-icons ul li a i.fa-instagram:hover {
    background: #6a453b
}
.social-icons ul li a i.fa-pinterest:hover {
    background: #cb1f27
}
.header-middle .container .row {
    border-bottom: 1px solid #f0f0e9;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 13px;
    padding-top: 13px
}
.header-middle .container .row .col-sm-4 {
    padding-left: 0
}
.header-middle .container .row .col-sm-8 {
    padding-right: 0
}
.header-middle .container .row .col-lg-4 {
    height: 35px;
    display: flex;
    align-items: center
}
.header-middle .container .row .logo img {
    width: 200px;
    max-width: 100%;
	
}
.header-middle .container svg {
    width: 200px;
    max-width: 100%;
	height: 30px;
}
.header-bottom .container svg {
    width: 150px;
    margin-top: 10px;
	height: 20px;
}
.usa {
    border-radius: 0;
    color: #b4b1ab;
    font-size: 12px;
    margin-right: 20px;
    padding: 2px 15px;
    margin-top: 10px
}
.usa:hover {
    background: #f20000;
    color: #fff;
    border-color: #f20000
}
.usa.active, .usa:active {
    background: none repeat scroll 0 0 #f20000;
    box-shadow: inherit;
    outline: 0 none
}
.btn-group.open .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    background: red;
    box-shadow: none
}
.dropdown-menu li a:focus, .dropdown-menu li a:hover {
    background-color: #f20000;
    color: #fff;
    font-family: Poppins, sans-serif;
    text-decoration: none
}
.shop-menu ul li {
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    display: flex;
    flex-flow: column
}
.shop-menu ul li:last-child {
    padding-right: 0
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #fff;
    border-color: none
}
.shop-menu ul li a {
    background: #fff;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 0;
    padding-right: 0;
    margin-top: 7px
}
.shop-menu ul li a i {
    margin-right: 3px
}
.shop-menu ul li a:hover {
    color: #f20000;
    background: #fff
}
.bubble {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background: #d70000;
    font-weight: 500;
    transition: all .2s ease-in-out;
    transform: scale(0)
}
.bubble.active {
    transform: scale(1)
}
.mainmenu ul li {
    padding-right: 15px;
    padding-left: 15px
}
.mainmenu ul li a {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    cursor: pointer
}
.mainmenu ul li a.active, .mainmenu ul li a:hover, .shop-menu ul li a.active {
    background: 0 0;
    background-color: none;
    color: #f20000
}
.ddown a {
    font-size: 13px;
    display: block
}
.ddown a span.lnr-down::after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 10px;
    font-weight: 700;
    padding-left: 2px
}
.carousel-indicators {
    bottom: 0;
    z-index: 1
}
.carousel-indicators li {
    border: 1px solid #fff;
    box-shadow: 0 0 1px 1px #d3d3d3
}
.carousel-indicators .active {
    background-color: #fff
}
#mainSlider .carousel-control {
    width: 5%
}
#mainSlider .carousel-inner .item {
    width: 100%;
    padding-bottom: 33%;
    background-size: cover;
    background-position: center
}
h1.home{color: #c22426; padding: 35px 0; margin: 0 !important;}
.carousel-caption {
    top: 50%;
    margin: auto;
    bottom: auto;
    left: 5%;
    right: 5%;
    text-align: center;
    transform: translateY(-50%);
    padding: 0
}
.carousel-caption.carousel-caption-top_left {
    top: 5%;
    right: auto;
    text-align: left;
    transform: translateY(0)
}
.carousel-caption.carousel-caption-top_center {
    top: 5%;
    transform: translateY(0)
}
.carousel-caption.carousel-caption-top_right {
    top: 5%;
    left: auto;
    text-align: right;
    transform: translateY(0)
}
.carousel-caption.carousel-caption-middle_left {
    right: auto;
    text-align: left
}
.carousel-caption.carousel-caption-middle_right {
    left: auto;
    text-align: right
}
.carousel-caption.carousel-caption-bottom_left {
    top: auto;
    right: auto;
    bottom: 5%;
    text-align: left;
    transform: translateY(0)
}
.carousel-caption.carousel-caption-bottom_center {
    top: auto;
    bottom: 5%;
    transform: translateY(0)
}
.carousel-caption.carousel-caption-bottom_right {
    top: auto;
    left: auto;
    bottom: 5%;
    text-align: right;
    transform: translateY(0)
}
#mainSlider .carousel-caption, #mainSlider .item.active.left .carousel-caption, #mainSlider .item.active.right .carousel-caption {
    opacity: 0;
    transition: opacity .3s ease-in;
    font-size: 50px
}
#mainSlider .item.active .carousel-caption {
    opacity: 1;
    transition: opacity 2s ease;
    font-size: 50px
}
.carousel-caption .title {
    font-family: Poppins, sans-serif;
    text-shadow: 0 0 15px rgba(0, 0, 0, .5);
    font-weight: 700;
    font-size: 1em;
    margin: 10px 0;
    padding: 0;
    line-height: 1.1em
}
.carousel-caption .subtitle {
    font-size: .5em;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    display: block
}
.carousel-caption .button {
    padding: 1.5em 1em;
    border: 3px solid #fff;
    text-transform: uppercase;
    background: 0 0;
    background: rgba(0, 0, 0, .2);
    font-size: .28em;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    letter-spacing: 1px;
    margin: .44em 0;
    line-height: .28em
}
.tmrdo {
    color: #f74c58;
    font-size: 11.5px;
    font-weight: 700
}
.navbar-header .navbar-toggle .icon-bar {
    background-color: #bababa
}
.navbar-header button {
    outline: 0
}
.navbar-header button:active, .navbar-header button:focus {
    outline: 0
}
.nav-us a {
    font-size: 11px;
    color: #cacaca;
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 5px
}
.nav-us span {
    color: #555;
    font-size: 10px
}
.nav.navbar-nav > li:hover > ul.sub-menu {
    display: block;
    -webkit-animation: fadeInUp .4s;
    -moz-animation: fadeInUp .4s;
    -ms-animation: fadeInUp 400ms;
    -o-animation: fadeInUp .4s;
    animation: fadeInUp .4s
}
ul.sub-menu {
    position: absolute;
    top: 30px;
    left: 0;
    background: rgba(0, 0, 0, .6);
    list-style: none;
    padding: 0;
    margin: 0;
    width: 220px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    display: none;
    z-index: 999
}
.dropdown ul.sub-menu li .active {
    color: #fdb45e;
    padding-left: 0
}
.navbar-nav li ul.sub-menu li {
    padding: 10px 20px 0
}
.navbar-nav li ul.sub-menu li:last-child {
    padding-bottom: 20px
}
.navbar-nav li ul.sub-menu li a {
    color: #fff
}
.navbar-nav li ul.sub-menu li a:hover {
    color: #fdb45e
}
.fa-angle-down {
    padding-left: 5px
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.logo-mobile {
    margin: 8px 0 8px -3px
}
.logo-sticky {
    display: none;
    padding: 8px
}
input.search_input {
    height: 40px;
    font-size: 14px;
    display: inline-block;
    font-family: Lato;
    font-weight: 100;
    border: none;
    outline: 0;
    color: #555;
    padding: 3px;
    padding-right: 40px;
    width: 0;
    position: absolute;
    top: 0;
    right: 16px;
    background: 0 0;
    z-index: 3;
    transition: width .4s cubic-bezier(0, .795, 0, 1);
    cursor: pointer
}
input.search_input:focus:hover {
    border-bottom: 1px solid #bbb
}
input.search_input:focus {
    width: 250px;
    z-index: 1;
    border-bottom: 1px solid #bbb;
    cursor: text
}
input.search_submit {
    height: 50px;
    width: 60px;
    display: inline-block;
    color: red;
    float: right;
    background: url(../images/home/search-icon.png) center center no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: .4;
    cursor: pointer;
    transition: opacity .4s ease
}
input.search_submit:hover {
    opacity: .8
}
input.autocomplete-mobile {
    width: 100%;
    height: 30px;
    background: #eee;
    border: none;
    font-size: 12px;
    padding-left: 10px
}
a.ui-menu-item-wrapper {
    display: block
}
.justify {
    text-align: justify
}
.mega-dropdown {
    position: static !important
}
.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0
}
.mega-dropdown-menu > li > ul > li {
    list-style: none
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #222;
    padding: 3px 5px
}
.mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:hover {
    text-decoration: none
}
.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px
}
.mega-menu {
    position: absolute;
    top: 49px;
    padding: 10px 0 !important;
    width: 470px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
.mega-menu-left {
    left: -350px
}
.mega-menu li {
    display: block;
    font-size: 1.2rem;
    padding: 8px 0
}
.mega-menu li.mega-menu-column {
    padding-right: 0;
    padding-left: 0;
    width: 200px;
    float: left
}
.mega-menu-left li.mega-menu-column {
    float: right
}
.mega-menu-column ul {
    padding-left: 15px;
    padding-right: 15px
}
.mega-menu li.mega-menu-column-img {
    padding-right: 0;
    padding-left: 0;
    width: 120px;
    float: left
}
.mega-menu li.mega-menu-column ul li a {
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 10px;
    line-height: 16px;
    display: inline-flex
}
.mega-menu li.mega-menu-column ul li a:hover {
    color: #f20000;
    text-decoration: none;
    background-color: none
}
.mega-menu li.mega-menu-column ul li a:focus {
    background-color: none;
    color: #f20000
}
.mega-menu li.mega-menu-column ul li a::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 10px;
    padding-right: 5px;
    font-weight: 500
}
.mega-menu .nav-header {
    padding: 0 !important;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd
}
.mega-menu img {
    padding-bottom: 10px;
    width: 210px;
    height: 210px
}
.submenu-img {
    cursor: pointer
}
.sticky-m {
    z-index: 10
}
.affix {
    top: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea
}
.mega-menu a, .navbar .nav > li > a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}
footer {
    background: #181818;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
.footer-top .container {
    border-bottom: 1px solid #333;
    padding-bottom: 20px
}
.img-footer .img-responsive {
    margin: 0 auto
}
#paypal .img-responsive {
    margin: 0 auto
}
.companyinfo h2 {
    color: #b4b1ab;
    font-size: 14px
}
.companyinfo h2 span {
    color: #f20000
}
.companyinfo p {
    color: #b3b3ad;
    font-size: 12px;
    font-weight: 300
}
.companyinfo img {
    padding-bottom: 10px
}
.payment-methods h2 {
    color: #b4b1ab;
    font-size: 14px
}
.footer-top .col-sm-3 {
    overflow: hidden
}
.video-gallery {
    margin-top: 57px;
    position: inherit
}
.video-gallery a img {
    height: 100%;
    width: 100%
}
.iframe-img {
    position: relative;
    display: block;
    height: 61px;
    margin-bottom: 10px;
    border: 2px solid #ccccc6;
    border-radius: 3px
}
.overlay-icon {
    position: absolute;
    top: 0;
    width: 100%;
    height: 61px;
    background: #f20000;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    line-height: 0;
    display: block;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
.overlay-icon i {
    position: relative;
    top: 50%;
    margin-top: -20px
}
.video-gallery a:hover .overlay-icon {
    opacity: 1
}
.video-gallery p {
    color: #8c8c88;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0
}
.video-gallery h2 {
    color: #8c8c88;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0
}
.address {
    margin-top: 30px;
    position: relative;
    overflow: hidden
}
.address img {
    width: 100%
}
.address p {
    color: #666663;
    font-size: 14px;
    font-weight: 300;
    left: 25px;
    position: absolute;
    top: 50px
}
.footer-widget {
    padding-top: 40px;
    border-top: 3px solid #f20000
}
.single-widget h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative;
    display: inline-block
}
.single-widget h2:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    margin-bottom: -10px;
    bottom: 0;
    border-bottom: 3px solid red
}
.single-widget h2 i {
    margin-right: 15px
}
.single-widget p {
    color: #8c8c88;
    font-size: 12px;
    margin-top: 15px;
    font-weight: 400;
    padding: 5px 0;
    text-align: justify
}
.single-widget ul li a {
    color: #8c8c88;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0
}
.single-widget ul li a:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 12px;
    padding-right: 5px;
    font-weight: 500
}
.single-widget ul li a i {
    margin-right: 18px
}
.single-widget ul li a:hover {
    background: 0 0 !important;
    color: #f20000;
}
.contact-us-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
.contact-us-widget h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative;
    display: inline-block
}
.contact-us-widget h2:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    margin-bottom: -10px;
    bottom: 0;
    border-bottom: 3px solid red
}
.contact-us-widget ul li a {
    color: #8c8c88;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0;
    font-weight: 400
}
.contact-us-widget ul li a:hover {
    background: 0 0;
    color: #f20000
}
.contact-us-widget ul li span {
    color: #8c8c88;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0
}
.contact-us-widget ul li span.foot-big:before {
    content: "\f095";
    font-family: FontAwesome;
    left: -25px;
    font-size: 17px;
    position: absolute;
    font-weight: 400;
    top: 12px
}
.contact-us-widget ul li a.service-center:before {
    content: "\f013";
    font-family: FontAwesome;
    left: -22px;
    width: 16px;
    font-size: 17px;
    position: absolute;
    font-weight: 400;
    top: 0;
    color: #ccc
}
.contact-us-widget ul li a.foot-location:before {
    content: "\f041";
    font-family: FontAwesome;
    left: -22px;
    width: 16px;
    font-size: 17px;
    position: absolute;
    font-weight: 400;
    top: 0;
    color: #ccc
}
.contact-us-widget ul li a.foot-question:before {
    content: "\f059";
    font-family: FontAwesome;
    left: -24px;
    width: 16px;
    font-size: 17px;
    position: absolute;
    font-weight: 400;
    top: 0;
    color: #ccc
}
.contact-us-widget ul li span.foot-big {
    display: block;
    color: #ccc;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0
}
.contact-us-widget ul li span.foot-mail:before {
    content: "\f0e0";
    font-family: FontAwesome;
    left: -25px;
    font-size: 17px;
    position: absolute;
    top: 8px
}
.contact-us-widget ul li span.foot-mail {
    display: block;
    color: #ccc;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0
}
.searchform input {
    border: 1px solid #ddd;
    color: #ccccc6;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    margin-top: 0;
    outline: medium none;
    padding: 7px;
    width: 212px
}
.searchform button {
    background: #f20000;
    border: medium none;
    border-radius: 0;
    margin-left: -5px;
    margin-top: -3px;
    padding: 7px 17px
}
.searchform button i {
    color: #fff;
    font-size: 20px
}
.searchform button:focus, .searchform button:hover {
    background-color: #f20000
}
.searchform p {
    color: #8c8c88;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 25px
}
.footer-bottom {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    background: #181818;
    padding: 10px 0
}
.footer-bottom span a {
    color: #fff;
    font-weight: 400;
    text-align: center
}
.footer-bottom span {
    color: #999;
    display: block
}
.btn-white {
    color: #fff;
    border-color: #fff
}
.btn-white:hover {
    color: #fff;
    background: #000;
    border: none
}
.btn-black:hover {
    color: #000;
    background: #fff;
    border: none
}
.btn-black {
    color: #000;
    border-color: #000
}
.btn-border-red {
    color: #f20000;
    border-color: #f20000
}
.btn-red {
    background: #f20000;
    color: #fff
}
.btn-red:hover {
    color: #fff
}
.item {
    padding-left: 0
}
.pricing {
    position: absolute;
    right: 40%;
    top: 52%
}
.girl {
    margin-left: 0
}
.item h1 {
    color: #b4b1ab;
    font-family: abel;
    font-size: 48px;
    margin-top: 115px
}
.item h1 span {
    color: #f20000
}
.item h2 {
    color: #363432;
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 22px;
    margin-top: 10px
}
.item p {
    color: #363432;
    font-size: 16px;
    font-weight: 300;
    font-family: Poppins, sans-serif
}
.get {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 23px
}
.item button:hover {
    background: #f20000
}
.control-carousel {
    position: absolute;
    top: 50%;
    font-size: 60px;
    color: #c2c2c1
}
.control-carousel:hover {
    color: #f20000
}
.right {
    right: 0
}
.filter-by {
    background: #f6f6f6;
    margin-bottom: 20px;
    padding: 3px 20px 10px
}
.filter-by h3 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px
}
.filter-by span {
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 12px;
    display: block;
    color: #888
}
.filter-by a {
    color: #333
}
.filter-by a i {
    color: #333;
    font-size: 10px;
    font-weight: 700
}
.filter-by p {
    padding-top: 10px;
    display: block
}
.filter-by p a {
    font-size: 12px;
    color: #f20000;
    text-decoration: underline
}
.filter-products {
    padding-bottom: 20px;
    padding-top: 15px
}
.underline {
    text-decoration: underline
}
.brands_products h2, .left-sidebar h2 {
    color: #777;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 3
}
.left-sidebar h2:after, h2.title:after {
    content: " ";
    position: absolute;
    border: 1px solid #f5f5f5;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -2
}
.left-sidebar h2:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 130px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -65px
}
h2.title:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 220px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -110px
}
.filter-products .panel {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0
}
.filter-products .panel-default .panel-heading {
    background-color: #fff;
    background: #fff;
    border: 0 none;
    color: #fff;
    padding: 5px 0
}
.filter-products .panel-default .panel-heading .panel-title a {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    text-decoration: none
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0 none
}
.filter-products .badge {
    background: 0 0;
    border-radius: 10px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}
.panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f107";
    background: #ffffff;
    color: grey;
    font-size: 25px;
    float: right;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\f106";
}
.panel-body ul {
    padding-left: 0
}
.alert-box {
    z-index: 100;
    position: relative;
    float: right;
    top: 0;
    left: 0;
    display: none
}
.flash-msg {
    position: fixed;
    top: 87px;
    right: 120px
}
.panel-body ul li a {
    color: #777;
    line-height: 26px;
    font-family: Poppins, sans-serif;
    font-size: 12px
}
.brands-name {
    border: 1px solid #f7f7f0;
    padding-bottom: 20px;
    padding-top: 15px
}
.brands-name .nav-stacked li a {
    background-color: #fff;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    padding: 5px 25px;
    text-decoration: none;
    text-transform: uppercase
}
.brands-name .nav-stacked li a:hover {
    background-color: #fff;
    color: #000
}
.shipping {
    background-color: #f2f2f2;
    margin-top: 40px;
    overflow: hidden;
    padding-top: 20px;
    position: relative
}
table.tb-addressbok-list {
    padding: 0 8px;
    margin-bottom: 10px;
    width: 100%
}
.tb-addressbok-list tbody tr {
    border-bottom: 1px dotted #ccc;
    color: #555
}
.tb-addressbok-list tbody tr.disabled {
    background: #ddd;
    border-bottom: 1px dotted #ccc;
    color: #aaa
}
.tb-addressbok-list tbody td {
    padding: 8px 0
}
.tb-addressbok-list tbody tr td.td-address-name {
    padding: 0 8px
}
.tb-addressbok-list tbody tr td.td-address-actions {
    width: 20px
}
.tb-addressbok-list tbody tr td div.radio {
    margin: 2px 0
}
.edit-btn-addressbook {
    padding: 0 3px;
    color: green
}
.delete-btn-addressbook {
    padding: 0 3px;
    color: #f20000
}
.warning-addressbook-comments {
    text-align: center;
    color: #f4d018;
    font-size: 14px
}
.warning-addressbook-comments i {
    font-size: 18px
}
.price-range {
    margin-top: 30px
}
.well {
    background-color: #fff;
    border: 1px solid #f7f7f0;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 35px
}
.tooltip-inner {
    background-color: #f20000;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none
}
.tooltip.top .tooltip-arrow {
    border-top-color: #f20000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}
.right-zero {
    padding-right: 0
}
.features_items {
    clear: both;
    overflow: hidden;
    margin-top: 30px
}
h2.title {
    color: #777;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0 15px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative
}
.product-image-wrapper {
    position: absolute;
    overflow: hidden;
    margin-bottom: 30px
}
.single-products {
    position: relative;
    top: 0;
    left: 0
}
.productinfo {
    position: relative
}
.productinfo img {
    margin: 0 auto;
    width: 100%
}
.product-overlay {
    border-bottom: 1px solid #ebebeb;
    color: #bababa;
    display: none;
    transition: all .5s ease 0s;
    width: 100%
}
.products {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0px;
    list-style: none
}
.products .one-prod {
    display: inline-block;
    width: 100%;
    height: 375px;
    position: relative;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
/*.products .one-prod:hover {
    z-index: 2
}*/
.products .one-prod .all-prod {
    display: block;
    width: 100%;
    padding: 10px;
    position: absolute;
    background-color: #fff;
    cursor: pointer
}
/*.products .one-prod:hover .all-prod {
    border: 1px solid #ebebeb
}*/
.products .one-prod .all-prod img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%
}
.products .one-prod .all-prod h1 {
    display: block;
    height: auto;
    margin: 10px 0;
    font-family: arial;
    font-size: 20px;
    font-weight: 700
}
.products .one-prod .all-prod h2 {
    display: block;
    height: auto;
    margin: 10px 0;
    font-family: arial;
    font-size: 12px;
    font-weight: 400
}
.products .one-prod .all-prod .informations {
    display: none;
    height: 25px;
    padding: 10px 0
}
.products .one-prod .all-prod .informations label, .products .one-prod .all-prod .informations p {
    display: block;
    height: auto;
    margin: 10px 0;
    font-family: arial;
    font-size: 10px;
    color: grey;
    font-weight: 400
}
.products .one-prod:hover .all-prod .informations {
    display: block;
    vertical-align: middle
}
.info-n-price {
    border-top: 1px solid #eaeaea;
    padding: 5px 3px;
    margin: 10px 0
}
.info-n-price h4 {
    text-transform: capitalize;
    clear: both;
    margin: 4px 0;
    color: #000;
    font-size: 12px;
    font-weight: 500
}
.info-n-price .name {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
    color: #333333;
}
.info-n-price .precios span.before-price,
.info-n-price .precios span.actual-price{
    /*font-size: 14px !important;
    font-weight: 600 !important;
    margin: 5px 10px 5px 0 !important;
    color: #333333 !important;*/
}
.info-n-price a div {
    display: block
}
.info-n-price a span {
    display: inline-block;
    color: #bababa;
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 1px 0
}
.info-n-price a span.price-cat {
    display: inline-block;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 1px 0
}
.info-n-price a div span {
    display: inline-block;
    color: #bababa;
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 1px 0
}
.info-n-price a div span.before-price-prods {
    padding-right: 5px;
    display: inline-block;
    color: #999;
    text-decoration: line-through
}
.product-overlay h2 {
    color: #333;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 700;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}
.single-products:hover .product-overlay {
    display: inline-block
}
.single-products:hover .product-overlay h2 {
    opacity: .8
}
.single-products:hover .product-image-wrapper {
    border: 1px solid #f7f7f5
}
.form-state-ship {
    display: none
}
.form-city-ship {
    display: none
}
.form-store-ship {
    display: none
}
.shipp-coast {
    position: relative;
    bottom: 0;
    right: 0
}
.product-overlay p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}
.add-to-cart {
    background: #f5f5ed;
    border: 0 none;
    border-radius: 0;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    margin-bottom: 25px
}
.add-to-cart:hover {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    color: #fff
}
.add-to {
    margin-bottom: 10px
}
.add-to-cart i {
    margin-right: 5px
}
.add-to-cart:hover {
    background: #f20000;
    color: #fff
}
.choose {
    border-top: 1px solid #f7f7f0
}
.choose ul li a {
    color: #b3afa8;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0
}
.choose ul li a i {
    margin-right: 5px
}
.choose ul li a:hover {
    background: 0 0;
    color: #f20000
}
.category-tab {
    overflow: hidden
}
.category-tab ul {
    background: #40403e;
    border-bottom: 1px solid #f20000;
    list-style: none outside none;
    margin: 0 0 30px;
    padding: 0;
    width: 100%
}
.category-tab ul li a {
    border: 0 none;
    border-radius: 0;
    color: #b3afa8;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    text-transform: uppercase
}
.category-tab ul li a:hover {
    background: #f20000;
    color: #fff
}
.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    color: #000;
    cursor: default;
    margin-right: 0;
    margin-left: 0
}
.spec-tabs {
    z-index: -100
}
.spec-tabs .nav-tabs > li {
    z-index: 1000
}
.nav-tabs li a {
    border: 1px solid transparent;
    border-radius: 0 0;
    line-height: 1.42857;
    margin-right: 0;
    background: #f7f7f7
}
.nav-tabs li a:hover {
    background: #ddd
}
.nav-tabs a.nav-link {
    color: #555
}
.recommended_items {
    overflow: hidden
}
#recommended-item-carousel .carousel-inner .item {
    padding-left: 0
}
.recommended-item-control {
    position: absolute;
    top: 41%
}
.recommended-item-control i {
    background: none repeat scroll 0 0 #f20000;
    color: #fff;
    font-size: 20px;
    padding: 4px 10px
}
.recommended-item-control i:hover {
    background: #ccccc6
}
.our_partners {
    overflow: hidden
}
.our_partners ul {
    background: #f7f7f0;
    margin-bottom: 50px
}
.our_partners ul li a:hover {
    background: 0 0
}
.product-details {
    overflow: hidden
}
#similar-product {
    margin-top: 40px
}
#reviews {
    padding-left: 25px;
    padding-right: 25px
}
.product-details {
    margin-bottom: 40px;
    overflow: hidden;
    margin-top: 10px
}
.view-product {
    position: relative
}
.view-product img {
    border: 1px solid #f7f7f0;
    height: 380px;
    width: 100%
}
.view-product h3 {
    background: #f20000;
    bottom: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 8px 20px;
    position: absolute;
    right: 0
}
#similar-product .carousel-inner .item {
    padding-left: 0
}
#similar-product .carousel-inner .item img {
    display: inline-block;
    margin-left: 15px
}
.item-control {
    position: absolute;
    top: 35%
}
.item-control i {
    background: #f20000;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px
}
.item-control i:hover {
    background: #ccccc6
}
.product-information {
    border: 1px solid #f7f7f0;
    overflow: hidden;
    padding-bottom: 60px;
    padding-left: 60px;
    padding-top: 60px;
    position: relative
}
.newarrival {
    position: absolute;
    top: 0;
    left: 0
}
.product-information h2 {
    color: #363432;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    margin-top: 0
}
.product-information p {
    color: #000;
    font-family: Poppins, sans-serif;
    margin-bottom: 5px
}
.product-information span {
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 18px
}
.product-information span span {
    color: #f20000;
    float: left;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-right: 20px;
    margin-top: 0
}
.product-information span input {
    border: 1px solid #dededc;
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 33px;
    outline: medium none;
    text-align: center;
    width: 50px
}
.product-information span label {
    color: #000;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin-right: 5px
}
.share {
    margin-top: 15px
}
.cart {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 20px
}
.shop-details-tab {
    border: 1px solid #f7f7f0;
    margin-bottom: 75px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 10px
}
.shop-details-tab .col-sm-12 {
    padding-left: 0;
    padding-right: 0
}
#reviews ul {
    background: #fff;
    border: 0 none;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0
}
#reviews ul li {
    display: inline-block
}
#reviews ul li a {
    color: #000;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    padding-right: 15px
}
#reviews ul li a i {
    color: #f20000;
    padding-right: 8px
}
#reviews ul li a:hover {
    background: #fff;
    color: #f20000
}
#reviews p {
    color: #363432
}
#reviews form span {
    display: block
}
#reviews form span input {
    background: #f0f0e9;
    border: 0 none;
    color: #a6a6a1;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 8px;
    width: 48%
}
#reviews form span input:last-child {
    margin-left: 3%
}
#reviews textarea {
    background: #f0f0e9;
    border: medium none;
    color: #a6a6a1;
    height: 195px;
    margin-bottom: 25px;
    margin-top: 15px;
    outline: medium none;
    padding-left: 10px;
    padding-top: 15px;
    resize: none;
    width: 99.5%
}
#reviews button {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 14px
}
.logo-404 {
    margin-top: 60px
}
.content-404 h1 {
    color: #363432;
    font-family: Poppins, sans-serif;
    font-size: 41px;
    font-weight: 300
}
.content-404 img {
    margin: 0 auto
}
.content-404 p {
    color: #363432;
    font-family: Poppins, sans-serif;
    font-size: 18px
}
.content-404 h2 {
    margin-top: 50px
}
.content-404 h2 a {
    background: #f20000;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 44px;
    font-weight: 300;
    padding: 8px 40px
}
#form {
    display: block;
    margin-bottom: 185px;
    margin-top: 185px;
    overflow: hidden
}
.help-block {
    color: #a51313;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding: 2px 0
}
.login-form h2, .signup-form h2 {
    color: #000;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px
}
.login-form form input, .signup-form form input {
    background: #f0f0e9;
    border: medium none;
    color: #000;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 10px;
    outline: medium none;
    padding-left: 10px;
    width: 100%
}
.login-form form span {
    line-height: 25px
}
.login-form form span input {
    width: 15px;
    float: left;
    height: 15px;
    margin-right: 5px
}
.login-form form button {
    margin-top: 23px
}
.login-form form button, .signup-form form button {
    background: #f20000;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-family: Poppins, sans-serif;
    padding: 6px 25px
}
.login-form label input {
    border: medium none;
    display: inline-block;
    height: 0;
    margin-bottom: 0;
    outline: medium none;
    padding-left: 0
}
.or {
    background: #f20000;
    border-radius: 40px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 75px;
    text-align: center;
    width: 50px
}
.datepicker {
    z-index: 10000
}
#do_action {
    margin-bottom: 50px
}
.breadcrumbs {
    position: relative
}
.breadcrumbs .breadcrumb {
    background: 0 0;
    margin-bottom: 75px;
    padding-left: 0
}
.breadcrumbs .breadcrumb li a {
    background: #f20000;
    color: #fff;
    padding: 3px 7px
}
.breadcrumbs .breadcrumb li a:after {
    content: "";
    height: auto;
    width: auto;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #f20000;
    position: absolute;
    top: 11px;
    left: 48px
}
.breadcrumbs .breadcrumb > li + li:before {
    content: " "
}
#cart_items .cart_info {
    border: 1px solid #e6e4df;
    margin-bottom: 50px
}
#cart_items .cart_info .cart_menu {
    background: #f20000;
    color: #fff;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 400
}
#cart_items .cart_info .table.table-condensed thead tr {
    height: 51px
}
#cart_items .cart_info .table.table-condensed tr {
    border-bottom: 1px solid#f7f7f0
}
#cart_items .cart_info .table.table-condensed tr:last-child {
    border-bottom: 0
}
.cart_info table tr td {
    border-top: 0 none;
    vertical-align: inherit
}
#cart_items .cart_info .image {
    padding-left: 30px
}
#cart_items .cart_info .cart_description h4 {
    margin-bottom: 0
}
#cart_items .cart_info .cart_description h4 a {
    color: #363432;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 400
}
#cart_items .cart_info .cart_description p {
    color: #000
}
#cart_items .cart_info .cart_price p {
    color: #000;
    font-size: 18px
}
#cart_items .cart_info .cart_total_price {
    color: #f20000;
    font-size: 24px
}
.cart_product {
    display: block;
    margin: 15px -70px 10px 25px
}
.cart_quantity_button a {
    background: #f0f0e9;
    color: #000;
    display: inline-block;
    font-size: 16px;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    float: left
}
.cart_quantity_input {
    color: #000;
    float: left;
    font-size: 16px;
    text-align: center;
    font-family: Poppins, sans-serif
}
.cart_delete {
    display: block;
    margin-right: -12px;
    overflow: hidden
}
.cart_delete a {
    background: #f0f0e9;
    color: #fff;
    padding: 5px 7px;
    font-size: 16px
}
.cart_delete a:hover {
    background: #f20000
}
.bg h2.title {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0
}
.heading h3 {
    color: #363432;
    font-size: 20px;
    font-family: Poppins, sans-serif
}
.heading p {
    color: #434343;
    font-size: 16px;
    font-weight: 300
}
#do_action .total_area {
    padding-bottom: 18px !important
}
#do_action .chose_area, #do_action .total_area {
    border: 1px solid #e6e4df;
    color: #000;
    padding: 30px 25px 30px 0;
    margin-bottom: 80px
}
.total_area span {
    float: right
}
.total_area ul li {
    background: #e6e4df;
    color: #000;
    margin-top: 10px;
    padding: 7px 20px
}
.user_option label {
    color: #000;
    font-weight: 400;
    margin-left: 10px
}
.user_info {
    display: block;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden
}
.user_info label {
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 400
}
.user_info .single_field {
    width: 31%
}
.user_info .single_field.zip-field input {
    background: 0 0;
    border: 1px solid #f0f0e9
}
.user_info > li {
    float: left;
    margin-right: 10px
}
.user_info input, select, textarea {
    background: 0 0;
    border: 1px solid #f0f0e9;
    color: #000;
    padding: 5px;
    width: 100%;
    border-radius: 0;
    resize: none
}
.user_info select:focus {
    border: 0
}
.chose_area .update {
    margin-left: 40px
}
.check_out, .update {
    background: #f20000;
    border-radius: 0;
    color: #fff;
    margin-top: 18px;
    border: none;
    padding: 5px 15px
}
.update {
    margin-left: 40px
}
.check_out {
    margin-left: 20px
}
.credit-invoice-client {
    width: 400px;
    height: 160px
}
.debit-invoice-client {
    width: 250px;
    height: 194px
}
.step-one {
    margin-bottom: -10px
}
.register-req, .step-one .heading {
    background: none repeat scroll 0 0 #f0f0e9;
    color: #363432;
    font-size: 20px;
    margin-bottom: 35px;
    padding: 10px 25px;
    font-family: Poppins, sans-serif
}
.checkout-options {
    padding-left: 20px
}
.checkout-options h3 {
    color: #363432;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: Poppins, sans-serif
}
.checkout-options p {
    color: #434343;
    font-weight: 300;
    margin-bottom: 25px
}
.checkout-options .nav li {
    float: left;
    margin-right: 45px;
    color: #000;
    font-size: 18px;
    font-family: Poppins, sans-serif;
    font-weight: 400
}
.checkout-options .nav label {
    font-weight: 400
}
.checkout-options .nav li a {
    color: #f20000;
    font-size: 18px;
    font-weight: 400;
    padding: 0
}
.checkout-options .nav li a:hover {
    background: inherit
}
.checkout-options .nav i {
    margin-right: 10px;
    border-radius: 50%;
    padding: 5px;
    background: #f20000;
    color: #fff;
    font-size: 14px;
    padding: 2px 3px
}
.register-req {
    font-size: 14px;
    font-weight: 300;
    padding: 15px 20px;
    margin-top: 35px
}
.register-req p {
    margin-bottom: 0
}
.bill-to p, .order-message p, .shopper-info p {
    color: #000;
    font-size: 20px;
    font-weight: 300
}
.shopper-info .btn-primary {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    margin-right: 15px;
    margin-top: 20px
}
.form-one, .form-two {
    float: left;
    width: 47%
}
.form-one > form > input, .form-two > form > input, .form-two > form > select, .shopper-info > form > input {
    background: #f0f0e9;
    border: 0 none;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    font-weight: 300
}
.form-two > form > select {
    padding: 10px 5px
}
.form-two {
    margin-left: 5%
}
.order-message textarea {
    font-size: 12px;
    height: 335px;
    margin-bottom: 20px;
    padding: 15px 20px
}
.order-message label {
    font-weight: 300;
    color: #000;
    font-family: Poppins, sans-serif;
    margin-left: 10px;
    font-size: 14px
}
.review-payment h2 {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    margin-top: 45px;
    margin-bottom: 20px
}
.payment-options {
    margin-bottom: 125px;
    margin-top: -25px
}
.payment-options span label {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-right: 30px
}
#cart_items .cart_info .table.table-condensed.total-result {
    margin-bottom: 10px;
    margin-top: 35px;
    color: #000
}
#cart_items .cart_info .table.table-condensed.total-result tr {
    border-bottom: 0
}
#cart_items .cart_info .table.table-condensed.total-result span {
    color: #f20000;
    font-weight: 700;
    font-size: 16px
}
#cart_items .cart_info .table.table-condensed.total-result .shipping-cost {
    border-bottom: 1px solid #f7f7f0
}
.blog-post-area .single-blog-post h3 {
    color: #000;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px
}
.blog-post-area .single-blog-post a img {
    border: 1px solid #f7f7f0;
    width: 100%;
    margin-bottom: 30px
}
.blog-post-area .single-blog-post p {
    color: #363432
}
.blog-post-area .post-meta {
    display: block;
    margin-bottom: 25px;
    overflow: hidden
}
.blog-post-area .post-meta ul {
    padding: 0;
    display: inline
}
.blog-post-area .post-meta ul li {
    background: #f0f0e9;
    float: left;
    margin-right: 10px;
    padding: 0 5px;
    font-size: 11px;
    color: #393b3b;
    position: relative
}
.blog-post-area .post-meta ul li i {
    background: #f20000;
    color: #fff;
    margin-left: -4px;
    margin-right: 7px;
    padding: 4px 7px
}
.blog-post-area .post-meta ul li i:after, .sinlge-post-meta li i:after {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    border-color: transparent transparent transparent #f20000;
    border-width: 4px;
    border-style: solid;
    top: 6px;
    left: 24px
}
.blog-post-area .post-meta ul span {
    float: right;
    color: #f20000
}
.post-meta span {
    float: right
}
.post-meta span i {
    color: #f20000
}
.blog-post-area .single-blog-post .btn-primary {
    background: #f20000;
    border: medium none;
    border-radius: 0;
    color: #fff;
    margin-top: 17px
}
.pager-area {
    overflow: hidden
}
.pager-area .pager li a {
    background: #f0f0e9;
    border: 0 none;
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 4px;
    text-transform: uppercase;
    width: 57px
}
.pager-area .pager li a:hover {
    background: #f20000;
    color: #fff
}
.rating-area {
    border: 1px solid #f7f7f0;
    direction: block;
    overflow: hidden
}
.rating-area ul li {
    float: left;
    padding: 5px;
    font-size: 12px
}
.rating-area .ratings {
    float: left;
    padding-left: 0;
    margin-bottom: 0
}
.rating-area .ratings li i {
    color: #ccc
}
.rating-area .rate-this {
    color: #363432;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}
.rating-area .color, .rating-area .ratings .color {
    color: #f20000
}
.rating-area .tag {
    float: right;
    margin-bottom: 0;
    margin-right: 10px
}
.rating-area .tag li {
    padding: 5px 2px
}
.rating-area .tag li span {
    color: #363432
}
.socials-share {
    margin-bottom: 30px;
    margin-top: 18px
}
.commnets .media-object {
    margin-right: 15px;
    width: 100%
}
.commnets {
    border: 1px solid #f7f7f0;
    padding: 18px 18px 18px 0;
    margin-bottom: 50px
}
.commnets .pull-left {
    margin-right: 22px
}
.commnets p, .replay-box p, .response-area p {
    font-size: 12px
}
.media-heading {
    color: #363432;
    font-size: 14px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    margin-bottom: 15px
}
.blog-socials {
    margin-bottom: -9px;
    margin-top: 14px
}
.blog-socials ul {
    padding-left: 0;
    overflow: hidden;
    float: left
}
.blog-socials .btn.btn-primary {
    margin-top: 0
}
.blog-socials ul li {
    float: left;
    height: 17px;
    margin-right: 5px;
    text-align: center;
    width: 17px
}
.blog-socials ul li a {
    color: #393b3b;
    display: block;
    font-size: 10px;
    padding: 1px;
    background: #f0f0e9
}
.blog-socials ul li a:hover {
    color: #fff;
    background: #f20000
}
.commnets .btn-primary, .media-list .btn-primary {
    background: #fc9a11;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 10px;
    padding: 1px 7px;
    text-transform: uppercase
}
.response-area h2 {
    color: #363432;
    font-size: 20px;
    font-weight: 700
}
.response-area .media {
    border: 1px solid #f7f7f0;
    padding: 18px 18px 18px 0;
    margin-bottom: 27px
}
.response-area .media img {
    height: 102px;
    width: 100%
}
.response-area .media .pull-left {
    margin-right: 25px
}
.response-area .second-media {
    margin-left: 5%;
    width: 95%
}
.sinlge-post-meta {
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 15px
}
.sinlge-post-meta li {
    background: #f0f0e9;
    color: #363432;
    float: left;
    font-size: 10px;
    font-weight: 700;
    margin-right: 10px;
    padding: 0 10px 0 0;
    position: relative;
    text-transform: uppercase
}
.sinlge-post-meta li i {
    background: #f20000;
    color: #fff;
    margin-right: 10px;
    padding: 8px 10px
}
.sinlge-post-meta li i:after {
    top: 7px;
    border-width: 6px;
    left: 27px
}
.replay-box {
    margin-bottom: 107px;
    margin-top: 55px
}
.replay-box h2 {
    font-weight: 700;
    font-size: 20px;
    color: #363432;
    margin-top: 0;
    margin-bottom: 45px
}
.replay-box label {
    background: #f20000;
    color: #fff;
    margin-bottom: 15px;
    padding: 3px 15px;
    float: left;
    font-weight: 400
}
.replay-box span {
    color: #f20000;
    float: right;
    font-weight: 700;
    margin-top: 21px
}
.replay-box form input {
    border: 1px solid #f7f7f0;
    color: #adb2b2;
    font-size: 12px;
    margin-bottom: 22px;
    padding: 8px;
    width: 100%
}
.replay-box form input:hover, .text-area textarea:hover {
    border: 1px solid #f20000
}
.text-area {
    margin-top: 66px
}
.text-area textarea {
    background: 0 0;
    border: 1px solid#f7f7f0
}
.btn.btn-primary {
    background: #f20000;
    border: 0 none;
    border-radius: 0;
    margin-top: 16px
}
.blank-arrow {
    position: relative
}
.blank-arrow label:after {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    border-style: solid;
    border-width: 8px;
    border-color: #f20000 transparent transparent transparent;
    top: 25px;
    left: 5px
}
.contact-map {
    width: 100%;
    height: 385px;
    margin-bottom: 70px
}
.contact-form .heading, .contact-info .heading {
    text-transform: capitalize
}
.contact-form .form-group {
    margin-bottom: 20px
}
.form-control {
    border-radius: 0;
    font-size: 12px;
    color: #424242
}
#contact-page .form-control::-moz-placeholder {
    color: #8d8d8d
}
#contact-page .form-control {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    height: 46px;
    padding: 6px 12px;
    width: 100%;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: inherit
}
#contact-page #message {
    height: 160px;
    resize: none
}
#main-contact-form .btn-primary {
    margin-bottom: 15px;
    margin-top: 20px
}
#contact-page .form-control:focus, #contact-page .form-control:hover {
    box-shadow: inherit;
    border-color: #fdb45e
}
#contact-page .contact-info {
    padding: 0 20px
}
#contact-page .contact-info address {
    margin-bottom: 40px;
    margin-top: -5px
}
#contact-page .contact-info p {
    margin-bottom: 0;
    color: #000;
    font-size: 16px;
    line-height: 25px
}
.social-networks {
    overflow: hidden;
    text-align: center
}
.social-networks ul {
    margin-top: -5px;
    padding: 0;
    display: inline-block
}
.social-networks ul li {
    float: left;
    text-decoration: none;
    list-style: none;
    margin-right: 20px
}
.social-networks ul li:last-child {
    margin-right: 0
}
.social-networks ul li a {
    color: #999;
    font-size: 25px
}
.contact-info .social-networks ul li a i {
    background: 0 0
}
.contact-info .social-networks ul li a:hover {
    color: #f20000
}
.col-item {
    background: #fff;
    overflow: hidden
}
.col-item a {
    color: #000
}
.col-item .photo img {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 10px;
    width: 70%;
    min-width: 70%;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}
.title-fp {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 15px
}
.title-fp span {
    font-weight: 500;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    padding-top: 10px;
    display: inline-block
}
.col-item .info {
    padding: 10px;
    margin-top: 1px;
    background-color: #f5f5f5a3
}
.photo {
    position: relative;
    display: inline-block
}
.col-item:hover .photo img:first-child {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.col-item .heading-bottom {
    float: left;
    margin-top: 5px
}
.col-item .heading-bottom h5 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin: 0
}
.col-item .heading-bottom .subtitle-featured {
    text-transform: none;
    color: #b9b9b9;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px
}
.col-item .heading-bottom .title-featured {
    text-transform: none;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    height: 30px;
    white-space: break-spaces;
    width: 100%;
    overflow: hidden;
    text-overflow: clip
}
.col-item .heading-bottom .price-featured {
    text-transform: none;
    color: #e00;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px
}
.col-item .info .rating {
    color: #777
}
.col-item .rating {
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px
}
.col-item .separator {
    border-top: 1px solid #e1e1e1
}
.clear-left {
    clear: left
}
.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center
}
.col-item .separator p i {
    margin-right: 5px
}
.col-item .btn-add {
    width: 50%;
    float: left
}
.col-item .btn-add {
    border-right: 1px solid #e1e1e1
}
.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px
}
.controls {
    margin-top: 0;
    display: inline-block
}
.arrows-btn {
    border-radius: 0;
    border: 1px solid #ebebeb;
    color: #bababa;
    padding: 8px 10px
}
section.featured-products {
    padding: 20px 0
}
section.views-products {
    /*padding: 20px 0;*/
}
section.buy-by-category {
    padding: 20px 0
}
.see-products {
    margin-right: 0;
    margin-left: 0;
    padding-right: 5px;
    padding-left: 5px
}
.see-products img {
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease
}
.see-products:hover img {
    opacity: .8
}
.product-img {
    margin-right: 0;
    margin-left: 0;
    padding: 5px
}
.category-img {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center
}
.category-img img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}
.category-img:hover img:first-child {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.category-img a {
    cursor: pointer;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    position: absolute
}
.content-image-buy span.btn-buy-by-cat {
    vertical-align: middle;
    font-size: 16px;
    padding: 15px 30px;
    border: 2px solid #fff;
    color: #fff;
    background-color: #0000003b
}
.category-img a:hover span.btn-buy-by-cat {
    background: #000;
    border: none
}
.image-desc {
    position: relative;
    border: 1px solid #ebebeb;
    overflow: hidden
}
.image-desc a .desc-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: #fff;
    background-color: #000;
    opacity: .3;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease
}
.image-desc:hover .desc-content {
    background-color: #000;
    opacity: .8
}
.image-desc img {
    max-width: 100%;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}
.image-desc:hover img:first-child {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
span.desc-title {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase
}
span.desc-subtitle {
    font-weight: 300;
    display: block;
    margin: 0;
    font-size: 14px
}
span.desc-price {
    float: right;
    margin: 0;
    font-size: 12px
}
.divide-col {
    margin-right: 0;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px
}
.padBot5 {
    padding-bottom: 5px
}
.padBot10 {
    padding-bottom: 10px
}
.padBot20 {
    padding-bottom: 20px
}
.padBot30 {
    padding-bottom: 30px
}
.padBot40 {
    padding-bottom: 40px
}
.padBot50 {
    padding-bottom: 50px
}
.all-prods {
    width: 100%;
    height: 100%;
    background: #000;
    text-align: center
}
.all-prods span {
    font-size: 16px;
    color: #fff;
    width: 80%
}
.all-prods a {
    border: 1px solid #fff;
    padding: 10px 15px
}
.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-5ths {
    width: 20%;
    float: left
}
@media (min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}
@media (min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}
@media (min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}
section.module {
    margin: 50px 0
}
section.module p {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300
}
section.module p:last-child {
    margin-bottom: 0
}
section.module.content {
    padding: 40px 0
}
section.module.parallax {
    padding: 100px 0;
    background-position: 0 0
}
section.module.parallax h1 {
    color: #1e1e1e;
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px #fff
}
section.module.parallax-2 {
    background: url('/images/parallax/parallax-home.jpg') no-repeat fixed bottom center;
    background-size: cover
}
.bg-para {
    background-color: rgba(255, 255, 255, .7);
    width: 100%;
    height: 308px
}
.bg-para span {
    display: block
}
.bg-para h3 {
    font-size: 35px;
    font-weight: 700;
    color: #000
}
.bg-para span.sub-stores {
    font-size: 16px;
    font-weight: 500;
    color: #000
}
.bg-para span.desc-stores {
    padding-top: 15px;
    margin: 0 auto;
    width: 80%;
    font-size: 14px;
    font-weight: 300;
    color: #000
}
.bg-para .pad-stores {
    padding: 65px 0
}
.stores .page-title h1{
    font-size: 25px;
}
.stores .page-title h2{
    font-size: 20px;
    color: #666666;
}
.bg-para i {
    color: #000;
    font-size: 60px
}
.bg-para span.cities {
    padding: 15px 0 25px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000
}
.bg-para span.cities a {
    color: #000
}
.bg-para span.cities a:hover {
    color: #333
}
.center {
    text-align: center
}
a.a-link {
    text-decoration: none;
    color: #f20000
}
a.a-link:hover {
    color: #e26a6a
}
a.a-link-black {
    text-decoration: none;
    color: #000
}
a.a-link-black:hover {
    color: #555
}
.mouse-point {
    cursor: pointer
}
.btn-tama {
    font-size: 12px;
    font-weight: 300;
    margin: 10px 0;
    padding: 10px 15px
}
.btn-tama:hover {
    background: 0 0;
    color: #000;
    border: 1px solid #000
}
.btn-full {
    width: 100%;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    font-weight: 500
}
.btn-full:hover {
    opacity: .9
}
.btn-med {
    width: 50%;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: 400
}
.btn-med:hover {
    opacity: .9
}
.btn-face-login {
    padding: 15px;
    background: #4862a3;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}
.font16 {
    font-size: 16px
}
.font18 {
    font-size: 18px
}
.btn-face-login:hover {
    opacity: .8;
    color: #fff
}
.btn-face-login i {
    padding-right: 5px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px
}
.full-line {
    width: 100%;
    border-bottom: 1px solid #eee;
    clear: both;
    display: block
}
.bg-black {
    background: #000
}
.bg-black:hover {
    color: #fff
}
.bg-white {
    background: #fff
}
.bg-gray {
    background: #999
}
.bg-red {
    background: #f20000
}
.bg-light-gray {
    background: #eee
}
.bg-light-red {
    background: #fd898a
}
.bg-light-red:hover {
    color: #fff
}
.block-card {
    padding: 20px;
    background: #eee
}
.border-black {
    border: 1px solid #000
}
.border-white {
    border: 1px solid #fff
}
.font-black {
    color: #000
}
.font-white {
    color: #fff
}
.font12 {
    font-size: 12px
}
.font-grey {
    color: #999
}
.font-light-gray {
    color: #eee
}
.font-red {
    color: #f20000
}
.no-radius {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0px
}
.promotions-btn {
    border: 1px solid #fff;
    color: #fff
}
.promotions-btn:hover {
    border: none;
    color: #1d325c;
    background: #fff
}
.med {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    padding: 15px 30px
}
@media all and (min-width:600px) {
    section.module h2 {
        font-size: 42px
    }
    section.module p {
        font-size: 20px
    }
    section.module.parallax {
        padding: 68px 0
    }
    section.module.parallax h1 {
        font-size: 96px
    }
}
@media all and (min-width:960px) {
    section.module.parallax h1 {
        font-size: 160px
    }
}
section.circles-counters {
    margin: 80px 0
}
.counters_by_category {
    display: inline-block;
    text-align: center
}
.circle-counter {
    border-radius: 50%;
    behavior: url(PIE.htc);
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 3px;
    color: #000;
    text-align: center;
    font-size: 20px;
    background: #f3f3f3
}
.circle-counter span {
    display: block;
    padding: 3px 0;
    vertical-align: top
}
span.icon-furniture {
    font-size: 16px
}
span.count-title {
    display: block;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}
span.icon-furniture i {
    font-size: 40px
}
a.total-category-prods:hover .circle-counter {
    background: #eaeaea
}
@font-face {
    font-family: furniture;
    src: url("../fonts/fontello/furniture.eot?3955673");
    src: url("../fonts/fontello/furniture.eot?3955673#iefix") format("embedded-opentype"), url("../fonts/fontello/furniture.woff2?3955673") format("woff2"), url("../fonts/fontello/furniture.woff?3955673") format("woff"), url("../fonts/fontello/furniture.ttf?3955673") format("truetype"), url("../fonts/fontello/furniture.svg?3955673#furniture") format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" furniture-icon-"]:before, [class^=furniture-icon-]:before {
    font-family: furniture;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.furniture-icon-16:before {
    content: '\e800'
}
.furniture-icon-14:before {
    content: '\e801'
}
.furniture-icon-13:before {
    content: '\e802'
}
.furniture-icon-recamaras:before {
    content: '\e803'
}
.furniture-icon-comedores:before {
    content: '\e804'
}
.furniture-icon-oficina:before {
    content: '\e805'
}
.furniture-icon-08:before {
    content: '\e806'
}
.furniture-icon-07:before {
    content: '\e807'
}
.furniture-icon-06:before {
    content: '\e808'
}
.furniture-icon-entretenimiento:before {
    content: '\e809'
}
.furniture-icon-acentos:before {
    content: '\e80a'
}
.furniture-icon-salas:before {
    content: '\e80b'
}
.furniture-icon-bar:before {
    content: '\e80c'
}
.furniture-icon-01:before {
    content: '\e80d'
}
.furniture-icon-decoracion:before {
    font-family: Linearicons;
    content: '\e7be';
    font-size: 30px
}
section.newmotions {
    background: #1d325c;
    padding: 20px 0;
    margin: 60px 0 20px 0
}
section.newmotions h2, section.newmotions span {
    color: #fff
}
section.newmotions h2 {
    font-size: 35px;
    font-weight: 500
}
section.newmotions span {
    display: block;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 300
}
.pad-promo-txt {
    padding: 50px 0
}
.pad-promo-btn {
    padding: 110px 0
}
section.benefits {
    border: none;
    background-color: #f3f3f370;
    margin-bottom: 20px;
    padding: 40px 0
}
section.benefits .col-lg-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0
}
.icon-benefit {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    padding: 9px;
    float: left;
    border: 1px solid red;
    border-radius: 50%;
    margin-right: 10px
}
.icon-benefit span {
    position: relative;
    font-size: 25px;
    color: #333
}
.benefit-item {
    width: 86%;
    display: inline-block
}
.benefit-item span {
    display: block
}
.benefit-item span.benefits-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #333
}
.benefit-item span.benefits-sub {
    font-size: 11px;
    color: #999
}
section.newsletter {
    background: #acacac;
    padding: 20px 0;
    color: #fff
}
.suscribe-in input {
    color: #000 !important
}
.email-newletter {
    width: 70%;
    height: 40px;
    padding: 5px;
    font-size: 12px
}
.red-btn {
    font-size: 12px;
    padding: 10px 10px;
    background: #f20000;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    border-radius: 10px
}
.red-btn:hover {
    color: #fff;
    background: #000
}
.suscribe-in {
    padding: 30px 0
}
.msgb2 {
    position: absolute;
    top: 9px;
    left: 50px;
    padding: 5px 20px;
    text-align: center;
    width: auto;
    text-transform: uppercase
}
.msgb1 {
    position: absolute;
    top: 420px;
    left: 55px;
    padding: 5px 20px;
    text-align: center;
    width: auto;
    text-transform: uppercase
}
.msgb3 {
    position: absolute;
    top: 174px;
    left: 55px;
    padding: 5px 10px;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    font-size: 10px
}
.okBanner {
    color: #1f8e07;
    background-color: #31f5a659
}
.errorBanner {
    color: #f6181c;
    background-color: #f5313159
}
.borderojo {
    border: 1px solid red
}
.line {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 3px;
    opacity: .5
}
.line.rojo {
    background-color: #e0222a;
}
.line.negro {
    background-color: #000000;
}
.sending {
    position: absolute;
    top: 10px
}
.sending .line:nth-last-child(1) {
    animation: loadingC .6s .1s linear infinite
}
.sending .line:nth-last-child(2) {
    animation: loadingC .6s .2s linear infinite
}
.sending .line:nth-last-child(3) {
    animation: loadingC .6s .3s linear infinite
}
.sending2 {
    position: absolute;
    top: 420px
}
.sending2 .line:nth-last-child(1) {
    animation: loadingC .6s .1s linear infinite
}
.sending2 .line:nth-last-child(2) {
    animation: loadingC .6s .2s linear infinite
}
.sending2 .line:nth-last-child(3) {
    animation: loadingC .6s .3s linear infinite
}
.sending3 {
    position: absolute;
    top: 165px
}
.sending3 .line:nth-last-child(1) {
    animation: loadingC .6s .1s linear infinite
}
.sending3 .line:nth-last-child(2) {
    animation: loadingC .6s .2s linear infinite
}
.sending3 .line:nth-last-child(3) {
    animation: loadingC .6s .3s linear infinite
}
@keyframes loadingC {
    0 {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 15px)
    }
    100% {
        transform: translate(0, 0)
    }
}
.menu-opener-inner {
    padding: 0 0;
    background: #bababa;
    height: .2rem;
    margin-left: .75rem;
    margin-top: 2rem;
    width: auto;
    border: #f0f8ff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
.menu-opener-inner::after, .menu-opener-inner::before {
    background: #bababa;
    content: '';
    display: block;
    margin: .1rem 0;
    height: .2rem;
    width: 2.5rem
}
.menu-opener-inner::before {
    -webkit-transform: translateY(-.75rem);
    -ms-transform: translateY(-.75rem);
    transform: translateY(-.75rem)
}
.menu-opener-inner::after {
    -webkit-transform: translateY(.25rem);
    -ms-transform: translateY(.25rem);
    transform: translateY(.25rem)
}
.close-mobile-menu {
    border: none;
    background: 0 0;
    font-size: 24px;
    color: #999;
    position: absolute;
    top: 0;
    right: 0
}
.close-mobile-menu:hover {
    color: #000
}
button.close-mobile-menu:focus {
    outline: inherit;
    color: #000
}
.navigation-page {
    background: #eee;
    padding: 20px 0;
    font-size: 12px;
    margin-bottom: 30px
}
.navigation-page a {
    color: #555;
    text-transform: capitalize
}
.navigation-page a:hover {
    text-decoration: underline
}
.navigation-page a.active, .navigation-page span.active {
    color: #f20000
}
.side-line {
    border-right: 1px solid #fafafa
}
.slider.slider-horizontal .slider-track {
    height: 2px;
    left: 0;
    margin-top: -5px;
    top: 50%;
    width: 100%
}
.slider-selection {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #000;
    border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .15) inset;
    position: absolute
}
.slider-handle {
    background: #000;
    box-shadow: none;
    height: 15px;
    z-index: 1;
    top: -8px;
    position: absolute;
    opacity: 1;
    width: 15px
}
.left-round {
    margin-left: 0 !important
}
.price-range span.title-price-range {
    font-weight: 500;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 16px
}
.price-range span.fromto {
    color: #999;
    font-size: 12px
}
.btn-filter {
    text-align: center;
    margin: 40px 0 30px;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background: #000;
    width: 100%;
    padding: 15px 15px
}
ul.materials-rec {
    padding: 0;
    margin: 20px 0
}
ul.materials-rec li {
    display: inline-block;
    padding: 8px 0
}
ul.materials-rec li a {
    color: #999;
    border: 1px solid #999;
    padding: 4px 7px;
    font-size: 12px
}
ul.color-squares {
    padding: 0;
    margin: 20px 0
}
ul.color-squares li {
    display: inline-block;
    padding: 8px 0
}
ul.color-squares li a {
    color: #999;
    display: block;
    border: 1px solid #dadada;
    width: 25px;
    height: 25px;
    padding: 2px;
    font-size: 12px
}
ul.color-squares li a.sqr-white {
    background: #fff
}
ul.color-squares li a.sqr-brown {
    background: #3f2021
}
ul.color-squares li a.sqr-gray {
    background: #666
}
ul.color-squares li a.sqr-beige {
    background: #eddc97
}
span.title-last-wish {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 10px 0;
    text-transform: uppercase
}
span.none-article {
    font-size: 12px;
    color: #999;
    padding: 10px 0 40px;
    display: block
}
h2.title-page {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px
}
span.subtitle-page {
    color: #999
}
.orderby-sec h1 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px
}
.orderby-sec h2 {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}
.orderby-sec h3 {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 300
}
.orderby-sec {
    padding-bottom: 10px;
    /*margin: 0 15px 20px 15px;
    border-bottom: 1px solid #ebebeb;*/
    width: 100%;
    display: table
}
.orderby-title {
    display: inline-block;
    font-size: 12px;
    font-weight: 600
}
.showby-title {
    display: inline-block;
    font-size: 12px;
    font-weight: 600
}
.inline-object {
    display: inline-block
}
.block-object {
    display: block
}
.clear-all {
    clear: both
}
.sorter-action.sort-asc::before {
    font-family: Linearicons;
    content: "\e9b9";
    color: #aaa;
    vertical-align: middle;
    font-size: 20px;
    padding: 0 3px
}
.sorter-action.sort-desc::before {
    font-family: Linearicons;
    content: "\e9ba";
    color: #aaa;
    vertical-align: middle;
    font-size: 20px;
    padding: 0 3px
}
.sorter-action.sort-asc span {
    display: none
}
.sorter-action.sort-desc span {
    display: none
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #f6f6f6;
    background-image: none
}
select {
    width: 100%;
    height: 100%;
    color: #aaa;
    padding: 0 0 0 1em;
    cursor: pointer
}
.select {
    font-weight: 600;
    position: relative;
    margin: 0 8px;
    vertical-align: middle;
    height: 3.5em;
    font-size: 12px;
    color: #aaa;
    line-height: 3;
    background: #f6f6f6;
    overflow: hidden
}
a.sorter-action {
    text-decoration: none
}
a.sorter-action:hover::before {
    color: #cacaca
}
select::-ms-expand {
    display: none
}
.input-select {
    position: relative;
    vertical-align: middle;
    color: #ccc;
    font-size: 12px;
    line-height: 3;
    overflow: hidden
}
.input-select::after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    top: -13px;
    right: 4px;
    bottom: 0;
    pointer-events: none;
    font-size: 20px;
}
.select::after {
    font-family: Linearicons;
    content: "\e93a";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    background: #f6f6f6;
    pointer-events: none
}
.select:hover::after {
    color: #f20000
}
.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}
.rating-stars-prods {
    vertical-align: middle
}
.rating-stars-prods .br-theme-fontawesome-stars .br-widget {
    height: 8px
}
.rating-stars-prods .br-theme-fontawesome-stars .br-readonly a {
    font-size: 12px
}
.count-rev {
    vertical-align: middle;
    clear: both;
    font-family: Poppins, sans-serif;
    font-size: 10px;
    color: #bababa;
    margin-top: 4px
}
.icons-prods-over a {
    margin: 5px 0
}
.icons-prods-over a i {
    color: #bababa;
    font-size: 20px;
    padding: 0 2px;
    font-weight: 600
}
.icons-prods-over a:hover i {
    color: #777
}
.pagination-prods {
    clear: both;
    display: block;
    padding: 20px 0 20px 0
}
.before-page-prods {
    display: inline-block
}
.after-page-prods {
    display: inline-block
}
ul.pages-prods {
    padding-left: 0
}
ul.pages-prods li {
    display: inline-block;
    text-align: center;
    vertical-align: center;
    padding: 15px;
    height: 50px;
    width: 50px
}
ul.pages-prods li a {
    color: #bababa;
    font-size: 12px;
    font-weight: 500
}
ul.pages-prods li.active {
    background: #000;
    color: #fff
}
ul.pages-prods li.arrows-page i {
    font-weight: 500;
    font-size: 16px
}
section.accordion-black {
    margin-bottom: 60px
}
section.accordion-black .head-title {
    background: #eee;
    padding: 25px;
    margin-bottom: 10px
}
section.accordion-black .head-title h2 {
    font-size: 26px;
    padding: 0;
    margin: 0
}
section.accordion-black .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #ddd
}
section.accordion-black .panel-group, section.accordion-black .panel-group .panel, section.accordion-black .panel-group .panel-body, section.accordion-black .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body, section.accordion-black .panel-group .panel-heading, section.accordion-black .panel-group .panel-heading a, section.accordion-black .panel-group .panel-title, section.accordion-black .panel-group .panel-title a {
    border-radius: 0;
    border: 0
}
section.accordion-black .panel-group .panel-heading {
    padding: 0
}
section.accordion-black .panel-group .panel-heading a {
    display: block;
    background: #000;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    position: relative
}
section.accordion-black .panel-group .panel-heading a.collapsed {
    background: #eee;
    color: inherit
}
section.accordion-black .panel-group .panel-heading a:after {
    content: '-';
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 30px
}
section.accordion-black .panel-group .panel-heading a.collapsed:after {
    content: '+'
}
section.accordion-black .panel-group .panel-collapse {
    margin-top: 5px !important
}
section.accordion-black .panel-group .panel-body {
    background: #fff;
    padding: 15px
}
section.accordion-black .panel-group .panel {
    background-color: transparent
}
section.accordion-black .panel-group .panel h3 {
    padding: 10px 0;
    font-size: 22px;
    margin-top: 35px
}
section.accordion-black .panel-group .panel-body ol:last-child, section.accordion-black .panel-group .panel-body p:last-child, section.accordion-black .panel-group .panel-body ul:last-child {
    margin-bottom: 0
}
.product-single {
    background: #f7f7f7;
    margin-bottom: 30px
}
#product-slider {
    width: 100%;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 10px
}
#product-slider img {
    width: 100%
}
.page-content .chosen-single, .product-single .product-actions-single .chosen-single {
    height: 40px;
    padding: 6px 0 0 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #7a8188
}
.page-content .chosen-single div, .product-single .product-actions-single .chosen-single div {
    top: 7px
}
.page-content .chosen-single li, .product-single .product-actions-single .chosen-drop li {
    padding: 8px 6px
}
.product-single .product-actions {
    max-width: 280px
}
.product-single .numeric-input {
    margin-right: 10px
}
.product-fullscreen {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    font-size: 24px;
    text-align: center;
    color: #bdc3c7;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    cursor: pointer
}
.product-fullscreen:hover {
    color: #333
}
.product-fullscreen::after{
    font-family: FontAwesome;
    content: "\f0b2";
    font-size: 30px;
    color: #bababa;
}
#product-carousel img {
    height: 100px;
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
    cursor: pointer;
    opacity: .5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}
#product-carousel img.active-item, #product-carousel img:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1
}
#product-carousel {
    position: relative
}
.product-arrows {
    cursor: pointer
}
.product-arrows.left-arrow::after{
    font-family: FontAwesome;
    content: "\f104";
    font-size: 30px;
    color: #bababa;
}
.product-arrows.right-arrow::after{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    color: #bababa;
}
.product-arrows:hover {
    background: #dde3e6
}
.product-arrows i {
    vertical-align: middle
}
.left-arrow {
    display: inline-block;
    float: left;
    position: relative;
    top: 30px;
    right: 10px;
    width: 20px;
    text-align: center
}
.right-arrow {
    display: inline-block;
    float: right;
    position: relative;
    top: 30px;
    right: -10px;
    width: 20px;
    text-align: center
}
.product-single-info table td {
    padding: 0 20px 5px 0 !important;
    border: none
}
.product-single-info strong {
    color: #596067;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin: 0 0 10px
}
.product-single-info span.price {
    font-size: 24px;
    display: block;
    margin: -10px 0 0;
    vertical-align: bottom
}
.product-single-info span.price del {
    font-size: 16px;
    vertical-align: bottom;
    padding-top: 5px;
    display: inline-block
}
table.product-actions-single {
    margin: 30px 0
}
table.product-actions-single td {
    vertical-align: middle !important;
    padding: 5px 20px 5px 0 !important;
    min-width: 100px
}
.full-size > table.product-actions-single td {
    min-width: inherit
}
table.product-actions-single input {
    height: 35px;
    display: inline-block !important
}
.product-single-info .social-share {
    margin: 30px 0
}
.button-row {
    margin-bottom: 30px
}
.char-counter {
    float: right;
    position: relative;
    top: -25px
}
.char-counter input[type=text] {
    width: 100px !important;
    margin-left: 5px
}
.flex-viewport {
    overflow: hidden;
    position: relative
}
.slides-thumb li {
    margin: 0 5px
}
.slides-thumb li:first-child {
    margin: 0 5px 0 0
}
h1.prod-detail-title {
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.42857;
    font-weight: 400
}
span.detail-sku {
    display: block;
    font-size: 12px;
    color: #999
}
.rating-stars-detail {
    vertical-align: middle;
    padding-top: 3px
}
.rating-stars-detail .br-theme-fontawesome-stars .br-widget {
    height: 26px
}
.rating-stars-detail .br-theme-fontawesome-stars .br-readonly a {
    font-size: 14px;
    padding: 0 2px
}
.rating-stars-detail .br-theme-fontawesome-stars .br-readonly a:first-child {
    font-size: 14px;
    padding: 0 0
}
.count-rev-detail {
    position: relative;
    top: -5px;
    vertical-align: middle;
    clear: both;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #bababa;
    margin-top: 4px
}
.detail-prod-info p {
    padding: 6px 0;
    text-align: justify;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #eee
}
.prod-detail-prices {
    border-bottom: 1px solid #eee;
    padding: 10px 0 14px 0
}
.before-price {
    display: block;
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}
.actual-price {
    display: block;
    font-size: 24px
}
.installments-price {
    display: block;
    font-size: 12px
}
.price-tooltip {
    border-bottom: 1px solid #000;
    cursor: pointer
}
.prod-detail-color {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}
.prod-detail-size {
    padding: 12px 0
}
.prod-detail-color span {
    text-transform: uppercase;
    font-size: 12px
}
.prod-detail-color ul {
    display: block;
    padding-left: 0;
    margin-bottom: 0
}
.prod-detail-color ul li {
    display: inline-block;
    border: 1px solid #777;
    padding: 1px;
    margin: 0 3px
}
.prod-detail-color ul li:first-child {
    display: inline-block;
    border: 1px solid #777;
    padding: 1px;
    margin: 0 0;
    margin-right: 2px
}
.prod-detail-color ul li.active {
    border: 2px solid #bababa
}
.prod-detail-color ul li.active a {
    display: block;
    width: 28px;
    height: 28px
}
.prod-detail-color ul li a {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    border: 1px solid #ffffff;
}
.prod-detail-color ul li:hover {
    opacity: .8
}
.prod-detail-bottom {
    padding-top: 10px;
    padding-bottom: 10px
}
.prod-detail-bottom span {
    text-transform: uppercase;
    font-size: 12px
}
.prod-detail-bottom span.prod-bottom-category a {
    text-transform: none;
    color: #777;
    font-size: 12px
}
.prod-detail-bottom span.prod-bottom-category a:hover {
    text-decoration: underline
}
.prod-detail-bottom ul {
    padding-left: 0;
    display: inline-block
}
.prod-detail-bottom ul li {
    display: inline-block;
    font-size: 20px;
    padding: 0 3px;
    color: #777;
    cursor: pointer
}
.prod-detail-bottom ul li:first-child {
    display: inline-block;
    font-size: 20px;
    padding: 0 0;
    padding-right: 3px
}
.prod-detail-share {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 7px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.prod-detail-share span {
    text-transform: uppercase;
    font-size: 12px
}
.prod-detail-share ul.icons-share {
    float: right
}
.prod-detail-share ul.icons-share li a {
    font-size: 20px
}
.prod-detail-share ul.icons-share li:hover {
    opacity: .8
}
.prod-detail-cart {
    border-bottom: 1px solid #eee;
    padding: 12px 0
}
.prod-detail-date {
    margin: 0 0;
    border: 1px solid #ccc !important
}
.prod-detail-quantity {
    padding: 0
}
.prod-detail-quantity span.q-text {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase
}
.prod-detail-buy {
    padding: 16px 0;
    text-align: center
}
.prod-detail-buy a {
    height: 40px
}
.prod-detail-buy button.detail-buy-now {
    color: #fff;
    font-weight: 300;
    background: #000;
    padding: 7px 0;
    width: 70%;
    height: 35px
}
.prod-detail-buy button.detail-buy-now span {
    font-size: 14px
}
.prod-detail-buy button.detail-buy-now:hover {
    background: #555
}
.prod-detail-buy button.btn-beside {
    border: none;
    width: 25%;
    color: #999;
    height: 35px;
    background: #eee
}
.prod-detail-buy button.btn-beside span {
    font-size: 14px
}
.prod-detail-buy button.btn-beside:hover {
    background: #ddd
}
.prod-detail-buy button.btn-beside:focus {
    outline: 0
}
.prod-detail-buy button.btn-beside span i {
    color: #777;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 600
}
button.btn-number {
    border: 1px solid #ddd;
    background: #eee;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
button.btn-number i {
    font-size: 10px;
    font-weight: 500
}
.prod-detail-quantity .q-group {
    margin: 0 auto
}
.prod-detail-quantity .input-group .form-control {
    width: 50px;
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    z-index: 0
}
.shoppingcart-quantity .q-group {
    margin: 0 auto
}
.shoppingcart-quantity .input-group .form-control {
    width: 50px;
    margin-bottom: 0;
    text-align: center;
    display: inline-block
}
.quantity-left-minus {
    float: left
}
.quantity-right-plus {
    float: right
}
.tab-pane {
    padding: 20px 0
}
section.specifications-prod {
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0 15px
}
table.tg-specs {
    font-size: 12px;
    color: #777;
    font-weight: 300
}
table.tg-specs tr {
    border-bottom: 1px dotted #ccc
}
table.tg-specs td {
    padding: 5px 0
}
table.tg-specs td:first-child {
    color: #333;
    font-weight: 500;
    width: 150px
}
td.spec-cares {
    text-align: justify
}
span.attribute {
    font-size: 12px;
    vertical-align: middle;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
textarea.area-care {
    font-size: 12px;
    text-align: justify;
    height: 80px
}
.review-head {
    padding: 0 10px;
    padding-bottom: 15px
}
.review-content {
    border-top: 1px solid #ccc;
    display: block;
    padding: 0 10px
}
.comment-reviews {
    width: 100%;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    display: inline-block;
    margin-bottom: 10px
}
.review-content h3 {
    font-size: 20px;
    padding-bottom: 10px
}
.rev-specs-title {
    color: #f27209;
    font-weight: 500
}
.rev-specs-subtitle {
    display: block;
    font-size: 12px;
    color: #555
}
a.btn-write {
    padding: 10px 20px;
    background: #000;
    color: #fff;
    float: right
}
a.btn-write:hover {
    background: #555
}
.open-modal-review {
    float: right
}
.client-name-rev {
    font-weight: 500;
    font-size: 16px
}
.title-rev-comment {
    font-size: 16px;
    font-weight: 600;
    color: #333
}
.date-rev-comment {
    color: #aaa;
    font-size: 12px
}
.review-comment {
    padding: 10px 0
}
.reviews-pag {
    border: none;
    text-align: center
}
section.shopping-cart {
    font-family: Roboto, sans-serif
}
table.cart-table {
    width: 100%
}
table.cart-table thead {
    background: #eee;
    border: 1px solid #d7d7d7;
    vertical-align: middle
}
table.cart-table thead tr {
    height: 40px
}
table.cart-table thead tr td {
    padding: 0 5px;
    text-transform: uppercase;
    color: #555;
    text-align: center;
    font-weight: 500
}
table.cart-table thead tr td.prod-name {
    text-align: left
}
table.cart-table tbody tr {
    height: 80px
}
table.cart-table tbody tr.gray {
    background: #efefef;
    height: 80px
}
table.cart-table tbody tr td {
    padding: 5px;
    text-align: center
}
table.cart-table tbody tr td.prod-name {
    text-align: left
}
table.cart-table tbody tr td.nav-del {
    border-left: 1px solid #d7d7d7;
    text-align: center;
    padding: 0 2px
}
table.cart-table tbody tr td.nav-wish {
    border-right: 1px solid #d7d7d7;
    text-align: center;
    padding: 0 2px
}
table.cart-table tbody tr.last {
    border-bottom: 1px solid #d7d7d7
}
table.cart-table tbody tr td.nav-del a {
    color: #333;
    font-size: 16px;
    cursor: pointer
}
table.cart-table tbody tr td.nav-del a:hover {
    color: #f20000
}
table.cart-table tbody tr td.nav-wish a {
    color: #333;
    font-size: 16px;
    cursor: pointer
}
table.cart-table tbody tr td.nav-wish a:hover {
    color: #f20000
}
.update-cart-div {
    display: none
}
.shipping-cost {
    border: 1px solid #d7d7d7
}
.table-cart {
    border: 1px solid #d7d7d7
}
.active-tc {
    border: 1px solid #aaa
}
.head-shipping {
    width: 100%;
    height: 40px;
    background: #f1f1f1;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7
}
.head-shipping span {
    padding: 10px 15px;
    display: block
}
.heading-title {
    width: 100%;
    height: 40px;
    background: #f1f1f1;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7
}
.heading-title span {
    padding: 10px 15px;
    display: block
}
.active-ht {
    background: #000;
    border-bottom: 1px solid #000
}
.active-ht span {
    color: #fff
}
.pick-ship {
    display: block;
    height: auto
}
.price-ship-desc span {
    color: #555
}
.city-ship-desc {
    color: #aaa !important
}
.twelve-installments {
    border: 1px solid #d7d7d7
}
.head-resume {
    background: #f1f1f1;
    padding: 10px 15px;
    border-bottom: 1px solid #d7d7d7
}
.head-resume span {
    font-weight: 600;
    font-size: 14px
}
.products-order {
    background: #fff
}
.products-order table tr {
    border-bottom: 1px solid #d7d7d7
}
.products-order > table > tbody > tr:last-child {
    border-bottom: 1px solid #b4b4b4
}
.products-order table tr td {
    padding: 18px 10px
}
.all-percent {
    width: 100%
}
.subtotal-order table tr td {
    padding: 10px 15px
}
.side-order-resume {
    border: 1px solid #d7d7d7;
    background: #f7f7f7
}
.side-order-resume table tr {
    width: 100%
}
.side-order-resume table tr td.desc-resume {
    width: 50%
}
.side-order-resume table tr td.price-resume {
    text-align: right;
    width: 50%
}
.side-order-summary {
    border: 1px solid #d7d7d7;
    background: #f7f7f7
}
.side-order-summary table tr {
    width: 100%
}
.side-order-summary table tr td.desc-resume {
    width: 60%
}
.side-order-summary table tr td.price-resume {
    text-align: right;
    width: 40%
}
.img-resume-checkout {
    width: 30%
}
.desc-resume-checkout {
    width: 70%
}
.subtotal-order {
    background: #f7f7f7
}
.total-order {
    background: #f7f7f7;
    border-top: 2px solid #b4b4b4
}
.total-order table tr td {
    padding: 10px 15px
}
.promotion-order {
    border-top: 2px dashed #dedede;
    border-bottom: 2px dashed #dedede;
    background: #f7f7f7;
    margin: 10px 15px;
    padding: 5px 0 5px
}
.promotion-order input {
    background: #f7f7f7;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ccc
}
.promotion-order input {
    background: #f7f7f7;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ccc
}
.promotion-order input::-webkit-input-placeholder {
    font-size: 12px;
    color: #bbb
}
.promotion-order input::-moz-placeholder {
    font-size: 12px;
    color: #bbb
}
.promotion-order input:-ms-input-placeholder {
    font-size: 12px;
    color: #bbb
}
.promotion-order input:-moz-placeholder {
    font-size: 12px;
    color: #bbb
}
.promotion-order button {
    color: #777;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ccc;
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0, #d1d1d1 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 0, #d1d1d1 100%);
    background: linear-gradient(to bottom, #f4f4f4 0, #d1d1d1 100%)
}
.boldy {
    font-weight: 600
}
.blueFont {
    color: #259ef1
}
.buttons-order {
    padding: 10px 0
}
.buttons-order button {
    font-size: 14px
}
.buttons-order button:hover {
    opacity: .8;
    color: #fff
}
.buttons-order button i {
    padding: 0 3px
}
.single-prod {
    color: #a7a7a7
}
.total-price {
    font-size: 16px;
    color: #c7111d
}
.total-price span {
    font-size: 14px;
    color: #555;
    display: inline-block
}
#StoreCartSelect {
    display: none
}
.products-order table.tb-description {
    width: 100%
}
.products-order table.tb-description tr {
    border-bottom: none
}
.products-order table.tb-description tr td {
    padding: 0
}
.products-order table.tb-description tr.tr-name td {
    padding: 0 0 10px 0
}
.products-order table tr td span {
    display: block
}
tr.font12 {
    font-size: 12px;
    font-weight: 500
}
.text-gray {
    color: #b7b7b7
}
.upper {
    text-transform: uppercase
}
.left-line {
    padding: 0 15px;
    border-left: 1px solid #ddd
}
.tabs-left {
    border-bottom: none;
    background: #f7f7f7;
    border-right: 1px solid #ebebeb;
    -webkit-box-shadow: inset -5px 0 20px -10px #aaa;
    -moz-box-shadow: inset -5px 0 20px -10px #aaa;
    box-shadow: inset -5px 0 20px -10px #aaa
}
.tabs-left > li, .tabs-right > li {
    float: none
}
.tabs-left > li > a {
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #ebebeb;
    margin-right: 0;
    display: block;
    padding: 25px 15px;
    border-top: none;
    border-left: none;
    -webkit-box-shadow: inset -3px 0 20px -10px #aaa;
    -moz-box-shadow: inset -3px 0 20px -10px #aaa;
    box-shadow: inset -3px 0 20px -10px #aaa
}
.tabs-left > li.logo-img a {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    border-right: 1px solid #ebebeb;
    margin-right: 0;
    display: block;
    padding: 15px 15px;
    border-top: none;
    border-left: none;
    -webkit-box-shadow: inset -3px 0 20px -10px #aaa;
    -moz-box-shadow: inset -3px 0 20px -10px #aaa;
    box-shadow: inset -3px 0 20px -10px #aaa;
    line-height: 14px
}
.tabs-left > li > a i {
    font-size: 22px;
    padding-right: 5px
}
.tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right: none;
    border-top: none;
    border-left: none;
    margin-right: -1px;
    text-align: center
}
.tab-content {
    padding: 0 10px 10px 20px
}
img.paid-logo {
    border: 1px solid #bbb
}
.square-border {
    padding: 10px;
    border: 1px solid #ddd
}
.mar10 {
    margin: 10px
}
.width-addressbook-checkout {
    width: 700px
}
.store-country {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}
.store-country h2 {
    color: #d80008;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc
}
.store-country .row {
    padding-bottom: 30px
}
.store-country .row img {
    border: 1px solid #ccc
}
.store-country .row h3 {
    font-size: 18px;
    font-weight: 500
}
.store-country .row a {
    display: block;
    color: #d80008
}
.store-country .row a.see-map {
    display: inline-block;
    text-align: right;
    float: right;
    padding: 5px;
    margin: 10px;
    border: 1px solid #d80008
}
.store-country .row a.see-map i {
    font-size: 16px;
    padding-right: 2px
}
.see-map:hover {
    border: 1px solid #a81419
}
.store-country .row a:hover {
    color: #a81419
}
.store-country .row a i {
    font-size: 18px;
    padding-right: 5px
}
.store-country .row strong {
    display: block;
    padding: 15px 0 10px 0
}
.store-country .row p {
    color: #777
}
.begin-title {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 20px
}
.mision-vision {
    text-align: center
}
.mision-vision i {
    padding: 15px;
    font-size: 20px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border: 2px solid #dc0004;
    color: #dc0004;
    text-align: center
}
.mision-vision i.icon-chevron-down {
    padding: 0;
    font-size: 16px;
    border: none;
    color: #000
}
.mision-vision h3 {
    margin-top: 25px;
    margin-bottom: 30px
}
.list-group-item-text {
    padding: 10px 5px 5px 5px
}
section.full-experience {
    background: #eee;
    padding: 20px 0 50px 0;
    margin: 30px 0 20px 0
}
.experience h3 {
    margin-top: 0;
    margin-bottom: 20px
}
ul.ok-list li {
    display: block;
    color: #555;
    padding: 3px 0
}
ul.ok-list li:before {
    content: "\e959";
    font-family: Linearicons;
    font-size: 16px;
    font-weight: 700;
    float: left;
    margin-top: -2px;
    margin-left: -24px;
    color: #f20000
}
ul.arrow-list li {
    display: block;
    color: #555;
    padding: 3px 0
}
ul.arrow-list li a {
    color: #dc0004
}
ul.arrow-list li:before {
    content: "\e965";
    font-family: Linearicons;
    font-size: 16px;
    font-weight: 700;
    float: left;
    margin-top: -2px;
    margin-left: -24px;
    color: #f20000
}
.certifications table {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc
}
.certifications h3 {
    margin-bottom: 30px
}
.certifications table tr {
    width: 30%;
    border: 1px solid #ccc
}
.certifications table tr:last-child {
    border: none
}
.certifications table tr td.td-year {
    width: 30%;
    font-weight: 700;
    font-size: 16px
}
.certifications table tr td.td-img {
    width: 30%;
    padding: 5px 0
}
.certifications table tr td.td-desc {
    width: 40%
}
.slider-action {
    width: 450px
}
.slider-action ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}
.slider-action li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}
.slider-action img {
    display: block;
    height: auto;
    max-width: 100%
}
.menu-shop-container {
    width: 35%;
    position: fixed;
    z-index: 9999;
    left: 100%;
    top: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-flow: column;
    background-color: #fff
}
.carrito {
    width: 35%;
    position: fixed;
    z-index: 9999;
    left: 100%;
    top: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    flex-flow: column;
    background-color: #fff
}
.badge {
    background-color: #f20000;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}
.shopping-cart-menu {
    z-index: 100000;
    margin: 0;
    width: 70%;
    border-radius: 0;
    padding: 20px;
    top: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.carrito .recomendados {
    z-index: 2;
    margin: 0;
    border-right: 4px solid #f3f4f5;
    width: 30%;
    border-radius: 0;
    padding: 20px 15px 0 15px;
    top: 0;
    position: relative
}
.carrito .recomendados .item .nombre {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.carrito .header {
    width: 100%;
    display: flex;
    flex-flow: row;
    border-bottom: 4px solid #f3f4f5;
    margin: 0;
    padding: 10px;
    font-size: 18px
}
.carrito .header .title {
    font-size: 20px;
    font-weight: 500;
    width: 20%;
    text-align: left
}
.carrito .header .totales {
    font-size: 20px;
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: flex-end
}
.carrito .row.contenido {
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    margin: 0
}
.carrito .SelectCant {
    background-color: transparent !important
}
.shopping-cart-menu .shopping-cart-menu-header {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px
}
.shopping-cart-menu .shopping-cart-menu-header .clicTeflonCart .azul {
    margin: 0 3px !important
}
.shopping-cart-menu .shopping-cart-menu-header .shopping-cart-menu-header {
    float: right
}
.carrito .row.shopping-cart-menu-header {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin: 0
}
.carrito .row.shopping-cart-menu-header button {
    top: 0 !important;
    right: 10px !important;
    position: relative
}
.shopping-cart-menu-items {
    padding-top: 20px;
    padding-left: 0;
    overflow-y: scroll
}
.shopping-cart-menu-items li {
    margin-bottom: 18px
}
.shopping-cart-menu-items a.del-item {
    padding: 25px 3px;
    color: #999;
    float: right;
    cursor: pointer
}
.shopping-cart-menu-items img {
    float: left;
    margin-right: 12px
}
.shopping-cart-menu-items .empty-cart {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 20px
}
.shopping-cart-menu-items .item-name {
    font-weight: 500;
    display: block;
    padding-top: 10px;
    font-size: 13px
}
.shopping-cart-menu-items .item-price {
    color: #5f8bff;
    font-size: 12px;
    margin-right: 8px
}
.blue-price {
    color: #5f8bff
}
.shopping-cart-menu-items .item-quantity {
    font-size: 300;
    color: #aaa;
    font-size: 12px
}
.shopping-cart-menu-total {
    float: right
}
.loader-ellips {
    text-align: center;
    margin: 0 auto;
    position: relative
}
.scroller-status p {
    text-align: center;
    /*border-top: 1px solid #ebebeb;*/
    padding: 20px 0;
    color: #bbb
}
.jssocials-share-link {
    padding: .3em .2em;
    border-radius: none;
    border: none
}
.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.4em
}
.catalog-cat li a.active {
    color: #f20000;
    pointer-events: none !important;
}
.catalog-cat li a:hover {
    color: #f20000
}
.close-title-modal {
    position: relative;
    top: 5px
}
.close-title-modal span {
    font-size: 28px
}
#btnIr {
    position: fixed;
    bottom: 20px
}
#jquery-msg-bg {
    -moz-opacity: 0.7 !important;
    -khtml-opacity: 0.7 !important;
    opacity: .7 !important;
    background: #fff !important
}
.jquery-msg-content {
    -webkit-background-clip: padding-box;
    padding: 15px
}
.black-on-white .jquery-msg-content {
    background: 0 0;
    color: #333;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: .8
}
.thanks-icon-title i {
    color: #00b63d;
    font-size: 80px;
    font-weight: 300
}
.thanks-icon-title i.error {
    color: #d70000;
    font-size: 80px;
    font-weight: 300
}
.thanks-icon-title {
    color: #767676;
    font-size: 30px;
    font-weight: 400
}
.status-order-title {
    text-transform: uppercase;
    background: #767676;
    letter-spacing: 3px;
    font-weight: 500;
    color: #fff;
    padding: 0 10px
}
.order-summary-confirm {
    margin: 0 auto;
    background: #eaeaea;
    padding: 10px 20px;
    display: block
}
table.tb-order-summary {
    margin: 10px 0 20px 0;
    width: 100%;
    border-bottom: 2px solid #bababa
}
table.tb-order-last {
    margin: 10px 0
}
table.tb-order-last td {
    padding: 3px 5px
}
table.tb-order-summary tr {
    height: 30px
}
table.tb-order-summary tr.head {
    font-weight: 500;
    text-align: center;
    border-bottom: 2px solid #bababa
}
table.tb-order-summary tr.end {
    border-top: 1px dotted #bababa
}
table.tb-order-summary tr td {
    width: 25%;
    text-align: right
}
table.footer-order-contact {
    text-align: center
}
table.footer-order-contact td {
    padding: 10px
}
.cls-change-payments {
    font-size: 16px
}
.one-debit-pay {
    font-size: 16px
}
.cls-change-total {
    font-size: 16px
}
.group-res-form {
    margin-bottom: 15px
}
.title-tb-contact-order {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #c12126
}
.invoice-img a {
    cursor: pointer;
    font-size: 18px;
    color: #555;
    display: inline
}
.invoice-img .tooltip-inner {
    background-color: #eaeaea;
    border-radius: 0;
    max-width: 350px;
    padding: 0 0
}
.invoice-img .tooltip.in {
    opacity: 1
}
.invoice-img img {
    width: 380px;
    height: 174px;
    border: 1px solid #ccc
}
table.oxxopay-tb td {
    width: 50%
}
table.oxxopay-tb span.total-oxxopay {
    font-size: 40px;
    font-weight: 400
}
table.oxxopay-tb span.aditional-oxxopay {
    font-size: 10px
}
.refer-oxxopay {
    font-weight: 700;
    display: block
}
.oxxopay-code-refer {
    margin: 0 auto;
    width: 400px;
    background: #f2f4f6;
    border: 1px solid #bababa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px
}
.oxxopay-code-refer span {
    padding-top: 5px;
    font-size: 28px;
    font-weight: 500;
    display: block
}
.container-4 {
    /*margin-top: 5px;
    overflow: hidden;*/
    width: 100%;
    vertical-align: middle;
    white-space: nowrap
}
.container-4 input#search {
    width: 100%;
    height: 25px;
    background: #eee;
    border: none;
    font-size: 12px;
    float: left;
    padding-left: 10px
}
.container-4 input#search::-webkit-input-placeholder {
    color: #65737e
}
.container-4 input#search:-moz-placeholder {
    color: #65737e
}
.container-4 input#search::-moz-placeholder {
    color: #65737e
}
.container-4 input#search:-ms-input-placeholder {
    color: #65737e
}
.container-4 button.icon {
    cursor: none;
    border: none;
    background: #000;
    height: 25px;
    width: 30px;
    color: #fff;
    opacity: 1;
    font-size: 10pt;
    margin-left: -27px
}
img.oxxo-logo-payment-tab {
    width: 70px;
    height: 37px
}
.form-warehouse-ship {
    display: none
}
.title-deferred {
    font-size: 16px;
    font-weight: 500;
    color: #de0000;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ccc
}
table.deferred-shop-tb {
    width: 100%;
    margin: 7px 0 20px 0
}
table.deferred-shop-tb td {
    width: 50%
}
table.deferred-shop-tb tr.title {
    font-weight: 700;
    font-size: 14px;
    color: #333
}
table.deferred-shop-tb tr.price {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    margin: 10px 0
}
.date-delivery {
    background-color: #fff !important;
    border: 1px solid #ddd;
    color: #000;
    height: 32px;
    padding: 4px 12px;
    width: 100%;
    font-size: 14px
}
.chek-member-contract {
    float: right
}
.chek-member-contract tr td {
    padding: 0 5px
}
.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    background-color: #fff;
    height: 3em;
    opacity: .5
}
span.sub-payworks {
    font-size: 12px;
    font-weight: 300;
    font-style: italic
}
label.deferred-label {
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 14px;
    padding-bottom: 7px;
    margin: 0 5px
}
label.deferred-label:hover {
    background: #dadada
}
.month-card-payment {
    padding-right: 2px;
    padding-left: 0
}
.year-card-payment {
    padding-left: 2px;
    padding-right: 0
}
.deferred-payment-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px
}
.deferred-payment-box p {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #de0000;
    border-bottom: 1px solid #ccc
}
.seo_catalog_footer {
    font-size: 10px;
    color: #999;
    font-weight: 300
}
.seo-prod-footer {
    font-size: 10px;
    color: #999;
    font-weight: 300;
    padding-bottom: 10px
}
.seo-h2-product, .seo-h3-product {
    font-size: 12px;
    display: inline;
    color: #aaa;
    font-weight: 400
}
li.search-item-menu {
    background: #fff
}
li.search-item-menu:hover {
    background: #eee
}
li.search-item-menu:hover a, li.search-item-menu:hover img, li.search-item-menu:hover span {
    background: #eee;
    color: #333;
    border: none
}
.capitalize {
    text-transform: capitalize
}
.title-tab-payment {
    padding: 5px 0;
    display: block;
    text-align: center
}
.picker__frame {
    margin-bottom: 15%
}
.progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step
}
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d
}
.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #ccc;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #fff;
    font-size: 14px
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #ccc;
    top: 15px;
    left: -50%;
    z-index: -1
}
.progressbar li:first-child:after {
    content: none
}
.progressbar li.active {
    color: #000
}
.progressbar li.active:before {
    border-color: #000;
    background: #000 none repeat scroll 0 0;
    border-color: #000;
    color: #fff;
    font-size: 14px
}
.progressbar li.active + li:after {
    background-color: #000
}
.no-prods-in-category {
    zoom: 1;
    opacity: .5
}
.no-prods-in-category span {
    color: #999
}
.no-prods-in-category span.big {
    font-size: 1.8em;
    font-weight: 700
}
.no-prods-in-category span.small {
    font-size: 1.5em;
    font-weight: 600
}
.comments-modal-review, .title-modal-review {
    margin-bottom: 10px
}
.status-label {
    padding: 1px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}
.heading-bottom h5 {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin: 0
}
.heading-bottom h5.subtitle-featured {
    text-transform: none;
    color: #777;
    font-weight: 300;
    font-size: 12px
}
select[name=myOrdersTable_length] {
    padding: 1px 10px
}
.text-white {
    color: #fff
}
.magnifier {
    background: #fff
}
.size-12 {
    font-size: 12px
}
.size-14 {
    font-size: 14px
}
.size-16 {
    font-size: 16px
}
.size-18 {
    font-size: 18px
}
.size-20 {
    font-size: 20px
}
.size-22 {
    font-size: 22px
}
.size-24 {
    font-size: 24px
}
.side-banner {
    position: fixed;
    top: 50%;
    z-index: 1050;
    width: 70%;
    max-width: 900px;
    max-height: 90%;
    display: block;
    transform: translate(-100%, -50%);
    transition: all .3s ease-in-out
}
.side-banner .text-side-banner {
    position: absolute;
    padding: 6px 12px;
    top: 0;
    right: 1px;
    color: #000;
    background: red;
    cursor: pointer;
    transform-origin: 100% 0;
    transform: rotate(-90deg);
    font-weight: 700;
    z-index: -1
}
.close-side-banner {
    position: absolute;
    right: 6px;
    top: 6px;
    text-shadow: 1px 1px 4px grey;
    font-size: 44px;
    line-height: 20px;
    font-weight: 100;
    cursor: pointer
}
.side-banner.open {
    transform: translate(0, -50%)
}
.side-banner-newsletter {
    background-color: #ecedef;
    position: fixed;
    top: 50%;
    z-index: 1050;
    width: 70%;
    max-width: 500px;
    max-height: 90%;
    display: block;
    transform: translate(-100%, -50%);
    transition: all .3s ease-in-out
}
.side-banner-newsletter .down {
    max-height: 300px;
    padding: 20px;
    text-align: left;
    background-color: #acacac;
    color: #fff
}
.side-banner-newsletter .down input {
    width: 300px;
    height: 36px;
    color: #000
}
.side-banner-newsletter .text-side-banner-newsletter {
    position: absolute;
    padding: 6px 12px;
    top: 0;
    right: 1px;
    color: #000;
    background: #000;
    cursor: pointer;
    transform-origin: 100% 0;
    transform: rotate(-90deg);
    font-weight: 700;
    z-index: -1
}
.banner-newsletter #tit2, .side-banner-newsletter #tit {
    font-size: 24px
}
.banner-newsletter #tit2 {
    margin-top: 15px
}
.banner-newsletter #sub2, .side-banner-newsletter #sub {
    margin-top: 15px
}
.side-banner-newsletter #nwsletterSide {
    width: 30% !important;
    display: inline-block;
    text-align: center
}
.banner-newsletter #nwsletterModal {
    width: 100% !important;
    display: block;
    text-align: center
}
.banner-newsletter .close {
    top: 3px !important;
    right: 5px !important;
    position: absolute;
    color: #fff
}
.close {
    opacity: .8 !important
}
.close-side-banner-newsletter {
    position: absolute;
    right: 6px;
    top: 6px;
    text-shadow: 1px 1px 4px grey;
    font-size: 44px;
    line-height: 20px;
    font-weight: 100;
    cursor: pointer
}
.side-banner-newsletter.open {
    transform: translate(0, -50%)
}
img.flag-prod {
    position: absolute !important;
    top: 0;
    left: 0
}
img.label-new {
    position: absolute !important;
    top: 0;
    right: 4%;
    width: 13% !important
}
.img-cat {
    position: relative;
}
.label-especial {
    background-color: #F40000;
    color: #ffffff;
    border-radius: 15px;
    position: absolute !important;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 6px;
}
.label-agotado {
    background-color: #9e9e9d;
    color: #ffffff;
    border-radius: 15px;
    position: absolute !important;
    right: 0;
    bottom: 0;
    min-width: 105px;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 6px;
    text-transform: capitalize;
    text-align: center;
}
.product-single-image .label-agotado {
    bottom: 50px;
    min-width: 170px;
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 10px;
    border-radius: 30px;
}
.carousel-inner img.label-new {
    position: absolute !important;
    top: 0;
    right: 4%;
    min-width: 25% !important;
    width: 25% !important;
    max-width: 25% !important;
}
img.label-2x1 {
    position: absolute !important;
    top: 15px;
    right: 15px;
    width: 25% !important
}
img.label-2x1-m {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 35% !important;
    max-width: 35% !important;
    min-width: 35% !important
}
img.label-HW {
    position: absolute !important;
    top: 0;
    right: 10px;
    width: 19% !important
}
img.label-HW2021 {
    position: absolute !important;
    top: 0;
    left: 10px;
    width: 19% !important
}
img.label-CW2021 {
    position: absolute !important;
    width: 20% !important;
    top: 0 !important;
    left: 0 !important
}
.label-CW2022 {
    position: absolute !important;
    width: auto !important;
    bottom: 10px !important;
    left: 5px !important;
    padding: 5px 12px;
    background-color: #f50000;
    color: #ffffff;
    font-size: 16px;
    border-radius: 20px;
}
#product-list .label-CW2022 {
    bottom: 0px !important;
    left: 0px !important;
    font-size: 12px;
}
#listProductsRelated .label-CW2022 {
    left: 0px !important;
    bottom: 0 !important;
    font-size: 12px;
}
img.label-BF2022 {
    position: absolute !important;
    width: 30% !important;
    top: 10px !important;
    left: 0 !important;
    border: none !important;
}
img.label-BF2022-2 {
    position: absolute !important;
    width: 25% !important;
    top: 0 !important;
    right: 0 !important;
    border: none !important;
}
/*imagen en producto*/
img.flag_izq{
    position: absolute !important;
    width: 22% !important;
    top: 0 !important;
    left: 0 !important
}
/*imagen en catalogo*/
#product-list img.flag_izq{
    width: 31% !important;
    transition: none !important;
}
/*imagen en carruseles*/
.car-slick img.flag_izq{
    width: 31% !important;
    border: none;
    top: 10px !important;
    left: 10px !important;
}

#product-slider img.label-new {
    top: 2px;
    width: 10% !important;
    right: 4px
}
#product-slider img.label-HW {
    top: -6px
}
img.label-temporality {
    position: absolute !important;
    top: 2%;
    right: 2%;
    width: 24% !important
}
#product-slider img.label-temporality {
    width: 16% !important
}
.d-block {
    display: block
}
.list-city > li:nth-child(1n+8):not(.see_more):not(.visible) {
    display: none
}
.mainCity {
    min-height: 330px
}
.d-none {
    display: none
}
.size-14 {
    font-size: 14px
}
.g-recaptcha__margin-auto > div {
    margin: 0 auto
}
@media (max-width:576px) {
    .mainCity {
        min-height: auto
    }
    .marXsBot-0 {
        margin-bottom: 0 !important
    }
    .marXsBot-10 {
        margin-bottom: 10px !important
    }
    .marXsBot-20 {
        margin-bottom: 20px !important
    }
}
.btn-outline-primary {
    padding: 5px;
    border: 1px solid #d80008;
    color: #d80008
}
.btn-outline-primary:active, .btn-outline-primary:hover {
    background-color: #d80008;
    color: #fff
}
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
    text-decoration: underline
}
.btn-blue {
    background-color: #5683ac
}
.btn-green {
    background-color: #37781b
}
.flag-prod {
    position: absolute;
    background: #ffd80c;
    display: block;
    padding: 4px 4px;
    top: 0;
    right: 0;
    text-transform: uppercase;
    user-select: none;
    cursor: default;
    transform-origin: 100% 100%;
    transform: rotate(-90deg) scaleX(.8);
    font-weight: bolder;
    letter-spacing: 1px;
    font-size: 22px;
    color: #000
}
.flag-prod.flag-prod-small {
    padding: 1px 5px;
    font-size: 12px
}
.shoppingcart-quantity {
    min-width: 60px
}
.BannerHeader {
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    letter-spacing: 1px
}
.BannerHeader .icon-benefit {
    width: auto;
    display: inline-block;
    padding: 0;
    float: none
}
.BannerHeader .icon-benefit span {
    position: relative;
    font-size: 35px;
    color: #fff
}
.header-bottom .navbar-header {
    text-align: center
}
.Entrega {
    text-align: center;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid #eee
}
.flag {
    padding: 3px;
    width: 100%;
    background-color: #ffd300;
    text-transform: uppercase;
    margin-bottom: 5px
}
.Entrega .dias {
    font-size: 19px;
    font-weight: 300;
    color: #000;
    display: block
}
.Entrega .edos {
    font-size: 12px;
    margin-bottom: 5px;
    color: #999
}
.Entrega .legal {
    font-size: 11px;
    color: #999;
    display: block;
    margin: 3px 0
}
.EntregaSmall {
    text-align: center;
    padding: 0 0 10px 0 !important
}
.EntregaSmall .diasSmall {
    font-size: 13px;
    font-weight: 300;
    display: block;
    color: #000;
    margin-top: 2px
}
.globito .cerrar {
    font-size: 12px;
    font-weight: 800;
    color: #ACACAC;
    position: absolute;
    bottom: 50px;
    left: 0px;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-color: #fff;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    z-index: 9
}
.globito {
    background-color: #fff;
    width: 200px;
    height: 80px;
    border-radius: 50%;
    color: #000;
    position: fixed;
    bottom: 90px;
    right: 40px;
    display: flex;
    justify-content: center;
    padding: 15px 10px 10px 10px;
    align-items: center;
    text-align: center;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    z-index: 9
}
.globito:after {
    content: "";
    position: absolute;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    box-shadow: rgba(0, 0, 0, .3) 10px 10px 10px;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    bottom: -3px;
    left: 142px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff #fff transparent
}
.whatsapp {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    z-index: 9
}
.float {
    animation: float 6s ease-in-out infinite
}
.whatsapp svg {
    width: 80%;
    height: 80%
}
.form-whats .cerrar {
    font-size: 14px;
    font-weight: 800;
    color: #c1c1c1;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999
}
.form-whats {
    opacity: 0;
    position: fixed;
    right: 5px;
    bottom: 80px;
    display: flex;
    justify-content: center;
    width: 280px;
    height: 360px;
    border-radius: 2%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .25);
    z-index: 10
}
.form-whats .titulo {
    margin-bottom: 30px
}
.form-whats .block-card {
    padding: 10px 0
}
.form-whats h3 {
    font-size: 15px;
    font-weight: 600
}
.form-whats h5 {
    font-size: 10px
}
.form-whats a {
    width: 90% !important;
    background-color: #4caf50;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    color: #fff;
    position: absolute;
    bottom: 30px
}
.form-whats a svg {
    width: 20px;
    height: 20px;
    margin-right: 5px
}
.form-whats .input-select {
    line-height: 2 !important
}
.form-whats .help-block {
    margin-top: 0 !important
}
.form-whats .disable {
    opacity: .2 !important;
    cursor: none
}
@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
        transform: translatey(0)
    }
    50% {
        box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
        transform: translatey(-10px)
    }
    100% {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
        transform: translatey(0)
    }
}
.comparte-carrito {
    margin: 10px 0 !important
}
.addressbook-list {
    display: flex;
    flex-flow: column;
    align-items: start
}
.panel .head-resume {
    background: #f1f1f1;
    padding: 0;
    border-bottom: 1px solid #d7d7d7
}
.panel .head-resume a {
    display: block;
    background: #000;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 10px
}
.panel .head-resume a.collapsed {
    background: #eee;
    color: inherit
}
.panel .head-resume a.collapsed:after {
    content: '+'
}
.panel .head-resume a:after {
    content: '-';
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 20px
}
.panel .promotion-order {
    border: none;
    margin: 0;
    padding: 0
}
.panel .promotion-order input {
    background: #f7f7f7;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px
}
.panel .promotion-order button {
    width: 100%;
    color: #464646;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ccc;
    background: 0 0;
    background-color: #bbb;
    padding: 10px
}
.panel .promotion-order button i {
    padding: 0 10px
}
.alerta {
    background-color: #ff00042b !important
}
.disp-none {
    display: none
}
.label {
    display: block;
    font-size: 75%;
    padding: 3px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    border-radius: .25em
}
.panel {
    background-color: #eee
}
.panel form .row {
    padding: 0 15px
}
.panel form .row div {
    padding: 0 5px
}
.new-forms .form-group {
    position: relative;
    margin-bottom: 10px
}
.new-forms .panel {
    margin-bottom: 10px
}
.new-forms .form-group label {
    font-weight: 400
}
.new-forms .form-group input {
    height: 40px
}
.new-forms .form-group select {
    height: 45px;
    padding: 18px 20px 10px 10px
}
.new-forms .form-group textarea {
    height: 80px;
    padding: 20px 20px 10px 10px
}
.my_info .form-group textarea {
    height: 80px;
    padding: 5px 20px 10px 10px
}
.news-forms .form-group .g-recaptcha div {
    width: 100% !important
}
.new-forms .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 11px 0 0 13px;
    transition: all .2s;
    opacity: .6
}
.new-forms .form-control-placeholder-textarea {
    position: absolute;
    top: 0;
    padding: 20px 0 0 12px;
    transition: all .2s;
    opacity: .6
}
.new-forms .form-control-placeholder-fixed {
    position: absolute;
    top: 0;
    padding: 2px 0 0 12px;
    transition: all .2s;
    opacity: .6
}
.new-forms .form-control:focus + .form-control-placeholder, .new-forms .form-control:valid + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -45%, 0);
    opacity: .4
}
.dat-envio {
    margin: 0;
    padding: 15px
}
.addressbook-list table tbody tr:nth-child(1) {
    border-top: 2px solid #dadada
}
#tit-filter .accordion-toggle {
    color: #777;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 3
}
#head-filter h4 .accordion-toggle.collapsed:after {
    font-family: FontAwesome;
    content: "\f107";
    
}
#head-filter h4 .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f106";
    position: absolute;
    top: -5px;
    right: -20px;
    bottom: 0;
    pointer-events: none;
    font-size: 20px;
}
#head-filter {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center
}
#movil-filter {
    background: #fff;
    border: none
}
#movil-filter h4 .accordion-toggle {
    color: #777
}
.new-menu .dropdown-toggle {
    display: flex !important;
    justify-content: space-between !important
}
#CategorySelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    background: 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #777;
    box-shadow: none;
    text-transform: uppercase !important
}
#ControlsFilters {
    background-color: #fff;
    z-index: 3;
    margin-bottom: 5px
}
#ControlsFilters div .form-group {
    margin: 0 !important
}
#ControlsFilters .row .col-sm-6 {
    padding: 10px 15px
}
#ControlsFilters .input-select::after {
    padding: 0;
    color: gray
}
#movil-filter {
    margin: 0 !important
}
.FlexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}
.fixedFilter {
    position: fixed;
    margin-top: -50px;
    -webkit-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .15)
}
#movil-filter .filter-products {
    padding: 15px
}
#resMov {
    z-index: 999
}
.banderaMSI {
    position: fixed !important;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    height: 40px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 100%;
    z-index: 3;
    font-weight: 700
}
section.banner-home {
    padding: 20px 0
}
.btn-blocked {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .03
}
.word-counter {
    position: absolute;
    right: 20px;
    opacity: .6
}
.missing-alert {
    color: #c7111d
}
#missing, #missing-cupon {
    font-weight: 800
}
.carousel-inner .botones {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.carousel-inner button a {
    color: #fff
}
.carousel-inner .botones .agregar button {
    border: none;
    width: 100%;
    font-size: 10px;
    color: #999;
    height: 25px;
    background: #eee;
    border-radius: 10px
}
.carousel-inner .botones .comprar button {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    background: #000;
    width: 100%;
    padding: 5px 19px;
    border-radius: 10px
}
.carousel-inner .item .row div .col-item, .carousel-inner div .col-item {
    border: 1px solid #eee
}
.alerta-roja {
    width: 100%;
    background-color: #c7101d8a;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    border: 2px solid #c7101d
}
#bannerTiendaMovil {
    padding: 10px;
    width: fit-content;
    height: fit-content;
    margin: 150px auto;
    opacity: 0;
    width: intrinsic;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content
}
#bannerHW2021 {
    padding: 10px;
    width: fit-content;
    height: fit-content;
    margin: 150px auto;
    opacity: 0;
    text-align: center;
    font-size: 16px
}
#bannerHW2021 .modal-content {
    background-color: #f2f2f2;
    border: 10px solid #fff;
    padding: 30px 10px;
    box-shadow: none
}
#bannerHW2021 .modal-content span {
    font-weight: 800
}
.modal.in {
    opacity: 1 !important
}
#bannerTiendaMovil h2 {
    font-size: 24px;
    text-align: center
}
#bannerTiendaMovil h3 {
    font-size: 22px;
    text-align: center
}
#bannerTiendaMovil .titulo {
    font-size: 18px;
    height: 30px
}
#bannerTiendaMovil span {
    font-size: 14px
}
#bannerTiendaMovil .pie {
    font-size: 16px
}
#bannerTiendaMovil .modal-header {
    padding: 20px;
    background-color: #fff !important;
    color: #000;
    border-bottom: none
}
#bannerTiendaMovil .bannertiendamovil {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
#bannerTiendaMovil .bannertiendamovil .row {
    text-align: center;
    align-items: center
}
#bannerTiendaMovil .bannertiendamovil .row img {
    margin: 10px 0
}
#bannerTiendaMovil .bannertiendamovil .row .col-lg-3 {
    padding: 10px;
    height: 200px
}
#bannerHW2021 .closeTM, #bannerTiendaMovil .closeTM {
    top: 10px !important;
    right: 10px !important;
    position: absolute;
    color: #000;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-size: 22px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 999
}
#bannerHW2021 .closeTM span, #bannerTiendaMovil .closeTM span {
    font-size: 35px;
    opacity: .5
}
#payhome .header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin-bottom: 30px
}
.entregas {
    padding: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}
.entregas h3 {
    font-size: 16px;
    font-weight: 500
}
.entregas h4 {
    font-size: 13px
}
.entregas h5 {
    font-size: 12px;
    color: #ccc;
    font-weight: 300
}
.btnBlueD {
    background-color: #fff;
    border: 1px solid #3384e5;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
    color: #3384e5;
    font-weight: 500;
    cursor: not-allowed;
    opacity: .2
}
.btnBlueN {
    background-color: #3384e5;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    border-radius: 10px
}
.btnBlueN:before {
    background-color: #00c84e;
    color: #fff;
    content: "NUEVO";
    padding: 1px 10px;
    width: 100px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    top: 7px;
    border-radius: 5px;
    left: 50%;
    margin-left: -50px
}
.bnrStm .container .izq .tm:before {
    background-color: #00c84e;
    color: #fff;
    content: "NUEVO";
    padding: 1px 10px;
    width: 63px;
    left: 65px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    top: -20px
}
.btnBlue, .btnBlue:hover {
    background-color: #3384e5 !important;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    border-radius: 20px
}
.btnWhite, .btnWhite:hover {
    background-color: #fff !important;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #f3f4f5
}
.btnYellow {
    background-color: #fcc332;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    color: #000;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border-radius: 20px
}
.btnGray, .btnGray:hover {
    background-color: #f5f6f4!important;
    color: #333;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 10px
}
.btnGreen {
    background-color: #61a074;
    color: #fff;
    border: none;
    padding: 10px;
    height: auto;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 20px
}

.btnAsesor {
    background-color: #33c05e;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    height: auto;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    border-radius: 10px;
    display: flex;
}
.btnRojo {
    background-color: #e0222a;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    height: auto;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}
.btnRojo-txt {
    letter-spacing: 2px;
    background-color: transparent;text-decoration: underline;
    color: #000000;
    border: none;
    padding: 10px 20px;
    height: auto;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    display: flex;
    justify-content: center;
}
.btnAsesor svg.icon {
    fill: #ffffff !important;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.btnBlue.disabled{
    background-color: transparent !important;
    border: 1px solid #3384e5;
    color: #3384e5 !important;
}
.bord-rojo{border-bottom: 20px solid #e0222a; padding-bottom: 20px;}
.redes img{width: 100px;}
.link {
    color: #3384e5;
    cursor: pointer
}
.rojo {
    color: #e02229 !important;
    text-decoration: none
}
.azul, .azul:hover {
    color: #3384e5;
    text-decoration: none;
    cursor: pointer
}
.negro {
    color: #000 !important
}
.promoname {
    color: #e02229;
    text-decoration: none
}
.mensaje {
    background: #ffe9b6;
    color: #9a5d03;
    font-weight: 500;
    padding: 10px 50px;
    margin: 20px 0
}
.centrados {
    margin: 15px 0;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row
}
h2.title-page {
    font-size: 20px
}
.fs-12 {
    font-size: 12px !important
}
.fs-14 {
    font-size: 14px !important
}
.fs-16 {
    font-size: 16px !important
}
.fs-18 {
    font-size: 18px !important
}
.fs-20 {
    font-size: 20px !important
}
.gris {
    color: #b3b3b3 !important
}
.legales {
    font-size: 12px;
    color: #919191;
    font-weight: 400 !important;
    text-align: center
}
.legales label {
    font-weight: 400 !important
}
.legales a {
    color: #167ed3;
    text-decoration: none;
    position: relative;
    margin-top: 8px;
    margin-right: 2px
}
.legales b {
    font-weight: 500
}
.division {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 10px auto
}
.no-border{
    border: none !important;
}
.inp-disabled {
    border: none !important;
    background: 0 0 !important;
    width: 100px !important;
    text-align: center !important;
    color: #6a6a6a !important
}
.back {
    margin-bottom: 40px !important
}
.back .boton {
    width: fit-content;
    cursor: pointer;
    color: #3384e5;
    font-size: 16px;
    font-weight: 500
}
.back img {
    width: 30px !important;
    margin-right: 10px;
    font-size: 16px;
    cursor: pointer
}
.back span {
    display: block;
    margin-left: 40px;
    color: #b3b3b3
}
.back h1 {
    display: block;
    margin-left: 40px;
    font-size: 25px;
}
.sticky-f.affix {
    top: 50px
}
button.facebook {
    width: 100%;
    height: auto;
    text-align: center;
}
button img {
    width: 25px;
    margin-right: 10px;
}
button.google {
    background-image: url(/images/checkout/icon-google.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 25% 50%
}
.checks {
    display: flex;
    flex-flow: row
}
.fields {
    position: relative;
    margin-top: 8px;
    margin-right: 10px
}
.fields input {
    display: none
}
.fields label {
    top: 50%;
    right: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background-color: #167ed3;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 3px 10px #167ed370;
    cursor: pointer;
    transition: .2s ease transform, .2s ease background-color, .2s ease box-shadow;
    overflow: hidden;
    z-index: 1
}
.fields label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: inset 0 3px 5px #167ed370;
    transition: .2s ease width, .2s ease height
}
.fields label:hover:before {
    width: 55px;
    height: 55px;
    box-shadow: inset 0 7px 10px rgba(0, 0, 0, .23)
}
.fields label:active {
    transform: translateY(-50%) scale(.9)
}
.fields #tick_mark {
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    margin-left: 10px;
    transform: rotateZ(-40deg)
}
.fields #tick_mark:after, .fields #tick_mark:before {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    opacity: 0;
    transition: .2s ease transform, .2s ease opacity
}
.fields #tick_mark:before {
    left: -7px;
    bottom: 5px;
    width: 2px;
    height: 5px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .23);
    transform: translateY(-68px)
}
.fields #tick_mark:after {
    left: -6px;
    bottom: 4px;
    width: 10px;
    height: 2px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .23);
    transform: translateX(78px)
}
.fields input:checked + label {
    background-color: #167ed3;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .23)
}
.fields input:checked + label:before {
    width: 0;
    height: 0
}
.fields input:checked + label #tick_mark:after, .fields input:checked + label #tick_mark:before {
    transform: translate(0);
    opacity: 1
}
.cantidades {
    display: flex;
    justify-content: center;
    align-items: center
}
.cantidades input[type=number]::-webkit-inner-spin-button, .cantidades input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.carrito .item .item-quantity input[type=number]::-webkit-inner-spin-button, .carrito .item .item-quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.carrito .item .item-quantity input {
    background-image: url(/images/products/icon-arrow.svg)
}
.cp input[type=number]::-webkit-inner-spin-button, .cp input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.SelectCant {
    height: 40px;
    border: none;
    background: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url(../images/products/icon-arrow.svg), -webkit-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -moz-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -ms-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -o-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), linear-gradient(to bottom, transparent, transparent);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 0;
    width: 60px;
    margin: 0 auto;
    text-align-last: center;
    text-indent: 15px hanging
}
.customCant {
    color: #aaa;
    width: 65px;
    height: 40px;
    border: none;
    background: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin: 0 auto
}
.cerrar {
    cursor: pointer
}
a.tooltip-credit-payment {
    color: #337ab7 !important;
    margin-left: 10px
}
.resumen {
    background-color: #f4f4f4;
    padding: 20px;
    height: 100vh
}
.resumen .title {
    margin-bottom: 15px
}
.resumen table {
    font-size: 14px;
    font-weight: 500
}
.resumen table tr td:nth-child(2) {
    text-align: end;
    white-space: nowrap
}
.resumen table tr td {
    padding: 5px 0
}
.resumenMovil {
    position: fixed;
    bottom: -5px;
    width: 100%;
    margin: -15px;
    font-size: 16px
}
.resumenMovil .panel {
    box-shadow: none;
    padding: 0 20px 0 20px
}
.resumenMovil .panel .head-resume {
    border: none !important;
    background: 0 0 !important
}
.resumenMovil .panel .head-resume a {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    background: 0 0;
    color: #666
}
.resumenMovil .panel .head-resume a span {
    font-weight: 500
}
.resumenMovil .panel .head-resume a:after {
    content: ""
}
.resumenMovil .panel .head-resume a:before {
    background-image: url(../images/icons/icon-arrow-down.svg);
    content: "";
    position: relative;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    width: 40px;
    height: 15px;
    margin-bottom: 10px
}
.resumenMovil .panel .head-resume a.collapsed:before {
    background-image: url(../images/icons/icon-arrow-up.svg);
    content: "";
    position: relative;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    width: 40px;
    height: 15px;
    margin-bottom: 10px
}
.resumenMovil .panel .panel-body {
    padding: 0
}
.resumenMovil .panel .panel-body table, .resumenMovil .panel table {
    width: 100%
}
.resumenMovil .panel .panel-body table tbody tr td {
    padding: 2px 0
}
.resumenMovil .panel .panel-body table tbody tr td:nth-child(1), .resumenMovil .panel table tbody tr td:nth-child(1) {
    text-align: left
}
.resumenMovil .panel .panel-body table tbody tr td:nth-child(2), .resumenMovil .panel table tbody tr td:nth-child(2) {
    text-align: right
}
.resumenMovil .panel table:nth-last-child(2) {
    border-top: 1px solid #666;
    margin-top: 10px
}
.resumen-legales {width: 100%;}

.resumen-legales p{
    margin: 0 !important; line-height: 14px;
}
section.TableAddressN input, section.confirmationN input, section.login input, section.login-clientN input, section.my_info input, section.paymentN input, section.recover-passN input, section.register-clientN input, section.shippingN input, section.login-popup input {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    border: none;
    padding: 12px 12px 0 12px;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}
section.TableAddressN textarea, section.shippingN textarea {
    font-size: 16px;
    height: 120px !important
}
.form-control-placeholder, .form-control-placeholder-textarea {
    padding: 20px 0 0 15px;
    color: #b3b3b3;
    font-weight: 400
}
.form-control-placeholder-textarea .instr {
    font-size: 12px;
    font-weight: 400;
    color: #ccc
}
.form-control:focus + .form-control-placeholder, .new-forms .form-control:valid + .form-control-placeholder {
    opacity: .4;
    -webkit-transform: translateY(-11px) scale(1);
    -ms-transform: translateY(-11px) scale(1);
    transform: translateY(-11px) scale(1)
}
.jp-card .jp-card-back, .jp-card .jp-card-front {
    background: #000 !important
}
.jp-card .jp-card-back .jp-card-shiny, .jp-card .jp-card-front .jp-card-shiny {
    background: #fdc83f !important;
    background: linear-gradient(0deg, #fdc83f 0, #c87c21 16%, #fdc83f 29%, #fdab45 50%, #c87c21 73%, #fdad45 87%, #fdbb2d 100%) !important
}
.jp-card .jp-card-back .jp-card-shiny:before, .jp-card .jp-card-front .jp-card-shiny:before {
    background: #a75f0d !important
}
.spinner {
    width: 70px;
    text-align: center;
    position: absolute;
    left: 20%;
    margin-left: -35px;
    top: 20%;
    z-index: 2;
    margin-bottom: 30px
}
.producto .spinner {
    position: relative;
    width: 70px;
    text-align: center;
    margin: 15px 0 0 20px;
    z-index: 2;
    margin-bottom: 30px;
    left: 0;
    top: 0
}
.spinner > div {
    width: 10px;
    height: 10px;
    background-color: #d70000;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes sk-bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}
@keyframes sk-bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.CPenvio {
    margin-top: 10px
}
.CPenvio .btn, .CPenvio .cp {
    margin: 0 !important
}
.CPenvio span.titulo {
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}
.CPenvio .resultCP .down, .CPenvio .resultCP .up {
    margin-bottom: 10px
}
.CPenvio .resultCP .alerta {
    padding: 10px 5px
}
#shippdate, .CPenvio .resultCP #shippdate {
    font-weight: 600
}
.CPenvio .festimada, .festimada div {
    color: #999
}
.CPenvio .inputCP .elresult, .CPenvio .inputCP .elresultT {
    font-size: 14px
}
.CPenvio .inputCP .elresult .alerta, .CPenvio .inputCP .elresultT .alerta {
    padding: 10px
}
.textError {
    color: #f92b3b;
    margin-top: 5px
}
.CPenvio .codPos {
    display: flex;
    flex-flow: column
}
.CPenvio #CodPos, .CPenvio #DiasPos {
    margin-left: 5px
}
.CPenvio .new-forms input {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    border: none;
    padding: 12px 12px 0 12px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0
}
.CPenvio .new-forms .error {
    border-bottom: 1px solid #a94442
}
.CPenvio .new-forms {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0
}
.CPenvio .new-forms .cp {
    padding: 0 5px 0 0
}
.CPenvio .new-forms .btn {
    padding: 0 0 0 5px
}
.CPenvio .elresult img {
    width: 15px !important
}
.CPenvio.producto img {
    width: 40px;
    margin-right: 15px
}
.CPenvio .msgClass {
    white-space: nowrap
}
.barDiv {
    padding: 35px 0;
    border-bottom: 1px solid #e0e0e0
}
.bnrStm {
    width: 100%;
    padding: 5px 0;
    margin-top: 0;
    color: #fff;
    background-color: #467bf0;
    z-index: 9;
    font-size: 16px;
    display: flex
}
.bnrStm .container {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 5px auto
}
.bnrStm .btnYellow {
    padding: 10px 20px;
    width: auto;
    margin-left: 20px;
    font-size: 14px;
    z-index: 1
}
.bnrStm .btnBlack {
    padding: 10px 20px;
    width: auto;
    margin-left: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    border: none;
    white-space: nowrap;
    font-weight: 400
}
.bnrStm .btnRed {
    padding: 5px 15px;
    width: auto;
    margin-left: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #db0000;
    border: none;
    white-space: nowrap;
    font-weight: 400;
    border-radius: 10px
}
.bnrStm .der {
    width: 50%;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding-right: 20px;
    justify-content: flex-end
}
.bnrStm .der button {
    margin-left: 10px
}
.bnrtm {
    position: absolute;
    z-index: 9;
    margin-top: 140px;
    width: 300px;
    background-color: #fff;
    padding: 20px 30px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    color: #383838
}
.bnrtm .titulo {
    text-align: center;
    font-size: 14px
}
.bnrtm .titulo h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
    margin: 0
}
.bnrtm .bullets {
    font-size: 16px;
    margin: 10px 0
}
.bnrtm .bullets div {
    margin: 5px 0
}
.bnrtm .bullets img {
    width: 25px;
    margin-right: 10px
}
.bnrtm .legales {
    font-size: 12px;
    margin-bottom: 10px
}
table.cart-table thead {
    background: #fff;
    border: none;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}
table.cart-table thead tr td {
    padding: 0 5px;
    text-transform: none;
    color: #555;
    text-align: center;
    font-weight: 500
}
table.cart-table tbody tr {
    border-bottom: 1px solid #d7d7d7;
    height: 80px
}
table.cart-table tbody tr td.nav-del {
    border: none
}
table.cart-table tbody tr td .delItemCart img {
    width: 15px;
    margin: 10px
}
table.cart-table .cantidades {
    min-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}
table.cart-table .SelectCant {
    padding: 0;
    width: 60px;
    margin: 0 auto;
    text-align-last: center;
    background-color: transparent
}
table.cart-table .customCant {
    color: #aaa;
    width: 65px;
    height: 40px;
    border: none;
    background: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 95% 50%
}
table.cart-table .promo {
    text-decoration: line-through
}
table.resumen .delCupon {
    cursor: pointer
}
table.resumen .delCupon img {
    width: 10px;
    margin-right: 10px;
    margin-bottom: 2px
}
table.resumen .recordatorio span {
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
    color: #e02229;
    padding: 5px 10px;
    font-size: 14px
}
.footCart .codPosEnv .group {
    display: flex;
    align-items: center;
    padding: 0
}
.footCart .codPosEnv .group .izq {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 10px
}
.footCart .codPosEnv .group .der {
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.footCart .codPosEnv .group .der .help-block {
    white-space: nowrap;
    padding-left: 10px
}
.footCart .codPosEnv.new-forms .form-group {
    margin-top: -10px;
    margin-bottom: 0;
    width: 100%
}
.footCart .codPosEnv .help-block {
    position: absolute
}
.footCart .codPosEnv span:before {
    background-image: url(../images/products/icon-arrow.svg)
}
.footCart .codPosEnv #txtMsg {
    padding: 10px
}
.shopping-cart-totales .codPosEnv #txtMsg {
    white-space: break-spaces;
    text-align: center;
    color: #d70100;
    padding: 10px 20px;
}
.footCart .alert {
    width: auto;
    padding: 5px 30px;
    background-color: #00c84e;
    color: #fff;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none
}
.codPosEnv input, .footCart input {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    border: none;
    padding: 12px 12px 0 12px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    width: 110px;
    margin-left: 10px;
    background-color: transparent !important
}
.codPosEnv .form-group label, .footCart .new-forms .form-group label {
    font-weight: 300
}
.footCart .form-control-placeholder {
    padding: 15px 0 0 15px;
    color: #b5b5b5;
    font-weight: 300
}
.footCart table.resumen, .shopping-cart-totales table.resumen {
    width: 100%;
    background: 0 0;
    padding: 0;
    height: auto;
    margin: 20px 0
}
.footCart table.resumen tr td, .shopping-cart-menu-header table.resumen tr td {
    padding: 5px 0
}
.footCart .cuponResumen {
    padding-left: 30px
}
.footCart .cupon input {
    margin: 0 10px 0 0;
    width: 200px;
    padding: 0;
    height: 40px
}
.footCart #regresoCP {
    top: -110px;
    position: relative
}
.footCart .shippingtext {
    color: #00c84e;
    padding: 10px;
    font-size: 16px
}
.footCart .shippingtext span {
    font-weight: 600
}
.texto-carrito{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}
.texto-carrito p{margin: 0!important;}

#bnrCart {
    text-align: left;
    background-color: #0083d1;
    padding: 10px;
    border-radius: 10px;
    border-left: 10px solid #79c0e7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 30px
}
#bnrCart b {
    font-weight: 500
}
#bnrCart a {
    color: #fff;
    text-decoration: underline
}
.alertaAzul{
    text-align: left;
    background-color: #0083d1;
    padding: 10px;
    border-radius: 10px;
    border-left: 10px solid #79c0e7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 30px;
}
.alertaAzul b {
    font-weight: 500;
}
.alertaAzul a {
    color: #fff;
    text-decoration: underline;
}

.bell {
    display: block;
    width: 25px;
    height: 25px;
    font-size: 25px;
    margin: 0 20px 0 10px;
    color: #fff;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px
}
@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0)
    }
    1% {
        -webkit-transform: rotateZ(30deg)
    }
    3% {
        -webkit-transform: rotateZ(-28deg)
    }
    5% {
        -webkit-transform: rotateZ(34deg)
    }
    7% {
        -webkit-transform: rotateZ(-32deg)
    }
    9% {
        -webkit-transform: rotateZ(30deg)
    }
    11% {
        -webkit-transform: rotateZ(-28deg)
    }
    13% {
        -webkit-transform: rotateZ(26deg)
    }
    15% {
        -webkit-transform: rotateZ(-24deg)
    }
    17% {
        -webkit-transform: rotateZ(22deg)
    }
    19% {
        -webkit-transform: rotateZ(-20deg)
    }
    21% {
        -webkit-transform: rotateZ(18deg)
    }
    23% {
        -webkit-transform: rotateZ(-16deg)
    }
    25% {
        -webkit-transform: rotateZ(14deg)
    }
    27% {
        -webkit-transform: rotateZ(-12deg)
    }
    29% {
        -webkit-transform: rotateZ(10deg)
    }
    31% {
        -webkit-transform: rotateZ(-8deg)
    }
    33% {
        -webkit-transform: rotateZ(6deg)
    }
    35% {
        -webkit-transform: rotateZ(-4deg)
    }
    37% {
        -webkit-transform: rotateZ(2deg)
    }
    39% {
        -webkit-transform: rotateZ(-1deg)
    }
    41% {
        -webkit-transform: rotateZ(1deg)
    }
    43% {
        -webkit-transform: rotateZ(0)
    }
    100% {
        -webkit-transform: rotateZ(0)
    }
}
@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0)
    }
    1% {
        -moz-transform: rotate(30deg)
    }
    3% {
        -moz-transform: rotate(-28deg)
    }
    5% {
        -moz-transform: rotate(34deg)
    }
    7% {
        -moz-transform: rotate(-32deg)
    }
    9% {
        -moz-transform: rotate(30deg)
    }
    11% {
        -moz-transform: rotate(-28deg)
    }
    13% {
        -moz-transform: rotate(26deg)
    }
    15% {
        -moz-transform: rotate(-24deg)
    }
    17% {
        -moz-transform: rotate(22deg)
    }
    19% {
        -moz-transform: rotate(-20deg)
    }
    21% {
        -moz-transform: rotate(18deg)
    }
    23% {
        -moz-transform: rotate(-16deg)
    }
    25% {
        -moz-transform: rotate(14deg)
    }
    27% {
        -moz-transform: rotate(-12deg)
    }
    29% {
        -moz-transform: rotate(10deg)
    }
    31% {
        -moz-transform: rotate(-8deg)
    }
    33% {
        -moz-transform: rotate(6deg)
    }
    35% {
        -moz-transform: rotate(-4deg)
    }
    37% {
        -moz-transform: rotate(2deg)
    }
    39% {
        -moz-transform: rotate(-1deg)
    }
    41% {
        -moz-transform: rotate(1deg)
    }
    43% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(0)
    }
}
@keyframes ring {
    0% {
        transform: rotate(0)
    }
    1% {
        transform: rotate(30deg)
    }
    3% {
        transform: rotate(-28deg)
    }
    5% {
        transform: rotate(34deg)
    }
    7% {
        transform: rotate(-32deg)
    }
    9% {
        transform: rotate(30deg)
    }
    11% {
        transform: rotate(-28deg)
    }
    13% {
        transform: rotate(26deg)
    }
    15% {
        transform: rotate(-24deg)
    }
    17% {
        transform: rotate(22deg)
    }
    19% {
        transform: rotate(-20deg)
    }
    21% {
        transform: rotate(18deg)
    }
    23% {
        transform: rotate(-16deg)
    }
    25% {
        transform: rotate(14deg)
    }
    27% {
        transform: rotate(-12deg)
    }
    29% {
        transform: rotate(10deg)
    }
    31% {
        transform: rotate(-8deg)
    }
    33% {
        transform: rotate(6deg)
    }
    35% {
        transform: rotate(-4deg)
    }
    37% {
        transform: rotate(2deg)
    }
    39% {
        transform: rotate(-1deg)
    }
    41% {
        transform: rotate(1deg)
    }
    43% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(0)
    }
}
.progressBar {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around
}
.progressBar .secc {
    width: 25%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-flow: column
}
.progressBar .secc .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e8e7e9;
    margin-bottom: 5px
}
.progressBar .secc .circle:after {
    content: "";
    display: block;
    background-color: silver;
    height: .4em;
    width: 50%;
    position: absolute;
    bottom: .6em;
    right: 0;
    z-index: -1
}
.progress-steps {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.5px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 100px;
    transform: scale(.8)
}
.progress-steps .step {
    background: 0 0;
    height: 4em;
    position: relative;
    text-align: center;
    flex-grow: 1;
    transition: all .3s
}
.progress-steps .step:after {
    background: #e8e7e9;
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    top: 25px;
    z-index: 1
}
.progress-steps .step:first-child:after {
    background: #e8e7e9;
    content: '';
    position: absolute;
    height: 2px;
    width: 50%;
    left: 50%;
    top: 25px;
    z-index: 1
}
.progress-steps .step:last-child:after {
    background: #e8e7e9;
    content: '';
    position: absolute;
    height: 2px;
    width: 50%;
    left: 0;
    top: 25px;
    z-index: 1
}
.step .step-circle {
    background: #e8e7e9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    z-index: 3;
    position: relative;
    transition: all .2s
}
.progress-steps .step.active .step-circle {
    background: #3384e5;
    width: 40px;
    height: 40px;
    margin: 5px auto;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
    transition: all .1s
}
.progress-steps .step.active:before {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    top: 25px;
    background: #1493bf;
    width: 50%;
    z-index: 3
}
.progress-steps .step.active:first-child:before {
    content: '';
    position: absolute;
    height: .5em;
    left: 0;
    top: 1.75em;
    background: #fff;
    width: 50%;
    z-index: 3
}
.progress-steps .step.active .step-circle:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 28px;
    height: 28px;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    z-index: 4;
    transition: none
}
.progress-steps .step.done .step-circle {
    background: #3384e5;
    width: 40px;
    height: 40px;
    margin: 5px auto
}
.progress-steps .step.done .step-circle:after {
    font-family: FontAwesome;
    position: absolute;
    content: "\f00c";
    top: 5px;
    left: 10px;
    color: #fff;
    font-size: 20px
}
.step-circle:hover {
    box-shadow: 3px 6px 15px rgba(0, 0, 0, .3) !important;
    cursor: pointer
}
.progress-steps .step.done:after {
    background: #1493bf
}
.progress-steps .step .label {
    display: block;
    color: #919191;
    font-size: 14px;
    font-weight: 300;
    text-transform: none
}
.progress-steps .step.done .label {
    color: #3384e5;
    font-weight: 400
}
.progress-steps .step.active .label {
    color: #3384e5;
    font-size: 14px;
    font-weight: 400
}
.login input {
    margin: 20px 0
}
.login .help-block {
    position: absolute;
    margin-top: 5px
}
.invited .botones, .log .botones, .recovery .botones, .register .botones {
    padding: 0 30px
}
#captcha-registro {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
}
section .title {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}
section .botones button {
    text-align: center;
    margin: 10px auto
}
.invited .captcha div {
    display: flex;
    justify-content: center
}
.shippingN {
    margin-top: 30px;
    position: relative;
    color: #666
}
.shippingN .picker {
    display: block !important
}
.form-group label, .form-group span {
    white-space: nowrap
}
.detail-prod-info .form-group span {
    white-space: normal
}
.help-block {
    position: absolute;
    top: 35px
}
.new-forms .form-group {
    margin: 22px 0 0 0
}
.shippingN .fondo {
    position: fixed;
    top: 0;
    height: 100vh;
    background-color: #f4f4f4
}
.shippingN .botones {
    padding: 50px 0
}
.shippingN .instr {
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 400
}
.shippingN .ref .instr {
    font-size: 12px
}
.shippingN .add-direccion, .shippingN .click-collect, .shippingN .domicilio, .shippingN .shoppingcart, .shippingN .t-movil {
    padding: 10px 0
}
.shippingN .botones .legales {
    display: flex;
    justify-content: center;
    margin-top: -15px
}
.shippingN .botones button {
    margin: 20px 0
}
.shippingN .domicilio .titulo {
    margin-bottom: 0 !important
}
.shippingN .add-direccion .back, .shippingN .click-collect .back, .shippingN .domicilio .back, .shippingN .shoppingcart .back, .shippingN .t-movil .back {
    margin-bottom: 10px !important
}
.shippingN .titulo {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px !important
}
.shippingN .titulo span {
    color: #b3b3b3
}
.shippingN .titulo .tit {
    font-size: 18px;
    font-weight: 500
}
.shippingN .titulo .tit {
    font-size: 18px;
    font-weight: 500
}
.TableAddressN .list-dir .direccion, .shippingN .list-dir .direccion {
    display: flex;
    flex-flow: row;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 5px 0
}
.TableAddressN .list-dir .direccion .centro, .shippingN .list-dir .direccion .centro label {
    font-weight: 300;
    width: 100%;
    cursor: pointer
}
.TableAddressN .direccion img, .shippingN .direccion img {
    width: 15px
}
.TableAddressN .direccion .izq, .shippingN .direccion .izq {
    display: flex;
    justify-content: center
}
.TableAddressN .direccion .centro, .shippingN .direccion .centro {
    display: flex;
    flex-flow: column;
    align-items: flex-start
}
.TableAddressN .direccion .der, .shippingN .direccion .der {
    display: flex;
    justify-content: flex-end
}
.TableAddressN .direccion .cp, .shippingN .direccion .cp {
    font-size: 16px
}
.TableAddressN .direccion .dir, .shippingN .direccion .dir {
    font-size: 14px
}
.TableAddressN .direccion .nombre, .shippingN .direccion .nombre {
    font-size: 14px;
    color: #b3b3b3
}
.TableAddressN .direccion .fields, .shippingN .direccion .fields {
    margin: 10px 0 0 0
}
.TableAddressN .direccion a.edit, .shippingN .direccion a.edit {
    font-size: 14px;
    color: #0084e8;
    margin: 5px 0;
    cursor: pointer
}
.shippingN .add-direccion .row, .shippingN .click-collect .row, .shippingN .domicilio .row, .shippingN .shoppingcart .row, .shippingN .t-movil .row, .shippingN .tabla-domicilios .row {
    margin: 0
}
.TableAddressN .tabla-domicilios .titulo, .shippingN .tabla-domicilios .titulo {
    margin-bottom: 0 !important
}
.TableAddressN .tabla-domicilios .bot .botones, .shippingN .tabla-domicilios .bot .botones {
    display: flex;
    flex-flow: row;
    padding: 10px 0
}
.TableAddressN .tabla-domicilios, .shippingN .tabla-domicilios {
    padding: 0
}
.TableAddressN .tabla-domicilios .bot .botones button, .shippingN .tabla-domicilios .bot .botones button {
    margin: 10px
}
.TableAddressN .tabla-domicilios .list-dir, .shippingN .tabla-domicilios .list-dir {
    height: auto;
    max-height: 250px;
    overflow: auto
}
.TableAddressN .add-direccion .new-forms, .my_info .new-forms, .shippingN .add-direccion .new-forms {
    padding: 10px 0
}
.TableAddressN .add-direccion .botones, .shippingN .add-direccion .botones {
    padding: 0
}
.TableAddressN .add-direccion .botones button, .shippingN .add-direccion .botones button {
    margin: 0
}
.TableAddressN .add-direccion .word-counter b, .shippingN .add-direccion .word-counter b {
    font-weight: 500
}
.TableAddressN .add-direccion .nsmc, .shippingN .add-direccion .nsmc {
    margin-top: 40px
}
.TableAddressN .add-direccion .legales, .shippingN .add-direccion .legales {
    text-align: left;
    color: #c9c9c9
}
.TableAddressN .add-direccion .SelectCant, .my_info .SelectCant, .shippingN .add-direccion .SelectCant, .paymentN .datosextras .SelectCant {
    background-color: transparent;
    width: 100%;
    border: none;
    color: #424242;
    font-size: 16px;
    box-shadow: none;
    text-align-last: left;
    height: 50px
}
.TableAddressN .add-direccion .new-forms .form-group label.autoload, .shippingN .add-direccion .new-forms .form-group label.autoload {
    font-weight: 400;
    font-size: 75%;
    opacity: .4;
    -webkit-transform: translateY(-11px) scale(1);
    -ms-transform: translateY(-11px) scale(1);
    transform: translateY(-11px) scale(1)
}
.shippingN .t-movil .head-resume {
    background: 0 0;
    padding-bottom: 10px;
    border: none;
    padding: 0;
    position: relative
}
.shippingN .t-movil .head-resume a {
    color: #666;
    width: 100%;
    position: relative;
    cursor: pointer;
    text-decoration: none
}
.shippingN .t-movil .steps .instr {
    font-size: 11px;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #ccc;
    margin-top: 10px
}
.shippingN .t-movil .steps {
    color: #666;
    margin-top: 10px
}
.shippingN .t-movil .datos .head-resume a .tit-tm:after {
    background-image: url(../images/icons/icon-arrow-up.svg);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    width: 50px;
    height: 50px
}
.shippingN .t-movil .datos .head-resume a.collapsed .tit-tm:after {
    content: "";
    background-image: url(../images/icons/icon-arrow-down.svg)
}
.shippingN .t-movil .tit-tm {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative
}
.shippingN .t-movil .tit-tm img {
    width: 25px;
    margin-right: 10px
}
.shippingN .click-collect .bot .botones {
    display: flex;
    flex-flow: row;
    padding: 0 25px
}
.shippingN .click-collect .dir-envio .mark, .shippingN .shoppingcart .dir-envio .mark {
    background: 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    top: 10px
}
.shippingN .click-collect .dir-envio .mark img, .shippingN .shoppingcart .dir-envio .mark img {
    width: 20px
}
.shippingN .click-collect .dir-envio .datos {
    font-size: 14px;
    color: #b3b3b3;
    display: flex;
    flex-flow: column;
    height: 100px;
    justify-content: center
}
.shippingN .click-collect .dir-envio .datos .cedis {
    font-size: 16px;
    color: #666;
    font-weight: 500
}
.shippingN .click-collect .dir-envio .datos .horarios, .shippingN .click-collect .dir-envio .datos .tel {
    font-weight: 300
}
.shippingN .click-collect .contacto, .shippingN .click-collect .dir-envio, .shippingN .click-collect .select-cedis {
    padding: 10px 0
}
#coutasTarjetas .SelectCant, .shippingN .click-collect .select-cedis .SelectCant {
    width: 100%;
    text-align-last: left;
    font-size: 14px;
    z-index: 9999
}
.shippingN .click-collect .contacto .botones {
    padding: 0
}
.shippingN .shoppingcart .titulo {
    margin-bottom: 0 !important;
    border: none;
    font-size: 14px;
    font-weight: 400
}
.shippingN .shoppingcart .row {
    margin: 0
}
.shippingN .shoppingcart .titulo .row .col-tit {
    display: flex;
    flex-flow: row
}
.shippingN .shoppingcart .titulo .row .col-tit:nth-child(2) {
    display: flex;
    justify-content: flex-end
}
.shippingN .shoppingcart #fechaenvio {
    margin: 0 10px;
    font-weight: 600;
    color: #666
}
.shippingN .shoppingcart .dir-envio {
    margin: 0 0 30px 0;
    font-size: 14px;
    color: #666;
    font-weight: 300
}
.shippingN .shoppingcarts .dir-envio .datos .cp {
    font-weight: 400;
    font-size: 16px
}
.shippingN .shoppingcart .dir-envio .datos .nombre {
    color: #b3b3b3
}
.shippingN .shoppingcart .dir-envio .datos .azul {
    font-size: 12px
}
.shippingN .shoppingcart .dat-env .up {
    display: flex;
}
.borderTopTable {
    border-top: 1px solid #d7d7d7
}
.loaderElement {
    width: 70px;
    text-align: center
}
.loaderElement > div {
    width: 10px;
    height: 10px;
    background-color: #d70000;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}
.loaderElement .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.loaderElement .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
.disabledElement {
    opacity: .2 !important;
    cursor: no-drop !important;
}
.paymentN .pagos .cupondesc {
    margin-top: 10px
}
.paymentN .back {
    padding: 10px 0 !important
}
.paymentN .pagos .cupondesc .izq {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center
}
.paymentN .pagos .cupondesc .izq .form-group {
    margin-right: 10px;
    width: 300px
}
.paymentN .tab-opc-pago {
    margin-top: 10px
}
.paymentN .tab-opc-pago .row {
    margin: 0;
    padding: 0
}
.paymentN .tab-opc-pago .title {
    border: none
}
.paymentN .efectivo .opciones, .paymentN .tab-opc-pago .opciones {
    padding: 0 15px !important
}
.paymentN .efectivo .opciones .pago, .paymentN .tab-opc-pago .opciones .pago, .paymentN .tab-content .tipos .pago {
    border-bottom: 1px solid #ccc
}
.paymentN .efectivo .opciones .pago label, .paymentN .tab-opc-pago .opciones .pago label, .paymentN .tab-content .tipos .pago label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}
.paymentN .efectivo .opciones .pago img, .paymentN .tab-opc-pago .opciones .pago img, .paymentN .tab-content .tipos .pago img {
    width: 40px;
    margin: 0 20px
}
.paymentN .efectivo .opciones .pago .text, .paymentN .tab-opc-pago .opciones .pago .text, .paymentN .tab-content .tipos .pago .text {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 10px
}
.paymentN .efectivo .opciones .pago .text span, .paymentN .tab-opc-pago .opciones .pago .text span {
    margin-left: 5px
}
.paymentN .efectivo .opciones .fields, .paymentN .tab-opc-pago .opciones .fields {
    margin-top: 15px
}
.paymentN .pagos .areaspinner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 999;
}
.paymentN .pagos .spinner.payment {
    position: relative !important;
    margin: 50px auto;
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
}

.paymentN .card .banco .bank {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}
.paymentN .card .banco {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px
}
.paymentN .card .banco .bank label:nth-child(1) {
    width: 100%;
    cursor: pointer
}
.paymentN .card .banco .bank label {
    text-align: center;
    font-weight: 400
}
.paymentN .card .help-block {
    position: absolute !important
}
.paymentN .card .msi {
    margin: 20px 0
}
.paymentN .card .banco .title, .paymentN .card .datos .title {
    border: none
}
.paymentN .card .datos .msi .pago label:nth-child(1) {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}
.paymentN .card .datos .msi .pago {
    margin: 10px 0
}
.paymentN .card .datos .msi .pago .fields {
    margin-right: 20px;
    margin-top: 0;
    display: flex;
    align-items: center
}
.paymentN .card .datos .msi .pago .text {
    display: flex;
    flex-flow: column;
    font-size: 16px;
    font-weight: 400;
    color: #4c4c4c
}
.paymentN .card .datos .msi .pago .text .cant {
    font-size: 14px
}
.paymentN .card .datos .msi .pago .text .total {
    font-size: 14px;
    color: #919191
}
.paymentN .card .datos .dat-tarjeta .logos {
    text-align: center
}
.paymentN .card .datos .dat-tarjeta .logos img {
    width: 150px
}
.paymentN .card #creditCardForm .izq, .paymentN .card #debitCardForm .izq {
    padding: 0
}
.paymentN .card #creditCardForm .izq .form-group, .paymentN .card #debitCardForm .izq .form-group {
    padding: 0 20px 0 0 !important
}
.paymentN .card #creditCardForm .izq:after, .paymentN .card #debitCardForm .izq:after {
    content: "/";
    font-size: 25px;
    position: absolute;
    top: 24px;
    left: 75px;
    font-weight: 100;
    color: #e0e0e0
}
.paymentN .card #creditCardForm .der, .paymentN .card #debitCardForm .der {
    padding-left: 0
}

.paymentN .card .checks label, .paymentN .checks label {
    font-weight: 400
}
.paymentN .card .checks a, .paymentN .checks a {
    color: #3384e5;
    margin-left: 5px
}
.paymentN .card .dat-tarjeta .row, .paymentN .card .dat-tarjeta .row .div {
    padding: 0
}
.paymentN .card .dat-tarjeta .new-forms div {
    padding: 0 10px 0 0;
    margin-bottom: 5px
}
.paymentN .card .dat-tarjeta .checks, .paymentN .deposito .datos .checks, .paymentN .efectivo .checks, .paymentN .mercadopago .datos .checks, .paymentN .oxxo .datos .checks, .paymentN .paypal .datos .checks {
    /*padding: 10px 0 0 0 !important*/
}
.paymentN .checks{
    padding: 10px !important;
}
.paymentN .efectivo .checks {
    justify-content: center;
    
}
.paymentN .debit .dat-tarjeta .title {
    padding: 0
}
.paymentN .debit .dat-tarjeta .tit {
    display: flex;
    align-items: center;
    white-space: nowrap
}
.paymentN .debit .dat-tarjeta .tit .text {
    flex-flow: row;
    display: flex
}
.paymentN .debit .dat-tarjeta .tit .text div {
    margin: 0 3px
}
.paymentN .card, .paymentN .card .row, .paymentN .deposito, .paymentN .deposito .row, .paymentN .efectivo, .paymentN .efectivo .row, .paymentN .mercadopago, .paymentN .mercadopago .row, .paymentN .oxxo, .paymentN .oxxo .row, .paymentN .paypal, .paymentN .paypal .row {
    margin: 0 !important;
    padding: 0 !important
}
.paymentN .efectivo .checked {
    margin-top: 35px !important
}
.paymentN .deposito .titulo div, .paymentN .efectivo .titulo div, .paymentN .mercadopago .titulo div, .paymentN .oxxo .titulo div, .paymentN .paypal .titulo div {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 0
}
.paymentN .deposito .titulo .title, .paymentN .efectivo .titulo .title, .paymentN .mercadopago .titulo .title, .paymentN .oxxo .titulo .title, .paymentN .paypal .titulo .title {
    border: none
}
.paymentN .deposito .titulo .meses, .paymentN .deposito .titulo .total, .paymentN .mercadopago .titulo .meses, .paymentN .mercadopago .titulo .total, .paymentN .oxxo .titulo .meses, .paymentN .oxxo .titulo .total, .paymentN .paypal .titulo .meses, .paymentN .paypal .titulo .total {
    margin: 0 3px
}
.paymentN .deposito .descripcion, .paymentN .mercadopago .descripcion, .paymentN .oxxo .descripcion, .paymentN .paypal .descripcion {
    margin: 20px 0 !important;
    text-align: center
}
.paymentN .mercadopago .descripcion img, .paymentN .oxxo .descripcion img, .paymentN .paypal .descripcion img {
    width: 50px;
    margin: 20px auto;
    display: block
}
.paymentN .bancos .checks label, .paymentN .deposito .descripcion label, .paymentN .mercadopago .checks label, .paymentN .oxxo .descripcion label, .paymentN .paypal .descripcion label {
    font-weight: 400
}
.paymentN .bancos .checks a, .paymentN .deposito .descripcion a, .paymentN .mercadopago .checks a, .paymentN .oxxo .descripcion a, .paymentN .paypal .descripcion a {
    color: #3384e5;
    margin-left: 5px
}
.paymentN .bancos .descripcion .checks, .paymentN .deposito .descripcion .checks, .paymentN .mercadopago .descripcion .checks, .paymentN .oxxo .descripcion .checks, .paymentN .paypal .descripcion .checks {
    justify-content: center
}
.paymentN .deposito .datos .descripcion, .paymentN .efectivo .opciones .descripcion {
    text-align: left;
    font-size: 16px;
    color: #919191
}
.paymentN .bancos img {
    width: 50px;
    border-radius: 50%;
    background-color: #f3f3f3;
    padding: 10px
}
.paymentN .bancos .head-resume a {
    display: flex;
    flex-flow: row;
    align-items: center;
    cursor: pointer
}
.paymentN .bancos .panel {
    border: none;
    box-shadow: none;
    background-color: #fff
}
.paymentN .bancos .head-resume {
    background: 0 0
}
.paymentN .bancos .head-resume a span {
    font-weight: 400
}
.paymentN .bancos .head-resume a img {
    margin: 0 20px 0 0
}
.paymentN .bancos .head-resume a {
    content: "";
    background-color: #fff;
    color: #aaa
}
.paymentN .bancos .head-resume a:after {
    background-image: url(/images/icons/icon-arrow-up.svg);
    content: "";
    color: #aaa;
    width: 65px;
    height: 40px;
    border: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 100% 150%
}
.paymentN .bancos .head-resume a.collapsed:after {
    background-image: url(/images/icons/icon-arrow-down.svg);
    content: "";
    color: #aaa;
    width: 65px;
    height: 40px;
    border: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 100% 150%
}
.paymentN .bancos .descr, .paymentN .pagacasa .descripcion .texto, #desc_tienda_movil .texto {
    margin: 10px 0 !important;
    text-align: justify
}
.paymentN .bancos .tabla {
    margin: 10px 0 !important
}
.paymentN .bancos .important {
    background-color: #fcc33236;
    padding: 15px;
    line-height: 20px;
    margin: 10px 0
}
.paymentN .card .back, .paymentN .deposito .back, .paymentN .efectivo .back, .paymentN .mercadopago .back, .paymentN .oxxo .back, .paymentN .paypal .back {
    padding: 10px 0 !important;
    margin-bottom: 20px !important
}

.paymentN .pagos .opciones {
    padding: 20px;
}
.paymentN .pagos .opciones .row{
    margin: 0;
}
.paymentN .opc-pago ul.nav-tabs{
    border: none !important;
}
.paymentN .opc-pago ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    white-space: nowrap;
    color: #a3a3a3;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}
.paymentN .opc-pago {
    border: none !important;
}
.paymentN .opc-pago .tab-content {
    padding: 30px 10px !important;
}
.paymentN .opc-pago .tab-content .tab-pane {
    padding: 0px !important;
}
.paymentN .opc-pago .tab-content .titulo .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.paymentN .opc-pago .tab-content .titulo .text .meses {
    font-size: 16px;
    font-weight: 500;
    margin-right: 7px;
}

.paymentN .opc-pago .title {
    border: none !important;
}
.paymentN .opc-pago ul li img{
    margin-bottom: 5px;
}
.paymentN .opc-pago .logos img {
    width: 150px;
}
.paymentN .opc-pago .bancos img.normal {
    width: 100px;
    border-radius: unset !important;
    background-color: transparent;
    padding: 0;
}

.paymentN .opc-pago svg{
    width: 70px;
    height: 30px;
    fill: #a3a3a3;
    margin-bottom: 5px;
}
.paymentN .opc-pago a{
    transition: all 0.3s ease-in-out;
}
.paymentN .msj-seguro{
    width: 100;
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}
.paymentN .msj-seguro span{
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500;
}
    
.confirmationN .registro {
    margin: 0
}
.confirmationN .registro .panel {
    background: 0 0;
    margin: 20px 0;
    box-shadow: none;
    border: none
}
.confirmationN .registro .panel .head-resume {
    background: 0 0;
    border: none
}
.confirmationN .registro .panel .panel-body {
    padding: 20px
}
.confirmationN .registro .panel .head-resume a {
    background: 0 0;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    color: #aaa;
    padding: 0
}
.confirmationN .registro .panel .head-resume a:after {
    content: "";
    width: 20px;
    height: 20px;
    background-size: 25px
}
.confirmationN .registro .panel .head-resume a.collapsed:after {
    content: "";
    width: 40px;
    height: 40px
}
.confirmationN .registro .panel .head-resume a .text:after {
    background-image: url(/images/icons/icon-arrow-up.svg);
    content: "";
    color: #aaa;
    width: 40px;
    height: 40px;
    border: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 70% 70%
}
.confirmationN .registro .panel .head-resume a.collapsed .text:after {
    background-image: url(/images/icons/icon-arrow-down.svg);
    content: ""
}
.confirmationN .registro .panel .head-resume a .text {
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
.confirmationN .registro .panel form {
    padding: 0 50px;
    color: #aaa
}
.confirmationN .congrats {
    text-align: center;
    margin-top: 20px
}
.confirmationN .tiendamovil img {
    width: 60px
}
.confirmationN .congrats h2, .confirmationN .deposito h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0 20px 0
}
.confirmationN .congrats h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px
}
.confirmationN .congrats .preg h3 {
    margin: 0 10px 0 0
}
.confirmationN .congrats .mensaje {
    margin: -10px 0 20px 0;
    font-size: 16px
}
.confirmationN .congrats .error h3 {
    margin-bottom: 20px
}
.confirmationN .congrats .error .btnYellow {
    width: auto;
    padding: 10px 20px;
    display: block;
    margin: 0 auto 20px auto
}
.confirmationN .congrats .error .mensaje h4 {
    font-size: 16px
}
.confirmationN .congrats .error .pregFrec,
.confirmationN .congrats .error .asesor{
    font-size: 16px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin: 20px 0 30px 0;
}
.confirmationN .congrats .error .pregFrec h3 {
    margin: 0
}
.confirmationN .congrats .error .pregFrec .azul {
    margin: 3px 0 0 15px
}
.confirmationN .btnAsesor{border-radius: 20px;}
.confirmationN .congrats .mensaje a {
    color: #9a5d03;
    font-weight: 600
}
.confirmationN .azul {
    font-size: 16px;
    margin: 10px
}
.confirmationN .status .centrados {
    margin: 15px 0;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row
}
.confirmationN .status .mensaje {
    color: #c92a2e;
    font-weight: 600;
    padding: 10px 15px;
    margin: 10px 0;
    margin-left: 5px;
    text-transform: uppercase
}
.confirmationN .status .mensaje.OXXO {
    color: #c92a2e
}
.confirmationN .status .mensaje.TM {
    color: #6d9e34
}
.confirmationN .status .mensaje.OK {
    color: #6d9e34
}
.confirmationN .status .mensaje {
    color: #c92a2e;
    font-weight: 600;
    padding: 10px 15px;
    margin: 10px 0;
    margin-left: 5px;
    text-transform: uppercase
}
.confirmationN .status .ok {
    margin-left: 5px;
    padding: 7px 15px;
    background-color: #00b63d;
    color: #fff
}
.confirmationN .status .error {
    margin-left: 5px;
    padding: 7px 15px;
    background-color: #c12126;
    color: #fff;
    text-transform: uppercase
}
.confirmationN .deposito {
    text-align: center
}
.confirmationN .deposito img {
    width: 80px;
    background-color: #f3f3f3;
    padding: 10px
}
.confirmationN .tiendamovil img {
    width: 70px
}
.confirmationN .deposito .monto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.confirmationN .deposito .img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.confirmationN .oxxopay img:nth-child(1) {
    width: 110px
}
.confirmationN .oxxopay .monto {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    margin-top: 10px
}
.confirmationN .izq {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 110px
}
.confirmationN .centrados {
    display: flex;
    justify-content: center;
    align-items: center
}
.confirmationN .derecha {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.confirmationN .deposito .monto .total, .confirmationN .oxxopay .monto .total, .confirmationN .tiendamovil .monto .total {
    font-size: 30px;
    white-space: nowrap
}
.confirmationN .oxxopay .monto .leg {
    font-size: 12px;
    color: #919191
}
.confirmationN .oxxopay .barras {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.confirmationN .oxxopay .barras .code img {
    width: 150px
}
.confirmationN .instrucciones {
    font-size: 14px
}
.confirmationN .cliente h2, .confirmationN .footer h2, .confirmationN .instrucciones h2, .confirmationN .shoppingcart .info h2, .confirmationN .shoppingcart .tit h2 {
    margin: 10px 0;
    font-weight: 500;
    font-size: 16px !important
}
.confirmationN .shoppingcart .tit h2 {
    margin: 0
}
.confirmationN .instruccionesTM ul li {
    list-style: disc;
    padding: 3px 0
}
.confirmationN .tiendamovil ul li {
    list-style: decimal;
    padding: 3px 0;
    font-size: 14px
}
.confirmationN .tiendamovil .monto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.confirmationN .tiendamovil .monto .leg {
    font-size: 12px;
    color: #919191
}
.confirmationN .tiendamovil .txt-verde {
    color: #fff;
    font-size: 20px;
    height: fit-content;
    font-weight: 500;
    background-color: #39b54a;
    padding: 5px 20px;
    margin-left: 10px
}
.confirmationN .tiendamovil .row {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin: 20px 0 20px 0
}
.confirmationN .tiendamovil .row h2 {
    margin: 0
}
.confirmationN .pasosTM .paso {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    text-align: center;
    padding: 10px 20px
}
.confirmationN .pasosTM .hola {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center
}
.confirmationN .instruccionesTM {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    text-align: center;
    font-size: 16px !important
}
.confirmationN .instrucciones .mensaje {
    background: #ffe9b6;
    color: #9a5d03;
    font-weight: 500;
    padding: 10px 50px;
    margin: 20px 0
}
.confirmationN .shoppingcart {
    font-size: 14px
}
.confirmationN .shoppingcart .tit .dat-env {
    font-weight: 500;
    text-align: right;
    white-space: nowrap
}
.confirmationN .info .row {
    margin: 0
}
.confirmationN .info .tit {
    margin: 0
}
.confirmationN .info .mark {
    background-color: #fff
}
.confirmationN .info .mark img {
    width: 20px
}
.confirmationN .tit {
    margin: 15px -15px
}
.confirmationN .shoppingcart .tabla {
    color: #ccc;
    padding: 0 200px
}
.confirmationN .shoppingcart .tabla table {
    width: 100%
}
.confirmationN .shoppingcart .tabla table tr td {
    padding: 10px 5px
}
.confirmationN .shoppingcart .tabla table tr td div {
    white-space: nowrap
}
.confirmationN .shoppingcart .tabla table tr td .cant div, .confirmationN .shoppingcart .tabla table tr td .costo div {
    margin-right: 10px
}
.confirmationN .shoppingcart .tabla table tr td .subt {
    margin-left: 10px
}
.confirmationN .shoppingcart .tabla table tr td .cost, .confirmationN .shoppingcart .tabla table tr td .costo, .confirmationN .shoppingcart .tabla table tr td .inf, .confirmationN .shoppingcart .tabla table tr td .sup {
    margin: 0
}
.confirmationN .shoppingcart .tabla .prod-name .inf, .confirmationN .shoppingcart .tabla .prod-name .inf .cant, .confirmationN .shoppingcart .tabla .prod-name .inf .costo {
    display: flex;
    flex-flow: row
}
.confirmationN .shoppingcart .tabla .prod-name .sup {
    color: #666
}
.confirmationN .shoppingcart .tabla table.resumen {
    color: #666;
    font-weight: 500
}
.confirmationN .shoppingcart .tabla table.resumen {
    background-color: #fff;
    padding: 0;
    height: auto;
    border: none
}
.confirmationN .shoppingcart .tabla table.resumen tr td {
    padding: 3px 0
}
.confirmationN .shoppingcart .tabla table.resumen tr td:nth-child(2) {
    text-align: right
}
.confirmationN .footer .row .centrados {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    white-space: nowrap
}
.confirmationN .footer {
    font-size: 14px
}
.confirmationN .footer a {
    cursor: pointer;
    text-decoration: none;
    color: #000
}
.confirmationN .footer .legales {
    margin: 20px 0
}
.confirmationN button {
    margin: 5px 0
}
.confirmationN .bullets {
    text-align: left
}
.confirmationN .bullets.num ul li {
    list-style: decimal
}
.confirmationN .efectivopay {
    margin: 0
}
.confirmationN .efectivopay .izq-logo {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.confirmationN .efectivopay .der-txt {
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: column;
    height: 150px
}
.confirmationN .efectivopay .der-txt .monto {
    font-size: 30px
}
.confirmationN .efectivopay .deposito {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}
.confirmationN .efectivopay .deposito .dato {
    font-size: 18px;
    font-weight: 600;
    background-color: #f4f4f4;
    padding: 10px 20px;
    border-radius: 10px
}
.confirmationN .efectivopay .logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0
}
.confirmationN .efectivopay .logos img {
    width: 60%
}
#registerForm .legales .checks, .register-clientN .checks {
    padding: 10px 10px 2px 10px !important
}
#register_new .row .botones {
    margin-left: 20px
}
.register-clientN .back span {
    /*margin-left: 0*/
}
.register-clientN .form-control[disabled] {
    background-color: #f9f9f9;
    color: #b9b9b9
}
.register-clientN .new-forms .form-group label.autoload {
    font-weight: 400;
    font-size: 75%;
    opacity: .4;
    -webkit-transform: translateY(-11px) scale(1);
    -ms-transform: translateY(-11px) scale(1);
    transform: translateY(-11px) scale(1)
}
.register-clientN .legalesleft {
    text-align: left !important
}
.register-clientN button.disabled {
    cursor: not-allowed;
    opacity: .3
}
.register-clientN .mensaje {
    width: fit-content
}
.TableAddressN .titulo .tit {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}
.TableAddressN .tabla-domicilios .list-dir {
    height: auto;
    max-height: 400px;
    overflow: auto
}
.semilla {
    background-color: #01813a;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 30px
}
.semilla .contenido {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px 50px
}
.semilla .titulo {
    font-size: 26px;
    font-weight: 500
}
.semilla .amarillo {
    font-size: 26px;
    color: #f2d100;
    margin: 10px
}
.semilla img {
    margin: 20px
}
.semilla .bco, .semilla a {
    font-size: 16px;
    color: #fff
}
.semilla .legales {
    font-size: 12px;
    margin: 10px;
    color: #fff
}
.alinearDerecha {
    text-align: right
}
.alinearIzquierca {
    text-align: left
}
.alinearCentrar {
    text-align: center
}
.imgDel {
    cursor: pointer;
    width: 10px;
    margin-right: 10px;
    margin-bottom: 2px
}
.HTMLBlock {
    z-index: 3;
    width: 100%;
    margin-bottom: 20px;
}
.HTMLBlockCart {
    margin-bottom: 0;
    z-index: 9;
    width: 100%;
    text-align: center
}
.HTMLBlock .container .row div {
    margin: 0 !important;
    padding: 0 !important;
}

.azul-ligth {
    color: #7bafdf;
    font-size: 16px
}
.verde {
    color: #00c84e;
    font-size: 16px
}
.azul-link{ color: #3384e5; text-decoration: underline !important; cursor: pointer;}
.info .verde {
    color: #00c84e;
    font-size: 14px
}
.dark {
    background: #181818 !important
}
.dark .header_top {
    border-bottom: 1px solid #8f8f8f4d
}
.dark .header-middle .container .row {
    border-bottom: 1px solid #8f8f8f4d
}
.dark .shop-menu ul li a {
    background: #181818 !important
}
.dark .shop-menu ul li a {
    color: #bfbfbf;
    background: #181818 !important
}
.dark .container-4 input#search {
    background: #3c3c3c
}
.dark .container-4 button.icon {
    color: #bfbfbf
}
.dark .bs-dark .dropdown a {
    color: #bfbfbf
}
.dark .navbar-brand, .navbar-nav > li > a {
    text-shadow: none
}
.dark .bs-dark .dropdown-menu {
    background: #181818 !important
}
.dark .bs-dark .dropdown a {
    color: #fff
}
.dark .bs-dark .dropdown a:focus, .dark .bs-dark .dropdown a:hover {
    background-color: #181818 !important
}
.dark .bs-dark .open a:focus, .dark .bs-dark .open a:hover {
    background-color: #181818 !important
}
.dark .bs-dark .open a {
    background-color: #181818 !important
}
.dark .mega-menu .nav-header {
    color: #bfbfbf
}
.dark section.benefits {
    background-color: rgba(38, 38, 38, .44);
    border-top: 1px solid #2e2e2e;
    color: #bfbfbf
}
.dark .benefit-item span.benefits-title, .dark .icon-benefit span {
    color: #bfbfbf
}
.dark .title-fp {
    border-bottom: 1px solid #2e2e2e;
    color: #bfbfbf
}
.dark .affix {
    background-color: #1c1c21;
    border-bottom: 1px solid #2e2e2e
}
.dark .banner-home {
    color: #bfbfbf
}
.dark .arrows-btn {
    color: #bfbfbf;
    border-color: #2e2e2e
}
.dark .col-item .info {
    background-color: #1c1c21
}
.dark .carousel-inner .item .row div .col-item, .dark .carousel-inner div .col-item {
    border: 1px solid #2e2e2e;
    color: #bfbfbf
}
.dark .car-slick .datos .nombre, .dark .car-slick .datos .precio {
    color: #bfbfbf
}
.dark .car-slick button, .dark .shoplook button {
    color: #bfbfbf;
    background-color: #2b2b2b !important;
    border: none
}
.dark .navbar-collapse {
    background-color: #181818 !important
}
.dark .bg-black {
    color: #bfbfbf;
    background: #2b2b2b
}
.dark .blue-price, .dark .shopping-cart-menu-items .item-price {
    color: #d70000
}
.dark .dropdown-menu {
    color: #bfbfbf;
    background: #181818 !important
}
.dark .shoplook .titulo {
    color: #bfbfbf
}
.dark .las-flechas {
    margin-top: 20px
}
.dark .benefits .negro {
    color: #fff !important
}
.dark .aa-ItemLink{
    color: #ffffff !important;
}
.dark .car-slick img {border: none !important;}

.dark .carousel-nuevosproductos .area-foto,
.dark .carousel-vistos .area-foto,
.dark .carousel-destacados .area-foto{
    background-color: #ffffff !important;
}
.imgList {
    width: 50px;
    border-radius: 50%;
    background-color: #f3f3f3;
    padding: 10px
}
.trList {
    padding-top: 15px;
    padding-bottom: 15px
}
.titleGray {
    font-weight: 40px;
    font-size: 14px;
    color: #aaa
}
section.informacion {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 1050;
    padding: 25px 20px;
    overflow-y: auto
}
.shopping-cart-menu-header .closeInfo, section.informacion .closeInfo, .login-popup .closeInfo {
    top: 10px !important;
    right: 10px !important;
    position: absolute;
    color: #000;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-size: 22px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 999
}
section.login-popup .closeInfo {
    top: -5px !important;
    right: -5px !important;
}
.shopping-cart-menu-header .closeInfo span, section.informacion .closeInfo span {
    font-size: 35px;
    opacity: .5
}
section.informacion .container {
    width: 100%
}
section.new.informacion .container {
    width: 100% !important;
}
section.informacion .renglon {
    padding: 15px 10px 15px 5px;
    border-bottom: 1px solid #ccc
}
section.informacion .renglonFT {
    padding: 15px 10px
}
section.informacion .closeInfo {
    float: right;
}
section.informacion .caracteristicas, section.informacion .infteflon, section.informacion .tiendas {
    font-size: 14px
}
section.informacion .row.titulo, section.informacion .caracteristicas .caracteristicas {
    display: flex;
    flex-flow: column;
    margin: 0
}
section.informacion .row.titulo .tit {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px
}
section.informacion .caracteristicas .titulo .info, section.informacion .infteflon .titulo .info {
    padding: 0 10px 20px 5px;
    border-bottom: 1px solid #ccc
}
section.informacion .caracteristicas .caracteristicas .tit {
    font-weight: 600
}
section.informacion .caracteristicas .caracteristicas .titulo {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px
}
section.informacion .caracteristicas .caracteristicas .medidas {
    display: flex;
    flex-flow: row;
    white-space: nowrap;
}
section.informacion .caracteristicas .caracteristicas .medidas .dato {
    margin: 0 10px 0 5px
}
section.informacion .tiendas .titulo .horarios {
    margin: 10px 0;
    font-weight: 500;
    color: grey
}
section.informacion .tiendas .tienda {
    display: flex;
    flex-flow: column;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 0 0
}
section.informacion .tiendas .llena {
    background-color: #f4f4f4;
    border-radius: 10px
}
section.informacion .tiendas .verde {
    margin: 10px 0 0 0;
    cursor: default;
    color: #39b54a;
    font-size: 14px
}
section.informacion .tiendas .row.titulo {
    border-bottom: 1px solid #ccc
}
section.informacion .tiendas .sintiendas {
    margin: 0;
    padding: 15px 0
}
section.informacion .tiendas .sintiendas .descr {
    color: #f92b3b;
    font-size: 18px;
    margin-bottom: 10px
}
section.informacion .tiendas .sintiendas .texto {
    font-size: 14px
}
section.informacion .tiendas .tienda .titulo {
    font-weight: 600;
    margin-bottom: 10px
}
section.informacion .tiendas .tienda .direccion {
    display: flex;
    align-content: center;
    flex-flow: row;
    justify-content: space-between
}
section.informacion .tiendas .tienda .direccion .dir {
    display: flex;
    align-content: center;
    flex-flow: row;
    margin-right: 10px;
    color: grey
}
section.informacion .tiendas .tienda .direccion .mark {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer
}
section.informacion .tiendas .tienda .direccion .mark a {
    color: #237ced !important
}
section.informacion .tiendas .tienda .direccion .mark img {
    width: 20px;
    margin-right: 5px
}
section.informacion .tiendas .tienda .disponible {
    background-color: #f7d5b7;
    color: #e26d03;
    margin: 10px 0;
    padding: 5px
}
section.informacion .pruebaencasa {
    font-size: 14px
}
section.informacion .pruebaencasa .tienda .titulo {
    font-weight: 600;
    margin-bottom: 10px
}
section.informacion .pruebaencasa .descri {
    margin: 15px 0;
    display: block
}
section.informacion .pruebaencasa .descri:nth-child(3) {
    border-bottom: solid #b2b2b2 1px;
    padding-bottom: 20px
}
section.informacion .pruebaencasa .paso {
    padding: 40px 5px;
    border-bottom: solid #b2b2b2 1px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center
}
section.informacion .pruebaencasa button {
    white-space: nowrap;
    position: relative;
    font-size: 14px
}
section.informacion .pruebaencasa .btnBlueN:before {
    top: -10px;
    left: 50%;
    margin-left: -50px
}
section.informacion .pruebaencasa .paso .txt {
    width: 60%;
    padding: 0 10px
}
section.informacion .pruebaencasa .paso .boton {
    width: 40%
}
section.informacion .pruebaencasa .pie {
    text-align: center;
    margin-top: 30px
}
section.informacion .infteflon .caract {
    margin: 0
}
section.informacion .infteflon .caract .renglon .tit {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 16px;
    color: #3384e5;
    margin-bottom: 20px
}
section.informacion .infteflon .caract .renglon .tit img {
    margin-right: 10px
}
section.informacion .infteflon .caract .renglon .desc {
    font-size: 14px
}
.div {
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}
.areaboton {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    display: flex;
    color: #333;
    align-items: center;
    height: 50px;
    font-size: 14px
}

.mensaje-agotado {
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
    cursor: default;
    display: flex;
    color: #b2363d;
    align-items: center;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
}
.share {
    width: 100%;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 14px;
    margin: 0
}
.share span {
    margin-right: 20px
}
.share .jssocials-share {
    margin-right: 20px
}
.areaboton.disp::after,
.areaboton.asesor::after{
    content: "";
}
.areaboton.asesor{
    height: 60px;
    border-bottom: none;
}
.areaboton.asesor,
.areaboton.disp{
    cursor: default;
}
.areaboton::after {
    content: ">";
    font-size: 25px;
    float: left;
    color: #333;
    position: absolute;
    right: 40px;
    font-weight: 300
}
.flex-row {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px
}
.flex-row .sel {
    padding: 0;
    background-color: #f5f6f4
}
.flex-row .sel .SelectCant {
    background-color: transparent !important;
    width: 100% !important;
    background-position: 85% center
}
.prod-detail-color ul li a, .prod-detail-color ul li.active, .prod-detail-color ul li.active a {
    border-radius: 100%
}
.prod-detail-color ul li {
    border: none
}
.prod-detail-color {
    border-bottom: 1px solid #eeeeee !important;
    padding: 0;
    margin-bottom: 15px;
}
.exclusivo {
    color: #39b54a;
    padding: 0;
    font-size: 14px;
    margin: 5px 0
}
.exclusivo.store {
    color: #ff8d03;
    padding: 0;
    font-size: 14px;
    margin: 5px 0
}
.exclusivo img {
    width: 20px;
    margin-right: 10px
}

.resultCP {
    padding: 0 0 0 15px !important;
    border-bottom: 1px solid #e0e0e0
}
.img-prod {
    display: flex;
    justify-content: center;
    align-items: center
}
.product-single-image {
    width: 90%;
    height: auto
}
.detail-prod-info {
    padding: 0 70px 0 25px
}
.watermark {
    display: none;
    width: 100vw;
    height: 100%;
    position: fixed;
    background-image: url("../images/version-demo.png");
    background-size: 200px;
    background-repeat: round;
    opacity: .09;
    pointer-events: none;
    z-index: 999999;
}
.teflon {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee !important;
    margin-bottom: 15px;
}
img.label-milxdiez {
    position: absolute !important;
    top: 1% !important;
    left: 2% !important;
    width: 25% !important; 
}
.car-slick img.label-sillas,
.car-slick img.label-decoracion{
    border: none !important; 
    width: 25% !important; 
}
.car-slick img.label-milxdiez{
    border: none !important; 
    width: 30% !important;
    margin-top: 5px;
}
img.label-decoracion {
    position: absolute !important;
    top: 1% !important;
    right: 2% !important;
    width: 20% !important; 
}
#product-list img.label-decoracion,
#product-list img.label-sillas{
    width: 25% !important;  
}
#product-list img.label-milxdiez{
    width: 30% !important;  
    margin-top: 7px;
}

img.label-sillas {
    position: absolute !important;
    top: 1% !important;
    right: 2% !important;
    width: 20% !important; 
}
img.label-sillas-vistos { 
    position: absolute !important;
    top: -10%;
    left: -5%;
    width: 20px !important;
    min-width: 75px !important
}
img.label-precioespecial-vistos { 
    position: absolute !important;
    top: -10%;
    left: -5%;
    width: 20px !important;
    min-width: 75px !important
}
img.label-precioespecial {
    position: absolute !important;
    top: 1%;
    left: 2%;
    width: 25% !important
}
.textRed {
    font-size: 16px;
    font-weight: 700;
    padding: 5px;
    background-color: #b22222;
    color: #fff
}
.teflon {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px
}
.teflon .clicTeflon {
    cursor: pointer
}
.teflon .area {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
}
.teflon .area .logo {
    width: 15%
}
.teflon .area .info {
    width: 65%
}
.teflon .area .switch {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}
.teflon img {
    width: 40px
}
.teflon .texto img {
    margin-left: 10px;
    width: 15px
}
.teflon .info {
    font-size: 14px;
}
.teflon .info .text { 
    color: #3384e5;
}
.teflon input[type=checkbox], .shopping-cart .recuadro input[type=checkbox], .cart-table .switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}
.teflon label, .shopping-cart .recuadro label, .cart-table .switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: #cccccc;
    display: block;
    border-radius: 50px;
    position: relative;
}
.detail-prod-info .teflon label:after, .shopping-cart .recuadro label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50px;
    transition: 0.3s;
}
.teflon input:checked + label, .shopping-cart .recuadro input:checked + label, .cart-table .switch input:checked + label {
    background: #3384e5;
}
.teflon input:checked + label:after, .shopping-cart .recuadro input:checked + label:after, .cart-table .switch input:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}
.teflon label:active:after, .shopping-cart .recuadro label:active:after, .cart-table .switch label:active:after {
    width: 25px;
}
.shopping-cart .recuadro {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    border: 2px solid #d7d7d7;
    border-radius: 20px;
    padding: 20px;
    font-size: 16px;
}
.shopping-cart .recuadro .text {
    width: 80%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}
.shopping-cart .recuadro .text img {
    margin-left: 10px;
}
.shopping-cart .recuadro .text b {
    color: #3384e5;
    font-weight: 600;
    margin: 0 5px;
}
.shopping-cart .recuadro .switch {
    width: 20%;
    display: flex;
    justify-content: flex-end;
    padding-top: 8px
}
.shopping-cart .cart-table .switch {
    transform: scale(.8)
}
.paymentN .promociones {
    padding: 20px;
    font-size: 14px;
    border-radius: 5px
}
.paymentN .promociones .title {
    font-weight: 500;
    padding: 0
}
.paymentN .promociones img {
    display: block;
    margin: 20px 0
}
.paymentN .datosextras .titulo {
    margin-left: 10px;
    font-size: 12px;
    color: #CACACA;
}
.shoplook {
    padding: 20px 0;
    position: relative
}
.shoplook .title-fp {
    margin: 0 0 40px 0 !important
}
.shoplook .titulo p {
    margin: 0 0 5px 0 !important
}
.shoplook .img {
    width: 100%;
    background-size: cover;
    background-position: center;
    --SL1-posX-img-des: 0;
    --SL1-posX-img-tab: 0;
    --SL1-posX-img-mob: 0;
    --SL2-posX-img-des: 0;
    --SL2-posX-img-tab: 0;
    --SL2-posX-img-mob: 0;
    --SL1-posY-img-des: 0;
    --SL1-posY-img-tab: 0;
    --SL1-posY-img-mob: 0;
    --SL2-posY-img-des: 0;
    --SL2-posY-img-tab: 0;
    --SL2-posY-img-mob: 0
}
.shoplook .img-back img {
    width: 100%;
    height: auto
}
.shoplook .pointmarker::before {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    position: absolute
}
.shoplook .pointmarker {
    z-index: 8;
    transition: border-color 250ms ease-in-out, opacity 250ms ease-in-out, visibility 250ms ease-in-out;
    transform: translateX(-1rem) translateY(-1rem) scale(.999);
    padding: 0;
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    position: absolute;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    line-height: .5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    --SL1-posX-point-1-des: 0;
    --SL1-posY-point-1-des: 0;
    --SL1-posX-point-1-tab: 0;
    --SL1-posY-point-1-tab: 0;
    --SL1-posX-point-1-mob: 0;
    --SL1-posY-point-1-mob: 0;
    --SL1-posX-point-2-des: 0;
    --SL1-posY-point-2-des: 0;
    --SL1-posX-point-2-tab: 0;
    --SL1-posY-point-2-tab: 0;
    --SL1-posX-point-2-mob: 0;
    --SL1-posY-point-2-mob: 0;
    --SL1-posX-point-3-des: 0;
    --SL1-posY-point-3-des: 0;
    --SL1-posX-point-3-tab: 0;
    --SL1-posY-point-3-tab: 0;
    --SL1-posX-point-3-mob: 0;
    --SL1-posY-point-3-mob: 0
}
.shoplook .pointmarker::after {
    content: "";
    transition: transform 250ms ease-in-out;
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 55%);
    width: 10px;
    height: 10px;
    border-radius: 50%
}
.shoplook .pointmarker:hover {
    border: 1px solid #fff
}
@-webkit-keyframes radius {
    0% {
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
@-moz-keyframes radius {
    0% {
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
@-o-keyframes radius {
    0% {
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
@keyframes radius {
    0% {
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
.infofloat {
    z-index: 9;
    position: absolute;
    padding: 20px;
    background-color: #fff;
    width: 200px;
    height: 230px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}
.infofloat.izq::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    margin-left: inherit;
    margin-left: -20px;
    transform: rotate(90deg)
}
.infofloat.der::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    margin-left: inherit;
    margin-left: 100%;
    transform: rotate(270deg)
}
.infofloat img {
    width: 60% !important;
    position: relative
}
.infofloat .info {
    font-size: 12px
}
.infofloat .btnYellow {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400
}
.setcompleto {
    padding: 0 50px
}
.shoplook .titulo {
    font-size: 18px;
    margin-bottom: 10px
}
.bannerCarr {
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 20px;
    margin: 10px 0
}
.bannerCarr .switch {
    margin-left: 10px
}
.bannerCarr span {
    margin: 0 5px
}
.mensajesCarr{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100px;
    margin-bottom: 100px;
}
.mensajesCarr div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 10px 0;
    height: 40px;
}
.mensajesCarr span{
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500;
    margin: 10px 0 0 10px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}
.shopping-cart-menu-header .switch {
    width: 52px;
    height: 24px
}
.table-shipping .switch {
    width: 40px;
    height: 24px
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0
}
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}
.switch .slider:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}
.shopping-cart-menu-header .switch .slider:before {
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px
}
.table-shipping .switch .slider:before {
    height: 18px;
    width: 20px;
    left: 1px;
    bottom: 1px
}
.shopping-cart-menu-header input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px)
}
.shopping-cart-menu-items .item .item-delete-switch .switch {
    width: 40px;
    height: 20px
}
.shopping-cart-menu-items .item .item-delete-switch .switch .slider:before {
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px
}
.cart-table .switch label:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 25px;
    height: 16px;
    background: #fff;
    border-radius: 50px;
    transition: .3s
}
.shopping-cart-menu-items .item .item-delete-switch .switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}
input:checked + .slider {
    background-color: #2196f3
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}
.table-shipping .switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}
.slider.round {
    border-radius: 34px
}
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: #fff
}
.carousel-indicators li {
    display: inline-block;
    width: 60px;
    height: 15px;
    margin: 0 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}
video#bgvid {
    position: relative;
    width: 100%
}
#mainSlider .carousel-inner .item{
    height: 780px;
}
#mainSlider .carousel-inner .item {
    height: 672px; 
    --posX-img-des: 0;
    --posY-img-des: 0;
    --posX-img-tab: 0;
    --posY-img-tab: 0;
    --posX-img-mob: 0;
    --posY-img-mob: 0
}
#mainSlider .carousel-inner .titulo {
    position: absolute;
    --posX-tit-des: 0;
    --posY-tit-des: 0;
    --posX-tit-tab: 0;
    --posY-tit-tab: 0;
    --posX-tit-mob: 0;
    --posY-tit-mob: 0
}
#mainSlider .carousel-inner .subtitulo {
    position: absolute;
    --posX-sub-des: 0;
    --posY-sub-des: 0;
    --posX-sub-tab: 0;
    --posY-sub-tab: 0;
    --posX-sub-mob: 0;
    --posY-sub-mob: 0
}
#mainSlider .carousel-inner .contenido {
    position: absolute;
    --posX-sub-cont: 0;
    --posY-sub-cont: 0;
    --posX-sub-cont: 0;
    --posY-sub-cont: 0;
    --posX-sub-cont: 0;
    --posY-sub-cont: 0
}
#mainSlider .carousel-inner button {
    position: absolute;
    --posX-btn-des: 0;
    --posY-btn-des: 0;
    --posX-btn-tab: 0;
    --posY-btn-tab: 0;
    --posX-btn-mob: 0;
    --posY-btn-mob: 0
}
.recomendados-carrito {
    display: flex;
    flex-direction: column
}
.recomendados-carrito .items {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 100%;
    padding: 5px 5px 100px 5px
}
.recomendados-carrito .items .item {
    display: flex;
    flex-flow: column;
    padding: 0;
    font-size: 12px;
    margin-bottom: 10px
}
.recomendados-carrito .items .item img {
    width: 100%;
    height: auto;
    border: 1px solid #f3f4f5
}
.recomendados-carrito .items .item button {
    font-size: 12px;
    margin: 10px 0
}
.recomendados-carrito .items .item button.disabled {
    cursor: no-drop !important;
    opacity: .2!important;
}
.recomendados-carrito .titulo {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000
}
#itemsCart {
    height: 100%
}
#headerCartRes {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 100px
}
.codPosEnv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0 10px 0;
    white-space: nowrap
}
.codPosEnv span {
    margin-bottom: 10px
}
.codPosEnv .form-group {
    position: relative;
    margin: 0 auto;
    width: auto
}
.codPosEnv .form-group input {
    margin: 0 auto;
    height: 40px
}
.codPosEnv .form-group label {
    width: 100%
}
.codPosEnv .help-block {
    white-space: normal;
    padding: 0;
    width: 70%;
    position: relative;
    margin: 0 auto;
    text-align: center
}
.codPosEnv .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 11px 0 0 13px;
    transition: all .2s;
    opacity: .6
}
.carrito .cuponResumen {
    padding-top: 20px
}
.carrito .cupon input {
    margin: 0 10px 0 0;
    width: 200px;
    padding: 0;
    height: 40px;
	text-align: center;
}
.shopping-cart-menu-items .item {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row
}
.shopping-cart-menu-items .item.teflon {
    border: none !important
}
.shopping-cart-menu-items .item .lafoto {
    width: 20%;
    padding: 5px;
    display: flex;
    align-items: center
}
.shopping-cart-menu-items .item .lafoto-teflon {
    width: 20%;
    padding: 5px;
    display: flex;
    justify-content: flex-end
}
.shopping-cart-menu-items .item .lafoto-teflon img {
    width: 35px;
    margin-right: 5px
}
.shopping-cart-menu-items .item .lafoto img {
    float: none;
    margin: 0;
    width: 100%;
    height: auto
}
.shopping-cart-menu-items .item .item-name-price {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.shopping-cart-menu-items .item .item-name {
    padding: 0
}
.shopping-cart-menu-items .item .item-price {
    margin: 0
}
.shopping-cart-menu-items .item .item-envio {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}
.shopping-cart-menu-items .item .item-quantity {
    width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}
.shopping-cart-menu-items .item .item-delete-switch {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: auto
}
.shopping-cart-menu-items .item .item-delete-switch img {
    width: 15px;
    float: none;
    margin: 0
}
.spinner-modal {
    width: 70px;
    text-align: center
}
.spinner-modal > div {
    width: 10px;
    height: 10px;
    background-color: #d70000;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner-modal .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.spinner-modal .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
.cupon-carrito-express {
    display: flex;
    justify-content: center;
    margin-top: 20px
}
.pop-entrega {
    position: absolute;
    background-color: #fff;
    width: 400px;
    height: 200px;
    padding: 20px;
    z-index: 999999;
    border-radius: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    font-size: 14px
}
.pop-entrega .closeInfo {
    top: 10px !important;
    right: 10px !important;
    position: absolute;
    color: #666;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-size: 33px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 999
}

.pop-teflon, .pop-garantia {
    position: absolute;
    background-color: #fff;
    width: 400px;
    height: 500px;
    padding: 20px;
    z-index: 999999;
    border-radius: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -250px;
    font-size: 14px
}
.pop-garantia{height: 250px; margin-top: -125px; }
.pop-garantia h2{font-size: 20px; font-weight: 600;}
.pop-garantia h3{font-size: 18px; font-weight: 500;}
.pop-teflon h2,
.pop-entrega h2{
    font-size: 20px;
    font-weight: 600
}
.pop-teflon h3,
.pop-entrega h3{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 20px
}
.pop-teflon img {
    margin: 0 10px
}
.pop-teflon .text-center {
    margin: 10px 0
}
.pop-teflon ul {
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
    text-align: left
}
.pop-teflon li {
    margin: 10px 0
}
.pop-teflon .closeInfo,
.pop-garantia .closeInfo{
    top: 10px !important;
    right: 10px !important;
    position: absolute;
    color: #666;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-size: 33px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 999
}
.relative {
    position: relative !important
}
.transp {
    position: absolute;
    z-index: 9;
    right: 0;
    height: 100% !important;
    display: none
}
.title-fp {
    border: none;
    margin: 0;
    padding: 0
}
.las-flechas {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 25px;
    padding: 0 20px
}
.title-fp h2 {
    margin: 0
}
.slider-carousel {
    width: 100%;
    margin: 0
}
.slick-slide {
    margin: 0 20px
}
.slick-slide img {
    width: 100%
}
.slick-list {
    padding: 0 15% 0 0 !important
}
.slick-list:after {
    right: 0 !important;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .47) 33%, rgba(255, 255, 255, .79) 56%, rgba(255, 255, 255, .95) 80%, #fff 100%) !important
}
.slick-next:before, .slick-prev:before {
    color: #000
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1
}
.slick-active {
    opacity: 1
}
.slick-current {
    opacity: 1
}
.slick-next:before, .slick-prev:before {
    font-size: 25px !important;
    line-height: 1;
    opacity: .75;
    color: #777 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.carousel-categorias div div {
    display: flex !important;
    position: relative
}
.carousel-categorias h2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    margin: 0;
    font-size: 18px
}
.las-flechas .slick-prev {
    left: 0 !important;
    margin-right: 10px !important
}
.las-flechas .slick-next {
    left: 0 !important;
    margin-left: 10px !important
}
.las-flechas .slick-next, .las-flechas .slick-prev {
    font-size: 0;
    line-height: 0;
    position: relative !important;
    top: 0 !important;
    display: block;
    width: 30px !important;
    height: 30px !important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    cursor: pointer
}
.las-flechas .slick-next:focus, ..las-flechas slick-next:hover, .las-flechas .slick-prev:focus, .las-flechas .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
} 
.las-flechas .slick-next:focus:before, .las-flechas .slick-next:hover:before, .las-flechas .slick-prev:focus:before, .las-flechas .slick-prev:hover:before {
    opacity: 1
}
.las-flechas .slick-next.slick-disabled:before, .las-flechas .slick-prev.slick-disabled:before {
    opacity: .25
}
.las-flechas .slick-next:before, .las-flechas .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.las-flechas .slick-prev {
    left: -25px
}
[dir=rtl] .las-flechas .slick-prev {
    right: -25px;
    left: auto
}
.las-flechas .slick-prev:before {
    content: '' !important
}
[dir=rtl] .las-flechas .slick-prev:before {
    content: '' !important
}
.las-flechas .slick-next {
    right: -25px
}
[dir=rtl] .las-flechas .slick-next {
    right: auto;
    left: -25px
}
.las-flechas .slick-next:before {
    content: '' !important
}
[dir=rtl] .las-flechas .slick-next:before {
    content: '' !important
}

.car-slick {
    overflow: hidden;
    opacity: 0
}
.car-slick.slick-initialized {
    opacity: 1;
    transition: opacity .3s ease-out
}
.car-slick img {
    border: 1px solid #e8e8e8
}
.car-slick .label-new{
    border: none;
}
.car-slick .label-especial{
    right: 10px;
    bottom: 10px;
}
.car-slick a {
    font-size: 14px;
    color: #333;
    position: relative;
}
.car-slick button {
    font-weight: 400;
    margin-top: 10px
}
.car-slick .datos {
    text-align: left
}
.car-slick .datos .nombre {
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis*/
}
.car-slick .datos .nombre {
    margin: 5px 0;
    font-weight: 400
}
.car-slick .datos .precio {
    margin: 5px 0;
    font-weight: 600
}
.car-slick .exclusivo {
    display: flex;
    flex-direction: row;
    font-size: 12px
}
.car-slick .exclusivo img {
    width: 16px;
    border: none;
    margin-right: 5px
}
.car-slick .msi{
    color: #bababa !important;
}
#listProductsRelated .mci{
    font-size: 10px;
    color: #bababa !important;
    white-space: nowrap;
}
#listProductsRelated .item{
    position: relative;
}

@font-face {
    font-family: furniture;
    src: url("../fonts/fontello/furniture.eot?3955673");
    src: url("../fonts/fontello/furniture.eot?3955673#iefix") format("embedded-opentype"), url("../fonts/fontello/furniture.woff2?3955673") format("woff2"), url("../fonts/fontello/furniture.woff?3955673") format("woff"), url("../fonts/fontello/furniture.ttf?3955673") format("truetype"), url("../fonts/fontello/furniture.svg?3955673#furniture") format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" furniture-icon-"]:before, [class^=furniture-icon-]:before {
    font-family: furniture;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.furniture-icon-16:before {
    content: '\e800'
}
.furniture-icon-14:before {
    content: '\e801'
}
.furniture-icon-13:before {
    content: '\e802'
}
.furniture-icon-recamaras:before {
    content: '\e803'
}
.furniture-icon-comedores:before {
    content: '\e804'
}
.furniture-icon-oficina:before {
    content: '\e805'
}
.furniture-icon-08:before {
    content: '\e806'
}
.furniture-icon-07:before {
    content: '\e807'
}
.furniture-icon-06:before {
    content: '\e808'
}
.furniture-icon-entretenimiento:before {
    content: '\e809'
}
.furniture-icon-acentos:before {
    content: '\e80a'
}
.furniture-icon-salas:before {
    content: '\e80b'
}
.furniture-icon-bar:before {
    content: '\e80c'
}
.furniture-icon-01:before {
    content: '\e80d'
}
.furniture-icon-decoracion:before {
    font-family: Linearicons;
    content: '\e7be';
    font-size: 30px
}
.BackLoader {
    width: 100%;
    height: 100vh;
    background-color: hsla(0, 0%, 100%, .5);
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center
}
.BackLoader .loader {
    width: 130px;
    height: 170px;
    position: relative
}
.BackLoader .loader::before, .loader::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 30px;
    left: 15px;
    z-index: 1;
    transform: scale(0);
    transition: all .2s ease
}
.BackLoader .loader .txt {
    width: 200%;
    text-align: center;
    position: absolute;
    bottom: -40px;
    left: -40%;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    color: red;
    background: #f0f8ff;
    padding-top: 20px
}
.BackLoader .loader .code {
    position: absolute;
    z-index: 99;
    bottom: -3px;
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: .8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}
.BackLoader .loader .box {
    width: 100%;
    height: 140px;
    display: block;
    color: #000;
    position: absolute;
    top: -70px;
    left: 0;
    z-index: 2;
    overflow: hidden;
    font-family: furniture;
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-size: 35px
}
.BackLoader .loader .box::before, .loader .box::after {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}
.BackLoader .loader .box:nth-child(1)::before {
    content: '\e800';
    animation: a 1.1s linear infinite
}
.BackLoader .loader .box:nth-child(1)::after {
    content: '\e803';
    animation: b 1.3s linear infinite
}
.BackLoader .loader .box:nth-child(2)::before {
    content: '\e80a';
    animation: c .9s linear infinite
}
.BackLoader .loader .box:nth-child(2)::after {
    content: '\e805';
    animation: d .7s linear infinite
}
.BackLoader .loader.amit::after, .BackLoader .loader.amit::before {
    transform: scale(1)
}
@keyframes a {
    0% {
        transform: translate(30px, 0) rotate(30deg);
        opacity: 0
    }
    100% {
        transform: translate(30px, 150px) rotate(-50deg);
        opacity: 1
    }
}
@keyframes b {
    0% {
        transform: translate(50px, 0) rotate(-40deg);
        opacity: 0
    }
    100% {
        transform: translate(40px, 150px) rotate(80deg);
        opacity: 1
    }
}
@keyframes c {
    0% {
        transform: translate(70px, 0) rotate(10deg);
        opacity: 0
    }
    100% {
        transform: translate(60px, 150px) rotate(70deg);
        opacity: 1
    }
}
@keyframes d {
    0% {
        transform: translate(30px, 0) rotate(-50deg);
        opacity: 0
    }
    100% {
        transform: translate(45px, 150px) rotate(30deg);
        opacity: 1
    }
}
@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0)
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(1deg)
    }
    30% {
        -webkit-transform: translate(0, 2px) rotate(0)
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0)
    }
    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg)
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        -webkit-transform: translate(2px, 2px) rotate(0)
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg)
    }
}
.carousel-beneficios .elemento {
    display: flex !important;
    flex-direction: row;
    justify-content: center
}
.carousel-beneficios .elemento .iconito img {
    height: 30px;
    border: none
}
.carousel-beneficios .elemento .iconito {
    margin: 0
}
.carousel-beneficios .elemento .textos {
    display: flex;
    flex-direction: column;
    justify-content: center
}
.nieve {
    background: 0 0;
    font-family: Androgyne;
    background-image: url('/images/nieve/s1.png'), url('/images/nieve/s2.png'), url('/images/nieve/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite
}
@keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px
    }
}
@-moz-keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px
    }
    100% {
        background-position: 400px 1000px, 200px 400px, 100px 300px
    }
}
@-webkit-keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px
    }
}
@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}
/*Banner Envio a Todo México*/
.bannerEnvio-mx {
    padding: 10px 20px;
    background-color: #d8e8d8;
    border-radius: 20px;
    display: flex !important;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
    width: fit-content;
}
.bannerEnvio-mx span, .bannerEnvio span {
    font-size: 12px !important;
    color: #000000 !important;
}
.bannerEnvio-mx::before {
    content: '';
    background-image: url("../images/icons/icon-envio-mx.svg");
    background-size: 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.bannerEnvio {
    padding: 10px 20px;
    background-color: #f9e8c0;
    border-radius: 20px;
    display: flex !important;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
    width: fit-content;
    font-weight: 400;
}
.bannerEnvio::before {
    content: '';
    background-image: url(../images/icons/icon-carrito-black.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    height: 20px;
    width: 35px;
    margin-right: 6px;
}
/*TOOLTIP CATALOGOS*/
.bannerEnvio:hover + .tooltip-cat {
    opacity: 1;
    display: flex;
}
.tooltip-cat:hover {
    opacity: 1;
    display: flex;
}
.tooltip-cat {
    background-color: #eeeeee;
    color: #777777;
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 65px;
    left: -47px;
    display: none;
    flex-direction: column;
    font-weight: 300;
    width: 120%;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);
    opacity: 0;
}
.tooltip-cat span {
    font-size: 11px;
    text-align: center;
}
.tooltip-cat span.titulo {
    font-size: 12px;
    font-weight: 500;
}
.tooltip-cat span.legales {
    font-size: 10px;
    margin: 7px 0;
}
.tooltip-cat span a {
    color: #3384e5;
    text-decoration: none;
    cursor: pointer;
}
.tooltip-cat span a:hover {
    text-decoration: underline;
}
.tooltip-cat::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10.5px 0 10.5px;
    border-color: #eeeeee transparent transparent transparent;
    position: absolute;
    left: 78%;
    bottom: -8px;
    transform: rotate(0deg);
}
.env-mx {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee !important;
    margin-bottom: 15px;
}
.env-mx .titulo {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    color: #5796e5;
    cursor: pointer;
}
.env-mx img:nth-child(1) {
    width: 30px;
    margin-right: 10px;
}
.env-mx img:nth-child(2) {
    width: 15px;
    margin-left: 10px;
}
0% {
    background-position: 0 0, 0 0, 0 0
}
50% {
    background-position: 500px 500px, 100px 200px, -100px 150px
}
100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px
}
.contenedor-productos .item {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}
.contenedor-productos .item .info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.contenedor-productos .item .info .name {
    width: 80%;
    color: #bbb
}
.contenedor-productos .item .info img {
    width: 20%;
    height: auto
}
.contenedor-productos .item .comments form {
    width: 100%
}
.contenedor-productos .item .comments .up {
    margin-bottom: 15px;
    padding: 0 !important
}
.contenedor-productos .item .comments .down {
    padding: 0 !important
}
.contenedor-productos .item .comments form .estrellas {
    padding: 0 !important;
    margin-bottom: 20px
}
.contenedor-productos .br-theme-fontawesome-stars-o .br-widget a {
    font-size: 30px;
    margin-right: 20px
}
.contenedor-productos .item .comments form .titulo {
    padding: 0 !important
}
.contenedor-productos .item .comments .shared {
    padding: 0 !important
}
.contenedor-productos .item .comments .shared .datos {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 40px
}
.contenedor-productos .item .comments .shared .datos span {
    margin-right: 10px
}
.contenedor-productos .item .comments .shared .jssocials-share {
    margin-right: 10px
}
.contenedor-productos .item .comments .boton {
    padding: 0 !important
}
/*BANNER CATÁLOGO*/
#contenedor-filtros, #filter-cat {
    font-weight: 400;
}
.bnr-catalogo {
    background-color: var(--BackgroundColorBannerCatalogoTexto);
    color: #666666;
    text-align: center;
    font-size: 14px;
    padding: 20px 0;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bnr-catalogo span {
    font-size: 10px;
}
.bnr-catalogo p {
    margin: 0!important;
}
#contenedor *, #filtros * {
    transition: all 0.3s ease-in-out;
}


#contenedor .producto {
    height: auto;
    position: relative;
    margin: 20px 0;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 35px;
}
#contenedor .producto .img-cat {
    text-align: center;
}
#contenedor .producto a img {
    max-width: 350px;
    width: 100%;
    height: auto;
}
#contenedor .producto a .info-n-price {
    border: none!important;
    padding: 0 20px !important;
    margin: 0 !important;
}
#contenedor .producto a .info-n-price .name {
    min-height: 65px;
    display: flex;
    align-items: center;
}


/*
.producto .one-prod {
    width: 100%;
    height: 370px;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.producto .one-prod .all-prod {
    position: relative;
}
.producto .precios {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.producto .precios span {
    color: #f20000 !important;
    font-size: 14px !important;
    white-space: nowrap;
    margin-right: 10px !important;
}
.producto .precios .old {
    display: flex;
    flex-direction: column;
}
.producto .precios .new {
    display: flex;
    flex-direction: column;
}
.producto .precios .old span {
    color: #999999 !important;
    border: none;
    font-size: 12px !important;
    font-weight: 500 !important;
    
}
.producto .precios .old span.title {
    color: transparent !important;
}
.producto .precios .new span {
    border: none;
    color: #f20000 !important;
    font-size: 10px !important;
}
.producto .precios .new span.actual-price {
    color: #f20000 !important;
    font-size: 14px !important;
}
.producto .precios div span {
    font-size: 18px !important;
}
*/

.new .heder-cat-cont .row{
    margin-bottom: 20px !important;
}

.new .orderby-sec h1,
.new .orderby-sec h2,
.new .orderby-sec p{
    margin: 0 !important;
}

.new .container.products{
    width: 100% !important;
}

.new .producto .precios {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333333;
    font-weight: 600;
    font-size: 14px !important;
}
.new .producto .precios span {
    white-space: nowrap;
    margin:5px 10px 5px 0 !important;
}
.new .producto .precios span.before-price {
    color: #999999;
    font-weight: 400;
    font-size: 12px !important;
}
.new .producto .precios span.actual-price {
    font-weight: 600;
    font-size: 14px !important;
}
.new .producto .precios span.actual-price.font-red {
    
    font-size: 14px !important;
}

.new #filtros .detail-prod-info{
    position: unset !important;
}

.detail-color-catalog {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.detail-color-catalog span {
    display: block;
    font-size: 10px;
    
}
.detail-color-catalog li a {
    border-radius: 100%;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.detail-color-catalog li a:hover {
    border-radius: 100%;
    border: 2px solid #bababa;
    padding: 5px;
}
.producto .subcat {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.producto .subcat .name {
    width: 40%;
    display: flex;
    flex-direction: column;
    color: #bababa;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
.producto .subcat .title {
    width: 60%;
    display: flex;
    flex-direction: column;
    border: none;
    margin: 0;
    font-size: 10px;
    padding: 0;
}
/*CABECERA DE CATALOGO*/
.orderby-sec {
    padding: 0;
    width: auto;
    display: flex;
    flex-direction: column;
}
.btns-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: auto;
}
.icon-filter b {
    white-space: nowrap !important;
    font-size: 14px;
    color: #000000;
    padding-left: 10px;
    font-weight: 400;
}
.icon-filter b::before {
    content: "ver filtros";
}
.icon-filter.open b::before {
    content: "ocultar filtros";
}
.icon-filter {
    padding: 10px 20px;
    width: auto;
    border: 1px solid #666666;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-family: Poppins;
}
.icon-filter span {
    display: none;
}
.icon-filter img {
    width: 20px;
}
.icon-filter.open {
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border: 1px solid #666666;
    cursor: pointer;
    font-size: 12px;
    width: auto;
    margin: 0;
    margin-bottom: 10px;
}
.icon-filter.open span {
    display: block;
}
#filtros .cont-switch-envio {
    font-size: 16px;
    font-weight: 500;
    
}
.cont-switch-envio {
    padding: 3px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cont-switch-envio img {
    margin-right: 10px;
    width: 20px;
}
.cont-switch-envio .switch {
    padding: 0;
    margin: 0;
    border: none !important;
}
.cont-switch-envio .switch label {
    margin: 0;
    padding: 0;
    top: 6px;
    left: 5px;
}
.cont-switch-envio span {
    white-space: nowrap !important;
}
.btns-order {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
}
.orderby-title {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: normal;
}
.btns-order .select {
    font-weight: 500;
    margin: 0;
}
.btns-order .select select {
    background-color: #ffffff !important;
    border: 1px solid #000000;
    color: #000000;
}
.btns-order .select::after {
    font-family: FontAwesome;
    content: "\f107";
    border: 1px solid #000000;
    background: #ffffff;
    color: #000000;
    pointer-events: none;
    font-size: 14px;
}
.filtrados {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px;
    margin-bottom: 10px;
}
.filtrados * {
    font-weight: 400;
}
.filtrados .btns-order {
    height: auto;
}
.info-n-price .msi {
    margin: 5px 0;
}
.info-n-price .msi span {
    font-size: 12px;
    font-weight: 400;
}
.info-n-price .msi span b {
    font-weight: 500;
}
/*AUTOCOMPLETAR*/
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-transform: capitalize !important;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-front {
    z-index: 100;
}
.ui-menu-autocomplete {
    display: block;
    top: 69.7167px;
    left: 711.383px;
    width: auto;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-widget-content a {
    color: #333;
}

.error404 {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 100px;
}
.error404 .enchufe {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.error404 .enchufe img {
    max-width: 500px;
    margin: 50px;
}
.error404 .mensaje2 {
    font-size: 24px;
    font-weight: 400;
    margin: 10px auto;
    text-align: center;
}
.error404 .mensaje3 {
    font-size: 20px;
    font-weight: 300;
    margin: 10px auto;
    text-align: center;
}
.error404 .ayuda {
    color: #BFBFBF;
    font-size: 16px;
    text-align: center;
    margin-top: 25px; 
}
.error404 .ayuda a {
    text-decoration: none;
    color: #BFBFBF;
}

/*landing HOTSALE - BUEN FIN*/
.hotsale *{
    transition: all 0.3s ease-in-out;
    font-family: 'Montserrat', sans-serif !important;
}
.hotsale h3{
    font-size: 45px;
    font-weight: 700;
}
.hotsale p{
    font-size: 25px;
    font-weight: 400;
}
.hotsale .gris{
    background-color: #f2f2f2;
}
.hotsale .cupones .cupon{
    width: 100%;
    background-color: #e9e9e9;
    border-radius: 20px;
    padding: 50px 30px;
}
.hotsale .cupones .cupon img{
    width: auto;
    height: 70px;
}
.hotsale .botones .boton {
    color: #ffffff;
    background-color: #dd273d;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 20px;
    width: 300px;
    margin: auto;
    margin-bottom: 20px;
}

.hotsale, .buenfin{
    padding-bottom: 50px;
    text-align: center;
    position: relative;
}
.hotsale .carrusel .title-fp,
.buenfin .carrusel .title-fp,
.buenfin .beneficios .titulo,
.buenfin .quotes .titulo{
	text-align: left !important;
	
}
.hotsale .carrusel a::after, .buenfin .carrusel a::after{
	font: normal normal normal 20px/1 FontAwesome !important;
}
.hotsale .header, .buenfin .header {
    background-color: #e69c00;
    width: 100%;
    height: 60px;
    max-height: 60px;
    color: #000000;
    padding: 5px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    z-index: 2;
}

/*Landing BuenFin*/
.buenfin *{
    transition: all 0.3s ease-in-out;
    font-family: 'Poppins', sans-serif !important;
    /* font-family:  'Montserrat', sans-serif; */
}
.buenfin svg{
    height: -webkit-fill-available !important;
}
.buenfin .header {
    background-color: #a40014;
    color: #ffffff;
    height: 50px !important;
    max-height: 50px !important;
    min-height: 50px !important;
    font-size: 20px !important;
    position: relative !important;
}
.buenfin .header2 {
    background-color: #b82231;
    color: #ffffff;
    height: 50px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
    position: absolute;
    fill:#ffffff;
    position: relative !important;
}
.buenfin .header3{
    background-color: #b82231;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    h1 {
        font-size:xxx-large;
        font-weight: 600;
    }
}
.buenfin h1{
    display: initial;
    font-size: 40px;
    font-weight: 800;
}
.buenfin h2{
    margin: 3px 0;
    font-size: 30px !important;
    font-weight: 600;
}

.buenfin .contenedor-slider {
    background-color: #ffffff !important;
    padding-top: 0 !important;
    height: auto;
    opacity: 1 !important;
    margin-bottom: 40px!important;
    
}
.buenfin .contenedor-slider img{
    width: 100% !important;
}
.buenfin .notas *,
.buenfin .forma *,
.buenfin .comunicado *
{font-family: 'PT Serif', serif !important; }
.buenfin .cupon{
    margin-bottom: 40px!important;
}
.buenfin .cupon div{
    padding: 0 !important;
}
.buenfin .cupon div:nth-child(1){
    border-right: 2px solid #000000;
    padding-right: 20px!important;
}
.buenfin .cupon div:nth-child(2){
    padding-left: 20px!important;
}
.buenfin .notas{margin-bottom: 40px !important;}
.buenfin .notas h1{font-size: 40px !important; margin-bottom: 40px;}
.buenfin .notas h2{font-size: 30px !important; font-weight: 600; margin-bottom: 40px; margin-top: 20px}
.buenfin .notas h3{font-size: 25px !important; font-weight: 600; margin-bottom: 40px;}
.buenfin .notas .txt{font-size: 20px !important; text-align: justify !important; hyphens: auto;}
.buenfin .notas .nota{padding: 0 50px!important;}
/*.buenfin .notas .nota:nth-child(1), .buenfin .notas .nota:nth-child(2){border-right: 1px solid #000000;}*/

.buenfin .marco h2{font-size: 45px !important; }
.buenfin .marco h3{font-size: 30px !important; font-weight: 500 !important; }
.buenfin .marco p{font-size: 25px !important; padding: 0 100px !important; }


.buenfin .grupo{padding:20px 50px !important; position: relative;}
.buenfin .grupo .form-group{position: relative; margin-bottom: 40px;}

.buenfin .grid{ 
    margin-bottom: 30px;
    
}
.buenfin .articulo{ 
    border-bottom: 1px solid #eeeeee;
    
}
.buenfin .car-slick img {
    border: none!important;
}

.buenfin .forma, .buenfin .comunicado{
    border: 1px solid #000000;
    padding: 10px;
    width: 100%;
    margin-bottom: 40px;
}
.buenfin .marco{
    border: 1px solid #000000;
    padding: 10px;
    width: 100%;
}

.buenfin .contenedor-slider h2{
    color: #ffffff;
}

.buenfin .infobuenfin h2{
    margin: 8px 0;
    font-size: 28px !important;
    font-weight: 600;
    color: #000000;
}
.buenfin .infobuenfin p{
    
}
.buenfin .infobuenfin {
    padding: 50px 10px;
    color: #000000;
    font-size: 16px;
}
.buenfin .infobuenfin img{
    width: 150px;
    margin-bottom: 50px;
}
.buenfin .infobuenfin ul li { 
    list-style: outside;
    text-align: left;
    font-size: 16px;
}
.buenfin .beneficios{
    margin: 30px 0;
}
.buenfin .quotes, .hotsale .quotes{
    text-align: left;
}
.buenfin .quotes .panel-heading, .hotsale .quotes .panel-heading{
    position: relative;
}
.buenfin .quotes .panel-heading, .hotsale .quotes .panel-heading{
    width: 100%;
    padding: 20px 15px;
    cursor: pointer;
    color: #333;
    font-size: 14px;
}
.buenfin .quotes .respuesta, .hotsale .quotes .respuesta{
    padding: 30px 30px 40px 50px;
    font-size: 16px;
}
.buenfin .titulo{
    font-size: 30px;
    font-weight: 700;
    margin: 30px 0;
    width: 100%;
    text-align: center !important;
}

.buenfin .quotes .panel-heading h4 *, .hotsale .quotes .panel-heading h4 *{
    color: #000000;
    text-decoration: none !important;
}
.buenfin .quotes .panel-heading h4 a::after, .hotsale .quotes .panel-heading h4 a::after {
    font-family: FontAwesome;
    content: "\f106";
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    right: 10px;
    bottom: 20px;
}
.buenfin .quotes .panel-heading h4 a.collapsed::after, .hotsale .quotes .panel-heading h4 a.collapsed::after {
    font-family: FontAwesome;
    content: "\f107";
}
.buenfin .quotes .division{margin: 20px 0;}

.buenfin .count{
    position: absolute;
    width: 100%;
    height: 80px;
    background-color: #e40000;
    padding: 10px;
    color: #ffffff !important; 
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.buenfin .count .contenido{
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.buenfin .count .reloj{
    display: flex;
    flex-direction: row;
    font-size: 14px;
    align-items: center;
}
.buenfin .count .titulo{
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    margin: 0 10px;
}
.buenfin .count .reloj .digito{
    font-size: 35px;
    font-weight: 700;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
.buenfin .count .reloj span{
    margin: 0 5px;
}

.header_top .up .contador .counter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.header_top .up .contador .counter .reloj {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
}
.header_top .up .contador .counter .titulo {
    text-transform: none;
}
.header_top .up .contador .counter .reloj .digito {
   
}
.header_top .up .contador .counter .reloj span {
    margin: 0 5px;
}



.hotsale .contenedor-slider, .buenfin .contenedor-slider {
    margin: 0 auto;
    position: relative;
    background-color: #e50000;
    /*background-image: var(--back-img); */
    background-position: center;
    background-size: cover;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    opacity: 0;
    transition: none !important;
    cursor: pointer;
}
.hotsale .contenedor-slider {
    background-color: #81d7ff;
}
.hotsale .contenedor-slider img{
    width: 300px;
    margin: 30px 0;
}
.hotsale .contenedor-slider h3.txt{
    font-size: 40px;
}
.hotsale span, .hotsale h1{
    font-size: 14px;
}
.hotsale .caja-txt {
    padding: 20px 0;
    text-align: left;
}
.hotsale .caja-txt p {
    font-size: 18px;
}
.hotsale .caja-txt h2{
    font-size: 28px !important;
    margin: 20px 0; 
    
}

.hotsale h1{
    margin: 0 5px 0 0;
    display: initial;
    font-size: 18px;
}
.hotsale h2{
    margin: 3px 0;
    font-size: 20px;
}
.hotsale .categorias, .buenfin .categorias{
    margin: 20px 0;
}
.label-BF2023{
    width: 100%;
    color: #ffffff;
    background-color: #f20200;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
}
.label-BF2023 img{
    border: none !important;
}
.hotsale img.logo{
    height: 80px;
    margin-bottom: 20px;
}
.hotsale .division{
    border-bottom: 1px solid #000000;
    margin: 20px 0;
}

.hotsale .promociones {
    margin: 20px 0;
}
.hotsale .promo.gris{
    padding: 0 5px;
}
.hotsale .promociones .promo{
    color: #ffffff;
    margin-bottom: 20px;
    position: relative;
}
.hotsale .promociones .titulo{
    margin: 30px;
}
.hotsale .promociones .legales{
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 2px;
}
.hotsale .promociones .titulo span{
    background-color: #e50000;
    padding: 10px 20px;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
}
.hotsale .promociones .titulo span.bancarias{
    background-color: #efefef;
    padding: 10px 20px;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    border-radius: 10px;
}
.hotsale .promociones .titulo span.beneficios{
    padding: 10px 20px;
    font-size: 30px;
    font-weight: 500;
    color: #000000;
    background-color: transparent;
}
.hotsale .promociones .red .area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 200px;
    background-color: #e50000 !important;
    border-radius: 20px;
}
.hotsale .promociones .gris .area{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    min-height: 240px;
    background-color: #efefef;
    border-radius: 20px;
    color: #000000;
    padding: 10px;
    min-height: 280px;
}
.hotsale .promociones .verde .area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 200px;
    background-color: #4ed176;
    border-radius: 20px;
    color: #ffffff;
    padding: 10px;
    
}
.hotsale .promociones .naranja .area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 200px;
    background-color: #fc6a3d;
    border-radius: 20px;
    color: #ffffff;
    padding: 10px;
    
}
.hotsale .promociones .amarillo .area{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 200px;
    background-color: #efac06;
    border-radius: 20px;
    color: #ffffff;
    padding: 10px;
    
}
.hotsale .promociones .gris .area img:nth-child(1){
    margin-bottom: 10px;
}
.hotsale .promociones .gris .area .renglon{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%;
    padding: 4px;
    margin: 2px 0;
    min-height: 40px;
}
.hotsale .promociones .gris .area .renglon img{
    margin-right: 10px;
    margin-bottom: 0;
}
.hotsale .promociones .gris .area .color{
    background-color: #e5e5e5;
}
.hotsale .promociones .gris .area .footer{
    position: absolute;
    bottom: 5px;
    right: 30px;
    font-size: 10px;
    font-weight: 100;
}
.hotsale .promociones .gris .area .renglon .textos{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}


.navigation-page.Yellow{
    background-color: #f4a73d;
    color: #000000;
    padding: 10px 0 !important;
    margin-bottom: 20px;
    
}
.navigation-page.Yellow .container .row{
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px !important
}
.navigation-page.Yellow h1{
    font-size: 18px !important;
    margin: 0 5px 0 0;
}

/*SHIPPING NUEVO*/
.header-checkout{
    padding: 10px 0;
}
.iniciarSes{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 15px;
    margin: 10px 0 5px 0;
}
.form-group.marTop0{ margin-top: 0px !important;}
.checkpredeterminado{
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 30px 0 0 15px;
}
.switchpredeterminado{
    height: 15px;
    position: relative;
    margin-right: 10px;
    width: 40px;
}
.switchpredeterminado input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.switchpredeterminado input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.switchpredeterminado label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #dbdbdb;
    border-radius: 30px 30px 30px 30px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.switchpredeterminado input ~ label i {
    background-image: url(../images/icons/icon-star.svg);
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 0pxpx;
    bottom: -2px;
    z-index: 2;
    border-radius: inherit;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 0 4px rgb(0 0 0 / 30%), 0 4px 0px rgb(0 0 0 / 0%);
    -webkit-transition: all .5s ease; 
    transition: all .5s ease;
}
.star {
    position: absolute;
    z-index: 6;
    top: 12px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(0deg);
    font-size: 32px;
    color: #4e80e8;
}
.switchpredeterminado input:checked ~ label {
    background-color: #4e80e8;
}
.switchpredeterminado input:checked ~ label i {
    /* background-color: #4e80e8; */
    background-image: url(../images/icons/icon-star-yellow.svg);
    left: auto;
    left: 57%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.switchpredeterminado input:checked ~ label i .airplane {
    color: #FFF;
}
section.login-popup {
    height: 100%;
    width: 40%;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    z-index: 1050;
    padding: 25px 20px;
    overflow-y: auto;
}
section.login-popup .container {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}
section.login-popup .closeInfo{
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #888888 !important;
}
section.login-popup .loader-log{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.70);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 60px;
}
section.login-popup .new-forms .legales{
    white-space: nowrap !important;
}
.checks label {
    font-weight: 400 !important;
    font-size: 12px;
    color: #919191;
}
.checkpredeterminado .tit, #registerNewsLetter{color:#c9c9c9 !important;}
.modal-direccion{
    display: none;
    font-size: 16px;
    position: absolute;
    width: 400px;
    height: 200px;
    left: 50%;
    top: 50%;
    z-index: 99999;
    background-color: #ffffff;
    margin-left: -200px;
    margin-top: -150px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);
}
.modal-direccion.open{
    display: flex !important;
}
.modal-direccion .icon{margin: 5px;}
.modal-direccion .botones{
    display: flex;
    flex-direction: row;
    padding: 5px;
}
.modal-direccion .botones button{
    margin: 20px;
    width: 100px;
}

.direccion .cp{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
.direccion span.predeterminada{
    font-size: 11px;
    color: #b3b3b3;
    margin: 0 5px;
}
input.bordes{
    border: 1px solid #e0e0e0 !important;
}
#contenedor .picker__holder{
    transition: auto !important;
}
.opciones-pago{
    
}
.opciones-pago li a{
    display: flex;
    flex-direction: column;
}
.opciones-pago img{
    width: 30px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a>svg, .nav-pills>li.active>a>span, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color: #3384e5 !important;
    color: #ffffff !important;
    opacity: 1;
    fill: #ffffff !important;
}
.nav-pills>li:hover{
    opacity: .8;
    background-color: #3384e5 !important;
}
.opc-pago ul li {
    border-radius: 5px;
    
}
.borderRadius5{
    border-radius: 5px; 
}
.borderRadius10{
    border-radius: 10px; 
}
.borderRadius15{
    border-radius: 15px; 
}
.ambassador{
    text-transform: capitalize;
    text-align: center;
    padding: 10px 0;
}
.ambassador span{
    background-color: #e81a1a;
    /*background: rgb(170,0,0);
    background: linear-gradient(0deg, rgba(170,0,0,1) 0%, rgba(234,0,0,1) 37%, rgba(254,111,111,1) 100%);*/
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.19);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.19);
    padding: 10px 20px;
    border-radius: 0 0 20px 20px;
    color: #ffffff;
}

.div-precio-tachado{
    display:flex; 
    flex-direction: row; 
    align-items: center; 
    margin-bottom: 5px;
    font-size: 14px;
}

.espacio-left-20{
    padding-left: 20px;
}
.espacio-left-5{
    padding-left: 5px;
}
section.banner .cupones .row:nth-child(1){margin-bottom: 10px;}

section.banner {
    background-color: #ebe3d8;
    padding: 20px 0;
}
section.banner .cupones .row div{
    display: flex;
    justify-content: center;
    align-items: center;
}
section.banner .cupones .row div:nth-child(2),
section.banner .cupones .row div:nth-child(3),
section.banner .cupones .row div:nth-child(4){
    /*border-right: 1px solid #000000;*/
}
section.banner .cupones img{
  /*margin: 10px;
    padding: 10px;*/
    width: 90%; 
    height: auto;
}
section.banner .cupones span{
  font-weight: 500;  
}
section.slide-home{
    position: relative;
    width: 100%;
    background-position: center center;
    background-size: cover;
    margin: 20px 0;
}
#slide_2{background-position: 20% center !important;}
section.slide-home .copys{
    width: auto;
    font-weight: 800;
    color: #ffffff;
    position: absolute;
    top: 100px;
    left: 100px;
}
section.slide-home .copys .txt-pri {font-size: 40px; text-shadow: 2px 2px 2px #00000055; line-height: 40px; margin: 10px 0;}
section.slide-home .copys .txt-sec {font-size: 30px; text-shadow: 2px 2px 2px #00000055; line-height: 30px; margin: 10px 0; font-weight: 500;}
section.slide-home .copys .txt-cta{background-color:#000000; color:#ffffff; width: fit-content; padding: 15px 70px; border-radius: 20px; text-align: center; margin: 10px 0; font-weight: 500; font-size: 18px;}



/* - - - - - - - - - - Tamarindo-NewVersion - - - - - - - - - - */



/*header .container{width: 100% !important;}
header #MenuNav{width: 100% !important;}
li.new-menu{position: static !important;}
li.new-menu ul{width: 100% !important;}*/
svg.icon {fill:#b2363d !important}
svg.icon-grey {fill:#cccccc !important}
section.new .container {
    width: 90% !important;
    padding: 0!important;
    /*background-color: red;*/
}

section.new.product .container {
    width: 100% !important;
    padding: 0!important;
    /*background-color: red;*/
}
section.new .container .row {
    margin: 0;
}
section.new .btn-contacto {
    background-color: #000000;
    padding: 20px 30px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    border-radius: 35px;
    cursor: pointer;
}
section.new .btn-whats {
    background-color: #00bb2d;
    padding: 20px 80px;
    color: #000000;
    font-size: 18px;
    text-align: center;
    border-radius: 35px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto!important;
    cursor: pointer;
}
section.new .btn-whats img {
    width: 30px !important;
    margin-right: 20px;
}
section.new .banner-top{
    background-color: #ffffff;
    font-size: 24px;
    padding: 100px 0;
}
section.new .banner-top .container{
    padding: 50px; 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
section.new .banner-top .container img{
    margin-bottom: 20px;
    height: 50px;
}
section.new .banner-top .container .texto{
    text-align: center;
    width: 80%;
}
section.new .header{
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
}
section.new .header h1{
    color: #ffffff;
    font-size: 16px;
    margin: 0;
}
section.new .slide {
    margin: 0 auto;
    position: relative;
    background-color: #e50000;
    background-image: var(--backPro-img); 
    background-position: center;
    background-size: cover;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: none !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.new .carusel {
    margin: 70px 0;
}
section.new .carusel .title-fp{
    padding-left: 20px;
}

section.new .carusel img {
    margin-bottom: 15px;
}
section.new .carusel span {
    font-weight: 500;
    font-size: 18px;
}
section.new .banner-full{
    margin: 70px 0;
    padding: 40px 0;
}
section.new .banner-full .foto{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 !important;
}
section.new .banner-full .texto .texto{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 50px 20px;
}
section.new .banner-full .texto .texto .titulo{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
section.new .banner-full .texto .texto span{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 60px;
}
section.new .banner-full img{
    width: 100%;
    height: auto;
}
#bnr-pro-1{
    background-color: aquamarine;
}
#bnr-pro-2{
    background-color: goldenrod;
}
#bnr-pro-2 .foto{
    justify-content: flex-start;
}
#bnr-pro-contacto{
    background-color: #efefef;
    height: 400px;
}
#bnr-pro-contacto *{
    height: 100%;
}
#bnr-pro-contacto .foto{
    justify-content: center;
}
#bnr-pro-contacto .foto a{
    display: flex;
    height: auto;
    justify-content: center;
}
#bnr-pro-contacto .texto .titulo {height: auto; margin-bottom: 25px;}








/* - - - - - - - - - - Tamarindo-NewVersion - producto - - - - - - - - - - */





section.new .carousel-pro-programas img{
    max-height: 500px;
    width: auto;
}
section.new .no_wrap {
    white-space: nowrap;
}
section.new .flex_row {
    display: flex;
    flex-direction: row;
    width: 100%;
}
section.new .flex-column {
    display: flex;
    flex-direction: column;
}
section.new .flex-column-align-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
section.new .row-justify-between {
    justify-content: space-between;
}
section.new .full {
    width: 100%;
}
/*section.new .las-flechas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
section.new .las-flechas button {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #f5f6f4;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: none;
    color: #9c9c9c;
}
section.new .las-flechas button:nth-child(1) {
    margin-right: 20px;
}
section.new .las-flechas button::before {
    font-family: FontAwesome;
    font-size: 25px !important;
    font-weight: 300;
}
section.new .las-flechas button.next::before {
    content: "\f105" !important;
}
section.new .las-flechas button.prev::before {
    content: "\f104" !important;
}*/
section.new .label-tachado{
    min-width: 100px;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #d70000;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    bottom: 0px;
    left: 0;
    text-decoration-line: line-through !important;
}

section.new .label-especial {
    background-color: #F40000;
    border-radius: 0;
    color: #ffffff;
    position: absolute !important;
    right: 0 !important;
    bottom: 9px !important;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 1px 5px;
    font-weight: 300;
}
section.new .before-price {
    font-size: 12px;
}
section.new .carousel-vistos-producto-in-info .slick-slide{
    margin: 0 5px 0 0 !important;
}
section.new .carousel-vistos-producto-in-info .slick-slide .datos a {
    font-size: 12px !important;
}
section.new .carousel-vistos-producto-in-info .slick-slide .datos * {
    margin: 0;
}

section.new .count-rev-detail {
    color: #5796e5;
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.new .selector {
    border: none;
    padding: 0;
    width: 100% !important;
    height: 40px;
    background: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url(../images/products/icon-arrow.svg), -webkit-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -moz-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -ms-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -o-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), linear-gradient(to bottom, transparent, transparent);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #f5f6f4;
    border-radius: 10px;
    background-position: right center !important;
    border-right: 10px solid transparent !important;
    text-indent: 15px hanging;
}
section.new .selector .SelectCant {
    background-color: transparent !important;
    width: 100% !important;
    background-position: right center !important;
    border-right: 10px solid transparent !important;
    background-image: none !important;
}
.jp-card-cvc{display: none;}

section.new.product .detail-prod-info {
    height: 100vh;
    background-color:transparent;
    z-index: 2;
    background-color: #f9f9f994;
    padding: 0 !important;
}
section.new .mascara{
    position: relative;
        overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.new figure.containerZoom{
    cursor: url("/images/icons/icon-lupa-mas.png"), auto !important;
    border: 5px solid #ffffff;
}
section.new figure.containerZoom.active{
    cursor: url("/images/icons/icon-lupa-menos.png"), auto !important;
}
section.new .prod-detail-color2{position: fixed; bottom: 0;}
section.new.product .detail-prod-info .contenedor.datos{padding: 30px 40px !important;}
section.new.product .detail-prod-info .contenedor.datos .row{padding: 0px !important; margin: 0!important;}
section.new.product .detail-prod-info .titulo{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
section.new.product .detail-prod-info .titulo .up,
section.new.product .detail-prod-info .titulo .down{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
section.new.product .detail-prod-info .titulo .sku,
section.new.product .detail-prod-info .titulo .stars{
    display: flex;
    flex-direction: row;
}
section.new.product .detail-prod-info .titulo .stars{
    justify-content: flex-end;
    align-items: center;
}
section.new .br-theme-fontawesome-stars-o .br-widget{height: auto !important; margin-right: 5px; margin-top: -5px;}

section.new.product .detail-prod-info .fila{
    margin: 0 0 10px 0 !important;
}
section.new .fila.info .codPos .elresult{
   /* -webkit-transition: all .5s ease;
    transition: all .5s ease;*/
}
section.new.product .detail-prod-info .legales{
    font-size: 12px;
    color: #999;
    display: block;
    white-space: nowrap !important;
    text-align: left;
}

section.new.product .detail-prod-info .prod-detail-title{
    width: 100%;
}
section.new.product .detail-prod-info h1.prod-detail-title{
    font-size: 25px;
    font-family: Roboto, sans-serif;
}
section.new.product .detail-prod-info .area_precio{
    display: flex;
    align-items: flex-end;
}
section.new.product .detail-prod-info .area_precio .izq{
    
}
section.new.product .detail-prod-info .area_precio .izq .before-price,
section.new.product .detail-prod-info .area_precio .izq .actual-price{
    white-space: nowrap !important;
}
section.new.product .detail-prod-info .area_precio .izq .actual-price {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 25px;
}
section.new.product .detail-prod-info .area_precio .der{
    padding:0 0 0 10px;
}
section.new.product .detail-prod-info .area_precio .der .legales{
    font-size: 13px;
    color: #000000;
}
section.new.product .detail-prod-info .custom{
    display: flex;
    align-items: center;
}
section.new.product .detail-prod-info .custom .izq,
section.new.product .detail-prod-info .acciones_add_to_cart .izq{
    width: 30%;
    padding-right: 10px;
}
section.new .detail-prod-info .custom .der,
section.new .detail-prod-info .acciones_add_to_cart .der{
    width: 70%;
    padding-left: 10px;
}
section.new .detail-prod-info .acciones_add_to_cart{
    
}
section.new .detail-prod-info .views-products .container{
    width: 100% !important;
}
section.new .detail-prod-info .views-products .container .title{
    font-size: 18px;
    font-weight: 500;
    border: none;
    padding: 0;
    margin: 0 0 10px 0;
}


section.new .detail-prod-info .cantidad{
    display: flex;
    justify-content: center;
    flex-direction: row;
}
section.new .detail-prod-info .cantidad .sel {
    padding: 0;
    background-color: #f5f6f4;
    border-radius: 20px;
}
section.new .detail-prod-info .cantidad .sel .SelectCant {
    background-color: transparent !important;
    width: 100% !important;
    background-position: 85% center
}
section.new .detail-prod-info .cantidad .texto{
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
section.new .detail-prod-info .cantidad .sel{
    width: 40%;
}
section.new .detail-prod-info .teflon{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
section.new .detail-prod-info .info img {
    width: 40px;
    margin-right: 15px
}
section.new .detail-prod-info .info .btn, section.new .detail-prod-info .info .cp {
    margin: 0 !important
}
section.new .detail-prod-info .info span.titulo {
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}
section.new .detail-prod-info .info .resultCP .down, section.new .detail-prod-info .info .resultCP .up {
    margin-bottom: 10px
}
section.new .detail-prod-info .info .resultCP .alerta {
    padding: 10px 5px
}
#shippdate, section.new .detail-prod-info .info .resultCP #shippdate {
    font-weight: 600
}
section.new .detail-prod-info .info .festimada, .festimada div {
    color: #999
}
section.new .detail-prod-info .info .inputCP .elresult, section.new .detail-prod-info .info .inputCP .elresultT {
    font-size: 14px
}
section.new .detail-prod-info .info .inputCP .elresult .alerta, section.new .detail-prod-info .info .inputCP .elresultT .alerta {
    padding: 10px
}
section.new .detail-prod-info .info .codPos {
    display: flex;
    flex-flow: column
}
section.new .detail-prod-info section.new .detail-prod-info .info #CodPos, section.new .detail-prod-info .info #DiasPos {
    margin-left: 5px
}
section.new .detail-prod-info .info .new-forms input {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .75) !important;
    border: none;
    padding: 12px 12px 0 12px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0
}
section.new .detail-prod-info .info .new-forms .error {
    border-bottom: 1px solid #a94442
}
section.new .detail-prod-info .info .new-forms {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0
}
section.new .detail-prod-info .info .new-forms .cp {
    padding: 0 5px 0 0
}
section.new .detail-prod-info .info .new-forms .btn {
    padding: 0 0 0 5px
}
section.new .detail-prod-info .info .elresult img {
    width: 15px !important
}
section.new .detail-prod-info .info.producto img {
    width: 40px;
    margin-right: 15px
}
section.new .detail-prod-info .info .msgClass {
    white-space: nowrap
}
section.new .navigation-new{
    position: relative;
    z-index: 2;
    font-size: 14px;
    background-color: #ffffff70;
    padding: 20px;
    border-radius: 30px;
    text-transform: capitalize;
}
section.new .navigation-new a{
    color: #000000;
}
section.new .navigation-new .active{
   opacity: .3;
    color: #000000;
}
section.new .navegacion{
    position: absolute; 
    width: 100%; 
    z-index: 1; 
    margin: 0;
    left: 0;
}
section.new .cont_nav_stars{
    position: relative;
    height: 60px;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: red;*/
    margin:0;
    padding-left: 20px
}
section.new .cont_nav_stars .izq, .cont_nav_stars .der{
    position: relative;
    /*border: 1px solid blue;*/
}
section.new ol.carousel-indicators.mobile li{
    width: 15px;
    height: 15px;
    margin: 0 5px;
}
section.new ol.carousel-indicators.mobile li.active{
    background-color: #000000;
}
section.new .detail-prod-info{
    position: sticky;
    top: 0;
}
section.new #products_tam a.carousel-control{background-image: none !important;}
section.new #products_tam a.carousel-control .icon-prev:before{
    font-family: FontAwesome;
    content: "\f104";
    font-size: 30px;
    color: #bababa;
}
section.new #products_tam a.carousel-control .icon-next:before{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    color: #bababa;
}
section.new #contenedor_color{
    width: 100%;
    position: sticky;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}
section.new .prod-detail-color {
    white-space: nowrap;
    background-color: #ffffff70;
    padding: 20px;
    border-radius: 30px;
}
section.new .prod-detail-color ul { 
    margin-top: 10px;
}
section.new .accordion_opiniones {
    margin: 20px 0;
}
section.new .accordion_opiniones .area {
    border-bottom: 1px solid #cccccc;
}
section.new .accordion_opiniones .estrellas{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
}
section.new .accordion_opiniones .estrellas.tit{
    padding:0;
}
section.new .accordion_opiniones .title {
    padding-bottom: 30px !important;
    border-bottom: none !important;
}
section.new .accordion_opiniones .title a.tit_a {
    font-size: 28px;
    color: #000000;
    text-transform: none;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
}
section.new .accordion_opiniones .panel-heading {
    position: relative;
}
section.new .accordion_opiniones a span.attribute {
    margin-left: 10px;
}
section.new .accordion_opiniones a.tit_a::after {
    font-family: FontAwesome;
    content: "\f106";
    font-size: 25px;
    font-weight: 300;
    bottom: 50px;
    position: absolute;
    right: 20px;
}
section.new .accordion_opiniones a.tit_a.collapsed::after {
    content: "\f107" !important;
}
section.new .accordion_opiniones .estrellas .br-readonly{
    display: flex;
    align-items: center;
}
section.new .accordion_opiniones .estrellas .texto{
    margin-left: 5px;
    color: #cccccc;
}
section.new .accordion_opiniones .opiniones .user .client-name-rev i{
    color: #666666;
    margin-right: 10px;
}
section.new .accordion_opiniones .opiniones .user{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}
section.new .accordion_opiniones .opiniones .user .client-name-rev .fa-user-circle-o:before {
    content: "\f2be";
    font-size: 30px;
    color: #cccccc;
}
section.new .accordion_opiniones .opiniones .user .client-name-rev {
    display: flex;
    align-items: center;
}
section.new .accordion_opiniones .opiniones .head{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
}
section.new .accordion_opiniones .opiniones .head .titulo{
    font-size: 20px;
    font-weight: 500;
    margin-left: 10px;
}
section.new .accordion_opiniones .opiniones .fecha{
    color: #999999;
    margin-left: 30px;
    font-size: 12px;
}
section.new .accordion_opiniones .opiniones .area_comentario{
    border-top: 1px solid #cccccc;
    padding: 20px 0px;
    margin-top: 20px;
}
section.new .accordion_opiniones .opiniones .row{
    margin: 0 !important;
}
section.new .accordion_opiniones .opiniones .comentario{
    padding-top: 5px;
    margin-bottom: 10px;
}
section.new .accordion_opiniones .opiniones .tit_opiniones{
    padding-top: 12px;
}
section.new .accordion_opiniones .opiniones .boton{
    
}
section.new .nav-container{
    padding: 0;
    
}
section.new .nav-container .navbar-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
section.new .row.teflon .area{ justify-content: flex-start!important; }
section.new .row.teflon .area div{ width: auto !important;}
section.new .row.teflon .area .logo,
section.new .row.teflon .area .info{ margin-right: 20px}

.producto .carousel-inner {
  touch-action: pan-y pinch-zoom;
}
.image-carousel{display: none;}
.image-carousel.slick-initialized{display: block;}
.image-carousel button{z-index: 1000 }
.image-carousel button.slick-next{right: 20px; }
.image-carousel button.slick-prev{left: 20px;}
.image-carousel-item{/*pointer-events: none;*/}
#carusel-movil ul.slick-dots{overflow: scroll; white-space: nowrap;}

section.sectioned {padding: 20px 0;}
section.new.product .container.producto{ padding: 20px!important;}

section.new section.views-products, section.new section.featured-products, section.new section.caruselnuevos-products{ background: #ffffff !important; padding: 20px 15px;}
.caruselnuevos-products{
    padding: 15px 0;
}
.area-foto{
    position: relative;
    width: 100%;
    padding: 30px 0;
}
.area-foto img{
    border: none;
}
.image-carousel button.slick-arrow{display: none !important;}
.area-foto .label-exclusivo{
    position: absolute;
    text-align: center;
    background: #60b058;
    color: #ffffff;
    border-radius: 0px;
    white-space: nowrap;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: 400;
    top: 10px;
    left: 0;
}
.area-foto .label-tachado{
    min-width: 100px;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #d70000;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    bottom: 0px;
    left: 0;
    text-decoration-line: line-through !important;
}
.area-foto .label-agotado{
    min-width: 100px !important;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #9e9e9d;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    bottom: 0px;
    rigth: 0!important;
    text-transform: none !important;
}
.area-foto .label-enviorapido{
    min-width: 100px;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #4a80cc;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    bottom: 0px;
    right: 0;
}
.area-foto .label-nuevo{
    min-width: 100px;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #00c84e;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    top: 0px;
    right: 0;
}
.img-cat .label-nuevo{
    min-width: 100px;
    text-align: center;
    position: absolute;
    background: #eeeeeeb8;
    color: #00c84e;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    top: 0px;
    right: 0;
}
.area-foto .label-promocion{
    width: 100%;
    text-align: center;
    position: absolute;
    background: #ed891196;
    color: #ae5300;
    border-radius: 0px;
    white-space: nowrap;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    top: 0;
    right: 0;
}
.label-tienda{
    white-space: nowrap;
    background-color: #ff8d03;
    color: #ffffff;
    top: 10px;
    right: 10px;
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    z-index: 2;    
}
.area-foto .label-tienda,
.img-cat .label-tienda {
    top: 0;
    left: 0;
    right: unset;
}
.footer-seo-catalog{
    position: relative;
    margin-bottom: 60px;
}
.footer-seo-catalog .content{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px;
    transition: all 0.3s ease-in-out;
}
.footer-seo-catalog .content .text-cont{
    width: 100%;
    
}
.footer-seo-catalog .viewmore{
    position: absolute;
    padding: 10px 20px;
    background-color: #ce282a;
    color: #ffffff;
    max-width: 140px;
    min-width: 140px;
    left: 50%;
    margin-left: -70px;
    text-align: center;
    bottom: -20px;
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: 15px hanging;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 90% center;
    font-size: 14px;
    font-weight: 400;
    opacity: 1 !important;
}
.footer-seo-catalog .viewmore.close{
    background-image: url(../images/icons/icon-arrow-down-white.svg), -webkit-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-down-white.svg), -moz-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-down-white.svg), -ms-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-down-white.svg), -o-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-down-white.svg), linear-gradient(to bottom, transparent, transparent);
    
}
.footer-seo-catalog .viewmore.open{
    background-image: url(../images/icons/icon-arrow-up-white.svg), -webkit-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-up-white.svg), -moz-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-up-white.svg), -ms-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-up-white.svg), -o-linear-gradient(top, transparent, transparent);
    background-image: url(../images/icons/icon-arrow-up-white.svg), linear-gradient(to bottom, transparent, transparent);
}

/*SEARCH ALGOLIA*/

.container-4{
	height: 40px;
    padding-top: 5px;
}
:root {
	--aa-search-input-height: 30px;
	--aa-input-border-color-rgb:255,92,92;
	--aa-input-background-color-alpha:.8;
	--aa-base-unit:14;
	
}
.aa-Panel{z-index: 9;}
svg.aa-SubmitIcon{
	fill: #ffffff !important;
}
.aa-ItemLink{
	color: #000000 !important;
}
.aa-ItemLink:hover{
	color: #000000 !important;
}
.aa-SourceHeaderTitle{
	color: #b2363d; 
	font-weight: 400;
	font-size: 14px;
}
.aa-SourceHeaderLine{
	border-bottom: 1px solid #b2363d;
}
.aa-Input{
	padding-left: 10px !important;
}
.aa-ClearButton{
	width: 50px !important;
}
.aa-ItemContentTitle b{
	background-color: #FFEA00;
}
.aa-Label{
	margin: 0 !important;
}
.aa-InputWrapperPrefix{
	background-color: #b2363d !important;
    border-radius: 12px 0 0 12px;
}
.aa-Form{
    border-radius: 12px !important;
    border: none !important;
    background-color: #f5f5f5 !important;
}
.aa-ItemContentCategory{
	font-weight: 400;
}
.aa-ItemContentPrice{
	font-weight: 400;
}
.ais-Highlight-highlighted {
  color: inherit;
  font-size: inherit;
}
#searchbox {
  margin-bottom: 2rem;
}
#pagination {
  margin: 2rem auto;
  text-align: center;
}
.banner-search{
    width: 100%;
    padding: 15px 10px;
    background-color: var(--BackgroundColorBannerSearchBox);
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-search .txt{
    font-size: 16px;
    font-weight: 500;
}
/* BANNER HOME SLIDE DOWN*/

#bannerHomeSlideDown .columna{
    /*border: 1px dotted #000;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    --a:center;
    }
#bannerHomeSlideDown .columna img{
    position: absolute;
    object-fit: contain;
    width: 90%;
    height: 90%;
    aspect-ratio: 3/2;
    object-position: var(--a) center;
    }
/***************************************/
/***************************************/
/***************************************/
/***************************************/
/******************************************************************************** MESA DE REGALOS */
/***************************************/
/***************************************/
/***************************************/
/***************************************/
.landing.mesa-regalo *{font-family: 'Raleway', sans-serif !important;}
.landing.mesa-regalo .credit-card-wrapper .jp-card-container *{font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace !important;}
.landing.mesa-regalo .dateExp.izq{padding-right: 10px !important;}
.landing.mesa-regalo .dateExp.der{padding-left: 10px !important;}
.landing.mesa-regalo section{    margin-bottom: 40px;}
.landing.mesa-regalo ul.listado{list-style: disc;}
#sharedGiftTable .clipboard{ cursor: pointer; border: 2px solid #acacac; border-radius: 5px; padding:10px 30px; display: flex; justify-content: center; align-items: center; flex-direction: row; color:#acacac; margin: 10px 0; line-height: 30px; font-weight: 400; }
#sharedGiftTable .clipboard img{width: 30px; margin-right: 10px;}
#sharedGiftTable.flex{display: flex !important; justify-content: center; align-items: center;}
#sharedGiftTable .modal-content{height: 250px; padding: 5px 40px;}
#sharedGiftTable .modal-header{display: flex !important; flex-direction: column; width: 100%; height: 100%; border: none !important;}
#sharedGiftTable .share{display: flex !important; flex-direction: column;}
#sharedGiftTable .share span{margin: 0px;}
#sharedGiftTable .share .jssocials{margin: 10px 0;}
#sharedGiftTable .close{margin: 0px auto;}
.sharedModal{position: fixed; width: 420px; height: 250px; margin-top: -125px; top: 50%; margin-left: -210px; left: 50%; z-index: 9999;}
.modal-backdrop.shared{cursor: pointer;}
.landing.mesa-regalo input, .landing.mesa-regalo textarea, .landing.mesa-regalo select{
        border-radius: 20px;
        width: 100%;
        color: #000000;
        margin: 12px 0 !important;
    }
.landing.mesa-regalo input, .landing.mesa-regalo select{
        height: 55px !important;
    }
.landing.mesa-regalo .container{
    position: relative;
}

.landing.mesa-regalo{
    margin-bottom: 40px;
}
.landing.mesa-regalo .block-resp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 30px;
}

.landing.mesa-regalo .fa.fa-question-circle{
        display: inline-block !important;;
        font: normal normal normal 14px/1 FontAwesome !important;;
        font-size: inherit !important;;
        text-rendering: auto !important;;
        -webkit-font-smoothing: antialiased !important;;
    }
#icon-whats{/*display: none !important;*/}

.landing.mesa-regalo .container{
    max-width: 1170px;
}
.landing.mesa-regalo .align-vertical{display: flex; justify-content: center;}
.landing.mesa-regalo .btn{border-radius: 20px;}
.landing.mesa-regalo .slider{
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    background-image: url(https://d1r8o43atolcyl.cloudfront.net/c2xpZGVPS19fMjAyNC0wMi0yNC0wMi0xNC0xOA==.jpg);
    background-size: cover;   
    background-position: bottom;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}
.landing.mesa-regalo .slider .row{
    height: inherit;
}
.landing.mesa-regalo .slider .formulario,
.landing.mesa-regalo .slider .texto{
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;  
    flex-direction: column;
}
.landing.mesa-regalo .slider .formulario .login{
    padding: 30px 15px;
    background-color: hsla(0,0%,0%,0.4);
    border-radius: 20px;
    min-width: 400px;
    text-align: center;
}    
.landing.mesa-regalo input,
.landing.mesa-regalo textarea,
.landing.mesa-regalo select, 
.landing.mesa-regalo .chosen-container{
    margin-bottom: 10px !important;
} 

.landing.mesa-regalo .chosen-single{
    border-radius: 20px;
    width: 100%;
    height: 55px !important;
    color: #000000;
    margin: 12px 0 !important;
} 
.landing.mesa-regalo .chosen-single{
    margin-bottom: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 0 0 20px;
}
.landing.mesa-regalo .chosen-drop{
    border-radius: 0 0 20px 20px;
}
.landing.mesa-regalo .chosen-search{
    padding: 0 20px;
}
.landing.mesa-regalo .chosen-search-input{
    height: 40px !important;
}
.landing.mesa-regalo .chosen-results{
    text-align: left;
    padding: 0 20px 20px 20px;
}
.landing.mesa-regalo .chosen-container .chosen-results li.highlighted {
    background-color: #ffb285 !important;
  background-image: -webkit-linear-gradient(#ffb285 20%, #cf8052 90%);
  background-image: -o-linear-gradient(#ffb285 20%, #cf8052 90%);
  background-image: linear-gradient(#ffb285 20%, #cf8052 90%);
  color: #fff;
}
.landing.mesa-regalo .search-choice-close{
    margin: 17px;
    padding-right: 50px;
}
.landing.mesa-regalo .chosen-single div {
    width: 25px;
    right: 20px;
}
.landing.mesa-regalo .chosen-single div b{
    background-image: url(../images/products/icon-arrow.svg), -webkit-linear-gradient(top, transparent, transparent) !important;
    background-image: url(../images/products/icon-arrow.svg), -moz-linear-gradient(top, transparent, transparent) !important;
    background-image: url(../images/products/icon-arrow.svg), -ms-linear-gradient(top, transparent, transparent) !important;
    background-image: url(../images/products/icon-arrow.svg), -o-linear-gradient(top, transparent, transparent) !important;
    background-image: url(../images/products/icon-arrow.svg), linear-gradient(to bottom, transparent, transparent) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    color: #444 !important;
    text-decoration: none !important;
}
.landing.mesa-regalo a.chosen-single, .landing.mesa-regalo .chosen-drop{background: #ffffff;    border: none;    box-shadow: none;}
.landing.mesa-regalo .input-select::after {
    top: -5px;
    right: 20px;
    font-size: 30px;
    color: #777777;
    display: none !important;
}
.landing.mesa-regalo .SelectCant {
    background-position-x: 97%;
}

.landing.mesa-regalo .slider .formulario .login .help-block,
.landing.mesa-regalo .donacion .help-block{
    top: 60px;
    left: 20px;
    color: #ff9191 !important;
    white-space: nowrap;
} 
.landing.mesa-regalo .slider .area-texto{
    margin-top: 200px;
}
.landing.mesa-regalo .input-name{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.landing.mesa-regalo .input-wrp {
    position: relative;
    width: 100%;
}
.landing.mesa-regalo .input-wrp.name {
    position: relative;
    width: 49%;
}
.landing.mesa-regalo .input-wrp .inputText.no-selec {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important; 
    color: #999999 !important;
    cursor: default !important;
}

.landing.mesa-regalo .input-wrp .inputText{
    /*width: inherit;*/
    outline: none;
    border:1px solid #777;;
    box-shadow: none !important;
    padding-left: 20px;
}
.landing.mesa-regalo .input-wrp .inputText:focus{
    border-color: blue;
    border-width: medium medium 2px;
}
.landing.mesa-regalo .input-wrp label, 
.landing.mesa-regalo .form-group label {
    position: absolute;
    pointer-events: none;
    top: 35px;
    left: 20px;
    transition: 0.2s ease all;
    color: #666666;
    font-weight: 300;
}
/*.input-wrp input:focus ~ label, .input-wrp input:valid ~ label,
.input-wrp textarea:focus ~ label, .input-wrp textarea:valid ~ label{
    top: 10px;
    left: 20px;
    font-size: 10px;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 5px;
    opacity: 1;
}*/
.landing.mesa-regalo .login .checks label{color: #ffffff;}
.landing.mesa-regalo .login .text-iniciar{
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
    width: 100%;
    cursor: pointer;
}
.landing.mesa-regalo .login .text-recuperar{
    margin:10px 0 20px 0;
    text-align: center;
    color: #ffffff;
    width: 100%;
    cursor: pointer;
}
.landing.mesa-regalo .login .text-iniciar a{
    text-decoration: underline;

    color: #ffffff;

}
.landing.mesa-regalo .slider .area-texto h1{
    font-weight: 800;
    margin: 0 0 10px 0;
    font-size: 40px !important;
}
.landing.mesa-regalo .slider .area-texto h4{
    font-weight: 300;
    margin: 0 0 3px 0;
    font-size: 22px !important;
}

.landing.mesa-regalo .input-select label, 
.landing.mesa-regalo .input-wrp label, 
.landing.mesa-regalo .form-group label { position: absolute; top: 14px; left: 20px; color: #666666;}
.landing.mesa-regalo .input-select label, 
.landing.mesa-regalo .form-group label{ top: 4px; font-weight: 300;}
.landing.mesa-regalo input::placeholder, 
.landing.mesa-regalo textarea::placeholder {  color: #d7d7d7; font-weight: 400;}
.landing.mesa-regalo .input-wrp .inputText{
    /*width: inherit;*/
    outline: none;
    border:1px solid #777;;
    box-shadow: none !important;
    padding: 10px 20px 0 20px;
}
.landing.mesa-regalo textarea.inputText{
    padding: 30px 20px 20px 20px !important;
}
.landing.mesa-regalo .beneficios .titulo{font-size: 40px; font-weight: 800; text-align: center; margin: 40px;}
.landing.mesa-regalo .beneficios .row.iconos{border-bottom: 5px solid #c4c4c42b; padding: 30px 0;}
.landing.mesa-regalo .beneficios .iconos{font-size: 18px;font-weight: 600; text-align: center;}
.landing.mesa-regalo .beneficios .iconos span{font-size: 14px;font-weight: 400; text-align: center;}
.landing.mesa-regalo .beneficios .iconos img{width: 90px; margin: 20px;}
.landing.mesa-regalo .beneficios .iconos .col-lg-6{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 70px;}

.landing.mesa-regalo .bnrgris{
    background-color: #c4c4c42b;
    color: #000000;
    font-size: 30px;
    font-weight: 700;
}
.landing.mesa-regalo .bnrgris .row{
    padding: 40px 0;
    text-align: center;
    margin: 0;
}
.landing.mesa-regalo .bnrgris img{margin: 0 20px; }
.landing.mesa-regalo .bnrgris .row .col-lg-6{height: 60px;}
.landing.mesa-regalo .bnrgris .no-wrap{white-space: nowrap;}
.landing.mesa-regalo .bnrgris.titulo .pri{font-size: 40px; font-weight: 800; line-height: 40px; color: #333333; margin: 10px 0;}
.landing.mesa-regalo .bnrgris.titulo .sec{font-size: 20px; font-weight: 500; color: #333333;}

.landing.mesa-regalo .preguntas .titulo, 
.landing.mesa-regalo .editor .titulo{font-size: 40px; font-weight: 800; text-align: center; margin: 40px;}
.landing.mesa-regalo .preguntas .panel-heading {position: relative;}
.landing.mesa-regalo .preguntas h4.pregunta {padding-right: 35px !important;}
.landing.mesa-regalo .preguntas h4.pregunta *{font-size: 30px; font-weight: 700; color: #000000; }
.landing.mesa-regalo .preguntas h4.pregunta a:after { content: '-'; position: absolute; right: 40px; top: -10px; font-size: 70px;}
.landing.mesa-regalo .preguntas h4.pregunta a.collapsed:after { content: '+';}
.landing.mesa-regalo .preguntas .respuesta{font-size: 18px; padding: 40px; }

.landing.mesa-regalo .editor{margin-top: 40px;}
.landing.mesa-regalo .editor .container{background-color: #f1f1f3; padding: 20px 40px;}
.landing.mesa-regalo .editor .titulo{margin: 10px 0;}    
.landing.mesa-regalo .editor h2{font-size: 20px; font-weight: 500; text-align: center; margin: 0 0 20px 0;}
.landing.mesa-regalo .editor .botones{display: flex; flex-direction: row; justify-content: space-between; flex-direction: row;}
.landing.mesa-regalo .editor .botones button:nth-child(1){margin-right: 20px;}
.landing.mesa-regalo .editor .botones button{width: 100%; margin: 10px 0;}
.landing.mesa-regalo .editor .botones button svg{width: 20px; height: 20px; fill: #ffffff; margin-right: 10px;}
.landing.mesa-regalo .editor .botones button svg.negro{width: 20px; height: 20px; fill: #000000; margin-right: 10px;}
.landing.mesa-regalo .editor .botones button.flex{display: flex; justify-content: center;}
.landing.mesa-regalo .editor .legales-mesa{margin-top: 10px;}
.landing.mesa-regalo .editor .checks label{color: #000000; font-size: 14px;}

.landing.mesa-regalo .preview{ /*width: 100%; height: 650px;*/ }
.landing.mesa-regalo .preview .col-lg-6{ height: inherit;}
.landing.mesa-regalo .preview .visor { width: 100%;  height: inherit; position: absolute;}
.landing.mesa-regalo .preview .datos{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.landing.mesa-regalo .editor input[type="file"] { display: none;}
.landing.mesa-regalo .editor textarea, .donante textarea, .donacion textarea{padding: 20px; height: auto; border: none !important; text-align: left; font-size: 16px; font-family: 'Raleway', sans-serif !important; font-weight: 500; background-color: #ffffff;}

/*.donante .input-wrp input:focus ~ label, 
.donante .input-wrp input:valid ~ label,
.donante .input-wrp textarea:focus ~ label, 
.donante .input-wrp textarea:valid ~ label,
.editor .input-wrp input:focus ~ label, 
.editor .input-wrp input:valid ~ label,
.editor .input-wrp textarea:focus ~ label, 
.editor .input-wrp textarea:valid ~ label{ top: 4px; background-color: #f4f4f64a; }

.donante .input-wrp input:focus,
.donante .input-wrp input:valid,
.donante .input-wrp textarea:focus, 
.donante .input-wrp textarea:valid,
.editor .input-wrp input:focus,
.editor .input-wrp input:valid,
.editor .input-wrp textarea:focus, 
.editor .input-wrp textarea:valid{ background-color: #f4f4f64a; }
.editor #meta, .editor #fecha {font-size: 30px; font-weight: 600;}
.editor #meta::placeholder, .editor #fecha::placeholder{opacity: .4 !important;}*/
/*section.editor .container .row .col-lg-6{border: 1px solid red}*/
.landing.mesa-regalo input:focus::placeholder, .landing.mesa-regalo textarea:focus::placeholder {color: transparent;}
.landing.mesa-regalo .editor .input-wrp input,
.landing.mesa-regalo .aportaciones .input-wrp input,
.landing.mesa-regalo .donacion .input-wrp input{text-align: left; font-size: 14px; font-family: 'Raleway', sans-serif !important; font-weight: 500; background-color: #ffffff; border: none !important;}
.landing.mesa-regalo .donacion label.moneda{opacity: .4; top: 36px;}
.landing.mesa-regalo .donacion input[data-type='currency']{padding-left: 30px!important;}
.landing.mesa-regalo .editor .numeros{border-bottom: 5px solid #c4c4c42b; padding-bottom: 20px; margin-bottom: 20px;}
.landing.mesa-regalo .editor .pareja .titulos, .editor .numeros .titulos{color: #dedede; font-weight: 700; font-size: 30px;}
.landing.mesa-regalo .editor input,
.landing.mesa-regalo .aportaciones input{font-size: 16px; font-weight: 400;}
.landing.mesa-regalo .editor .custom-file-upload {
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #3384e5 !important;
    color: #ffffff;
    z-index: 2;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
}
.landing.mesa-regalo .editor .custom-file-upload::before {
    margin-right: 5px;
    font-size: 25px;
    color: #ffffff;
    font-family: FontAwesome;
    content: "\f0ee";
}
.landing.mesa-regalo .editor .legales{position: absolute; margin-top: 110px; color: #ffffff; z-index: 2; background-color: #000000; padding: 10px;}
.landing.mesa-regalo .editor .btn-subir{display: flex; justify-content: center; align-items: center; flex-direction: column;}

.landing.mesa-regalo .preview .area-foto-visor {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.landing.mesa-regalo .preview .area-foto-visor .visor {position: relative; margin-top: 20px; width: 500px; height: 530px;}
.landing.mesa-regalo .preview .area-foto-visor .visor img{
    width: auto;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: auto;}
.landing.mesa-regalo .editor .titulo {padding: 0 20px; line-height: 40px;}

.landing.mesa-regalo .input-wrp.fecha::after  {
    font-family: FontAwesome;
    content: "\f073";
    position: absolute;
    top: 18px;
    right: 30px;
    bottom: 0;
    pointer-events: none;
    font-size: 30px;
    color: #d7d7d7;
}
.landing.mesa-regalo input.read, .landing.mesa-regalo textarea.read{pointer-events: none !important; background-color: transparent !important;} 
.landing.mesa-regalo input.center, .landing.mesa-regalo textarea.center{text-align: center !important;} 
.landing.mesa-regalo input.left, .landing.mesa-regalo textarea.left{text-align: left !important;} 
.landing.mesa-regalo input.right, .landing.mesa-regalo textarea.right{text-align: right!important;} 

.landing.mesa-regalo .flex-row {display: flex !important;  flex-direction: row !important;}

.landing.mesa-regalo .editor.pareja-view .datos .titulo{font-size: 40px; font-weight: 800 }
.landing.mesa-regalo .editor.pareja-view .datos .msj{font-size: 20px; font-weight:500; overflow: hidden; resize: none; display:block; height: auto; padding: 5px!important;}
.landing.mesa-regalo .editor.pareja-view .datos .montos *{font-size: 20px; font-weight: 700; text-align: center !important;}
.landing.mesa-regalo .editor.pareja-view .datos .montos .input-wrp input {color: #000000; padding: 0 !important;}
.landing.mesa-regalo .editor.pareja-view .botones {width: 100%; justify-content: center;}
.landing.mesa-regalo .editor.pareja-view .lafoto img {width: -webkit-fill-available; height: auto;}

.landing.mesa-regalo .progress{width: 80%; position: relative; overflow: inherit; border-radius: 20px;}
.landing.mesa-regalo .progress-bar{position: relative; height: 20px; border-radius: 20px; background: rgb(246,215,75); background: linear-gradient(90deg, rgba(246,215,75,1) 0%, rgba(223,92,54,1) 100%);}
.landing.mesa-regalo .progress-bar::after{
    background-image: url('../images/mesa-regalos/dragg.png'); 
    content: '';
    background-size: 50px;
    background-position: center;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    right: -25px;
}

.landing.mesa-regalo .editor .help-block{top:60px;}
.landing.mesa-regalo .editor .help-block.textarea{top:-15px; position: relative;}
.landing.mesa-regalo .ciudad.has-error a.chosen-default{ border: 1px solid #a94442;} 
.landing.mesa-regalo .input-wrp.has-error input, .landing.mesa-regalo .input-wrp.has-error textarea{border: 1px solid #a94442 !important;} 

.landing.mesa-regalo .preview .picker__select--year {
    width: 200px !important;
    height: 40px !important;
    border: none;
    background: 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    background-image: url(../images/products/icon-arrow.svg), -webkit-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -moz-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -ms-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), -o-linear-gradient(top, transparent, transparent);
    background-image: url(../images/products/icon-arrow.svg), linear-gradient(to bottom, transparent, transparent);
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 0;
    width: 60px;
    margin: 0 auto;
    text-align-last: center;
    text-indent: 15px hanging
}
.landing.mesa-regalo .preview .picker__header {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.landing.mesa-regalo .preview .picker__nav--next, .landing.mesa-regalo .preview .picker__nav--prev{margin-top: 60px;}
/*CropImage*/
.landing.mesa-regalo .R-container,
.landing.mesa-regalo .R-container div,
.landing.mesa-regalo .R-container canvas{ position:absolute;margin:0; }
.landing.mesa-regalo .R-container{ 
        margin:0 auto;width:100%;height:100%;
        overflow:hidden;background:rgb(20, 20, 30);
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        -o-user-select:none;
        user-select:none;
}
/**---------------------------------------------------------------------------------------------------------**/
.landing.mesa-regalo .R-container .R-error{ left:0;right:0;padding:0 20%;padding-top:31%;font-family:tahoma;text-align:center;color:rgb(230, 230, 230);font-size:1.1em; } 
.landing.mesa-regalo .R-container .R-adapter{ overflow:hidden; } 
.landing.mesa-regalo .R-container .R-cover{ z-index:1;left:0;right:0;top:0;bottom:0; }
.landing.mesa-regalo .R-container .R-cropper{ z-index:2;background:rgba(255, 255, 255, .9);border:2px solid rgba(255, 255, 255, .9); } 
.landing.mesa-regalo .R-container .R-cropper.circle,
.landing.mesa-regalo .R-container .R-cropper.circle canvas{ border-radius:50%;overflow:hidden; } 
/**---------------------------------------------------------------------------------------------------------**/
.landing.mesa-regalo .R-col-1, .landing.mesa-regalo .R-col-2, .landing.mesa-regalo .R-col-3{ z-index:2;width:33.33333%;height:100%; }
.landing.mesa-regalo .R-raw-1, .landing.mesa-regalo .R-raw-2, .landing.mesa-regalo .R-raw-3{ z-index:2;width:100%;height:33.33333%; }
.landing.mesa-regalo .R-col-1{ border-right:1px dashed rgba(255, 255, 255, .4); }
.landing.mesa-regalo .R-col-2{ left: 33.53333%;border-right:1px dashed rgba(255, 255, 255, .4); }
.landing.mesa-regalo .R-col-3{ left: 67.16666%; }
.landing.mesa-regalo .R-raw-1{ border-bottom:1px dashed rgba(255, 255, 255, .4); }
.landing.mesa-regalo .R-raw-2{ top: 33.53333%;border-bottom:1px dashed rgba(255, 255, 255, .4) }
.landing.mesa-regalo .R-raw-3{ top: 67.16666%; }
/**---------------------------------------------------------------------------------------------------------**/
.landing.mesa-regalo .R-corner-lt, 
.landing.mesa-regalo .R-corner-rt, 
.landing.mesa-regalo .R-corner-rb, 
.landing.mesa-regalo .R-corner-lb{ z-index:3;width:20px;height:20px;border:2px solid rgba(255, 255, 255, .5);transition:300ms; }
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-lt, 
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-rt,  
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-rb,  
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-lb{ width:25px;height:25px; }
.landing.mesa-regalo .R-corner-lt{ left:5px;top:5px;border-width:2px 0 0 2px; }
.landing.mesa-regalo .R-corner-rt{ right:5px;top:5px;border-width:2px 2px 0 0; }
.landing.mesa-regalo .R-corner-rb{ right:5px;bottom:5px;border-width:0 2px 2px 0; }
.landing.mesa-regalo .R-corner-lb{ left:5px;bottom:5px;border-width:0 0 2px 2px; }
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-lt{ left:16%;top:16%;border-width:3px 0 0 3px;border-radius:50px 0 0 0; }
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-rt{ right:16%;top:16%;border-width:2px 2px 0 0;border-radius:0 50px 0 0; }
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-rb{ right:16%;bottom:16%;border-width:0 2px 2px 0;border-radius:0 0 50px 0; }
.landing.mesa-regalo .R-container .R-cropper.circle .R-corner-lb{ left:16%;bottom:16%;border-width:0 0 2px 2px;border-radius:0 0 0 50px; }
.landing.mesa-regalo .R-corner-lt:hover{ border-width:4px 0 0 4px; }
.landing.mesa-regalo .R-corner-rt:hover{ border-width:4px 4px 0 0; }
.landing.mesa-regalo .R-corner-rb:hover{ border-width:0 4px 4px 0; }
.landing.mesa-regalo .R-corner-lb:hover{ border-width:0 0 4px 4px; }
.landing.mesa-regalo .R-corner-lt:hover, 
.landing.mesa-regalo .R-corner-rt:hover, 
.landing.mesa-regalo .R-corner-rb:hover, 
.landing.mesa-regalo .R-corner-lb:hover{ width:30px;height:30px; }
/**---------------------------------------------------------------------------------------------------------**/
.landing.mesa-regalo .R-side-left, 
.landing.mesa-regalo .R-side-top, 
.landing.mesa-regalo .R-side-right, 
.landing.mesa-regalo .R-side-bottom{ z-index:3;width:15px;height:15px;border:2px solid rgba(255, 255, 255, .9);background:rgb(220, 220, 220);border-radius:50%;transition:300ms; }
.landing.mesa-regalo .R-side-left{ left:-10px;top:47%; }
.landing.mesa-regalo .R-side-top{ left:46.5%;top:-10px; }
.landing.mesa-regalo .R-side-right{ right:-10px;top:47%; }
.landing.mesa-regalo .R-side-bottom{ left:46.5%;bottom:-10px; }
.landing.mesa-regalo .R-side-left:hover,
.landing.mesa-regalo .R-side-left:active, 
.landing.mesa-regalo .R-side-top:hover, 
.landing.mesa-regalo .R-side-top:active, 
.landing.mesa-regalo .R-side-right:hover, 
.landing.mesa-regalo .R-side-right:active, 
.landing.mesa-regalo .R-side-bottom:hover,
.landing.mesa-regalo .R-side-bottom:active{ width:20px;height:20px;box-shadow:0 0 0 10px rgba(230, 230, 230, .3) }
.landing.mesa-regalo .R-side-left:hover{ left:-13px;top:46.5%; }
.landing.mesa-regalo .R-side-top:hover{ left:46%;top:-13px; }
.landing.mesa-regalo .R-side-right:hover{ right:-13px;top:46.5%; }
.landing.mesa-regalo .R-side-bottom:hover{ left:46%;bottom:-13px; }

.landing.mesa-regalo .preview .btn-cropper-done{position: absolute; bottom: 10px; z-index: 2; left: 25%; width: 50%;}

.landing.mesa-regalo .donacion .checks{color: #666666; }
.landing.mesa-regalo .donacion .pagos .opciones {
    padding: 20px;
}
.landing.mesa-regalo .donacion .pagos .opciones .row{
    margin: 0;
}
.landing.mesa-regalo .donacion .opc-pago ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    white-space: nowrap;
    color: #a3a3a3;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}
.landing.mesa-regalo .donacion .opc-pago {
    border: none !important;
}
.landing.mesa-regalo .donacion .opc-pago .tab-content {
    padding: 30px 10px !important;
}
.landing.mesa-regalo .donacion .opc-pago .tab-content .tab-pane {
    padding: 0px !important;
}
.landing.mesa-regalo .donacion .opc-pago .tab-content .titulo .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.landing.mesa-regalo .donacion .opc-pago .tab-content .titulo .text .meses {
    font-size: 16px;
    font-weight: 500;
    margin-right: 7px;
}
.landing.mesa-regalo .donacion .opc-pago .title {
    border: none !important;
}
.landing.mesa-regalo .donacion .opc-pago ul li img{
    margin-bottom: 5px;
}
.landing.mesa-regalo .donacion .opc-pago .logos img {
    width: 150px;
}
.landing.mesa-regalo .donacion .opc-pago .bancos img.normal {
    width: 100px;
    border-radius: unset !important;
    background-color: transparent;
    padding: 0;
}
.landing.mesa-regalo .donacion .opc-pago svg{
    width: 70px;
    height: 30px;
    fill: #a3a3a3;
    margin-bottom: 5px;
}
.landing.mesa-regalo .donacion .opc-pago a{
    transition: all 0.3s ease-in-out;
}
.landing.mesa-regalo .donacion #PublicarMensaje label{color: #000000;}

.landing.mesa-regalo .comments{ background-color: #FAFBFC; margin: 20px auto; padding-bottom: 30px;}
.landing.mesa-regalo .comments .titulo{
    border: none !important;
    text-align: center;
    margin-bottom: 20px;
}
.landing.mesa-regalo .comments .titulo h1{
    font-size: 24px;
}
.landing.mesa-regalo .comments .comentarios{
    max-width: 600px;
    opacity: 0;
    margin: 0 auto;
}
.landing.mesa-regalo .comments .comentarios.slick-initialized{
    opacity: 1;
}

.landing.mesa-regalo .comments .comentario{
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f1f1f3;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    width: auto;
    min-height: 150px;
    padding: 10px 50px;
}
.landing.mesa-regalo .comments .comentario {
    width: auto;
    margin: 0px;
    text-align: center;
}
.landing.mesa-regalo .comments .comentario .tit{
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
}
.landing.mesa-regalo .comments .comentario .comm{
    margin: 10px 0;
    font-size: 14px;
    max-height: 80px;
    overflow-y: auto;
}
.landing.mesa-regalo .comments .comentario .monto-donado{
    font-weight: 700;
    font-style: normal;
    color: #1C1C1B;
    font-size: 13px;
    margin: 0px;
}
.landing.mesa-regalo .comments .slick-list.draggable{height: auto!important;}
.landing.mesa-regalo .comments .slick-track {padding: 5px 0;}
.landing.mesa-regalo .comments button img {width: 50px; margin-right: 10px;}
.landing.mesa-regalo .comments .slick-prev,
.landing.mesa-regalo .comments .slick-next{margin-top: -10px; width: 50px; height: 50px;}
.landing.mesa-regalo .comments .slick-prev {left: -50px;}
.landing.mesa-regalo .comments .slick-next {right: -50px;}
.landing.mesa-regalo .comments .slick-prev:before {content: '';}
.landing.mesa-regalo .comments .slick-next:before {content: '';}
.landing.mesa-regalo .donacion .container{background-color: #f1f1f3; padding: 20px 40px;}
.landing.mesa-regalo .donacion textarea{height: auto !important;}
.landing.mesa-regalo .donacion .checks label{color: #000000; font-size: 14px;}

.landing.mesa-regalo .gracias {font-size: 30px;}    
.landing.mesa-regalo .gracias .col-lg-12 {text-align: center; padding: 250px 0;}

.landing.mesa-regalo .slide{position: absolute; width: 30vw; height: 100%; top: 0; left: 70%; background-color: #ffffff; top: 0; left: 100%; z-index: 1050}
.landing.mesa-regalo .slide a{color: #0084e8 !important;}
.landing.mesa-regalo .slide .contain{width: 100%!important; height: 100%!important; position: relative; display: flex; justify-content: center;}
.landing.mesa-regalo .slide .contain .row.busqueda{padding:0px; width: 100%; height: -webkit-fill-available;}
.landing.mesa-regalo .slide .contain .row.busqueda .formulario{ padding: 30px;}
.landing.mesa-regalo .slide .closeInfo {
    top: 20px !important;
    right: 20px !important;
    position: absolute;
    color: #777;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    font-size: 40px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    z-index: 999;
}
.landing.mesa-regalo .slide .error-search .title{
    margin: 20px 0;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.landing.mesa-regalo .slide .error-search .subtitle{
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
}
.landing.mesa-regalo .slide .datos {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    font-size: 16px;
}
.landing.mesa-regalo .slide .datos .tit {
    font-weight: 600;
}
.landing.mesa-regalo .slide .datos .res {
    font-weight: 500;
}
.landing.mesa-regalo .slide .error-search .regresar{
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
}
.landing.mesa-regalo .slide .titulo{font-weight: 600; font-size: 16px; margin-bottom: 20px;}
.landing.mesa-regalo .slide .resultados input{    
    margin: 0 !important;
    border-radius: 0;
    border: 0;
    height: auto !important;
}
.landing.mesa-regalo .slide .resultados *{
    display: flex;
}
.landing.mesa-regalo .slide .resultados .editar{
    white-space: nowrap;
    cursor: pointer;
    margin: 20px 0 0 0;
}

.landing.mesa-regalo .slide .resultados button{
    display: block;
}
.landing.mesa-regalo .slide .resultados{
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    overflow-y: auto; 
    height: -webkit-fill-available;
}
.landing.mesa-regalo .slide .resultados .cabecera{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #c9c9c9;
    margin: 30px 0 20px 0;
}
.landing.mesa-regalo .slide .resultados .cabecera .datos{
   flex-direction: column;
   width: 100%;
    align-items: flex-start;
    justify-content: center;
    padding-left: 15px;
}
.landing.mesa-regalo .slide .resultados .fecha *{
    color: #808080;
}
.landing.mesa-regalo .slide .resultados .datos{
    text-align: left;
    justify-content: flex-start;
    align-items: center;
}
.landing.mesa-regalo .slide .resultados .datos.fecha{
    flex-direction: row !important;
}
.landing.mesa-regalo .slide .lista{
    flex-direction: column;
    font-size: 14px !important;
}
.landing.mesa-regalo .slide .lista img{
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.landing.mesa-regalo .slide .lista .contenido{
    flex-direction: row;
    padding: 20px 0;
    border-bottom: 1px solid #c9c9c9;
}
.landing.mesa-regalo .slide .lista .contenido .datos{
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}
.slide-home{width: 0;}