/* @font-face {
	font-family: 'Roboto', sans-serif;
	src: url(../fonts/'Roboto', sans-serif-Cn.woff2) format('woff2'), url(../fonts/'Roboto', sans-serif-Cn.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Roboto', sans-serif-Bold;
	src: url(../fonts/'Roboto', sans-serif-Bold.woff2) format('woff2'), url(../fonts/'Roboto', sans-serif-Bold.woff) format('woff');
	font-weight: 400;
	font-style: normal
} */

* {
    font-family: 'Roboto', sans-serif
}

.fullscreen, body, html {
    height: 100%;
    width: 100%
}

.sending{
    cursor:wait;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #ffff;
    background-color: #ffff;
    /*background-image: url("/assets/images/cuerpo.jpg");JD*/
    /*background-position: center center;JD*/
    /*background-repeat: no-repeat;JD*/
    /*background-attachment: fixed;JD*/
    /*background-size: cover;JD*/
    font-size: 14px;
    font-weight: 200
}

.img-cuerpo{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

body::selection {
    background-color: #311f14;
    color: #fff
}

body::-moz-selection {
    background-color: #311f14;
    color: #fff
}

a {
    cursor: pointer
}

.d-info{
    display: inline-block;
    margin-right: 5px;
}

.img-phone-new {
    width: 16px;
    margin-right: 10px;
}

.menu_link {
    list-style: none;
    float: left;
    margin: 5px 15px -2px;
    font-size: 12px;
    border-bottom: solid 2px transparent;
    transition: border .5s ease
}

.middleBar {
    padding: 10px 0 10px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background-color: #FF8B38;
    height: 40px;
}

.middleBar-top {
    padding: 5px 0 10px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background-color: #7C0F13;
    height: 40px;
}

.yamm {
    z-index: 999;
    width: 100%;
    background-color: #A41117;
    /*background-image: url("/assets/images/cabecera.jpg");JD*/
    border: none;
    -webkit-box-shadow: rgba(0, 0, 0, .08) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .08) 0 1px 3px;
    -ms-box-shadow: rgba(0, 0, 0, .08) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .08) 0 1px 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    min-height: 72px;
    padding: 0
}

.yamm .navbar-brand {
    height: 70px;
    font-size: 20px;
    line-height: 40px;
    margin-right: 25px;
    padding-top: 19px
}

.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
    position: static
}

.yamm .container {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

.yamm .yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}

.yamm .navbar-nav>li:hover {
    border-bottom: 2px solid
}

.yamm .navbar-nav>li>a {
    color: #ffff;
    font-weight: 400;
    font-size: 12px;
    padding-bottom: 5px !important
}

.navbar-nav {
    display: inline-block;
    float: right;
    padding-top: 2px
}

.footer {
    padding: 15px 0 20px 0;
    padding-bottom: 0 !important;
    color: #878c94;
    background-repeat: repeat-x;
    position: relative;
    background-color: #374250
}

.footer hr.no-border {
    background-color: transparent
}

.footer .title {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.info-foo {
    color: #9B9B9B!important;

}
.footer a {
    color: #fff
}

.footer a:active, .footer a:focus, .footer a:hover {
    color: #fff;
    outline: 0;
    background-color: transparent !important
}

p {
    font-family: 'Roboto', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    /* color: #fff */
}

a {
    color: #ffff
}

a:active, a:focus, a:hover {
    color: #ffff;
    text-decoration: none
}

ul.list-group li a:hover {
    color: #311f14
}

.subtitle {
    color: #fff;
    float: left;
    padding-top: 5px
}

hr {
    position: relative;
    border-color: rgba(0, 0, 0, .1)
}

.spacer-5 {
    margin: 5px auto
}

.spacer-30 {
    background-color: #535F70
}

.spacer-1 {
    background-color: #535F70
}

.section {
    position: relative;
    padding: 25px 0
}

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.form-control:active, .form-control:focus, .form-control:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.form-control:active, .form-control:focus {
    border: 1px solid #A41117
}

.form-control.input-lg {
    font-size: 15px
}

.input-group-addon {
    padding: 6px 12px;
    color: #878c94;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.navlink {
    color: #311f14
}

li {
    list-style: none
}

.panel-default>.panel-heading {
    color: #444444;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 !important;
    padding: 8px 0px 8px 15px!important;
}

.c-title {
    color: #311f14 !important
}
/*JD*/
.c-title_especial {
    color: #007914 !important
}

.panel-group .panel+.panel {
    margin-top: 0;
    border-color: transparent;
    padding: 1px 0 1px 0
}

.panel-group {
    margin-top: 0;
    background-color: #ffff;/*JD*/
}

.panel-collapse {
    background-color: #ffff
}

.menu-level1.panel-collapse {
    background-color: #FF8B38;
}

.menu-level2.panel-collapse a {
    background-color: #e9bd15;
}

.disabled, [disabled='disabled'] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.menu-level1 a.c-title {
    padding-left: 25px;
}
.menu-level2 a.c-title {
    padding-left: 40px;
}

/*.menu-level1 li.active {
    background-color: #FF8B38;
}
.menu-level2 li.active {
    background-color: #e9bd15;
}*/

ul.list-group {
    margin: 0
}

ul.bulletlist li {
    list-style: disc
}

ul.list-group li a {
    display: block;
    padding: 5px 0 5px 15px;
    text-decoration: none;
    font-size: 12px !important
}

ul.list-group li {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.panel-title .open a:active, .panel-title .open a:focus, .panel-title .open a:hover, .panel-title a:active, .panel-title a:focus, .panel-title a:hover {
    text-decoration: none;
    color: #fff
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    display: block;
    font-size: 12px
}

.menu-hide .panel-default>.panel-heading {
    color: #fff;
    background-color: #8e8c8c;
    border-color: #ddd
}

.spanright {
    float: right;
    font-size: 12px;
    margin-right:5px;
}

.exclude-limit-indicator{
    color:#444;
    font-size: 10px;
    line-height: 1;
}

.exclude-limit-indicator.exclude {
    color: #A41117;
}

.map {
    position: relative;
    width: 100% !important;
    height: 300px !important
}

.no-padding {
    padding-left: 0;
    padding-right: 0
}

.no-paddingtop {
    padding-top: 0 !important
}

.no-padding-right {
    padding-right: 0
}

.no-padding-left {
    padding-left: 0
}

.sectionnopadding {
    padding: 0
}

.imgadvertising {
    width: 100%
}

.camion {
    width: 35px;
    margin-left: 12px;
    padding-top: 0;
    margin-bottom: 2px
}

.pattern {
    padding: 1em;
    line-height: 1
}

.f {
    position: relative;
    margin-bottom: 0
}

input {
    display: block;
    border: 1px solid #311f14
}

input[type=search] {
    width: 100%;
    padding: 1em;
    padding-right: 7em;
    position: relative;
    top: 0;
    height: 30px;
    border-radius: 2px
}

input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 0;
    cursor: pointer;
    background-image: url(../images/buscar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: 0;
    background-color: #311f14;
    height: 31px;
    width: 30px;
    border-radius: 2px
}

.pcategory {
    color: #311f14;
    font-weight: 700;
    font-size: 20px;
    border-bottom-style: double;
    margin-bottom: 4px
}

.divcategory {
    padding-top: 30px
}

.imgtop {
    width: 100%
}

.singin {
    position: absolute;
    color: #adb5bd;
    font-size: 15px;
    display: inline;
    padding-left: 10px;
    top: 3px
}

a:focus .singin, a:hover .singin {
    color: #000
}

.divtop {
    top: 34px
}

.fantaw {
    font-size: 18px;
    color: #A41117
}

.imgpowered {
    width: 80px;
    padding-top: 30px;
    float: right
}

.pregister {
    color: #A41117;
    font-size: 18px;
    margin-bottom: 4px;
}

.inputlabel {
    color: #311f14;
    font-weight: 100;
    font-size: 12px
}

.form-group {
    margin-bottom: 5px !important
}

.check {
    display: inline
}

.labelcheck {
    color: #311f14;
    font-size: 10px;
    font-weight: 100;
    padding-left: 7px
}

.labelchecktwo {
    color: #444444!important;
    font-size: 14px;
    font-weight: 100;
    padding-top: 4px;
    text-decoration-line: underline;


}

.labelchecktwo a {
    color: #311f14
}

.labelchecktwo a:focus, .labelchecktwo a:hover {
    color: #000
}

.selectregister {
    color: #311f14
}

.dropbtn {
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    border: none;
    cursor: pointer
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 170px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 999999;
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown-content a {
    color: #717171;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-weight: 500;
    /* border-bottom: 1px solid #ffff; */
    /* margin-left: 5px;
    margin-right: 5px */
}

.dropdown-content a:hover {
    color: #FF8B38
}

.dropdown:hover .dropdown-content {
    display: block;
    /* border-top: 3px solid #311f14 */
}

.dropdown:hover .dropbtn {
    background-color: transparent
}

#caretsesion {
    color: #311f14;
    margin-left: 10px
}

.imglogin {
    width: 16px
}

.dropbtn:focus {
    outline: 0
}

.divproduct {
    border-radius: 5px;
    padding: 0 10px 15px 10px;
    /* border: 1px solid #e9e9e9; */
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.divproduct.selected {
    background: #F5F5F5;
    background-blend-mode: multiply;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.onediv {
    height: 40px
}

.twodiv {
    height: 30px
}

.ptitle {
    color: #FE8D18;
    font-size: 12px !important;
    font-weight: 500;
    padding-top: 10px
}

.psubtitle {
    color: #717171;
    font-size: 12px;
    font-weight: 600;
}

.psubtitle a {
    color: #717171;
    font-weight: 600;
}

.psubtitle a:focus, .psubtitle a:hover {
    color: #717171;
    font-weight: 600;
}

.apsubtitle {
    color: #311f14
}

.apsubtitle:focus, .apsubtitle:hover {
    color: #311f14
}

.pimg {
    /* border-bottom: 1px solid silver; */
    height: 175px;
    position: relative
}

.pimg .img-responsive {
    max-height: 100%
}

.pprice {
    color: #FF8B38;
    font-size: 14px !important;
    font-weight: 700;
    padding-top: 5px;
    margin-bottom: 2px;
   /*  height: 41px; */
}

.pprice.discount {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through
}

.pnumber {
    width: 35px;
    float: left;
    background-color: #fff !important;
    border: none;
    color: #717171;
    font-size: 14px;
    padding-right: 0;
    padding-left: 0;

}

.pnumbers {
    width: 48px;
    float: left;
    height: 36px;
    border-radius: 2px;
    border-color: silver;
    background: #eceff1
}

.btn.btn-defaults {
    color: #FF8B38;
    font-weight: bold;
    border: 1px solid #FF8B38;
    font-size: 9px;
    border-radius: 4px;
    height: 100%;
    width: 22px;
    padding: 0px;
    height: 30px;
}

/* .spinner {
	float: left
} */

.pminusd {

}

.pricedetails-off {
    color: #717171;
    font-size: 18px;
}

.pspam {
    padding-left: 2px
}

.pspamd {
    padding-left: 3px
}

.ptype {
    color: #717171;
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 500;
}

.btn.btn-defaultp {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 11px;

    padding-left: 4px;
    width: 100%;
    border-radius: 2px;
    padding: 0px;
    height: 30px;
}

.ptop {
    padding-top: 10px
}

.pdivp {
    margin-bottom: 3px
}

.pdivp.div-product-list {
    margin-bottom: 0;
    padding: 5px 0;
    /*min-height: 430px*/
}

.divproduct_det {
    border-radius: 5px;
    padding: 0 5px 15px 5px;
    /* border: 1px solid #e9e9e9; */
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.spidiv {
    padding-top: 10px;
    height: 55px
}

.pagination {
    margin-top: 15px;
    justify-content: center
}

.pagination a {
    color: #311f14;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #311f14;
    margin: 0 2px 2px 0
}

.pagination a.active {
    background-color: #311f14;
    color: #fff;
    border: 1px solid #311f14
}

.pagination a:hover:not(.active) {
    background-color: #ddd
}

.pag {
    color: #311f14
}

.pagf {
    color: #311f14;
    font-size: 15px
}

.style1 {
    border-top: 1px solid #FF8B38;
    width: 100%;
    margin-bottom: 0
}

.dimg {
    padding: 20px 20px 20px 20px;
    min-height: 310px;
    position: relative;
    max-height: 410px;
}

.dimg .img-responsive {
    max-height: 100%;
    margin: 0 auto
}

.titledetails {
    font-size: 25px;
    color: #717171;
    font-weight: 600;
}

.divtitledetails {
    /* 	border-bottom: 1px solid silver */
}

.product-description, .product-description  > *{
    color: #717171;
    line-height: 1.8em
}

.product-description ul {
    margin: 0;
    padding: inherit;
}
.product-description ul li{
    list-style-type: inherit;
}

.pdivtitledetails {
    color: #FE8D18;
    margin-bottom: 5px
}

.divtitledetails .label.label-default {
    background-color: #999;
    color: #fff;
    font-size: 65%;
    padding: 6px 4px 4px
}

.pricedetails {
    color: #FF8B38;
    display: inline;
    font-size: 18px
}

.priceoff {
    background-color: #ff8000;
    color: #fff;
    border-radius: 4px;
    padding: 4px
}

.pdetails {
    font-size: 15px;
    color: #717171;
    display: inline;
    font-size: 18px;
    font-weight: 600
}

.divprice {
    padding-top: 10px
}

.div-button {
    padding-top: 70px;
    width: 60%
}

.btn.btn-defaultd {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38;
    padding-bottom: 7px;
    padding-top: 4px;
    font-size: 14px;
    /* padding-right: 15px; */
    padding-left: 7px;
    width: 100%;
    border-radius: 4px;
    height: 30px;
}

.btn.btn-defaultd_home {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38;
    padding-bottom: 7px;
    padding-top: 4px;
    font-size: 14px;
    /* padding-right: 15px; */
    padding-left: 4px;
    width: 100%;
    border-radius: 4px;
    height: 30px;
}

.bor-ag {
    border: 1px solid #DADADA;
    padding: 5px 5px 0px 5px;
    border-radius: 4px;
}

.bac-g {
    background-color: #E5E5E5;
}

.reg-new {
    font-size: 14px;
    line-height: 16px;
    color: #FE8D18;
    background-color: #fff;
    border: none;
    padding: 15px;
}

.reg-new:hover {
    color: #FE8D18;
}

.reg-new:active {
    outline: none
}
.reg-new:focus {
    outline: none
}
.panel-heading .accordion-toggle:after {
    font-family: 'Font Awesome\ 5 Free';
    float: right;
    color: grey;
    content: "\f068";
    font-weight: 900;
    border: 1px solid silver;
    padding: 2px 3px 2px 3px;
    margin: -3px;
    font-size: 9px;
    margin-top: 2px
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f067";
    border: 1px solid silver;
    padding: 2px 3px 2px 3px;
    margin: -3px;
    font-size: 9px;
    margin-top: 2px
}

.panel-default>.detailspanel {
    color: #A41117;
    background-color: transparent;
    border-radius: 0 !important;
    padding: 9px 3px 0 0 !important;
    margin-bottom: 10px;
    border-bottom: 1px solid
}

.adetails {
    font-size: 16px !important;
    color: #A41117 !important;
    font-weight: 700;
}

.adetails:hover {
    color: #A41117 !important
}

.adetails:active {
    color: #A41117 !important
}

.adetails:focus {
    color: #A41117 !important
}

.pdefault {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0 !important
}

.pddiv {
    padding-top: 15px
}

.pddiv .panel-body {
    padding: 15px 0 0
}

#ipro {
    color: #311f14;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px
}

.divprofile {
    padding-top: 30px
}

.panel-heading .accordion-togglep:after {
    float: right;
    color: #311f14;
    content: "";
    font-weight: 200;
    margin: -3px;
    font-size: 12px;
    margin-top: 2px
}

.panel-heading .accordion-togglep.collapsed:after {
    content: "";
    margin: -3px;
    font-size: 12px;
    margin-top: 2px
}

.plabel {
    clear: left;
    padding-right: 6px;
    float: left;
    color: #311f14;
    font-weight: 100 !important;
    font-size: 13px
}

.pinput {
    float: left;
    border: none;
    color: #717171;
    font-size: 12px;
    width: 55%
}

.pinputt {
    float: left;
    border: none;
    color: #717171;
    font-size: 12px;
    width: 42%
}

.aedit {
    color: #FE8D18 !important;
    font-size: 12px;
    float: right
}

#iedit {
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.aedit:active, .aedit:focus, .aedit:hover {
    color: #000;
    text-decoration: none
}

.pagree {
    color: #A41117 !important;
    font-size: 13px;
    float: left;
    text-decoration: underline!important;
}

.pagree:active, .pagree:focus, .pagree:hover {
    color: #000;
    text-decoration: none
}

#iagree {
    font-size: 19px;
    padding-right: 5px
}

.labelnumber {
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 1px
}

.round.blue {
    background-color: #A41117
}

.round {
    display: inline-block;
    width: 16px;
    line-height: 15px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #222;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 7px;
}

.plabeltwo {
    clear: left;
    padding-right: 6px;
    float: left;
    color: #311f14;
    font-weight: 100 !important;
    font-size: 13px;
    margin-left: 20px
}

.pdefaultt {
    border: none;
    border-radius: 0 !important
}

.pbody {
    border-top-color: #311f14 !important;
    border-top: 1px solid;
    padding: 15px
}

.modaltop {
    padding-top: 200px
}

.modal-content .mheader {
    position: relative;
    padding: 0 !important;
    border-bottom: 0
}

.phr {
    border-bottom: 1px solid #311f14
}

.bprofile {
    color: #fff;
    background-color: #FE8D18;
    border: 1px solid #FE8D18;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px
}

.bprofile:active, .bprofile:focus, .bprofile:hover {
    color: #fff;
    background-color: #FE8D18;
    border: 1px solid #FE8D18
}

.bprofilec {
    color: #fff;
    background-color: #717171;
    border: 1px solid #717171;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px
}

.bprofiledel {
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px
}

[name='payment_method_id[]']:checked + label + .form-group {
    display: inline-block !important;
}

.bprofilec:active, .bprofilec:focus, .bprofilec:hover {
    color: #fff;
    background-color: #717171;
    border: 1px solid #717171
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 11px !important;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    font-size: 11px !important
}

input[type=radio] {
    margin: 0 0 0 -15px !important;
    line-height: normal;
    display: inline-block
}

.divradio {
    height: 30px;
    width: 100%;
    padding-top: 6px
}

.hour {
    width: 49%;
    display: inline
}

.minute {
    width: 49%;
    display: inline
}

.inputlabelwith {
    width: 100%
}

table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%
}

table tr {
    background: #ffff;
    padding: .35em;
    font-size: 12px;
    border-bottom: 1px solid #ccc
}

table th {
    padding: .625em;
    text-align: center;
    color: #A41117
}

table td {
    padding: .625em;
    text-align: center;
    color: #717171
}

table th {
    font-size: 12px;
    text-transform: uppercase;
    border-left: 2px solid #ffff !important;
    border-bottom: 1px solid #d5d5d5 !important
}

table td img {
    text-align: center
}

/* @media screen and (max-width:600px) {
	table {
		border: 0
	}

	table thead {
		display: none
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
		font-size: 12px
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right
	}

	table td:before {
		font-family: 'Font Awesome\ 5 Free';
		content: attr(data-label);
		float: left;
		font-weight: 700;
		text-transform: uppercase
	}

	table td:last-child {
		border-bottom: 0
	}

} */

#tabletitle {
    background-color: #f5f5f5 !important
}

.plistsave {
    color: #A41117;
    font-size: 16px;
    display: inline;
    font-weight: 600
}

.baddcart {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    margin-right: 3px
}

.baddcart:active, .baddcart:focus, .baddcart:hover {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38
}

.bdeletelist {
    color: #fff;
    background-color: #640000;
    border: 1px solid #640000;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px
}

.bdeletelist:active, .bdeletelist:focus, .bdeletelist:hover {
    color: #fff;
    background-color: #640000;
    border: 1px solid #640000
}

.divright {
    float: right;
    text-align: right;
    padding-right: 0;
    display: inline-flex
}

.divleft {
    float: left;
    text-align: right;
    padding-right: 0;
    display: inline-flex
}

.divtable {
    padding-top: 20px
}

.pproductlist {
    color: #A41117;
    font-size: 14px;

    margin-bottom: 0 !important;
    font-weight: 600;
    width: 100%;
}

#imgtablef {
    font-size: 16px
}

.imglist {
    height: 48px;
    width: 48px
}

.divsubtotal {
    background-color: #fff;
    height: 36px;
    width: 100%;
    display: inline-block
}

.divsubtotaltwo {
    background-color: #fff;
    height: 36px;
    width: 100%;
    display: inline-block;
    float: right;
    border-left: 2px solid
}

.psubtotal {
    color: #717171;
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 600;
    padding-top: 8px;
    padding-right: 9px
}

.psubtotalg {
    color: #717171;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0 !important;
    font-weight: 600;
    padding-top: 8px
}

#ftimes {
    font-size: 14px;
    color: #717171
}

.pricered {
    text-decoration: line-through;
    color: red
}

#pplusl, .pplusl {
    position: relative;
    left: 1px
}

.tdleft {
    text-align: left !important
}

#tdlefttitle {
    text-align: left !important;
    background-color: #f5f5f5 !important
}

#tablelistsave {
    padding-top: 20px
}

.plistindex {
    color: #A41117;
    font-size: 14px;
    margin-bottom: 10px !important;
    font-weight: 600;
    border-bottom: 1px solid;
    width: 100%;
}

.bdeletelistindex {
    color: #fff;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 12px;
    border-radius: 0
}

.savetimes {
    font-size: 14px;
    color: #ffff
}

.listdetail {
    color: #FF8B38;
    font-size: 14px
}

.listdetail:hover {
    color: #FF8B38
}

.listdetail:active {
    color: #FF8B38
}

.listdetail:focus {
    color: #FF8B38
}

#listleft {
    float: left !important;
    background-color: #e6e6e6 !important
}

.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
    padding-bottom: 0
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li {
    width: 50%;
    background-color: #e6e6e6;
    border-bottom: 1px solid #311f14
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #311f14;
    background-color: #e6e6e6;
    text-align: center
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
    border-bottom: 1px solid #311f14
}

.tabbable-line>.nav-tabs>li.open>a, .tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0 !important;
    color: #311f14
}

.tabbable-line>.nav-tabs>li.open>a>i, .tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu, .tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 1px solid #311f14;
    position: relative;
    background-color: #311f14
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #fff;
    text-align: center;
    background-color: #311f14
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0
}

.tabstop {
    padding-top: 20px
}

#pickout {
    display: block
}

#delivery {
    display: block
}

.tabbable-line>.nav-tabs>li.active>a>#delivery {
    color: #fff
}

.tabbable-line>.nav-tabs>li.active>a>#pickout {
    color: #fff
}

.tabbable-line>.nav-tabs>li>a>#pickout {
    color: #311f14
}

.tabbable-line>.nav-tabs>li>a>#delivery {
    color: #311f14
}

#tabletitletwo {
    background-color: #e6e6e6 !important;
    text-transform: none;
    border-bottom: 1px solid #e6e6e6
}

#deliveryt {
    display: inline
}

#trtable {
    background: #ffff;
    border: none;
    padding: .35em;
    font-size: 10px
}

.selectck {
    display: block;
    width: 100% !important;
    height: 30px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    color: #717171;
    background-color: #fff;
    background-image: none;
    border: none !important
}

.thbor {
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
    color: #717171;
    outline: 0
}

.thborone {
    border-bottom: 1px solid #717171;
    border-left: 1px solid #717171;
    color: #717171;
    outline: 0
}

.thborb {
    border-bottom: 1px solid #717171;
    color: #717171;
    outline: 0
}

.typep {
    padding-top: 20px
}

.radiopleft {
    padding-left: 15px;
    display: block
}

#rdck {
    display: inline
}

#imgck {
    padding-left: 15px;
    padding-right: 10px
}

.hrck {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    margin-top: 0
}

#fontinst {
    color: #717171;
    font-size: 10px;
    display: inline
}

.labelinst {
    font-size: 10px;
    display: inline;
    color: #717171
}

#labelradio {
    color: #311f14;
    font-size: 12px;
    font-weight: 100
}

#imgckcash {
    padding-left: 15px;
    padding-right: 18px
}

#ainst {
    padding-left: 20px
}

.divobs {
    height: 80px;
    width: 100%
}

.txarea {
    width: 100%;
    height: 100px;
    border: 1px solid #311f14;
    background-color: #e6e6e6;
    outline: 0;
    color: #311f14
}

#pminuspurchase {
    margin-bottom: 0;
    margin-top: 0;
    color: #311f14;
    font-size: 12px;
    float: right;
    display: inline;
    padding-top: 5px
}

#facaret {
    font-size: 15px;
    color: #311f14;
    float: right;
    position: absolute;
    right: 2px;
    padding-top: 6px
}

.divmaxpur {
    padding-top: 15px
}

.baddcont {
    color: #fff;
    background-color: #ff8000;
    border: 1px solid #ff8000;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.baddcont:active, .baddcont:focus, .baddcont:hover {
    color: #fff;
    background-color: #ff8000;
    border: 1px solid #ff8000
}

.lado-derecha-abajo:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 100px;
    width: 0;
    height: 0;
    border-width: 25px;
    border-style: solid;
    border-color: transparent transparent transparent red
}

.hone {
    margin-top: 0;
    color: #311f14;
    text-align: center
}

.flecha {
    width: 100%;
    height: 40px;
    background-color: #311f14;
    border-right: 25px solid #ffff
}

.flecha:before {
    content: "";
    position: absolute;
    top: 54px;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent transparent #ffff
}

.flecha:after {
    content: "";
    position: absolute;
    top: 54px;
    right: 0;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent transparent #311f14
}

.htwo {
    color: #fff;
    position: absolute;
    font-size: 17px;
    top: 44px;
    left: 69px
}

.hrmap {
    margin-bottom: 0;
    margin-top: 10px;
    border-bottom: 1px dashed #311f14
}

.hthee {
    color: #311f14;
    font-size: 20px;
    text-align: center;
    margin-top: 10px
}

.hfour {
    font-size: 45px;
    color: #311f14;
    text-align: center
}

.hfive {
    font-size: 18px;
    color: #311f14;
    text-align: center
}

.hsix {
    font-size: 14px;
    color: #311f14;
    text-align: center;
    margin-bottom: 0
}

.divmaps {
    width: 100%;
    height: 40px;
    background-color: #311f14
}

.Htwos {
    color: #fff;
    position: absolute;
    font-size: 17px;
    left: 43px;
    margin-top: 12px
}

.hsixtwo {
    font-size: 14px;
    color: #311f14;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 0
}

.honetwo {
    margin-top: 0;
    color: #311f14;
    text-align: center;
    margin-bottom: 0
}

.maps {
    position: relative;
    width: 100% !important;
    height: 411px !important
}

.divmargin {
    height: 180px;
    width: 100%
}

.hdetail {
    font-size: 12px;
    color: #311f14;
    text-align: left;
    margin-bottom: 0;
    margin-top: 2px
}

.pcontact {
    color: #311f14;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 4px;
    text-align: left;
    text-transform: uppercase
}

.bcontact {
    color: #fff;
    background-color: #FE8D18;
    border: 1px solid #FE8D18;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.bcontact:active, .bcontact:focus, .bcontact:hover {
    color: #fff;
    background-color: #FE8D18;
    border: 1px solid #FE8D18
}

.topdi {
    padding-top: 10px
}

.toptwo {
    padding-top: 40px
}

.divmessa {
    padding-top: 30px
}

#fali {
    color: #311f14
}

#lifon {
    color: #311f14;
    margin-bottom: 6px;
    font-size: 12px;
    color: #444444;
}

.fa-ul {
    list-style-type: none;
    margin-left: 1.5em !important;
    padding-left: 0
}

.mapcontact {
    width: 100%;
    height: 319px
}

.imgqr {
    float: right
}

.txareatwo {
    width: 100%;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    outline: 0;
    color: #FE8D18
}

.bcart {
    color: #fff;
    background-color: #A41117;
    border: 1px solid transparent;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%;
    margin-right: 5px;
    padding-top: 5px;
    font-size: 12px
}

.bcart:active, .bcart:focus, .bcart:hover {
    color: #fff;
    background-color: #A41117
}

.bdeletecart {
    color: #fff;
    background-color: #D5D5D5;
    border: 1px solid #D5D5D5;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.bdeletecart:active, .bdeletecart:focus, .bdeletecart:hover {
    color: #fff;
    background-color: #D5D5D5
}

#wrapper {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px
}

.bigtext {
    display: block;
    overflow: hidden;
    color: #717171;
    border: none;
    padding-top: 0
}

.contract, .expand {
    cursor: pointer;
    font-weight: 700;
    padding: 15px 0;
    text-align: left;
    color: #311f14
}

.contract:hover, .expand:hover {
    color: #311f14
}

.hide {
    display: none
}

blockquote, q {
    quotes: none;
    box-shadow: inset 0 -61px 115px -5px rgba(245, 235, 245, 1);
    font-size: 16px
}

.adress-branch {
    text-decoration: none;
    font-size: 14px;
    color: #9B9B9B!important;
}

.adress-branch:hover {
    text-decoration: underline
}

.adress-branch:active {
    text-decoration: underline
}

.adress-branch:focus {
    text-decoration: underline
}

.img-icon {
    display: inline-block;
    margin-right: 5px
}

.ptyc {
    color: red
}

.baddstreet {
    color: #fff;
    background-color: #311f14;
    border: 1px solid #311f14;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.baddstreet:active, .baddstreet:focus, .baddstreet:hover {
    color: #fff;
    background-color: #311f14;
    border: 1px solid #311f14
}

.imgpago {
    width: 57%;
    height: 50px;
    float: right
}

.divcenter {
    text-align: center
}

.degra {
    background: linear-gradient(to bottom, rgba(219, 255, 171, 1) 0, rgba(219, 255, 171, 1) 0, rgba(219, 255, 171, 1) 30%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%)
}

#icard {
    color: #311f14;
    font-size: 45px;
    text-align: center;
    display: block
}

#pcard {
    color: #311f14;
    font-size: 18px;
    text-align: left;
    line-height: 1;
    font-weight: 600
}

.divcardone {
    padding-top: 25px
}

.divcard {
    padding-top: 20px
}

.btarget {
    color: #fff;
    background-color: #311f14;
    border: 1px solid #311f14;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 17px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%;
    outline: 0
}

.btarget:active, .btarget:focus, .btarget:hover {
    color: #fff;
    background-color: #311f14;
    outline: 0
}

.btarge {
    padding-top: 10px
}

.btargetone {
    color: #311f14;
    background-color: #fff;
    border: 2px solid #311f14;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 17px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.btargetone:active, .btargetone:focus, .btargetone:hover {
    color: #311f14;
    background-color: #fff;
    border: 2px solid #311f14
}

.divbutton {
    padding-top: 10px;
    width: 100%
}

.pgs {
    color: #717171;
    text-align: right;
    display: inline;
    float: right
}

.pgstotal {
    color: #311f14;
    text-align: right;
    font-size: 25px;
    display: inline;
    font-weight: 600;
    position: absolute;
    right: 12px;
    top: 10px
}

#iresum {
    color: #311f14;
    background-color: #e6e6e6;
    font-size: 16px;
    font-weight: 600
}

#iiva {
    color: #717171
}

#itiva {
    color: #311f14;
    height: 53px;
    padding-top: 18px;
    background-color: #e6e6e6
}

.divresumen {
    padding-top: 39px
}

.imgcarts {
    height: 25px;
    float: right
}

#pconfiar {
    color: #311f14;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.boxsh {
    box-shadow: 0 2px 27px -6px rgba(0, 0, 0, .32);
    margin-top: 25px;
    padding: 15px
}

.conftop {
    padding-top: 35px;
    padding-bottom: 35px
}

.imgcandad {
    color: #dbffab;
    position: absolute;
    height: 65px;
    width: 60px;
    left: 47%;
    z-index: 999;
    padding-top: 4px
}

.hclick {
    color: #311f14;
    font-size: 18px;
    font-weight: 600
}

.hcomplete {
    color: #717171;
    font-size: 16px
}

.inline-group {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin-bottom: 10px
}

.inline-group>.inline-item {
    display: table-cell;
    float: none;
    width: auto;
    margin-left: -1px
}

.inline-group>.btn.inline-item, .inline-group>select.inline-item {
    margin-bottom: 2px
}

.inline-group>.inline-item:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0;
    width: 88%;
    height: 45px;
    border: none
}

.inline-group>.inline-item:not(:first-child):not(:last-child) {
    border-radius: 0
}

.inline-group>.inline-item:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.inline-group>.inline-item:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    width: 16%;
    height: 32px;
    border: 1px solid #311f14
}

.btn-primary-news {
    color: #fff;
    background-color: #FF3127 !important;
    border-color: #FF3127 !important;
    outline: 0 !important;
    display: inline-block;
    width: 100px;
}

.btn-primary-news:hover {
    color: #fff;
    background-color: #FF3127 !important;
    border-color: #FF3127 !important;
    outline: 0 !important;
    display: inline-block;
    width: 100px;
}

.p-news {
    color: #fff;
    vertical-align: middle;
    margin: 0;
    display: inline;
}

.input-news {
    border: 1px solid #fff;
    background-color: transparent;
    width: 65%!important;
}

.input-news:focus {
    border: 1px solid #fff!important;
    background-color: transparent !important;
    width: 65%!important;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #ff8000 !important;
    border-color: #ff8000 !important;
    outline: 0 !important
}

#imistar {
    position: absolute;
    top: 0;
    left: 124px;
    font-size: 16px !important;
    color: #717171
}

#imistar:focus {
    color: #717171
}

#imistar:hover {
    color: #717171
}

.adetailsone {
    font-size: 16px !important;
    color: #311f14
}

.adetailsone:hover {
    color: #311f14 !important
}

.adetailsone:active {
    color: #311f14 !important
}

.adetailsone:focus {
    color: #311f14 !important
}

#imistarone {
    position: absolute;
    top: 38px;
    left: 124px;
    font-size: 16px !important;
    color: #311f14
}

#imistarone:focus {
    color: #311f14
}

#imistarone:hover {
    color: #311f14
}

.iproone {
    color: #311f14;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px
}

.iproone:active {
    color: #311f14 !important
}

.misda:hover {
    color: #311f14 !important
}

.misda:focus {
    color: #311f14 !important
}

.btn-primasry {
    color: #fff;
    background-color: red !important;
    border-color: red !important;
    outline: 0 !important
}

.btn-primasry:hover {
    color: #fff;
    background-color: red !important;
    border-color: red !important;
    outline: 0 !important
}

.btn-primasry:active {
    color: #fff;
    background-color: red !important;
    border-color: red !important;
    outline: 0 !important
}

.btn-primasry:focus {
    color: #fff;
    background-color: red !important;
    border-color: red !important;
    outline: 0 !important
}

.divend {
    padding-top: 25px
}

.divgr {
    background-color: #311f14;
    text-align: center;
    position: relative;
    display: block;
    left: 37%;
    height: 105px;
    border-radius: 2px
}

.imgch {
    height: 65px;
    display: block;
    position: relative;
    left: 46%
}

.h1tarj {
    text-align: center;
    color: #311f14;
    font-size: 33px;
    padding-bottom: 15px
}

#ptarj {
    color: #fff;
    font-size: 15px;
    padding-top: 35px
}

.bott {
    padding-bottom: 100px
}

#plose {
    color: #717171;
    font-size: 14px;
    text-align: center;
    padding-bottom: 20px
}

.divoth {
    text-align: center;
    position: relative;
    display: block;
    left: 37%;
    height: 105px;
    border-radius: 2px
}

.ptarjone {
    text-align: center;
    color: #ff8000;
    font-size: 33px;
    padding-bottom: 15px
}

.hfoo {
    color: #3b683c;
    margin: 4px;
    text-align: center;
    font-size: 18px
}

.textb {
    color: #3b683c;
    margin: 4px;
    text-align: center;
    font-size: 32px
}

.texts {
    font-size: 11px;
    text-align: justify;
    color: #3b683c;
    margin: 4px;
    text-align: center
}

.fmargin {
    color: #3b683c;
    text-align: center;
    font-size: 18px
}

.strco {
    color: #311f14
}

.coll {
    color: #772499 !important
}

.coln {
    color: #ff8000 !important
}

.pxr {
    color: #717171;
    font-size: 18px;
    border-bottom: 1px solid #3b683c;
    text-align: center;
    color: #3b683c;
    text-transform: uppercase
}

.btn-custom {
    background-color: #0bc522;
    height: 45px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 2px;
    width: 48px;
    border: 1px solid transparent;
    padding-top: 0;
    margin-top: 3px;
    padding: 0
}

.imgres {
    height: 60px;
    width: 100%
}

.marg {
    padding-bottom: 4px
}

.input-inline {
    width: 76%;
    display: initial;
    height: 39px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.button-inline {
    height: 39px !important;
    width: 16%
}

.input-saved-list {
    width: 100%;
    border-radius: 2px;
    height: 35px;
    color: #717171;
    margin-bottom: 7px;
    outline: 0;
    padding-left: 5px;
    padding-right: 5px
}

.bcartpur {
    color: #fff;
    background-color: #ff8000;
    border: 1px solid #ff8000;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 15px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%
}

.bcartpur:active, .bcartpur:focus, .bcartpur:hover {
    color: #fff;
    background-color: #ff8000;
    border: 1px solid #ff8000
}

.cartlabels {
    padding-left: 0
}

#labelfech {
    color: #311f14
}

.mapcob {
    background-color: #416bf3;
    width: 23%;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    height: 45px
}

.panel-default>.panel-headings {
    color: #fff !important;
    background-color: #A41117;
    border-color: #A41117;
    padding: 12px 15px !important;
    margin-bottom: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.misda {
    position: absolute;
    top: 9px;
    left: 155px;
    font-size: 16px !important;
    color: #717171
}

.nopp {
    float: right
}

.d-top {
    padding-top: 25px
}

#imgdetailp {
    max-height: 100%;
    max-width: 100%
}

#imgpro {
    height: 100%
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    min-width: 320px
}

.header {
    width: 100%;
    display: block;
    min-height: 214px;
    padding-top: 0
}

.headerwp {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0
}

.headerfull {
    width: 100%;
    background-color: rgba(0, 0, 0, .35);
    height: 75px
}

.posrlt {
    position: relative
}

.headtoppart {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    height: 39px;
    margin: 0 auto;
    padding: 0 0;
    min-width: 320px
}

.headertopleft {
    width: 50%;
    float: left
}

.headertopright {
    width: 50%;
    float: right;
    text-align: right
}

.headertopright a {
    line-height: 39px;
    color: #5f5f5f;
    font-size: 14px;
    padding: 0 12px;
    float: right
}

.headertopright a:hover {
    background-color: #272b37;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.headertopright a.facebookicon:hover {
    background-color: #3b5998;
    color: #fff
}

.headertopright a.twittericon:hover {
    background-color: #55acee;
    color: #fff
}

.headertopright a.linkedinicon:hover {
    background-color: #0077b5;
    color: #fff
}

.headertopright a.googleicon:hover {
    background-color: #dd4b39;
    color: #fff
}

.address {
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #b6b6b6
}

.address a {
    color: #b6b6b6
}

.address span {
    margin-right: 9px
}

.address .fa {
    margin-right: 6px;
    margin-left: 6px;
    color: #5f5f5f
}

.norlt {
    position: static
}

.menuwrapper {
    position: relative
}

.show-grid {
    background-color: #fff
}

.btn-border {
    border: 2px solid;
    border-radius: 40px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    -moz-user-select: none;
    background-image: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    padding: 15px 40px
}

.btn-border:hover {
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.btn-border:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.moreoption {
    width: 100%;
    display: block;
    margin-top: 290px
}

.moreoption .boxheader {
    border: solid 0;
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 17px;
    color: #fff
}

.mobiletext02 {
    display: none
}

.buttoncolor {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 10px 15px;
    text-decoration: none;
    transition: background .3s linear 0s;
    width: 12.5%;
    height: 30px;
    float: left;
    text-align: center;
    margin: 0 0
}

.buttoncolor:hover {
    color: #fff;
    text-decoration: none
}

.buttoncolor:focus {
    color: #fff;
    text-decoration: none
}

.buttoncolor03 {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 10px 15px;
    text-decoration: none;
    transition: background .3s linear 0s;
    width: 12.5%;
    height: 30px;
    float: left;
    text-align: center;
    margin: 0 0
}

.buttoncolor03:hover {
    color: #fff;
    text-decoration: none
}

.buttoncolor03:focus {
    color: #fff;
    text-decoration: none
}

.headertlt {
    width: 100%;
    padding: 40px 0 15px 0;
    letter-spacing: -.5px;
    font-size: 22px;
    font-family: archivo_narrowregular;
    color: #424242
}

.colorlink01 {
    width: 40%;
    float: left;
    margin: 0 0 0 2%
}

.colorlink02 {
    width: 40%;
    float: left;
    margin: 0 0 0 2%
}

.colorlink03 {
    width: 14%;
    float: left;
    margin: 0 0 0 2%
}

.buttoncolor02 {
    color: #424242;
    display: block;
    font-size: 15px;
    border-radius: 2px;
    height: 30px;
    padding: 10px 15px;
    text-decoration: none;
    transition: background .3s linear 0s;
    width: 100%;
    border-right: solid 5px #fff;
    float: left;
    text-align: center;
    margin: 0;
    background-color: #f2f2f2;
    border: solid 1px #d9d9d9;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none !important;
    width: 50%;
    float: left
}

.buttoncolor02:hover {
    background-color: #424242;
    color: #000
}

.buttoncolor02.active {
    background-color: #424242;
    color: #fff
}

.main-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#fahome {
    color: #fff !important
}

/* #sideNavbar {
	text-transform: uppercase
} */

#sideNavbar .collapse .active {
    background-color: #e6e6e6
}
div#sideNavbar .panel a {
    text-transform: uppercase;
}

.btndeleteproduct {
    background: 0 0;
    border: none
}

.pagination a {
    color: #FF8B38;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #FF8B38;
    margin: 0 2px 2px 0
}
.salemma-pay-input-container{
    display: none;
    -webkit-transform: ease-out 1s;
    -moz-transform: ease-out 1s;
    -ms-transform: ease-out 1s;
    -o-transform: ease-out 1s;
    transform: ease-out 1s;
}

.salemma-pay-input-container:checked{
    display: block;
}

.custom-control-label.checkbox-lg::before, .custom-control-label.checkbox-lg::after{
    width: 1.3rem;
    height: 1.3rem;
}

.pagination a.active {
    background-color: #FF8B38;
    color: #fff;
    border: 1px solid #FF8B38
}

.pagination a:hover:not(.active) {
    background-color: #ddd
}

.pagination>li>a, .pagination>li>span {
    color: #FF8B38;
    float: left;
    padding: 7px 18px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #FF8B38;
    margin: 0 2px 2px 0;
    border-radius: 0
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    margin-left: 0;
    border-radius: 0
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #ddd;
    color: #FF8B38;
    border: 1px solid #FF8B38
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid #FF8B38
}

#content {
    color: #717171;
    font-size: 16px
}

.next-shipping-hours {
    height: auto;
    text-transform: uppercase
}

.listproducts a {
    color: #311f14
}

.listproducts a:focus, .listproducts a:hover {
    color: #000
}

.breadcrumb {
    color: #311f14;
    text-transform: uppercase
}

.breadcrumb>li {
    display: inline-block
}

.cart-price .discount {
    color: #999;
    text-decoration: line-through
}

.d-top {
    padding-top: 35px
}

.next-shipping-hours .camion {
    float: none;
    margin: 0 10px 0 0;
    padding: 0
}

#fahome {
    color: #fff !important
}

.error-page {
    color: #717171;
    padding-top: 50px
}

.error-page h1 {
    color: #067732;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px
}

.error-page h2 {
    color: #067732;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.error-page h3 {
    color: #777;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

.error-page p {
    color: #777;
    font-size: 18px;
    margin-bottom: 30px
}

.error-page a {
    color: #067732;
    font-size: 24px;
    font-weight: 700
}

.error-page a:focus, .error-page a:hover {
    color: #000
}

.compra-realizada h2 {
    color: #FF8B38;
}

.compra-realizada p {
    color: #717171;
    font-size: 18px
}

.face-left {
    margin-right: 18px
}

.face-center {
    text-align: center
}

.face-right {
    margin-left: 15px
}

.info-img {
    padding-right: 5px
}

.absolu {
    position: absolute;
    width: 72%;
    height: 80%
}

.no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/assets/images/casa-rica-cargador.gif) center no-repeat #fff;
    background-color: rgba(0, 0, 0, .8)
}

.questions p, .questions ul {
    margin-bottom: 20px
}

.questions li {
    list-style: disc;
    margin-bottom: 10px
}

.questions p.question {
    color: #311f14;
    margin-bottom: 10px;
    text-transform: uppercase
}

.questions a {
    color: #311f14
}

.number-indicator {
    margin-bottom:15px;
}

.questions a:focus, .questions a:hover {
    color: #000
}

.logo-cr img {
    display: block;
    margin-top: 10px
}

.searchContainer {
    text-align: right
}


.mapa-cobertura-intro {
    margin: 0 auto
}

.logo-404 {
    width: 180px
}

.compra-ok-green {
    background-color: #FF8B38;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 30px
}

.search>::-webkit-input-placeholder {
    color: #b2b2b2;
    -webkit-transition: text-indent .5s ease, color .5s ease;
    transition: text-indent .5s ease, color .5s ease
}

.search>input::-moz-placeholder {
    color: #b2b2b2;
    opacity: 1
}

::ms-input-placeholder {
    color: #b2b2b2
}

.search>[placeholder]:focus::-webkit-input-placeholder {
    text-indent: 10em;
    color: transparent
}

.align_left {
    text-align: left
}

.alignleft {
    float: left
}

.button_blue, .def_icon_btn {
    font-size: 14px;
    line-height: 21px !important;
    text-align: center;
    display: inline-block;
    border-radius: 3px
}

.button_blue {
    padding: 5px 15px 4px
}

.def_icon_btn, .icon_btn {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 13px
}

.button_blue {
    color: #fff;
    background: #fff;
    border-color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.button_blue:hover {
    color: #fff;
    background: #fff
}

.icon_btn i[class|=icon] {
    display: inline-block;
    height: inherit
}

.def_icon_btn::after, .def_icon_btn::before, .icon_btn i[class|=icon]::after, .icon_btn i[class|=icon]::before {
    display: inline-block;
    vertical-align: middle
}

.def_icon_btn::before, .icon_btn i[class|=icon]::after {
    content: "";
    height: 100%
}

.button_blue:not(.icon_btn)>[class|=icon] {
    display: inline-block;
    height: 1px;
    margin-right: 7px
}

form .def_icon_btn {
    font-size: 24px
}

form:not(:last-child) {
    margin-bottom: 20px
}

.search {
    text-align: left
}

.login, .search {
    color: #b2b2b2
}

.search>* {
    height: 37px !important;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

.search>:first-child {
    border-radius: 3px 0 0 3px
}

.search>:first-child {
    border-right: 1px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 50px;
    outline: 0;
    width: 100%;
}

.search>:last-child {
    border-radius: 0 3px 3px 0
}

.search>:last-child {
    border-right: 2px solid #fff;
    border-radius: 3px 0 0 3px;
    margin-left: 5px
}

.search .def_icon_btn {
    width: 39px;
    height: 44px;
    margin-left: -40px;
    border-radius: 50px;
    background-color: #FE8D18;
}

.search>button>i {
    font-size: 16px;
    color: #fff
}

.search>button:hover {
    border-color: #fff !important
}

.search input {
    width: calc(100% - 30px);
    padding: 9px 13px;
    font-size: 16px;
    border-radius: 0
}

.img-phone {
    width: 18px;
    margin-right: 10px
}

.oncart {
    right: 14px;
    position: absolute;
    top: 10px;
    width: 28px;
    z-index:1;
}

.coche {
    left: 14px;
    position: absolute;
    top: 10px;
    width: 28px;
    z-index:1;
    height: 18%;
}
.pimg .oncart {
    right: -2px;
    top: 4px;
    width: 20px;
    z-index: 90;
}

.pimg .coche {
    left: -6px;
    top: 35px;
    width: 20px;
    z-index: 90;
    height: 20%;
}

.exclusive {
    left: 5px;
    position: absolute;
    top: 5px
}

.por-desc {
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 11px;
    z-index: 99;
    left: 9px;
}
/* // */

.di {
    padding-top: 15px;
    overflow-x: hidden;
    text-align: center;
    background-color: orange;
    margin-top: 10px;
    margin-bottom: 10px;
    top: 8px;
    left: 8px;
    border: 8px;
    right: 8px;
    border-radius: 15px;

}

/*  */

.limit-desc-t {
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 11px;
    z-index: 99;
    left: 5px;
}

.has-discount .limit-desc-t {
    top: 39px;
}

.salemma-card {
    left: -11px;
    position: absolute;
    top: 5px;
    z-index: 99;
    width: 100px;
}

.salemma-card-t {
    left: -11px;
    position: absolute;
    top: 5px;
    z-index: 99;
    width: 100px;
}

.has-discount .salemma-card-t {
    top: 35px;
}


.salemma_card-holder {
    background: rgba(138,0,25,1);
    background: -moz-linear-gradient(-45deg, rgba(138,0,25,1) 0%, rgba(212,0,39,1) 18%, rgba(171,0,31,1) 46%, rgba(138,0,25,1) 79%, rgba(138,0,25,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(138,0,25,1)), color-stop(18%, rgba(212,0,39,1)), color-stop(46%, rgba(171,0,31,1)), color-stop(79%, rgba(138,0,25,1)), color-stop(100%, rgba(138,0,25,1)));
    background: -webkit-linear-gradient(-45deg, rgba(138,0,25,1) 0%, rgba(212,0,39,1) 18%, rgba(171,0,31,1) 46%, rgba(138,0,25,1) 79%, rgba(138,0,25,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(138,0,25,1) 0%, rgba(212,0,39,1) 18%, rgba(171,0,31,1) 46%, rgba(138,0,25,1) 79%, rgba(138,0,25,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(138,0,25,1) 0%, rgba(212,0,39,1) 18%, rgba(171,0,31,1) 46%, rgba(138,0,25,1) 79%, rgba(138,0,25,1) 100%);
    background: linear-gradient(135deg, rgba(138,0,25,1) 0%, rgba(212,0,39,1) 18%, rgba(171,0,31,1) 46%, rgba(138,0,25,1) 79%, rgba(138,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0019', endColorstr='#8a0019', GradientType=1 );
    border-radius: 5px;
    max-width: 230px;
    margin: 0 auto;
}
.gift_card-holder {
    background: linear-gradient(135deg, #007bff 0%, #007bff 18%, rgb(0 123 255 / .9) 46%, rgb(0 123 255 / .7) 79%, #007bff 100%);
    border-radius: 5px;
    max-width: 230px;
    margin: 0 auto;
}
.salemma_cash-holder {
    background: rgb(52,87,46);
    background: linear-gradient(45deg, rgba(52,87,46,1) 0%, rgba(60,108,52,1) 35%, rgba(31,56,27,1) 100%);
    background: -moz-linear-gradient(45deg, rgba(52,87,46,1) 0%, rgba(60,108,52,1) 35%, rgba(31,56,27,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(52,87,46,1) 0%, rgba(60,108,52,1) 35%, rgba(31,56,27,1) 100%);
    background: -o-linear-gradient(45deg, rgba(52,87,46,1) 0%, rgba(60,108,52,1) 35%, rgba(31,56,27,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(52,87,46,1) 0%, rgba(60,108,52,1) 35%, rgba(31,56,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0019', endColorstr='#8a0019', GradientType=1 );
    border-radius: 5px;
    max-width: 230px;
    margin: 0 auto;
}
.credit-card-holder {
    background: rgba(0,0,0,.2);
    border-radius: 5px;
    max-width: 230px;
    margin: 0 auto;
}
div.card.checked {
    background-color: #caffc4;
    height: 130px;
    border: 2px solid #ababab;
    cursor: pointer;
}

.pimg .exclusive {
    left: -11px;
    top: -11px;
    width: 50px;
    z-index: 10
}

.pimg img.producto-destacado {
    left: -15px;
    top: -25px;
    width: 70px;
    position: absolute
}

.producto-destacado {
    color: #fff;
    background-color: #311f14;
    display: inline-block;
    padding: 3px 5px;
    position: absolute;
    left: 0;
    z-index: 99;
    top: 0;
    border-bottom-right-radius: 5px
}

.producto-descuento {
    color: #fff;
    background-color: #ff8000;
    display: inline-block;
    padding: 4px 5px 2px;
    font-size: 12px;
    border-radius: 5px
}

.producto-nada {
    color: #fff;
    background-color: transparent;
    display: inline-block;
    padding: 4px 5px 2px;
    font-size: 12px;
    border-radius: 5px
}

.producto-oferta {
    color: #fff;
    background-color: #ec404a;
    display: inline-block;
    padding: 4px 5px 2px;
    font-size: 12px;
    border-radius: 5px
}

span.discount-percentage {
    right: -20px;
    top: 0;
    width: 80px;
    position: absolute
}

.payment_bbva {
    display: none;
    margin-bottom: 20px
}

.txtbbva {
    border: 1px solid #311f14;
    background-color: #e6e6e6;
    outline: 0;
    color: #311f14
}

.divMapaCobertura {
    padding-left: 0
}

.superponerlogo {
    position: absolute;
    z-index: 999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.tabulacionMenu {
    margin-left: 160px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.img-header {
    width: 20px
}

.img-card {
    width: 120px!important;
}

.img-cart {
    width: 19px
}

.item-cart {
    height: 11rem;
    background: transparent;
    padding: 2rem 1rem 2rem 1rem;
}

.item-cart-des {
    background: transparent;
}

.img-category {
    width: 80%!important
}

.arrow-right {
    margin-left: 10px;
    width: 10px;
    margin-bottom: 4px;
}

.catd {
    background-color: #ff8000;
    height: 20px;
    width: 20px;
    position: absolute;
    top: -10px;
    border-radius: 50px;
    right: -12px;
    text-align: center;
    padding-top: 1px
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    padding-left: 0;
    padding-right: 0
}

.yamm .navbar-nav>li.nohover:hover {
    border-bottom: 2px solid transparent
}

.capr {
    left: 8px !important;
    opacity: 1 !important;
    width: auto;
    min-width: 0
}

.canx {
    right: 8px !important;
    opacity: 1 !important;
    width: auto;
    min-width: 0
}

.h-four {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 0
}

.imgprodts {
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.img-frame a {
    display: block;
    height: 100%
}

.outstanding {
    position: absolute;
    z-index: 9;
    left: 2px;
    top: 2px
}

.hroutstanding {
    height: 1px;
    background-color: #311f14
}

.text-outstanding {
    color: #000;
    font-size: 14px
}

.bord-r {
    border-right: 1px solid #fff
}

.sepl {
    display: inline-block;
    border-left: 1px solid #fff;
    height: 12px;
    margin-left: 7px;
    margin-right: 7px
}

.sp-hours {
    color: #000
}

.btn.btn-default {
    color: #fff;
    background-color: #FE8D18;
    border: 1px solid #FE8D18;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.categ-p {
    color: #717171
}

.categ-t {
    color: #311f14;
    font-size: 22px
}

.img-cate {
    width: 145px;
    float: right
}

.alt-list {
    color: #9B9B9B;
    padding-left: 0;
    font-size: 14px
}

.img-user-menu-res {
    position: absolute;
    right: 20px;
    top: 17px
}

.img-carrito-menu-res {
    position: absolute;
    right: 66px;
    top: 17px
}

.modal-content .modal-header button.close {
    position: absolute;
    top: 15px;
    right: 16px;
    background-color: transparent;
    width: 28px;
    height: 28px;
    font-size: 25px;
    color: #717171;
    text-shadow: none;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 99
}

.modal-header .close {
    padding: 0 0;
    margin: -1rem -1rem -1rem auto
}

.modal-content .modal-header button.close:hover {
    opacity: 1;
    outline: 0
}

.btn.btn-categorias {
    color: #fff;
    background-color: #d6ba8b;
    border: 1px solid #d6ba8b;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 20px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    border-radius: 2px
}

.labels-container {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #A41117;
    text-align: center;
}

.sticky-wrapper {
    /*height: 140.844px !important*/
}

.nav-item {
    background-color: #e6e6e6;
    width: 50%;
    text-align: center
}
.text-grey{
    color: #717171;
}

.down-xs {
    display: inline-block
}

.inline-b {
    display: inline-block
}

.cajaone {
    background-color: #FF8B38;
    width: 100%;
    float: left;
    padding: 5px 1px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    border: solid 1px #FF8B38;
    transition: background-color .5s ease
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #311f14
}

.nav-pills .nav-link {
    border-radius: 0;
    color: #311f14;
    border-bottom: 1px solid #311f14
}

.description-product {
    color: #717171;
    font-size: 14px;
}

.boxsone {
    box-shadow: 0 2px 27px -6px rgba(0, 0, 0, .32);
    margin-top: 25px;
    padding: 15px
}

.pad-u {
    padding-bottom: 0px !important
}

.fix-f {
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%
}

.di-principal {
    border-bottom: 1px solid #D5D5D5;
    padding: 10px;
}

.p-new {
    color: #717171;
    font-size: 12px;
    margin: 0px;
}

.p-price-n {
    color: #d5d5d5;
    font-size: 12px;
    margin: 0px;
}

.p-sub-n {
    color: #FF8B38;
    font-size: 12px;
    display: inline;
    font-weight: bold;
}

.la-sub {
    color: #717171;
    font-size: 12px;
    font-weight: 600;
}

.hr-n {
    width: 100%;
    background-color: #D5D5D5
}

#ftimes-n {
    font-size: 16px;
    color: #D5D5D5;
}

img.imgproduct {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: 45px;
    /* position: absolute; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -9;
}

.price_pro {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #717171;
    margin-bottom: 0px;
}

.owl-carousel .owl-prev::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053";
}

.owl-carousel .owl-prev::before, .owl-carousel .owl-next::before {
    font-size: 20px;
    color: #A41117;
    opacity: 1;
}

.owl-carousel .owl-next::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
}


.slider .owl-nav button.owl-prev,
.slider .owl-nav button.owl-next {
    color: #444444;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: .75;
    border:1px solid transparent;
    width: 40px;
    height: 40px;
}
.slider .owl-nav button.owl-prev{
    left: -2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}
.slider .owl-nav button.owl-next {
    right: -2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}

.slider .owl-nav button.owl-next:hover {
    background: transparent !important;
}

.slider .owl-nav button.owl-prev:hover {
    background: transparent !important;
}



/* slider-offe */

.slider-offe button.owl-prev::before, .slider-offe button.owl-next::before {
    font-size: 16px;
    color: #fff;
    opacity: 1;
}

.slider-offe .owl-nav button.owl-prev,
.slider-offe .owl-nav button.owl-next {
    border-radius: 50%;
    color: #444444;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: -17%;
    text-align: center;
    line-height: 39px;
    opacity: .75;
    border: 1px solid transparent;
    width: 30px;
    height: 30px;
    background-color: #A41117 !important;
}
.slider-offe .owl-nav button.owl-prev{
    right: 60px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}
.slider-offe .owl-nav button.owl-next {
    right: 4px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}

.slider-offe .owl-nav button.owl-next:hover {
    background: #A41117 !important;
}

.slider-offe .owl-nav button.owl-prev:hover {
    background: #A41117 !important;
}
/* slider-offe-offe */


.slider-ofv button.owl-prev::before, .slider-ofv button.owl-next::before {
    font-size: 16px;
    color: #fff;
    opacity: 1;
}

.slider-ofv .owl-nav button.owl-prev,
.slider-ofv .owl-nav button.owl-next {
    border-radius: 50%;
    color: #444444;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: -9%;
    text-align: center;
    line-height: 39px;
    opacity: .75;
    border: 1px solid transparent;
    width: 30px;
    height: 30px;
    background-color: #A41117 !important;
}
.slider-ofv .owl-nav button.owl-prev{
    right: 60px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}
.slider-ofv .owl-nav button.owl-next {
    right: 4px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1 !important
}

.slider-ofv .owl-nav button.owl-next:hover {
    background: #A41117 !important;
}

.slider-offe .owl-nav button.owl-prev:hover {
    background: #A41117 !important;
}







.label-text {
    color: #717171;
    font-weight: 600;
    margin-top: 10px;
    font-size: 13px
}

/* .n-sty {
    border-radius: 50%;
    height: 10px !important;
    width: 10px !important;
    background-color: #717171 !important;
    opacity: 1 !important;
}


.carousel-indicators .n-sty .active {
background-color: #A41117 !important;
} */


.carousel-indicators .active {
    opacity: 1;
    background-color: #A41117;
}

.carousel-indicators li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #706F6F;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -80px;
}

.title-ad {
    color: #A41117!important;
    text-transform: uppercase;
    font-weight: 600;
}
.btn.disabled, .btn:disabled, [disabled] {
    cursor: not-allowed;
}
.btn-filtro {
    border: 1px solid #FF8B38;
    color: #717171;
    font-size: 13px;
}

.btn-filtro:hover {
    border: 1px solid #FF8B38;
    color: #717171;
    font-size: 13px;
}

.btn-filtro2 {
    border: 1px solid #FF8B38;
    color: #000000;
    font-size: 14px;
    height:25px;
    padding: 1px 5px;
    border-radius: 5px;
}

.a-drop {
    border-bottom: 1px solid #d5d5d5;
    padding: 0px;
    color: #717171;
    margin-bottom: 3px;
}

.border-nb {
    padding: 0px;
    color: #717171
}

.div-drop {
    padding: 10px;
}

.title-cart {
    color: #FE8D18;
    text-align: center;
    margin:0px;
    font-weight: 600;
}

.label-d {
    color: #A41117;
    font-size: 12px;
    font-weight: 600;
}

.label-dt {
    color: #034694;
    font-size: 12px;
    font-weight: 600;
}

.label-dtn {
    color: #F2994A;
    font-size: 12px;
    font-weight: 600;
}

.p-price-p {
    color: #717171;
    font-size: 12px;
    margin: 0px;
    font-weight: bold;
}

.di-item-c {
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    padding: 5px;
}

.count-item {
    color: #444444;
    font-size: 14px;
    margin: 0px;
}

.bor-l {
    border-right: 1px solid #d5d5d5;
}

/* checkout */
.shopping-cart {
    margin-bottom: 20px;
    border: 1px solid #D5D5D5;
    padding: 10px;
    border-radius: 4px;
}

.widget-title {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
    color: #232323;
    font-size: 16px;
    font-weight: normal;
}

.btn-hora:not(:disabled):not(.disabled).active, .btn-hora:not(:disabled):not(.disabled):active, .show>.btn-hora.dropdown-toggle {
    color: #A41117;
    background-color: transparent;
    border-color: #A41117;
    background-image: url('../images/hora-rojo.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #A41117;
    font-weight: 500;
    text-align: left;
    outline: none;
    padding-left: 70px;
    box-shadow: none;
}

.btn-hora {
    background-image: url('../images/hora.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.btn-hora:hover {
    background-image: url('../images/hora.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.btn-camion:not(:disabled):not(.disabled).active, .btn-camion:not(:disabled):not(.disabled):active, .show>.btn-camion.dropdown-toggle {
    color: #A41117;
    background-color: transparent;
    border-color: #A41117;
    background-image: url('../images/camion-rojo.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #A41117;
    font-weight: 500;
    text-align: left;
    outline: none;
    padding-left: 70px;
    box-shadow: none;
}

.btn-camion {
    background-image: url('../images/camion.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.btn-camion:hover {
    background-image: url('../images/camion.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.shop_type_delivery.selected {
    border-color:#A41117;
    color: #A41117;
    background-image: url('../images/truck-selected.svg');
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.shop_type_delivery{
    background-image: url('../images/camion.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    font-weight: normal;
    text-align: left;
    padding-left: 60px;
}

.shop_type_pickup.selected {
    border-color:#A41117;
    color: #A41117;
    background-image: url('../images/pickup-selected.svg');
}
.shop_type_pickup {
    background-image: url('../images/pic.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 30px 40px !important;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    font-weight: normal;
    padding-left: 60px;
}

.select-wrapper:after {
    display: block;
    content: "";
    width: 33px;
    height: 21px;
    background: url('../images/arrow.svg') no-repeat;
    position: absolute;
    top: 15px;
    z-index: 99;
    right: 4px;

}

.proximo {
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    padding: 15px;
}


.btn-pic:not(:disabled):not(.disabled).active, .btn-pic:not(:disabled):not(.disabled):active, .show>.btn-pic.dropdown-toggle {
    color: #A41117;
    background-color: transparent;
    border-color: #A41117;
    background-image: url('../images/pic-rojo.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #A41117;
    font-weight: 500;
    text-align: left;
    outline: none;
    padding-left: 70px;
    box-shadow: none;
}

.btn-pic {
    background-image: url('../images/pic.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.btn-pic:hover {
    background-image: url('../images/pic.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #717171;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
}

.title-check {
    color: #444444;
    font-size: 22px;

}

.label-p {
    color: #717171;
    font-size: 16px;
    margin-bottom: 0px;
}

.bcheck {
    color: #fff;
    background-color: #FF8B38;
    border: 1px solid transparent;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 2px;
    width: 100%;
    margin-right: 5px;
    padding-top: 5px;
    font-size: 14px;
}

#map {
    height: 200px;
}

#map2 {
    height: 200px;
}

#map3 {
    height: 200px;
}

.form-group label {
    margin-bottom: 8px;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #000000;
}

.inputcheck {
    padding: 10px;
    border: 1px solid #D5D5D5;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.add-info:hover {
    color: #5A5A5A;
    font-size: 14px;
    text-decoration: underline;
}

.add-info {
    color: #5A5A5A;
    font-size: 14px;
    text-decoration: underline;
}

.btn-outline-drk {
    border-color: #FF8B38;
    background-color: #FF8B38;
    color: #ffffff;
}

.btn-outline-drk:hover {
    border-color: #FF8B38;
    background-color: #FF8B38;
    color: #ffffff;
}

/* .btn:hover, .btn:focus .btn:active, .btn.active {
    outline: none;
    background-image: none;
    text-decoration: none;
    box-shadow: none;
} */

.resume {
    background-color: #FF8B38;
    border-radius: 6px;
    padding: 15px;
    position: relative;
}

.check-img {
    position: absolute;
    right: 15px;
    top: 10px;
}

.li-gr {
    color: #444444;
}
.li-grs {
    color: #A41117;
}

.text-check {
    color: #444444;
}

.to-cart {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.total-cart {
    color: #fff;
    font-size: 24px;
}

input[type="radio"]:checked+label {
    font-weight: bold;
    color: #A41117;
}

.title-check-p {
    color: #A41117;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.modal-t {
    color: #A41117;
}

.modal-tarjeta {
    color: #444444;
    margin: 0px;
}
.cand {
    color: #717171;
}

.title-checkt {
    color: #444444;
    font-size: 14px;
}

.pago-text {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin: 0px;
}
.pos-online {
    background-color: #A41117;
    padding: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    position: relative;
}


.pos-online:after, .pos-online:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pos-online:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #A41117;
    border-width: 12px;
    margin-left: -30px;
}

/* checkout */


.input-group-but {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-but>.custom-select:not(:last-child), .input-group-but>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-but>.custom-file, .input-group-but>.custom-select, .input-group-but>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-but>.input-group-append>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}
.tarjetas-boton {
    height: 38px;
    line-height: 24px;
    border-color: #D41E25;
    color: #fff;
    background-color: #D41E25;
}

.nav-act.active {
    color: #A41117!important;
    background-color: #fff!important;
    border: none;
    border-radius: 0px;
}

.nav-act:active:hover {
    color: #A41117!important;
    background-color: #fff!important;
    border-radius: 0px;
}

.nav-act {
    color: #717171!important;
    background-color: #fff!important;
    border: none;
    border-radius: 0px;
    font-weight: 700;
}

.nav-act:hover {
    color: #717171!important;
    background-color: #fff!important;
    border-radius: 0px;
}

.bac-n {
    background-color: transparent!important;
}

.nav-tabs {
    border-bottom: 1px solid #A41117;
}

.nav-tabs .nav-link {
    border-bottom: 1px solid #717171;
}

.bord-regis {
    border-right: 1px solid #A41117;
}
.p-news-d {
    color: #fff;
    vertical-align: middle;
    margin: 0;
    display: inline;
}

.btn-rename {
    background: url('../images/editar-lista.svg')no-repeat;
    border: none;
    display: inline-block;
    height: 20px;
}

.span-list {
    color: #717171;
}
.mt-6 {
    margin-top: 28px;
}

.psubtotalg_ {
    color: #717171;
    font-size: 14px;
    text-align: right;
    margin-bottom: 0 !important;
    font-weight: 600;
    padding-top: 8px;
}

.titl_con {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #A41117;
}

.sub_titl_con {
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    color: #444444;
}

span.item-error {
    color: white;
    border: 1px solid red;
    padding: 1px 5px;
    border-radius: 7px;
    background: red;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
}
.res-menu {
    text-transform: uppercase;
}
.res-menu.accordion > .card .card-header{
    margin-bottom:inherit;
}


.btn-branch:not(:disabled):not(.disabled).active, .btn-branch:not(:disabled):not(.disabled):active, .show>.btn-branch.dropdown-toggle {
    color: #A41117;
    background-color: #fff;
    border-color: #A41117;
    background-image: url('/assets/images/iconplacered.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #A41117;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    box-shadow: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-branch {
    background-image: url('/assets/images/iconplace.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #444444;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-branch:hover {
    background-image: url('/assets/images/iconplace.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #444444;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.titulobranch {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #A41117;
}

.pbranch {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #444444;
}

.btn-branch-d:not(:disabled):not(.disabled).active, .btn-branch-d:not(:disabled):not(.disabled):active, .show>.btn-branch-d.dropdown-toggle {
    color: #A41117;
    background-color: #fff;
    border-color: #A41117;
    background-image: url('/assets/images/camionrojo.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #A41117;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    box-shadow: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-branch-d {
    background-image: url('/assets/images/camiongris.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #444444;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-branch-d:hover {
    background-image: url('/assets/images/camiongris.svg');
    background-repeat: no-repeat;
    background-position: center left 10px;
    transition-property: none;
    border: 1px solid #D5D5D5;
    color: #444444;
    font-weight: 500;
    text-align: left;
    padding-left: 70px;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.titbranch {
    margin-left: 14%;
    font-size: 24px;
    font-weight: 600;
}
.unText {
    position:absolute;
    left: 44px;
    color: #717171;
    top: 9px;
    font-size: 12px;
}

.card-gift {
    width: 259px;
    height: 170px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
}

.card-gift.active {
    border: 1px solid #A41117;
    box-sizing: border-box;
    border-radius: 10px;
}

.box-gift {
    border-radius: 10px;
    margin: 10px;
    height: 150px;
}

.gift-number {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding-top:35px;
}

.gift-title-card {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1em;
    color: #FFFFFF;
    padding-top:16px;
}

.gift-footer-card {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding-top:15px;
}

.giftTitle {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #444444;
}

.subgiftt {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #A41117;
}

.subgifttp {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #444444;
}

.contenidogift {
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 30px;
}
.giftPrin {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 37px;
    color: #A41117;
}

.psulabel {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #444444;
}

.boxlasrtgift {
    background: #D5D5D5;
    border-radius: 4px;
    padding: 10px 12px;
}

.validgift {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #444444;
}

.dategift {
    color: #A41117;
}

.inputlabelg {
    color: #444444!important;
}

.giftH {
    font-size: 12px;
}
/*
.btn-wsp{
    position:fixed;
    width:50px;
    height:50px;
    line-height: 63px;
    bottom:25px;
    right:25px;
    border-radius:50px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    width:55px;
    height:55px;
    -webkit-filter: opacity(.8);
    filter: opacity(.8);
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:50px;
        height:50px;
        line-height: 66px;
	}
}
*/


/* emilio responsive */

@media (min-width:260px) and (max-width:359px) {
    .p-news {
        display: inherit;
        text-align: left;
    }
    .button-inline {
        height: 39px !important;
        width: 24%
    }

    .inline-group>.inline-item:last-child:not(:first-child) {
        width: 24%
    }

    .bdeletelist {
        font-size: 10px
    }

    .cajaone {
        font-size: 11.3px
    }

    .baddcart {
        font-size: 12px
    }

    .bdeletecart {
        font-size: 12px
    }

    .bcart {
        font-size: 11px
    }

    .sticky-wrapper {
        height: 0 !important
    }

    .middleBar {

        /* padding: 10px 0 10px 0;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .08); */
        background-color: #A41117;
        height: 59px
    }

    .canx {
        right: -16px !important;
        opacity: 1 !important;
        width: auto;
        min-width: 0
    }

    .camion {
        display: none
    }

    .psubtitle {
        font-size: 10px!
    }

    ul.pagination li:not(:last-child):nth-of-type(1n+9) {
        display: none
    }

    .psubtitle {
        color: #311f14;
        font-size: 10px
    }

    table tr {
        display: block;
        margin-bottom: .625em;
        font-size: 12px;
        border-top: none !important;
        border-radius: 3px;
        border-bottom: none !important;
    }

    table td:before {
        font-family: 'Roboto', sans-serif-Bold;
        content: attr(data-labels);
        float: left;
        font-weight: 700;
        text-transform: uppercase
    }

    .spinner {
        float: none
    }

    .divsubtotal {
        background-color: #fff;
        height: 36px;
        width: 100%;
        display: inline-block
    }

    .psubtotal {
        color: #311f14;
        margin-bottom: 0 !important;
        font-weight: 600;
        padding-top: 8px;
        padding-right: 9px
    }

    .divsubtotaltwo {
        background-color: #fff;
        height: 36px;
        width: 100%;
        display: inline-block;
        float: right;
        border-left: 2px solid
    }

    .psubtotalg {
        font-size: 12px
    }

    .pcontact {
        font-size: 12px
    }

    /* nuevo salemma */
    table td {
        border-top: none !important;
    }
    .det-res {
        width: 70%;
    }
    .bord-regis {
        border-right: 1px solid transparent;
    }
    .panel-heading .accordion-togglep:after {
        display: block;
        content: "";
        width: 33px;
        height: 21px;
        position: absolute;
        top: 4px;
        z-index: 99;
        right: 0px;
        background: url('../images/arrow-profile.svg') no-repeat;
    }
    .panel-heading .accordion-togglep.collapsed:after {
        content: "";
        background: url('../images/arrow-profile1.svg') no-repeat;
    }
    .round {
        bottom: 17px;
    }
    .pnumberes {
        width: 32px;
        height: 30px;
        padding: 5px;
        border: none;
        color: #717171;
    }
    .twodiv {
        height: 40px;
    }
    .btndeleteproduct {
        background: 0 0;
        border: none;
        top: -20px;
        right: 14px;
    }
    .descrip-cart {
        color: #FE8D18;
        font-weight: bold;
        margin:0px;
        font-size: 12px
    }
    .total-desc {
        color: #717171;
        font-weight: bold"
    }
    .label-d {
        font-size: 10px;
        margin: 0px;
    }
    .label-dt{
        font-size: 10px;
        margin: 0px;
    }
    .label-dtn {
        font-size: 11px;
    }
    .p-new {
        font-size: 11px;
    }
    .btn.btn-defaults {
        height: 30px;
    }
    .pnumber {
        width: 45px;
        height: 30px;
    }
    .input-news {
        display: initial;
    }
    .p-news {
        display: inherit;
        text-align: left;
    }

    .search .def_icon_btn {
        background-color: #A41117;
    }

    /* nuevo salemma */

}

@media (min-width:360px) and (max-width:576px) {
    .titbranch{
        margin-left: 0%;
        font-size: 19px;
    }

    /* nuevo salemma */
    .ter-ti {
        background: transparent !important;
        background-image: none !important;
        color: #444444 !important;
        border-right: 0 none !important;
        text-align: left;
        border: none;
        width: 100%;
    }
    .ter-ti:active {
        outline: none;
    }
    .ter-ti:focus {
        outline: none;
    }
    .i-fa {
        display: block;
        height: 23px;
        width: 25px;
        margin-right: 8px;
        background-size: 25px;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.55);
        float: right;
        text-align: right;
    }
    .slider-offe .owl-nav button.owl-prev, .slider-offe .owl-nav button.owl-next {
        top: -5%;
    }
    .di-item-c {
        width: 100%;
    }
    .det-res {
        width: 70%;
    }
    .bord-regis {
        border-right: 1px solid transparent;
    }
    .panel-heading .accordion-togglep:after {
        display: block;
        content: "";
        width: 33px;
        height: 21px;
        position: absolute;
        top: 4px;
        z-index: 99;
        right: 0px;
        background: url('../images/arrow-profile.svg') no-repeat;
    }
    .panel-heading .accordion-togglep.collapsed:after {
        content: "";
        background: url('../images/arrow-profile1.svg') no-repeat;
    }
    .round {
        bottom: 17px;
    }
    .pnumberes {
        width: 32px;
        height: 30px;
        padding: 5px;
        border: none;
        color: #717171;
        font-size: 12px;
    }
    .twodiv {
        height: 40px;
    }
    .btndeleteproduct {
        background: 0 0;
        border: none;
        top: -20px;
        right: 14px;

    }
    .btndeleteproductres {
        background: 0 0;
        border: none;
        top: -20px;
        right: 14px;
        position: absolute;

    }
    .descrip-cart {
        color: #FE8D18;
        font-weight: bold;
        margin:0px;
        font-size: 12px
    }
    .total-desc {
        color: #717171;
        font-weight: bold"
    }
    .label-d {
        font-size: 10px;
        margin: 0px;
    }
    .label-dt{
        font-size: 10px;
        margin: 0px;
    }
    .label-dtn {
        font-size: 11px;
    }
    .p-new {
        font-size: 11px;
    }
    .btn.btn-defaults {
        height: 30px;
        width: 30px;
    }
    .pnumber {
        width: 61px;
        height: 30px;
        margin-bottom: 10px;
    }
    .bor-ag {
        border: 1px solid #DADADA;
        padding: 5px 5px 5px 5px;
        border-radius: 4px;
    }
    .divproduct_det {
        margin-right: 0px;
    }
    .input-news {
        display: initial;
    }
    .p-news {
        display: inherit;
        text-align: left;
    }

    .search .def_icon_btn {
        background-color: #A41117;
    }

    /* nuevo salemma */
    .pcontact {
        font-size: 12px
    }

    .inline-group>.inline-item:last-child:not(:first-child) {
        width: 24%
    }

    .button-inline {
        height: 39px !important;
        width: 24%
    }

    .bdeletelist {
        font-size: 10px
    }

    .baddcart {
        font-size: 12px
    }

    .bcart {
        font-size: 11px
    }

    .psubtotalg {
        font-size: 12px
    }

    .sticky-wrapper {
        height: 0 !important
    }

    .camion {
        display: none
    }

    .psubtitle {
        font-size: 10px
    }

    ul.pagination li:not(:last-child):nth-of-type(1n+9) {
        display: none
    }

    .down-xs {
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .bord-r {
        border-right: none
    }

    .text-xs-center {
        text-align: center
    }

    .canx {
        /* 	right: -16px !important; */
        opacity: 1 !important;
        width: auto;
        min-width: 0
    }

    .nopp {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .inline-group>.inline-item:first-child:not(:last-child) {
        width: 85% !important
    }

    .inline-group {
        margin-bottom: 0
    }

    .light-backgorund {
        padding-top: 4px !important
    }

    .divadvertising {
        margin-bottom: 4px !important
    }

    .btn-custom {
        background-color: #0bc522;
        height: 45px;
        border-bottom-right-radius: 2px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 2px;
        width: 48px;
        border: 1px solid transparent
    }

    .div-p {
        padding-bottom: 20px
    }

    .btn.btn-default {
        width: 100% !important
    }

    .img-re {
        display: inline-block
    }

    .pdivp {
        margin-bottom: 3px;
        padding-left: 0;
        padding-right: 0
    }

    .divproduct {
        border-radius: 2px;
        /* padding: 15px */
    }

    .pnumbers {
        width: 39px;
        float: left;
        height: 36px;
        border-radius: 2px;
        border-color: silver;
        background: #f5f5f5
    }

    /* 	#pplus {
        position: relative;
        top: -4px
    } */

    #panel-b {
        border-top-color: #ddd;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .divsocial {
        padding-top: 20px;
        width: 100%
    }

    .div-button {
        padding-top: 70px;
        width: 100%
    }

    .bcart {
        margin-right: 5px
    }

    .bdeletecart {
        font-size: 12px
    }

    .divright {
        float: none;
        text-align: center;
        width: 100%;
        display: inline-flex;
        padding-left: 0;
        padding-right: 0
    }

    .carrt {
        padding-left: 0;
        padding-right: 0
    }

    #imglist {
        height: 48px;
        width: 48px;
        display: inline !important
    }

    .tdleft {
        text-align: left !important
    }

    .rightd {
        display: inline-block
    }

    .spinner {
        float: none
    }

    #pplusl, .pplusl {
        /* 	position: relative;
        top: -4px;
        right: 0px;
        left: 0px; */
    }

    table td:before {
        font-family: 'Roboto', sans-serif-Bold;
        content: attr(data-labels);
        float: left;
        font-weight: 700;
        text-transform: uppercase
    }

    .divsubtotal {
        background-color: #fff;
        height: 36px;
        width: 100%;
        display: inline-block
    }

    .psubtotal {
        color: #717171;
        font-size: 12px;
        margin-bottom: 0 !important;
        font-weight: 600;
        padding-top: 8px;
        padding-right: 9px
    }

    .divsubtotaltwo {
        background-color: #fff;
        height: 36px;
        width: 100%;
        display: inline-block;
        float: right;
        border-left: 2px solid
    }

    .psubtotalg_ {
        color: #717171;
        font-size: 18px;
        text-align: center;
        margin-bottom: 0 !important;
        font-weight: 600;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    table tr {
        /* display: block; */
        margin-bottom: .625em;
        font-size: 12px;
        border-radius: 3px
    }

    .selectck {
        width: 86% !important
    }

    .thbor {
        border-bottom: 1px solid #ddd;
        border-right: 0;
        outline: 0;
        color: #311f14
    }

    .thborb {
        border-bottom: 1px solid #ddd;
        border-right: 0;
        outline: 0;
        color: #311f14
    }

    .thborone {
        border-left: 0 solid #717171
    }

    #pminuspurchase {
        margin-bottom: 0;
        margin-top: 0;
        color: #311f14;
        font-size: 12px;
        display: inline;
        padding-top: 5px;
        float: left
    }

    #facaret {
        font-size: 15px;
        color: #311f14;
        float: right;
        position: absolute;
        right: 60px;
        padding-top: 6px
    }

    .middleBar {
        padding: 12px 0 10px 0;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        background-color: #A41117;
        height: 60px;
        /*background-image: url("/assets/images/cabecera.jpg");*/
        /*background-position: center center;*/
    }

    .baddcart {
        width: 100%;
        margin-right: 5px;
        right: 0 !important
    }

    .bdeletelist {
        margin-left: 4px
    }

    .boxsh {
        padding-left: 0;
        padding-right: 0
    }

    .input-inline {
        width: 75%;
        display: initial;
        height: 35px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        font-size: 12px
    }

    .button-inline {
        height: 35px !important;
        width: 25%;
        font-size: 11px !important
    }

    .imgcandad {
        left: 41% !important
    }

    .imgqr {
        float: left
    }

    .toptwo {
        padding-top: 13px
    }

    .contac-d {
        padding-top: 10px
    }

    .imgpago {
        width: 57%;
        height: 50px;
        float: none;
        display: block
    }

    .divgr {
        left: 0
    }

    .imgch {
        left: 38% !important
    }

    .divoth {
        left: 0
    }

    .input-inline {
        width: 70%;
        display: initial;
        height: 35px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .cajaone {
        font-size: 11.3px;
        padding: 10px 1px
    }

}

@media (min-width:577px) and (max-width:768px) {
    .bdeletelist {
        font-size: 10px
    }

    .baddcart {
        font-size: 12px
    }

    .bcart {
        font-size: 11px
    }

    .psubtitle {
        color: #311f14;
        font-size: 11px
    }

    .middleBar {
        padding: 10px 0 10px 0;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
        background-color: #A41117;
        height: 67px
    }

    .sticky-wrapper {
        height: 0 !important
    }

    ul.pagination li:not(:last-child):nth-of-type(1n+9) {
        display: none
    }

    .contract, .expand {
        padding-left: 19px
    }

    .map-d {
        padding-top: 20px
    }

    .inline-item {
        font-size: 12px
    }

    .imgpago {
        width: 30%;
        height: 50px;
        float: left
    }

    .list-top {
        padding-top: 15px
    }

    .ptype {
        text-align: center !important
    }

    .spinner {
        float: none
    }

    .spidiv {
        padding-top: 0;
        height: 36px
    }

    .detail-di {
        padding-top: 15px
    }

    .no-paddingtop {
        padding-top: 78px !important
    }

    table tr {
        display: block;
        margin-bottom: .625em;
        font-size: 12px;
        border: 1px solid #ddd;
        border-radius: 3px
    }

    table td:before {
        font-family: 'Roboto', sans-serif-Bold;
        content: attr(data-labels);
        float: left;
        font-weight: 700;
        text-transform: uppercase
    }

    .tdleft {
        text-align: left !important
    }

    #imglist {
        height: 48px;
        width: 48px;
        display: inline !important
    }

    .spinner {
        float: none
    }

    .thbor {
        border-bottom: 1px solid #ddd;
        border-right: 0;
        outline: 0;
        color: #311f14
    }

    .thborb {
        border-bottom: 1px solid #ddd;
        border-right: 0;
        outline: 0;
        color: #311f14
    }

    .thborone {
        border-left: 0 solid #717171
    }

    .bord-r {
        border-right: none
    }

    .btn-custom {
        margin-top: 1px
    }

    body.error {
        background: 0 0
    }

    .numbercart {
        position: absolute;
        color: #fff;
        z-index: 999999999;
        top: -10px;
        right: 6px;
        font-size: 12px
    }

    .cajaone {
        height: 31px;
        padding-top: 6px;
        width: 100%;
        font-size: 11px
    }

    .cajaone.bottom {
        margin-top: 0
    }

}

@media (min-width:993px) and (max-width:1200px) {
    .sticky-wrapper {
        height: 140.844px !important
    }

    .inline-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        margin-bottom: 10px
    }

    .button-inline {
        height: 35px !important;
        font-size: 12px
    }

    .absolu {
        position: absolute;
        width: 100% !important;
        height: 80%
    }

    .btn-custom {
        margin-top: 2px
    }

}