/*-------------------------------------------------------------------------------- VARIABLES -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------- MIXINS -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------- GENERAL -----------------------------------------------------------------------------*/
body { font-family: "Source Sans Pro", sans-serif; color: #27180e; font-size: 14px; }

body.noscroll { overflow: hidden; }

.container { max-width: 1000px; width: 100%; margin: auto; padding: 0 20px; }

.container-l { max-width: 1300px; width: 100%; margin: auto; padding: 0 20px; }

.container-l .container { padding-left: 0; padding-right: 0; }

.container-xs { max-width: 810px; width: 100%; margin: auto; padding: 0 20px; }

.container-full { padding: 0 15px; }

figure { margin: 0; }

img { max-width: 100%; }

a { text-decoration: none; color: inherit; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

a:hover { color: #9b3f20; }

.link { text-decoration: underline; }

.makeBg { background-size: cover; background-position: 50% 50%; }

.makeBg > img:first-child { display: none; }

.vid { display: block; width: 100%; height: 0; padding-top: 56.25%; position: relative; }

.vid iframe, .vid video { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.ulReset { padding: 0; margin: 0; list-style: none; }

.dlReset, .dlReset > dd, .dlReset > dt { padding: 0; margin: 0; list-style: none; }

.title { color: inherit; font-family: "Oranienbaum", serif; font-size: 30px; font-weight: 400; margin: 0 0 30px; }

.title-s { font-size: 25px; }

.title-l { font-size: 45px; }

.titleWhite { color: #FFF; }

.subtitle { font-family: "Oranienbaum", serif; font-size: 20px; font-weight: 400; }

.text { font-size: 14px; font-weight: 400; line-height: 1.4; color: #59595b; text-align: justify; }

.text.text-xl { font-size: 20px; }

.text.text-l { font-size: 20px; }

.text.text-s { font-size: 14px; }

.text.textWhite { color: #EEE; font-weight: 300; }

.text img { display: block; width: auto; max-width: 80%; height: auto; margin: 20px auto; }

.text ul:not(.ulReset) { display: block; padding: 20px 30px; list-style: none; }

.text ul:not(.ulReset) li { display: block; margin: 0 0 .5em; position: relative; padding-left: 15px; }

.text ul:not(.ulReset) li::before { display: block; width: 15px; content: '\f111'; position: absolute; left: 0; top: 0; font-family: "Font Awesome 5 Free"; font-weight: 700; color: black; font-size: 6px; line-height: 20px; }

.text blockquote { display: block; margin: 30px 20px; padding: 0 20px; border-left: 3px solid #8CE900; font-size: 20px; font-style: italic; position: relative; }

.text blockquote::after { content: "\201D"; display: inline-block; height: 25px; font-size: 60px; font-style: normal; line-height: 1; color: #8CE900; position: absolute; top: 0; right: 0; }

.text ul, .text p, .text ol { margin-top: 0; margin-bottom: .66em; }

.text > *:last-child { margin-bottom: 0; }

.text > *:first-child { margin-top: 0; }

.text table { border-spacing: 0; border-collapse: separate; width: auto; max-width: 90%; height: auto; padding: 0; border: solid #DFD8CB; border-width: 0 1px 1px 0; }

.text th { padding: 10px 30px; border: solid #DFD8CB; border-width: 1px 0 0 1px; text-align: left; }

.text td { padding: 10px 30px; border: solid #DFD8CB; border-width: 0; border-left-width: 1px; text-align: left; }

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin: .66em 0 .5em; }

.text h1 { font-size: 22px; text-transform: uppercase; }

.text h2 { font-size: 22px; }

.text h3 { font-size: 20px; }

.text h4 { font-size: 18px; }

.text h5 { font-size: 18px; font-weight: 400; }

.text h6 { font-size: 16px; font-weight: 400; }

.btn { font-family: "Source Sans Pro", sans-serif; display: inline-block; width: auto; min-width: 100px; max-width: 100%; padding: 11px 25px; border: 1px solid #514740; font-size: 16px; line-height: 1; text-align: center; background: #514740; color: white; cursor: pointer; outline: 0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border-radius: 2px; }

.btn:hover { background: #9b3f20; color: white; border-color: #9b3f20; }

.btn.btn-l { font-size: 18px; }

.btn.btn-full { display: block; width: 100%; }

.btn.btn-line { background-color: transparent; border-color: #9b3f20; color: #59595b; }

.btn.btn-line:hover, .btn.btn-line:focus { background-color: #9b3f20; border-color: #9b3f20; color: white; }

.btn.btn-light { font-weight: 400; text-transform: uppercase; font-size: 16px; color: #27180e; box-shadow: 0 2px 0 #b39aa6; background-color: #ffffff; box-shadow: 0 1px 2px rgba(155, 63, 32, 0.15); border: none; position: relative; }

.btn.btn-light:before { content: ''; position: absolute; top: -5px; left: 0; right: 0; height: 5px; background-color: #9b3f20; opacity: 0; transition: all 0.6s; }

.btn.btn-light:hover, .btn.btn-light.active { background-color: #f7f6f3; }

.btn.btn-light:hover:before, .btn.btn-light.active:before { opacity: 1; }

.btn.btn-s { font-size: 12px; line-height: 1; padding: 0px 15px; height: 30px; line-height: 27px; font-size: 14px; }

.btn.btn-solid { background: #9b3f20; color: white; }

.btn.btn-solid:hover, .btn.btn-solid:focus { background: #BA0054; border-color: #BA0054; color: white; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { background-color: #f7f6f3; }

.btn-light:not(:disabled):not(.disabled).active:before, .btn-light:not(:disabled):not(.disabled):active:before, .show > .btn-light.dropdown-toggle:before { opacity: 1; }

.link { text-decoration: none; color: #9b3f20; font-family: "Oranienbaum", serif; }

.link:hover, .link:focus, .link.active { text-decoration: none; color: #BA0054; }

button:focus { outline: none; }

.close-cross { width: 20px; height: 20px; position: relative; display: block; }

.close-cross::after, .close-cross::before { content: ""; background: #000; height: 2px; position: absolute; top: 50%; left: 2px; right: 2px; margin-top: -1px; transform: rotate(45deg); }

.close-cross::after { transform: rotate(-45deg); }

.close-cross:hover::after, .close-cross:hover::before { background: #777; }

.inputSkin { position: relative; border: 0; border: 1px solid #d1d1d1; }

.inputSkin textarea { display: block; width: 100%; height: auto; padding: 10px; border: 0; font-size: 16px; line-height: 1.3; resize: none; outline: 0; color: #59595b; }

.inputSkin input { font-size: 14px; padding: 0; text-indent: 5px; border: 0; color: #59595b; width: 100%; height: 38px; line-height: 38px; }

.inputSkin input::-webkit-input-placeholder { font-style: italic; color: #999; font-weight: 400; }

.inputSkin input::-moz-placeholder { font-style: italic; color: #999; font-weight: 400; }

.inputSkin input:-ms-input-placeholder { font-style: italic; color: #999; font-weight: 400; }

.inputSkin input:-moz-placeholder { font-style: italic; color: #999; font-weight: 400; }

.inputSkin input:focus { outline: none; }

.inputNumber { position: relative; border: 1px solid #d1d1d1; }

.inputNumber input { height: 30px; line-height: 30px; padding: 0 20px; width: 70px; text-align: center; }

.inputNumber .inputNumber-plus, .inputNumber .inputNumber-minus { display: block; width: 20px; height: 100%; font-size: 10px; line-height: 13px; text-align: center; color: #59595b; position: absolute; right: 0; z-index: 1; height: 50%; }

.inputNumber .inputNumber-plus:hover, .inputNumber .inputNumber-minus:hover { color: #59595b; cursor: pointer; }

.inputNumber .inputNumber-plus { top: 0; right: 0; height: 100%; line-height: 30px; }

.inputNumber .inputNumber-minus { top: 0; left: 0; height: 100%; line-height: 30px; }

.inputLabel { display: block; margin-bottom: 7px; line-height: 1; font-size: 14px; line-height: 1; color: #6c6c6c; cursor: pointer; font-weight: 400; }

.inputLabel.disabled { opacity: 0.5; cursor: not-allowed; }

.checkSkin { font-weight: inherit; display: block; width: auto; margin: 10px 8px 10px 0; position: relative; cursor: pointer; }

.checkSkin input { display: block; width: 1px; height: 1px; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }

.checkSkin.radioSkin .checkSkin-label::before { content: "\f111"; border-radius: 50%; }

.checkSkin input:checked + .checkSkin-label::before { background: white; color: #9b3f20; font-size: 8px; border-color: #59595b; }

.checkSkin-label { display: block; padding-left: 22px; font-size: 14px; color: #59595b; position: relative; }

.checkSkin-label::before { content: "\f00c"; display: block; width: 16px; height: 16px; font-family: "Font Awesome 5 Free"; font-size: 0; line-height: 14px; text-align: center; background: transparent; color: #59595b; position: absolute; top: 2px; left: 0; font-weight: 900; border: 1px solid #59595b; }

.checkSkin-s input:checked + .checkSkin-label::before { font-size: 6px; }

.checkSkin-s .checkSkin-label { padding-left: 14px; font-size: 12px; }

.checkSkin-s .checkSkin-label::before { width: 10px; height: 10px; line-height: 10px; top: 4px; }

.selectSkin { position: relative; border: 1px solid #d1d1d1; }

.selectSkin select { border: solid 1px #777; color: #59595b; height: 40px; line-height: 40px; display: block; width: 100%; margin: 0; padding-right: 30px; border: 0; font-size: 14px; font-weight: 400; color: #59595b; outline: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 0 0 5px; }

.selectSkin select::-ms-expand { display: none; }

.selectSkin option { padding: 5px 0; font-size: 14px; }

.selectSkin option:disabled { background: #eee; color: #ccc; }

.selectSkin:after { content: '\f078'; position: absolute; width: 25px; top: 50%; right: 0; pointer-events: none; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 12px; text-align: center; transform: translateY(-50%); background: #FFF; }

.inputDate { display: inline-block; position: relative; border: 1px solid #d1d1d1; width: 100%; }

.inputDate input { text-indent: 5px; border: solid 1px #777; color: #59595b; height: 38px; line-height: 38px; display: block; width: 100%; margin: 0; padding: 0 10px; padding-right: 30px; border: 0; font-size: 14px; font-weight: 400; color: #59595b; outline: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.inputDate:after { content: '\f073'; position: absolute; line-height: 38px; height: 100%; width: 25px; top: 0; right: 0; pointer-events: none; font-weight: 700; font-family: "Font Awesome 5 Free"; text-align: center; color: #9b3f20; }

.fileSkin { position: relative; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.fileSkin::after { content: "Adjuntar"; display: inline-block; width: auto; min-width: 110px; padding: 7px 10px; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; text-align: center; background: #9b3f20; color: #333; cursor: pointer; outline: 0; }

.fileSkin input { display: none; }

.fileSkin-label { display: block; width: 100%; height: 30px; padding: 0 10px; border: 0; font-size: 14px; line-height: 30px; outline: 0; background: #FFF; color: #59595b; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.formCaptcha { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

.input-s input, .input-s select { height: 28px; line-height: 28px; font-size: 13px; }

.ui-widget { width: auto; min-width: 250px; margin-top: 5px; border: 1px solid #6B6b6B; border-radius: 0; font-family: 'Lato', sans-serif; background: #fff; color: #3d3d3d; z-index: 3 !important; }

.ui-datepicker .ui-datepicker-header { margin: 0; padding: 6px 40px 9px; border: 0; border-bottom: 1px solid #6B6b6B; border-radius: 0; font-size: 0; font-weight: 400; background: none; }

.ui-datepicker .ui-datepicker-calendar thead { border-bottom: 1px solid #6B6b6B; }

.ui-datepicker .ui-datepicker-title select { width: 48%; height: 25px; margin: 0 1%; border: 1px solid #6B6b6B; font-size: 12px; font-weight: 400; }

.ui-datepicker .ui-datepicker-month { display: inline-block; vertical-align: baseline; margin-right: 10px; padding-right: 10px; border-right: 2px solid #6B6b6B; font-size: 15px; font-weight: 700; line-height: 1; }

.ui-datepicker .ui-datepicker-year { display: inline-block; vertical-align: baseline; font-size: 15px; font-weight: 400; line-height: 1; }

.ui-datepicker th { padding: 10px 5px; font-size: 13px; color: #59595b; }

.ui-datepicker .ui-state-default { display: block; width: 30px; height: 30px; margin: 0 auto; padding: 0; border: 0; border-radius: 2px; font-size: 14px; line-height: 30px; text-align: center; background: #FFF; color: #59595b; }

.ui-datepicker .ui-state-default:hover { background: #DDD; }

.ui-datepicker .ui-state-disabled .ui-state-default { background: none; }

.ui-datepicker .ui-datepicker-today .ui-state-default { background: #EEE; font-weight: 700; }

.ui-datepicker .ui-state-default.ui-state-active { color: #FFF; font-weight: 700; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 30px; height: 30px; margin: 0; padding: 0; border: 0; font-size: 0; line-height: 30px; text-align: center; background: #fff; top: 2px; cursor: pointer; top: 0; }

.ui-datepicker .ui-datepicker-prev::before, .ui-datepicker .ui-datepicker-next::before { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 18px; color: #3D3D3D; font-weight: 900; }

.ui-datepicker .ui-datepicker-prev::before { content: '\f053'; }

.ui-datepicker .ui-datepicker-next::before { content: '\f054'; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { left: 0; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { right: 0; }

.ui-datepicker.noArrows .ui-datepicker-prev, .ui-datepicker.noArrows .ui-datepicker-next { display: none; }

/* Slick */
.slick-dots { display: block; width: 100%; margin: 10px 0; padding: 0; list-style: none; font-size: 0; text-align: center; text-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }

.slick-dots li { display: inline-block; vertical-align: middle; margin: 0 5px; }

.slick-dots button { display: block; width: 8px; height: 8px; margin: 0; padding: 0; border: 0; border-radius: 50%; font-size: 0; background: #ffffff; cursor: pointer; outline: 0; opacity: 0.6; border: 1px solid #a1968f; }

.slick-dots li.slick-active button { opacity: 1; background: #a1968f; }

.slick-insetDots { margin-top: 15px; }

.slick-insetDots a { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #9b3f20; background: colorH; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); margin-right: 5px; }

.slick-insetDots a.active { background: #9b3f20; }

.slick-slider { position: relative; }

.slick-slider .slick-arrow { top: 0; bottom: 0; opacity: 0; min-width: 100px; width: 20%; height: 100%; border: none; background: transparent; position: absolute; z-index: 20; }

.slick-slider .slick-prev { left: 0; cursor: url("../media/ico-chevron-left.svg"), auto; }

.slick-slider .slick-next { right: 0; cursor: url("../media/ico-chevron-right.svg"), auto; }

.main-banner-slick .slick-arrow { bottom: 150px; }

.row-sm-height { display: flex; flex-wrap: wrap; }

.inlineRow, .inlineRowTop, .inlineRowBottom { font-size: 0; }

.inlineRow > [class*='col-'] { float: none; display: inline-block; vertical-align: middle; font-size: 16px; }

.inlineRowTop > [class*='col-'] { float: none; display: inline-block; vertical-align: top; font-size: 16px; }

.inlineRowBottom > [class*='col-'] { float: none; display: inline-block; vertical-align: bottom; font-size: 16px; }

.gutter40 { margin-left: -40px; margin-right: 0; width: auto; clear: both; }

.gutter30 { margin-left: -30px; margin-right: 0; width: auto; clear: both; }

.gutter20 { margin-left: -20px; margin-right: 0; width: auto; clear: both; }

.gutter15 { margin-left: -15px; margin-right: 0; width: auto; clear: both; }

.gutter10 { margin-left: -10px; margin-right: 0; width: auto; clear: both; }

.gutter5 { margin-left: -5px; margin-right: 0; width: auto; clear: both; }

.gutter0 { margin: 0; }

.gutter40 > [class*='col-'], .gutter40 > .col { padding-left: 40px; padding-right: 0; padding-bottom: 40px; }

.gutter30 > [class*='col-'], .gutter30 > .col { padding-left: 30px; padding-right: 0; padding-bottom: 30px; }

.gutter20 > [class*='col-'], .gutter20 > .col { padding-left: 20px; padding-right: 0; padding-bottom: 20px; }

.gutter15 > [class*='col-'], .gutter15 > .col { padding-left: 15px; padding-right: 0; padding-bottom: 15px; }

.gutter10 > [class*='col-'], .gutter10 > .col { padding-left: 10px; padding-right: 0; padding-bottom: 10px; }

.gutter5 > [class*='col-'], .gutter5 > .col { padding-left: 5px; padding-right: 0; padding-bottom: 5px; }

.gutter0 > [class*='col-'], .gutter0 > .col { padding-left: 0; padding-right: 0; }

#checkout { padding: 50px 0; }

.checkoutHead { margin-bottom: 20px; }

.checkoutHead svg { height: 22px; vertical-align: middle; }

.checkoutHead h1 { font-size: 18px; }

.checkoutHead h1 span { font-weight: 400; }

.choStep { margin-bottom: 3px; }

.choStep.active .choStep-head { background-color: #ffffff; }

.choStep.active .choStep-head h2 { color: #9b3f20; }

.choStep.active .choStep-cont { display: block; }

.choStep.ready .choStep-head { background-color: #eaf2dc; }

.choStep.ready .choStep-head h2 { color: #5e8f00; }

.choStep.ready .choStep-head h2:after { display: inline-block; }

.choStep.ready .choStep-head .linkEdit { display: inline-block; }

.choStep.ready .choStep-cont { display: none; }

.linkEdit { display: none; color: #5e8f00; font-weight: 600; }

.linkEdit:hover { color: #9b3f20; }

.choStep-head { border-radius: 4px 4px 0 0; border: 1px solid #d8d8d8; padding: 10px 20px; margin-bottom: -1px; background-color: #eeeeee; }

.choStep-head > * { margin-bottom: -20px; }

.choStep-head h2 { margin: 0; font-size: 16px; line-height: 20px; font-weight: 600; }

.choStep-head h2:after { content: '\f00c'; color: white; width: 20px; height: 20px; display: inline-block; margin-left: 10px; font-size: 11px; text-align: center; background-color: #5e8f00; font-family: "Font Awesome 5 Free"; font-weight: 700; border-radius: 50%; vertical-align: top; display: none; }

.choStep-cont { border: 1px solid #d8d8d8; background-color: #ffffff; padding: 40px 50px 20px; font-size: 14px; display: none; }

.choStep-cont h3 { font-weight: 700; margin-bottom: 20px; margin-top: 0; font-size: 16px; }

.magicTable th { color: #051a0f; font-size: 18px; font-weight: 600; padding: 15px 5px 5px; }

.magicTable td { padding: 15px 10px; line-height: 1; font-size: 14px; }

.magicTable th:first-child { padding-left: 0; }

.magicTable th:last-child, .magicTable td:last-child { padding: 15px 10px; }

.choStep-dirTable .checkSkin { margin: 0 0 0 10px; display: inline-block; vertical-align: middle; }

.table-iconBtn { width: 18px; display: inline-block; vertical-align: middle; color: #9b3f20; }

.checkSkin-dir .checked { pointer-events: none; min-width: 0; width: 30px; height: 30px; line-height: 32px; text-align: center; display: inline-block; padding: 0; background: #9b3f20; color: white; display: none; }

.checkSkin-dir input:checked + .checkSkin-dirLabel .checked { display: inline-block; }

.checkSkin-dir input:checked + .checkSkin-dirLabel .unchecked { display: none; }

.table-bottom { padding-top: 25px; }

.new_dir, .pay-form { background: #FFF; border: solid 4px #0c472a; padding: 20px; margin-top: 20px; position: relative; display: none; }

.new_dir::before, .pay-form::before { content: ''; width: 0; height: 0; position: absolute; right: 60px; bottom: 100%; border: solid 8px transparent; border-bottom-color: #0c472a; margin-bottom: 4px; }

.new_dir h3, .pay-form h3 { color: #1b1b1b; font-family: "Oranienbaum", serif; font-size: 15px; font-weight: 700; }

.pay_tc::before, .pay_tc::after { left: 12.5%; margin-left: -8px; }

.pay_td::before, .pay_td::after { left: 37.5%; margin-left: -8px; }

.pay_efe::before, .pay_efe::after { left: 62.5%; margin-left: -8px; }

.pay_bal::before, .pay_bal::after { left: 82.5%; margin-left: -8px; }

.checkDir td, .checkDir td:first-child, .checkDir td:last-child { padding: 15px 10px; color: #6c6c6c; }

.checkDir.active td, .checkDir.active td:first-child, .checkDir.active td:last-child { background-color: #f2f2f2; }

.checkDir b { line-height: 24px; }

.choStep-dirTable th { padding-left: 10px !important; }

.choStep .new_dir .inputLabel, .choStep .pay-form .inputLabel { font-size: 13px; margin-bottom: 5px; }

.formBottom { padding-top: 30px; }

.choPago-intro img { margin-top: -40px !important; }

.cart-itemCont .text p { margin: 0 0 3px; }

.choResumen-indicaciones { padding: 15px; }

.cart-item { position: relative; }

.checkoutCart .inputLabel { font-size: 13px; }

.cuponCont { background: #eeeeee; padding: 15px; border-radius: 2px; border: 1px solid #9abb7c; background-color: #d6edc2; }

.choResumen-bill { padding: 14px; }

.choResumen-bill dd { font-size: 14px !important; }

.choResumen-bill dt { font-size: 14px !important; font-weight: 400; }

.cuponTitle { margin-bottom: 0; }

.cupon .btn { padding: 0; min-width: 0; height: 34px; line-height: 34px; }

.cupon .inputSkin input { height: 34px; line-height: 34px; }

.addDir { position: relative; display: inline-block; padding-right: 30px; }

.addDir .questionTip { left: calc(100% + 15px); right: auto; top: 50%; transform: translateY(-50%); }

.addDir .questionTip:before { left: -5px; right: 0; top: 50%; transform: translateY(-50%) rotateZ(45deg); }

.cart-head { border-radius: 2px 2px 0 0; background-color: #f9ede8; padding: 15px 20px; border: 1px solid #dac1b5; }

.cart-head h2 { margin: 0; color: #1b1b1b; font-family: "Oranienbaum", serif; font-size: 16px; font-weight: 700; }

.cart-body { padding: 15px; }

.cart-list { padding: 0 14px; }

.magicTable480 table, .magicTable990 table, .magicTable table { width: 100%; }

.inputLabel .fa-asterisk { color: #9b3f20; pointer-events: none; font-size: 10px; font-weight: 700; margin-left: 3px; }

.must { position: relative; }

.must:before { content: '\f069'; position: absolute; top: 11px; right: 5px; color: #9b3f20; pointer-events: none; font-size: 10px; font-family: "Font Awesome 5 Free"; font-weight: 700; }

.selectSkin.must:before { right: 25px; }

.questionIcon { position: absolute; top: 50%; right: 5px; width: 18px; height: 18px; transform: translateY(-50%); color: white; background-color: #9b3f20; border-radius: 50%; font-size: 10px; font-family: "Font Awesome 5 Free"; font-weight: 700; text-align: center; line-height: 18px; cursor: pointer; z-index: 2; }

.questionIcon:hover + .questionTip { display: block; }

.questionTip { position: absolute; top: 100%; right: 0; background-color: #f5e1cd; padding: 10px; width: 200px; font-size: 12px; z-index: 2; display: none; }

.questionTip p { margin: 0; }

.questionTip:before { content: ''; position: absolute; top: -5px; right: 6px; width: 15px; height: 15px; transform: rotateZ(45deg); background-color: #f5e1cd; }

.confirmBox { border: 1px solid #d8d8d8; border-radius: 4px; padding: 20px; margin-bottom: 40px; }

.box-grey { background-color: #eeeeee; border-radius: 4px; padding: 20px; }

.box-grey .title { margin-top: 0; }

.confirm-container { max-width: 840px; margin: auto; width: 100%; font-size: 14px; }

.confirm-container [class*='col-'], .confirm-container th, .confirm-container tr { font-size: 14px; }

.checkout-trNumber { color: #9b3f20; }

.payData dt, .payData dd { border-bottom: 1px solid #d1d1d1; margin-bottom: 10px; }

.payData dt b, .payData dd b { font-weight: 400; }

.pay_summ tr { border-bottom: 1px solid #cecece; font-style: 14px; }

.shipData, .pay_summ, .payData { margin: 40px 0; }

.shipData h2, .pay_summ h2, .payData h2 { font-size: 14px; font-weight: 700; }

.shipData b, .pay_summ b, .payData b { font-weight: 400; }

.checkOut-bill { margin-top: 40px; }

.modal-header, .modal-footer { border: 0; }

.modal-header { text-align: right; }

.modal-content .close { opacity: 1; width: 20px; height: 20px; text-align: center; color: #9b3f20; line-height: 10px; border-radius: 50%; border: 1px solid #9b3f20; padding: 0; margin: 0 -1px 0 auto; display: inline-block; }

.modal-content .close:hover { background: #9b3f20; color: white; }

.modal-content .close:hover .close-cross::after, .modal-content .close:hover .close-cross::before { background: white; }

.modal-content .close-cross { width: 18px; height: 18px; }

.modal-content .close-cross::after, .modal-content .close-cross::before { background: #9b3f20; }

.modal-content .modal-body { padding-bottom: 50px; }

.resumen-prodName { font-size: 14px; font-weight: 700; margin-top: 0; }

.blog-share { padding: 20px 0; }

.blog-share p { margin-bottom: 0; }

.share-label { display: inline-block; }

.share-list { margin-bottom: 0; padding: 0; display: inline-block; }

.share-list > * { display: inline-block; margin-left: 10px; }

.share-list p { margin: 0; }

.share-btn { display: inline-block; width: 25px; height: 25px; text-align: center; font-size: 13px; line-height: 25px; color: white; border-radius: 2px; }

.share-btn:hover { background-color: #9b3f20; }

.share-btn-fb { background-color: #252886; }

.share-btn-tw { background: #4a90e2; }

.share-btn-go { background-color: #eb4200; }

.follow-yt { background-color: #d22100; }

.follow-ig { background: linear-gradient(225deg, #fad961 0%, #a73df8 54%, #f76b1c 100%); }

.follow-vi { background: #00adef; }

.follow-pin { background: #cb2027; }

.pay-form + .pay-form { display: none; }

.payTab + .payTab { display: none; }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(255, 255, 255, 0.78); display: none; }

.preloader-center { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }

.preloader-pic { height: 150px; }

.preloader-pic img { height: 100%; }

.preloader-message { text-align: center; margin-top: 10px; font-weight: bold; color: black; font-family: "Oranienbaum", serif; font-size: 16px; }

@media only screen and (max-width: 991px) { .magicTable990 table, .magicTable990 thead, .magicTable990 tbody, .magicTable990 th, .magicTable990 td, .magicTable990 tr { display: block; }
  .magicTable990 thead tr, .magicTable990 tr th { position: absolute; top: -9999px; left: -9999px; }
  .magicTable990 tr { border: 1px solid #BA0054; }
  .magicTable990 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; white-space: normal; text-align: left; }
  .magicTable990 td.celda-center { text-align: center; }
  .magicTable990 td:before { position: absolute; top: 12px; left: 10px; width: 35%; padding-right: 10px; text-align: left; font-weight: bold; color: #9b3f20; }
  .magicTable990 td:before { content: attr(data-title); }
  .magicTable990 td.celda-full { padding-left: 10px; }
  .magicTable990 td.celda-full:before { width: 100%; }
  #bars { display: inline-block; vertical-align: middle; width: 50px; height: 40px; margin: 0; position: relative; }
  #bars::before, #bars::after, #bars span { content: " "; display: block; width: auto; height: 2px; background: #9b3f20; position: absolute; left: 12px; right: 12px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 1px; }
  #bars::before { top: 10px; }
  #bars span { top: 50%; margin-top: -1px; background: #9b3f20; }
  #bars::after { bottom: 10px; }
  #bars.active::before { margin-top: -1px; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  #bars.active::after { margin-top: -1px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  #bars.active span { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } }

@media only screen and (max-width: 767px) { /* Force table to not be like tables anymore */
  .magicTable table, .magicTable thead, .magicTable tbody, .magicTable th, .magicTable td, .magicTable tr { display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .magicTable thead tr { position: absolute; top: -9999px; left: -9999px; }
  .magicTable tr { border: 1px solid #BA0054; }
  .magicTable td, .checkDir td, .checkDir td:first-child, .checkDir td:last-child, .pay_summ .magicTable td, .pay_summ .magicTable td:first-child, .pay_summ .magicTable td:last-child, .seguro-table.magicTable td, .seguro-table.magicTable td:first-child, .seguro-table.magicTable td:last-child { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; white-space: normal; text-align: left; }
  .box-beige .magicTable td { border-bottom-color: #BA0054; }
  .magicTable td.celda-center { text-align: center; }
  .magicTable td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 12px; left: 10px; width: 35%; padding-right: 10px; text-align: left; font-weight: bold; color: #9b3f20; }
  /* Label the data */
  .magicTable td:before { content: attr(data-title); }
  .magicTable td.celda-full { padding-left: 10px; }
  .magicTable td.celda-full:before { width: 100%; } }

@media only screen and (max-width: 575px) { .magicTable480 table, .magicTable480 thead, .magicTable480 tbody, .magicTable480 th, .magicTable480 td, .magicTable480 tr { display: block; }
  .magicTable480 thead tr, .magicTable480 tr th { position: absolute; top: -9999px; left: -9999px; }
  .magicTable480 tr { border: 1px solid #BA0054; }
  .magicTable480 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 40%; white-space: normal; text-align: left; }
  .magicTable480 td.celda-center { text-align: center; }
  .magicTable480 td:before { position: absolute; top: 12px; left: 10px; width: 35%; padding-right: 10px; text-align: left; font-weight: bold; color: #9b3f20; }
  .magicTable480 td:before { content: attr(data-title); }
  .magicTable480 td.celda-full { padding-left: 10px; }
  .magicTable480 td.celda-full:before { width: 100%; }
  .col-xxs-12 { width: 100%; }
  .payData dt { border: 0; margin-bottom: 0; } }