@charset "UTF-8";
*, *::before, *::after {box-sizing: border-box;}
html {font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;}
@-ms-viewport {width: device-width;}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;}
p {margin-top: 0;}
ol, ul, dl {margin-top: 0;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}
b, strong {font-weight: 900;}
small {font-size: 80%;}
a {color: var(--color-primario); text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;}
a:hover {color: var(--color-primario-hover); text-decoration: underline;}
img {vertical-align: middle; border-style: none;}
table {border-collapse: collapse;}
th {text-align: inherit;}
label {display: inline-block;}
button {border-radius: 0;}
button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
input, button, select, optgroup, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0; border-style: none;}
textarea {overflow: auto; resize: vertical;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit; -webkit-appearance: button;}
.container {width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid {width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row {display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col {flex-basis: 0; flex-grow: 1; max-width: 100%;}
.col-auto {flex: 0 0 auto; width: auto; max-width: none;}
.col-1 {flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
.col-3 {flex: 0 0 25%; max-width: 25%;}
.col-4 {flex: 0 0 33.33333%; max-width: 33.33333%;}
.col-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
.col-6 {flex: 0 0 50%; max-width: 50%;}
.col-7 {flex: 0 0 58.33333%; max-width: 58.33333%;}
.col-8 {flex: 0 0 66.66667%; max-width: 66.66667%;}
.col-9 {flex: 0 0 75%; max-width: 75%;}
.col-10 {flex: 0 0 83.33333%; max-width: 83.33333%;}
.col-11 {flex: 0 0 91.66667%; max-width: 91.66667%;}
.col-12 {flex: 0 0 100%; max-width: 100%;}
.offset-1 {margin-left: 8.33333%;}
.offset-2 {margin-left: 16.66667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.33333%;}
.offset-5 {margin-left: 41.66667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.33333%;}
.offset-8 {margin-left: 66.66667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.33333%;}
.offset-11 {margin-left: 91.66667%;}
.form-control {display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 6px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control::-ms-expand {background-color: transparent; border: 0;}
.form-control:focus {color: #495057; background-color: #fff; border-color: var(--color-primario); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);}
.form-control::placeholder {color: #6c757d; opacity: 1;}
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef; opacity: 1;}
select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 2px);}
select.form-control:focus::-ms-value {color: #495057; background-color: #fff;}
.form-control-file, .form-control-range {display: block; width: 100%;}
.form-control-plaintext {display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0;}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn {padding-right: 0; padding-left: 0;}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {height: calc(1.8125rem + 2px);}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0;}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {height: calc(2.875rem + 2px);}
.form-group {margin-bottom: 1rem;}
.form-text {display: block; margin-top: 0.25rem;}
.form-row {display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.form-row > .col, .form-row > [class*="col-"] {padding-right: 5px; padding-left: 5px;}
.form-check {position: relative; display: block; padding-left: 1.25rem;}
.form-check-input {position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;}
.form-check-input:disabled ~ .form-check-label {color: #6c757d;}
.form-check-label {margin-bottom: 0;}
.form-check-inline {display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem;}
.form-check-inline .form-check-input {position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0;}
.form-inline {display: flex; flex-flow: row wrap; align-items: center;}
.form-inline .form-check {width: 100%;}
.btn {display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 6px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn:hover, .btn:focus {text-decoration: none;}
.btn:focus, .btn.focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.btn.disabled, .btn:disabled {opacity: 0.65; cursor: default;}
.btn:not(:disabled):not(.disabled) {cursor: pointer;}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {background-image: none;}
a.btn.disabled, fieldset:disabled a.btn {pointer-events: none;}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%;}
.modal-open {overflow: hidden;}
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 25; display: none; overflow: hidden; outline: 0;}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.modal-dialog {position: relative; width: auto; margin: 30px; pointer-events: none;}
.modal.fade .modal-dialog {transition: transform 0.3s ease-out; transform: translate(0, -25%);}
.modal.show .modal-dialog {transform: translate(0, 0);}
.modal-dialog-centered {display: flex; align-items: center; min-height: calc(100% - (10px * 2));}
.modal-content {position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: transparent; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 24; background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}
.modal-header {display: flex; align-items: flex-start; justify-content: space-between; padding: 0; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0; border-top-right-radius: 0;}
.modal-header .close {padding: 0; margin: 0 0 0 auto;}
.modal-title {margin-bottom: 0; line-height: 1.5;}
.modal-body {position: relative; flex: 1 1 auto; padding: 15px;}
.modal-footer {display: flex; align-items: center; justify-content: flex-end; padding: 15px; border-top: 1px solid #e9ecef;}
.modal-footer > :not(:first-child) {margin-left: .25rem;}
.modal-footer > :not(:last-child) {margin-right: .25rem;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.bg-white {background-color: #fff !important;}
.border {border: 1px solid #dee2e6 !important;}
.rounded {border-radius: 6px !important;}
.rounded-top {border-top-left-radius: 6px !important; border-top-right-radius: 6px !important;}
.rounded-right {border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important;}
.rounded-bottom {border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important;}
.rounded-left {border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important;}
.rounded-circle {border-radius: 50% !important;}
.rounded-0 {border-radius: 0 !important;}
.clearfix::after {display: block; clear: both; content: "";}
.d-none {display: none !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-block {display: block !important;}
.d-table {display: table !important;}
.d-table-row {display: table-row !important;}
.d-table-cell {display: table-cell !important;}
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-row-reverse {flex-direction: row-reverse !important;}
.flex-column-reverse {flex-direction: column-reverse !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
.justify-content-start {justify-content: flex-start !important;}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-none {float: none !important;}
.position-static {position: static !important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 23;}
.fixed-bottom {position: fixed;right: 0;bottom: 0;left: 0;z-index: 23;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;clip-path: inset(50%);border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal;clip-path: none;}
.w-25 {width: 25% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}
.h-25 {height: 25% !important;}
.h-50 {height: 50% !important;}
.h-75 {height: 75% !important;}
.h-100 {height: 100% !important;}
.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}
.m-0 {margin: 0 !important;}
.mt-0, .my-0 {margin-top: 0 !important;}
.mr-0, .mx-0 {margin-right: 0 !important;}
.mb-0, .my-0 {margin-bottom: 0 !important;}
.ml-0, .mx-0 {margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.mt-1, .my-1 {margin-top: 0.25rem !important;}
.mr-1, .mx-1 {margin-right: 0.25rem !important;}
.mb-1, .my-1 {margin-bottom: 0.25rem !important;}
.ml-1, .mx-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.mt-2, .my-2 {margin-top: 0.5rem !important;}
.mr-2, .mx-2 {margin-right: 0.5rem !important;}
.mb-2, .my-2 {margin-bottom: 0.5rem !important;}
.ml-2, .mx-2 {margin-left: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.mt-3, .my-3 {margin-top: 1rem !important;}
.mr-3, .mx-3 {margin-right: 1rem !important;}
.mb-3, .my-3 {margin-bottom: 1rem !important;}
.ml-3, .mx-3 {margin-left: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.mt-4, .my-4 {margin-top: 1.5rem !important;}
.mr-4, .mx-4 {margin-right: 1.5rem !important;}
.mb-4, .my-4 {margin-bottom: 1.5rem !important;}
.ml-4, .mx-4 {margin-left: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.mt-5, .my-5 {margin-top: 3rem !important;}
.mr-5, .mx-5 {margin-right: 3rem !important;}
.mb-5, .my-5 {margin-bottom: 3rem !important;}
.ml-5, .mx-5 {margin-left: 3rem !important;}
.p-0 {padding: 0 !important;}
.pt-0, .py-0 {padding-top: 0 !important;}
.pr-0, .px-0 {padding-right: 0 !important;}
.pb-0, .py-0 {padding-bottom: 0 !important;}
.pl-0, .px-0 {padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.pt-1, .py-1 {padding-top: 0.25rem !important;}
.pr-1, .px-1 {padding-right: 0.25rem !important;}
.pb-1, .py-1 {padding-bottom: 0.25rem !important;}
.pl-1, .px-1 {padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.pt-2, .py-2 {padding-top: 0.5rem !important;}
.pr-2, .px-2 {padding-right: 0.5rem !important;}
.pb-2, .py-2 {padding-bottom: 0.5rem !important;}
.pl-2, .px-2 {padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.pt-3, .py-3 {padding-top: 1rem !important;}
.pr-3, .px-3 {padding-right: 1rem !important;}
.pb-3, .py-3 {padding-bottom: 1rem !important;}
.pl-3, .px-3 {padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.pt-4, .py-4 {padding-top: 1.5rem !important;}
.pr-4, .px-4 {padding-right: 1.5rem !important;}
.pb-4, .py-4 {padding-bottom: 1.5rem !important;}
.pl-4, .px-4 {padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.pt-5, .py-5 {padding-top: 3rem !important;}
.pr-5, .px-5 {padding-right: 3rem !important;}
.pb-5, .py-5 {padding-bottom: 3rem !important;}
.pl-5, .px-5 {padding-left: 3rem !important;}
.m-auto {margin: auto !important;}
.mt-auto, .my-auto {margin-top: auto !important;}
.mr-auto, .mx-auto {margin-right: auto !important;}
.mb-auto, .my-auto {margin-bottom: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.text-justify {text-align: justify !important;}
.text-nowrap {white-space: nowrap !important;}
.text-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-white {color: #fff !important;}
.visible {visibility: visible !important;}
.invisible {visibility: hidden !important;}
.slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slider img {width: 100%;height: auto;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-slider .slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.slick-slider .slick-list:focus {outline: none;}
.slick-slider .slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track {position: relative; left: 0; top: 0; display: block;}
.slick-slider .slick-track:before, .slick-slider .slick-track:after {content: ""; display: table;}
.slick-slider .slick-track:after {clear: both;}
.slick-loading .slick-slider .slick-track {visibility: hidden;}
.slick-slide {float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto;}
.slick-arrow.slick-hidden {display: none;}
.tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important;}
.tpclear {clear: both;}
.tt-align-center {text-align: center;}
.tt-align-left {text-align: left;}
.tt-align-right {text-align: right;}
.slider-filter {width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2}
.z-3 {z-index: 3!important}
html:not(.ie) .tt-blog-thumb .tt-title-description .tt-background {transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tt-product-single-img, .product-images-col .item, .product-images-static li, .tt-mobile-product-slider .slick-slide, .tt-mobile-product-layout {position: relative;}
.tt-title-options {font-size: 14px; line-height: 26px; color: #191919; font-weight: 500;}
body:not(.touch-device).mm-open {padding-right: 17px;}
.modal-open {overflow: hidden;}
body:not(.touch-device).modal-open {overflow-x: hidden; padding-right: 17px;}
html.ie.gecko body.modal-open {padding-right: 0px !important;}
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; -webkit-overflow-scrolling: touch; outline: none; text-align: center; padding: 0; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0;}
.modal.show {opacity: 1;}
.modal-md {width: 736px;}
.modal-lg {width: 962px;}
.modal-small {width: 400px;}
.modal-backdrop.in {-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1;}
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; -webkit-overflow-scrolling: touch; outline: none;}
.modal .modal-content {border-radius: 0; border: none;}
.modal .modal-header {border: none; padding: 22px 20px 0px 20px; margin: 0;}
.modal .modal-header .close {font-size: 24px; line-height: 24px; position: relative; z-index: 7; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.modal .modal-title {font-size: 20px; line-height: 26px; margin: 34px 0 0 0; padding-bottom: 19px;}
.modal .modal-footer {border: none;}
.modal {text-align: center; display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 30; -webkit-overflow-scrolling: touch; outline: none;}
.modal .modal-dialog {display: inline-block; vertical-align: middle;}
.modal .modal-header {height: 54px; position: relative;}
.modal .modal-header .close {width: 54px; height: 54px; top: -2px; line-height: 54px; position: absolute; text-decoration: none; text-align: center; color: #ffffff; background: none; border: none; cursor: pointer; font-family: "Font Awesome 5 Pro"; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.modal .modal-header .close:before {content: "\f00d"; font-size: 20px; line-height: 1;}
.modal .modal-header .close:hover {color: var(--color-primario);}
.modal .modal-body:not(.no-background) {background-color: #ffffff; border-radius: 6px;}
.modal .modal-body {overflow: hidden;}
.modal-backdrop {background: #000000;}
.modal-backdrop.show {opacity: 0.5;}
.modal-video {width: 1055px;}
.modal-video-content {font-size: 0; line-height: 0; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.modal-video-content iframe {border: none; width: 100%; height: 584px; max-height: 80vh;}
.modal-xs {width: 280px;}
.modal-xs .modal-header .close {right: -42px; top: 10px;}
.modal-xs .modal-body {padding: 10px 10px 23px !important;}
.content-indent:not(:first-child) {margin-top: 52px;}
.modal-filter {background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 11; display: block; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -webkit-transition: background 0.2s linear; transition: background 0.2s linear;}
.tt-collapse {position: relative;}
.tt-collapse .tt-collapse-title {font-size: 16px; line-height: 26px; font-weight: 500; padding: 0 20px 13px 0; cursor: pointer; color: #191919; border-bottom: 1px solid #e9e7e7; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-collapse .tt-collapse-title:after {position: absolute; display: block; top: 7px; right: -2px; font-family: "Font Awesome 5 Pro"; font-size: 10px; content: "\f067"; line-height: 1; font-weight: normal; color: #191919;}
.tt-collapse .tt-collapse-title:hover {color: var(--color-primario);}
.tt-collapse .tt-collapse-title:hover:after {color: #191919;}
.tt-collapse .tt-collapse-title + .tt-collapse-content {margin-top: 20px;}
.tt-collapse .tt-collapse-title + .tt-collapse-content .tt-list-row {margin-top: -8px;}
.tt-collapse .tt-collapse-title + .tt-collapse-content .tt-filter-list {margin-top: -7px;}
.open.tt-collapse > .tt-collapse-title:after {content: "\f068";}
.tt-collapse:not(:last-child) {margin-bottom: 33px;}
.input-f12 {font-size: 12px!important}
table + *[class^="btn"] {margin-top: 20px;}
.mainSlider-layout {position: relative;}
body.is-loaded .loading-content {opacity: 0; visibility: hidden;}
.tt-slick-slider {z-index: 1;}
.tt-slick-slider .slick-dots {position: absolute; bottom: 9%;}
.tt-slick-main-item {display: block; position: relative; overflow: hidden; z-index: 1; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.tt-slick-main-item > img {width: 100%; height: auto;}
.tt-slick-main-item .tt-description {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 40px 95px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-slick-main-item .tt-description .tt-description-wrapper {width: 558px; text-align: center;}
.tt-slick-main-item .tt-description .tt-title-small {color: #191919; font-size: 36px; line-height: 1.1; font-weight: 400; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-slick-main-item .tt-description .tt-title-large {color: #191919; font-size: 70px; line-height: 0.97; font-weight: 500; margin-top: 8px; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-slick-main-item .tt-description p {font-size: 16px; line-height: 1.2; margin-top: 23px; color: #191919; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-slick-main-item .tt-description [class^="btn"] {margin-top: 35px;}
.tt-slick-main-item .tt-description img {max-width: 100%; height: auto;}
.tt-slick-main-item .tt-description *:nth-child(1) {margin-top: 0;}
.arrow-slick-main.slick-slider .slick-arrow, .arrow-slick-main.slick-slider .slick-arrow:active {margin-top: -19px; z-index: 7; cursor: pointer; font-size: 0; line-height: 0; background: none; border: none; width: 38px; height: 38px; color: #dadada; font-weight: 500; border-radius: 50%; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; position: absolute; top: 50%;}
.arrow-slick-main.slick-slider .slick-arrow:hover {color: #191919;}
.arrow-slick-main.slick-slider .slick-arrow:before {font-family: "Font Awesome 5 Pro"; font-size: 30px; line-height: 1;}
.arrow-slick-main.slick-slider .slick-prev {left: 8px;}
.arrow-slick-main.slick-slider .slick-prev:before {content: "\f053";}
.arrow-slick-main.slick-slider .slick-next {right: 8px;}
.arrow-slick-main.slick-slider .slick-next:before {content: "\f054";}
.arrow-slick-main.slick-slider .slick-dots li button {background: #dadada;}
.arrow-slick-main.slick-slider .slick-dots li button:hover {background: #191919;}
.arrow-slick-main.slick-slider .slick-dots li.slick-active button {background: #191919;}
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 77; background-color: #ffffff; opacity: 1; display: block;}
#loader-wrapper.loader-off, body.loaded #loader-wrapper {opacity: 0; visibility: hidden; -webkit-transition: all 500ms linear 0s; -moz-transition: all 500ms linear 0s; -ms-transition: all 500ms linear 0s; -o-transition: all 500ms linear 0s; transition: all 500ms linear 0s;}
#loader {position: absolute; top: calc(50% - 20px); left: 50%; width: 200px; height: 200px; margin-top: -9px; margin-left: -100px; perspective: 400px; transform-style: preserve-3d; text-align: center}
#loader .dot {animation: loader ease-in-out 3s infinite; height: 15px; width: 15px; border-radius: 50%; background-color: black; position: absolute; background: var(--color-primario);}
#loader .dot:nth-child(2) {animation-delay: 0.5s;}
#loader .dot:nth-child(3) {animation-delay: 0.4s;}
#loader .dot:nth-child(4) {animation-delay: 0.3s;}
#loader .dot:nth-child(5) {animation-delay: 0.2s;}
#loader .dot:nth-child(6) {animation-delay: 0.1s;}
#loader .dot:nth-child(7) {animation-delay: 0s;}
html:not(.ie) #loader .dot {border: 2px solid #ffffff;}
html.touch-device {overflow-x: hidden;}
body {font-size: 14px; line-height: 22px; font-weight: 300; color: #777777; background: #ffffff; margin: 0; overflow-x: hidden; direction: ltr; background-position: center 0px; background-repeat: no-repeat;}
a {text-decoration: none; outline: none; color: #777777;}
a:hover {outline: none; text-decoration: none; outline: none;}
a:active, a:visited, a:focus {text-decoration: none; outline: none;}
.btn {background: var(--color-primario); border: none; color: #ffffff; font-size: 14px; line-height: 1; font-weight: 400; position: relative; outline: none; padding: 6px 31px 4px; display: inline-flex; justify-content: center; align-items: center; text-align: center; height: 40px; cursor: pointer; border-radius: 6px; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.btn:active, .btn:visited, .btn:focus, button:focus {outline: none; box-shadow: none;}
.btn:hover {background: var(--color-primario-hover); color: #ffffff; outline: none;}
.btn-lg {height: 50px; padding: 5px 31px 4px;}
.btn:focus, .btn.focus {box-shadow: none;}
.btn.btn-white {background: #ffffff; color: #191919;}
.btn.btn-white:hover {background: #191919; color: #ffffff;}
.btn.btn-border {background: transparent; color: var(--color-primario); border: 2px solid var(--color-primario); height: 40px; padding-left: 29px; padding-right: 29px;}
.btn.btn-border:hover {background: #191919; color: #ffffff; border-color: #191919;}
.btn-link, .btn-link:focus {display: inline-block; font-size: 14px; color: var(--color-primario); text-decoration: none; font-weight: 500; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.btn-link *[class^="icon-"], .btn-link:focus *[class^="icon-"] {margin-right: 7px; font-size: 20px; position: relative; top: 3px;}
.btn-link:hover {text-decoration: none; color: #191919;}
.btn-link-02, .btn-link-02:focus {display: inline-block; font-size: 14px; text-decoration: none; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.btn-link-02:hover {text-decoration: none;}
.disable {-moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; pointer-events: none;}
.tt-link {color: var(--color-primario); -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-link:hover {color: #191919;}
.btn.btn-small {height: 35px; padding: 6px 29px 3px;}
.btn.btn-small [class^="icon-"] {position: relative; top: -2px;}
h1, h2, h3, h4, h5, h6 {display: block; position: relative; color: #191919; margin-bottom: 0px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #191919; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: var(--color-primario);}
.fc-h1 {font-size: 58px; line-height: 70px; font-weight: 500; padding-bottom: 17px;}
.fc-h2 {font-size: 34px; line-height: 44px; font-weight: 500; padding-bottom: 23px;}
.fc-h3 {font-size: 30px; line-height: 40px; font-weight: 500; padding-bottom: 23px;}
.fc-h4 {font-size: 24px; line-height: 34px; font-weight: 500; padding-bottom: 24px;}
.fc-h5 {font-size: 20px; line-height: 30px; font-weight: 500; padding-bottom: 15px;}
.fc-h6 {font-size: 16px; line-height: 26px; font-weight: 500; padding-bottom: 15px;}
.tt-title-border {font-size: 16px; line-height: 26px; font-weight: 500; padding: 0 0 12px 0; margin-bottom: 30px; border-bottom: 1px solid #e9e7e7;}
p {margin: 16px 0 0 0px;}
mark, .mark {background: #191919; color: #ffffff; padding: 2px 4px; border-radius: 6px;}
hr {border: 0; border-top: 1px solid #e9e7e7;}
hr:not([class]) {margin-top: 53px; margin-bottom: 53px;}
hr.hr-01 {margin-top: 53px; margin-bottom: 46px;}
input::-ms-clear {display: none;}
.nomargin, #tt-pageContent .nomargin {margin-top: 0;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.link {color: var(--color-primario); transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.link:hover {text-decoration: none; color: #191919;}
.divider {height: 46px; clear: both; overflow: hidden; width: 100%;}
#tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {margin-top: 32px;}
#tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {margin-top: 52px;}
#tt-pageContent > .container-indent1:not(.nomargin):not([class^="tt-offset"]) {margin-top: 63px;}
#tt-pageContent > .tt-offset-small {margin-top: 20px;}
#tt-pageContent .del-img {width: 100%; height: auto;}
#tt-pageContent .del-item-top {margin-top: 33px;}
#tt-pageContent .container-fluid {padding-right: 10px; padding-left: 10px;}
.tt-block-title {text-align: center; padding-bottom: 32px;}
.tt-block-title .tt-title {font-size: 24px; line-height: 31px; font-weight: 500; margin: 0; padding: 0; color: #191919;}
.tt-block-title .tt-title a {color: var(--color-primario); text-decoration: none; display: inline-block; position: relative; -moz-transition: border 0.2s linear; -o-transition: border 0.2s linear; -webkit-transition: border 0.2s linear; transition: border 0.2s linear;}
.tt-block-title .tt-title a:before {content: ''; display: block; position: absolute; bottom: 2px; height: 2px; width: 100%; background: var(--color-primario);}
.tt-block-title .tt-title a:hover {border-color: transparent; color: var(--color-primario);}
.tt-block-title .tt-title a:hover:before {background: transparent;}
.tt-block-title .tt-title-small {font-size: 16px; line-height: 26px; font-weight: 500; margin: 0; padding: 0; color: #191919;}
.tt-block-title .tt-title-small a {color: var(--color-primario); text-decoration: none; display: inline-block; border-bottom: 2px solid var(--color-primario); -moz-transition: border 0.2s linear; -o-transition: border 0.2s linear; -webkit-transition: border 0.2s linear; transition: border 0.2s linear;}
.tt-block-title .tt-title-small a:hover {color: var(--color-primario); border-color: transparent;}
.tt-block-title .tt-description {font-size: 16px; line-height: 24px; font-weight: 500; color: #191919; margin: 0px 0 0 0; padding: 0;}
::-webkit-input-placeholder {color: #777777;}
::-moz-placeholder {color: #777777;}
:-moz-placeholder {color: #777777;}
:-ms-input-placeholder {color: #777777;}
input:not(.tt-search-input):focus::-webkit-input-placeholder {color: transparent;}
input:not(.tt-search-input):focus:-moz-placeholder {color: transparent;}
input:not(.tt-search-input):focus::-moz-placeholder {color: transparent;}
input:not(.tt-search-input):focus:-ms-input-placeholder {color: transparent;}
textarea:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus:-moz-placeholder {color: transparent;}
textarea:focus::-moz-placeholder {color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
input[type=checkbox]:checked ~ label .check {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);}
.contact-form {margin-top: 39px;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-animated-show-js {opacity: 0; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.slick-animated-show-js.slick-initialized {opacity: 1;}
.slick-track {margin: auto;}
.tt-slick-row {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.tt-slick-button {font-size: 0; line-height: 0;}
.tt-slick-button .slick-arrow {z-index: 7; cursor: pointer; font-size: 0; line-height: 0; background: none; border: none; width: 38px; height: 38px; background: #f7f8fa; color: #191919; font-weight: 500; border-radius: 50%; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tt-slick-button .slick-arrow:hover {background: var(--color-primario); color: #ffffff;}
.tt-slick-button .slick-arrow:before {font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 1;}
.tt-slick-button .slick-prev:before {content: "\f053";}
.tt-slick-button .slick-next {margin-left: 4px;}
.tt-slick-button .slick-next:before {content: "\f054";}
.tt-slick-button-vertical {font-size: 0; line-height: 0;}
.tt-slick-button-vertical .slick-arrow {z-index: 7; cursor: pointer; font-size: 0; line-height: 0; background: none; border: none; width: 38px; height: 38px; background: #f7f8fa; color: #191919; font-weight: 500; border-radius: 50%; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.tt-slick-button-vertical .slick-arrow:hover {background: var(--color-primario); color: #ffffff;}
.tt-slick-button-vertical .slick-arrow:before {font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 1;}
.tt-slick-button-vertical .slick-prev:before {content: "\f077";}
.tt-slick-button-vertical .slick-next {left: 42px;}
.tt-slick-button-vertical .slick-next:before {content: "\f078";}

.arrow-location-center-02 .slick-arrow, .arrow-location-center-02 .slick-arrow:active {position: absolute; top: calc(50% - 25px); margin-top: -19px; z-index: 7; cursor: pointer; font-size: 0; line-height: 0; background: none; border: none; width: 48px; height: 48px; background: #f7f8fa; color: #191919; font-weight: 500; border-radius: 50%; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.arrow-location-center-02 .slick-arrow:hover {color: #ffffff; background: var(--color-primario);}
.arrow-location-center-02 .slick-arrow:before {font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 1;}
.arrow-location-center-02 .slick-prev {left: 0px;}
.arrow-location-center-02 .slick-prev:before {content: "\f053"; margin-right: 2px;}
.arrow-location-center-02 .slick-next {right: 0px;}
.arrow-location-center-02 .slick-next:before {content: "\f054"; margin-left: 2px;}
body:not(.touch-device) .arrow-location-center-02.tt-arrow-hover .slick-arrow {-moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0;}
body:not(.touch-device) .arrow-location-center-02.tt-arrow-hover:hover .slick-arrow {-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1;}
.slick-slider .slick-dots {margin-top: 22px; position: absolute; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.slick-slider .slick-dots li {margin: 0 3px; padding: 0 2px; cursor: pointer;}
.slick-slider .slick-dots li button {width: 14px; height: 14px; background: #dadada; border: none; border-radius: 50%; font-size: 0; line-height: 0; cursor: pointer;}
.slick-slider .slick-dots li:hover button {background: #191919;}
.slick-slider .slick-dots .slick-active button {background: #191919;}
.tt-arrow-type-02.slick-slider .slick-arrow {background: #f7f8fa; color: #dadada;}
.tt-arrow-type-02.slick-slider .slick-arrow:hover {background: #f7f8fa; color: #191919;}
.tt-arrow-type-02.slick-slider .slick-next {right: 20px;}
.tt-arrow-type-02.slick-slider .slick-prev {left: 20px;}
.wrapper-social-icon {background: #f7f8fa; padding: 7px 5px 10px;}
.tt-back-to-top {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; width: 62px; height: 62px; background-color: rgba(0, 230, 118, 0.75); color: #ffffff; font-size: 71px; line-height: 0; position: fixed; bottom: -64px; right: 15px!important; z-index: 20; border-radius: 50%; box-shadow: -10px 10px 70px 1px rgba(0, 0, 0, 0.2)}
.tt-back-to-top:hover {background-color: #00e676;color: #ffffff;}
.tt-back-to-top.tt-show {bottom: 50px;}
.tt-wsp-btn {display: none}
.tt-block-title + .tt-tab-wrapper {position: relative;}
.tt-content-info {text-align: center; text-decoration: none; display: block; position: relative; color: #777777;}
.tt-content-info .tt-title {font-size: 24px; line-height: 34px; padding-bottom: 23px; color: #191919; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.tt-content-info p {margin-top: 0;}
.tt-content-info .tt-subscription {margin-top: 20px;}
.tt-content-info .tt-subscription .tt-text-large {font-size: 16px; color: #191919; font-weight: 500;}
.tt-content-info .tt-subscription .tt-text-small {color: #999999; font-size: 12px;}
.tt-content-info:hover {color: #777777;}
.tt-content-info:hover .tt-title {color: var(--color-primario);}
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl {display: none;}
.hide {display: none !important;}
.tt-w100 {width: 100%}
.center-flex {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding: 10px 0; border-top: 1px solid #eee}
.start-flex {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; -webkit-box-align: start; align-items: flex-start; padding: 10px 0; border-top: 1px solid #eee}
.t-decimal {font-size: 11px; position: relative; top: -4px; margin-left: 2px;}
.t-decimal:after {content: '';position: absolute;width: calc(100% - 2px);height: 0;left: 1px;bottom: 3px; border-bottom: 1px solid var(--color-primario); opacity: .7;}
#quickview-precio span.t-decimal {top: -12px!important}
#quickview-precio span.t-decimal:after {bottom: 12px!important}
#envio-precio span.t-decimal:after {border-bottom: 1px solid #28a745;}
.detalle-t {font-weight: 900}
.detalle-n {font-size: 20px}
.detalle-m {font-size: 12px}
.tt-texto {display: block; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 64px; max-height: 64px; -webkit-line-clamp: 3; overflow: hidden; font-size: 13px; line-height: 1.38; font-weight: 400;}
/* preloader 2 */
.lds-roller {display: inline-block; position: relative; width: 64px; height: 64px;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px;}
.lds-roller div:after {content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primario); margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px;left: 50px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px;left: 45px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 57px;left: 39px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 58px;left: 32px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 57px;left: 25px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 54px; left: 19px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 50px; left: 14px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 45px; left: 10px;}
/* fin preloader 2 */
.btn-lg {padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0;}
.btn-sm {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;}
.btn-block {display: block; width: 100%;}
.btn-block + .btn-block {margin-top: 0.5rem;}
.img-cabecera {background:url(https://transparent.com.ar/site/images/home-1-new.webp); background-repeat:no-repeat; background-size:cover; background-position: center; min-height: 100vh; min-height: 100vh;}

@media (max-width: 790px) {
  #sucursales .item-sucursal .item-sucursal-mapa iframe {width: 100%!important; height: 250px!important;}
}
@media (min-width: 791px) {
  #sucursales .item-sucursal .item-sucursal-mapa iframe {width: 100%!important; height: 100%!important;}
  .back-laptop-2-image {background:url(https://transparent.com.ar/site/images/fnd-text.webp); background-size: cover; background-repeat: no-repeat}
}

.badge {display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.badge-success {color: #fff; background-color: #176325;}
.btn-seleccionar-otro {margin: 30px auto 20px; text-align: center; width: 100%;}
.mh-20 {max-height: 20px}
.mh-15 {max-height: 15px}
.btn-cat-fixed i {font-size: 16px;}
/* @media */
@media (max-width: 270px) {
  .modal .modal-body {padding: 15px;}
}
@media (min-width: 320px) {
  .modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
}
@media (min-width: 418px) {
  .btn.btn-small {padding-bottom: 5px;}
}
@media (max-width: 420px) {
  .tt-img-box {height: 100px;}
}
@media (max-width: 460px) {
  .tt-slick-main-item .tt-description {padding: 15px 7%;}
  .tt-slick-main-item .tt-description .tt-title-small {font-size: 13px; line-height: 1.1;}
  .tt-slick-main-item .tt-description .tt-title-large {font-size: 20px; line-height: 1; margin-top: 5px;}
  .tt-slick-main-item .tt-description p {font-size: 12px; line-height: 1.2; margin-top: 4px;}
  .tt-slick-main-item .tt-description [class^="btn"] {margin-top: 7px; height: 30px; padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 500px) {
  .modal .modal-body {padding: 20px;}
  .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper, .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {width: 270px;}
}
@media (max-width: 575px) {
  table + *[class^="btn"] {margin-top: 11px;}
  .btn {font-size: 12px; padding-left: 25px; padding-right: 25px; height: 39px;}
  .btn-top {margin-top: 20px;}
  .fc-h1 {font-size: 24px; line-height: 34px; padding-bottom: 21px;}
  .fc-h2 {font-size: 20px; line-height: 30px; padding-bottom: 10px;}
  .fc-h3 {font-size: 19px; line-height: 29px; padding-bottom: 9px;}
  .fc-h4 {font-size: 18px;line-height: 28px;padding-bottom: 8px;}
  .fc-h5 {font-size: 17px; line-height: 27px; padding-bottom: 7px;}
  .fc-h6 {font-size: 16px; line-height: 26px; padding-bottom: 6px;}
  .tt-title-border {margin-bottom: 24px;}
  p {margin: 10px 0 0 0px;}
  hr:not([class]), hr.hr-01 {margin-top: 27px; margin-bottom: 26px;}
  audio:not(:first-child) {margin-top: 22px;}
  .col-12-575width {max-width: 100%; flex: 0 0 100%;}
  .divider {height: 32px;}
  #tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {margin-top: 33px;}
  #tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {margin-top: 33px;}
  #tt-pageContent > .container-indent1:not(.nomargin):not([class^="tt-offset"]) {margin-top: 33px;}
  #tt-pageContent .del-item-top {margin-top: 23px;}
  .container-fluid-custom:not(.container-fluid-custom-mobile-padding) {padding-right: 0; padding-left: 0;}
  #tt-pageContent .container-fluid-custom-mobile-padding {padding-right: 20px; padding-left: 20px;}
  .container-fluid-custom-mobile-padding-02 {padding-right: 10px; padding-left: 10px;}
  .tt-block-title {padding-bottom: 23px;}
  .tt-title-sub {padding-bottom: 22px;}
  .contact-form {margin-top: 33px;}
  .tt-offset-35 {margin-top: 24px;}
  .hidden-xs {display: none;}
  .visible-xs {display: block;}
}
@media (max-width: 575px) and (min-width: 421px) {
  .tt-img-box {height: 100px;}
}
@media (min-width: 576px) {
  .container {max-width: 546px;}
  .col-sm {flex-basis: 0; flex-grow: 1; max-width: 100%;}
  .col-sm-auto {flex: 0 0 auto; width: auto; max-width: none;}
  .col-sm-1 {flex: 0 0 8.33333%; max-width: 8.33333%;}
  .col-sm-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
  .col-sm-3 {flex: 0 0 25%; max-width: 25%;}
  .col-sm-4 {flex: 0 0 33.33333%; max-width: 33.33333%;}
  .col-sm-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
  .col-sm-6 {flex: 0 0 50%; max-width: 50%;}
  .col-sm-7 {flex: 0 0 58.33333%; max-width: 58.33333%;}
  .col-sm-8 {flex: 0 0 66.66667%; max-width: 66.66667%;}
  .col-sm-9 {flex: 0 0 75%; max-width: 75%;}
  .col-sm-10 {flex: 0 0 83.33333%; max-width: 83.33333%;}
  .col-sm-11 {flex: 0 0 91.66667%; max-width: 91.66667%;}
  .col-sm-12 {flex: 0 0 100%; max-width: 100%;}
  .order-sm-first {order: -1;}
  .order-sm-last {order: 13;}
  .order-sm-0 {order: 0;}
  .order-sm-1 {order: 1;}
  .order-sm-2 {order: 2;}
  .order-sm-3 {order: 3;}
  .order-sm-4 {order: 4;}
  .order-sm-5 {order: 5;}
  .order-sm-6 {order: 6;}
  .order-sm-7 {order: 7;}
  .order-sm-8 {order: 8;}
  .order-sm-9 {order: 9;}
  .order-sm-10 {order: 10;}
  .order-sm-11 {order: 11;}
  .order-sm-12 {order: 12;}
  .offset-sm-0 {margin-left: 0;}
  .offset-sm-1 {margin-left: 8.33333%;}
  .offset-sm-2 {margin-left: 16.66667%;}
  .offset-sm-3 {margin-left: 25%;}
  .offset-sm-4 {margin-left: 33.33333%;}
  .offset-sm-5 {margin-left: 41.66667%;}
  .offset-sm-6 {margin-left: 50%;}
  .offset-sm-7 {margin-left: 58.33333%;}
  .offset-sm-8 {margin-left: 66.66667%;}
  .offset-sm-9 {margin-left: 75%;}
  .offset-sm-10 {margin-left: 83.33333%;}
  .offset-sm-11 {margin-left: 91.66667%;}
  .form-inline label {display: flex; align-items: center; justify-content: center; margin-bottom: 0;}
  .form-inline .form-group {display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0;}
  .form-inline .form-control {display: inline-block; width: auto; vertical-align: middle;}
  .form-inline .form-control-plaintext {display: inline-block;}
  .form-inline .input-group {width: auto;}
  .form-inline .form-check {display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0;}
  .form-inline .form-check-input {position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0;}
  .form-inline .custom-control {align-items: center; justify-content: center;}
  .form-inline .custom-control-label {margin-bottom: 0;}
  .modal-dialog {max-width: 500px; margin: 30px;}
  .modal-dialog-centered {min-height: calc(100% - (30px * 2));}
  .modal-sm {max-width: 300px;}
  .d-sm-none {display: none !important;}
  .d-sm-inline {display: inline !important;}
  .d-sm-inline-block {display: inline-block !important;}
  .d-sm-block {display: block !important;}
  .d-sm-table {display: table !important;}
  .d-sm-table-row {display: table-row !important;}
  .d-sm-table-cell {display: table-cell !important;}
  .d-sm-flex {display: flex !important;}
  .d-sm-inline-flex {display: inline-flex !important;}
  .flex-sm-row {flex-direction: row !important;}
  .flex-sm-column {flex-direction: column !important;}
  .flex-sm-row-reverse {flex-direction: row-reverse !important;}
  .flex-sm-column-reverse {flex-direction: column-reverse !important;}
  .flex-sm-wrap {flex-wrap: wrap !important;}
  .flex-sm-nowrap {flex-wrap: nowrap !important;}
  .flex-sm-wrap-reverse {flex-wrap: wrap-reverse !important;}
  .justify-content-sm-start {justify-content: flex-start !important;}
  .justify-content-sm-end {justify-content: flex-end !important;}
  .justify-content-sm-center {justify-content: center !important;}
  .justify-content-sm-between {justify-content: space-between !important;}
  .justify-content-sm-around {justify-content: space-around !important;}
  .align-items-sm-start {align-items: flex-start !important;}
  .align-items-sm-end {align-items: flex-end !important;}
  .align-items-sm-center {align-items: center !important;}
  .align-items-sm-baseline {align-items: baseline !important;}
  .align-items-sm-stretch {align-items: stretch !important;}
  .align-content-sm-start {align-content: flex-start !important;}
  .align-content-sm-end {align-content: flex-end !important;}
  .align-content-sm-center {align-content: center !important;}
  .align-content-sm-between {align-content: space-between !important;}
  .align-content-sm-around {align-content: space-around !important;}
  .align-content-sm-stretch {align-content: stretch !important;}
  .align-self-sm-auto {align-self: auto !important;}
  .align-self-sm-start {align-self: flex-start !important;}
  .align-self-sm-end {align-self: flex-end !important;}
  .align-self-sm-center {align-self: center !important;}
  .align-self-sm-baseline {align-self: baseline !important;}
  .align-self-sm-stretch {align-self: stretch !important;}
  .float-sm-left {float: left !important;}
  .float-sm-right {float: right !important;}
  .float-sm-none {float: none !important;}
  .m-sm-0 {margin: 0 !important;}
  .mt-sm-0, .my-sm-0 {margin-top: 0 !important;}
  .mr-sm-0, .mx-sm-0 {margin-right: 0 !important;}
  .mb-sm-0, .my-sm-0 {margin-bottom: 0 !important;}
  .ml-sm-0, .mx-sm-0 {margin-left: 0 !important;}
  .m-sm-1 {margin: 0.25rem !important;}
  .mt-sm-1, .my-sm-1 {margin-top: 0.25rem !important;}
  .mr-sm-1, .mx-sm-1 {margin-right: 0.25rem !important;}
  .mb-sm-1, .my-sm-1 {margin-bottom: 0.25rem !important;}
  .ml-sm-1, .mx-sm-1 {margin-left: 0.25rem !important;}
  .m-sm-2 {margin: 0.5rem !important;}
  .mt-sm-2, .my-sm-2 {margin-top: 0.5rem !important;}
  .mr-sm-2, .mx-sm-2 {margin-right: 0.5rem !important;}
  .mb-sm-2, .my-sm-2 {margin-bottom: 0.5rem !important;}
  .ml-sm-2, .mx-sm-2 {margin-left: 0.5rem !important;}
  .m-sm-3 {margin: 1rem !important;}
  .mt-sm-3, .my-sm-3 {margin-top: 1rem !important;}
  .mr-sm-3, .mx-sm-3 {margin-right: 1rem !important;}
  .mb-sm-3, .my-sm-3 {margin-bottom: 1rem !important;}
  .ml-sm-3, .mx-sm-3 {margin-left: 1rem !important;}
  .m-sm-4 {margin: 1.5rem !important;}
  .mt-sm-4, .my-sm-4 {margin-top: 1.5rem !important;}
  .mr-sm-4, .mx-sm-4 {margin-right: 1.5rem !important;}
  .mb-sm-4, .my-sm-4 {margin-bottom: 1.5rem !important;}
  .ml-sm-4, .mx-sm-4 {margin-left: 1.5rem !important;}
  .m-sm-5 {margin: 3rem !important;}
  .mt-sm-5, .my-sm-5 {margin-top: 3rem !important;}
  .mr-sm-5, .mx-sm-5 {margin-right: 3rem !important;}
  .mb-sm-5, .my-sm-5 {margin-bottom: 3rem !important;}
  .ml-sm-5, .mx-sm-5 {margin-left: 3rem !important;}
  .p-sm-0 {padding: 0 !important;}
  .pt-sm-0, .py-sm-0 {padding-top: 0 !important;}
  .pr-sm-0, .px-sm-0 {padding-right: 0 !important;}
  .pb-sm-0, .py-sm-0 {padding-bottom: 0 !important;}
  .pl-sm-0, .px-sm-0 {padding-left: 0 !important;}
  .p-sm-1 {padding: 0.25rem !important;}
  .pt-sm-1, .py-sm-1 {padding-top: 0.25rem !important;}
  .pr-sm-1, .px-sm-1 {padding-right: 0.25rem !important;}
  .pb-sm-1, .py-sm-1 {padding-bottom: 0.25rem !important;}
  .pl-sm-1, .px-sm-1 {padding-left: 0.25rem !important;}
  .p-sm-2 {padding: 0.5rem !important;}
  .pt-sm-2, .py-sm-2 {padding-top: 0.5rem !important;}
  .pr-sm-2, .px-sm-2 {padding-right: 0.5rem !important;}
  .pb-sm-2, .py-sm-2 {padding-bottom: 0.5rem !important;}
  .pl-sm-2, .px-sm-2 {padding-left: 0.5rem !important;}
  .p-sm-3 {padding: 1rem !important;}
  .pt-sm-3, .py-sm-3 {padding-top: 1rem !important;}
  .pr-sm-3, .px-sm-3 {padding-right: 1rem !important;}
  .pb-sm-3, .py-sm-3 {padding-bottom: 1rem !important;}
  .pl-sm-3, .px-sm-3 {padding-left: 1rem !important;}
  .p-sm-4 {padding: 1.5rem !important;}
  .pt-sm-4, .py-sm-4 {padding-top: 1.5rem !important;}
  .pr-sm-4, .px-sm-4 {padding-right: 1.5rem !important;}
  .pb-sm-4, .py-sm-4 {padding-bottom: 1.5rem !important;}
  .pl-sm-4, .px-sm-4 {padding-left: 1.5rem !important;}
  .p-sm-5 {padding: 3rem !important;}
  .pt-sm-5, .py-sm-5 {padding-top: 3rem !important;}
  .pr-sm-5, .px-sm-5 {padding-right: 3rem !important;}
  .pb-sm-5, .py-sm-5 {padding-bottom: 3rem !important;}
  .pl-sm-5, .px-sm-5 {padding-left: 3rem !important;}
  .m-sm-auto {margin: auto !important;}
  .mt-sm-auto, .my-sm-auto {margin-top: auto !important;}
  .mr-sm-auto, .mx-sm-auto {margin-right: auto !important;}
  .mb-sm-auto, .my-sm-auto {margin-bottom: auto !important;}
  .ml-sm-auto, .mx-sm-auto {margin-left: auto !important;}
  .text-sm-left {text-align: left !important;}
  .text-sm-right {text-align: right !important;}
  .text-sm-center {text-align: center !important;}
  .tt-portfolio-content {margin-left: -10px; margin-right: -10px;}
  .modal .modal-dialog {max-width: inherit;}
}
@media (max-width: 789px) {
  .tt-w100{width: 100%!important; margin: 0; text-align: center;}
  .modal .modal-body {padding: 25px;}
  .tt-back-to-top.tt-align-center {padding: 20px 0 18px 0;}
}
@media (max-width: 789px) and (min-width: 575px) {
  .visible-sm {display: block;}
  .hidden-sm {display: none;}
}
@media (max-width: 789px) and (min-width: 576px) {
  .btn-top {margin-top: 30px;}
}
@media (max-width: 790px) {
  .tt-list-sm-shift [class^="col-xs"] {-webkit-order: 2; -ms-flex-order: 2; order: 2;}
  .tt-slick-main-item .tt-description {padding: 20px 5%;}
  .tt-slick-main-item .tt-description .tt-title-small {font-size: 15px; line-height: 1.1;}
  .tt-slick-main-item .tt-description .tt-title-large {font-size: 25px; line-height: 1; margin-top: 8px;}
  .tt-slick-main-item .tt-description p {font-size: 13px; line-height: 1.2; margin-top: 5px;}
  .tt-slick-main-item .tt-description [class^="btn"] {margin-top: 9px;}
}
@media (min-width: 791px) {
  .container {max-width: 770px;}
  .col-md {flex-basis: 0; flex-grow: 1; max-width: 100%;}
  .col-md-auto {flex: 0 0 auto; width: auto; max-width: none;}
  .col-md-1 {flex: 0 0 8.33333%; max-width: 8.33333%;}
  .col-md-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
  .col-md-3 {flex: 0 0 25%; max-width: 25%;}
  .col-md-4 {flex: 0 0 33.33333%; max-width: 33.33333%;}
  .col-md-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
  .col-md-6 {flex: 0 0 50%; max-width: 50%;}
  .col-md-7 {flex: 0 0 58.33333%; max-width: 58.33333%;}
  .col-md-8 {flex: 0 0 66.66667%; max-width: 66.66667%;}
  .col-md-9 {flex: 0 0 75%; max-width: 75%;}
  .col-md-10 {flex: 0 0 83.33333%; max-width: 83.33333%;}
  .col-md-11 {flex: 0 0 91.66667%; max-width: 91.66667%;}
  .col-md-12 {flex: 0 0 100%; max-width: 100%;}
  .offset-md-0 {margin-left: 0;}
  .offset-md-1 {margin-left: 8.33333%;}
  .offset-md-2 {margin-left: 16.66667%;}
  .offset-md-3 {margin-left: 25%;}
  .offset-md-4 {margin-left: 33.33333%;}
  .offset-md-5 {margin-left: 41.66667%;}
  .offset-md-6 {margin-left: 50%;}
  .offset-md-7 {margin-left: 58.33333%;}
  .offset-md-8 {margin-left: 66.66667%;}
  .offset-md-9 {margin-left: 75%;}
  .offset-md-10 {margin-left: 83.33333%;}
  .offset-md-11 {margin-left: 91.66667%;}
  .d-md-none {display: none !important;}
  .d-md-inline {display: inline !important;}
  .d-md-inline-block {display: inline-block !important;}
  .d-md-block {display: block !important;}
  .d-md-table {display: table !important;}
  .d-md-table-row {display: table-row !important;}
  .d-md-table-cell {display: table-cell !important;}
  .d-md-flex {display: flex !important;}
  .d-md-inline-flex {display: inline-flex !important;}
  .flex-md-row {flex-direction: row !important;}
  .flex-md-column {flex-direction: column !important;}
  .flex-md-row-reverse {flex-direction: row-reverse !important;}
  .flex-md-column-reverse {flex-direction: column-reverse !important;}
  .flex-md-wrap {flex-wrap: wrap !important;}
  .flex-md-nowrap {flex-wrap: nowrap !important;}
  .flex-md-wrap-reverse {flex-wrap: wrap-reverse !important;}
  .justify-content-md-start {justify-content: flex-start !important;}
  .justify-content-md-end {justify-content: flex-end !important;}
  .justify-content-md-center {justify-content: center !important;}
  .justify-content-md-between {justify-content: space-between !important;}
  .justify-content-md-around {justify-content: space-around !important;}
  .align-items-md-start {align-items: flex-start !important;}
  .align-items-md-end {align-items: flex-end !important;}
  .align-items-md-center {align-items: center !important;}
  .align-items-md-baseline {align-items: baseline !important;}
  .align-items-md-stretch {align-items: stretch !important;}
  .align-content-md-start {align-content: flex-start !important;}
  .align-content-md-end {align-content: flex-end !important;}
  .align-content-md-center {align-content: center !important;}
  .align-content-md-between {align-content: space-between !important;}
  .align-content-md-around {align-content: space-around !important;}
  .align-content-md-stretch {align-content: stretch !important;}
  .align-self-md-auto {align-self: auto !important;}
  .align-self-md-start {align-self: flex-start !important;}
  .align-self-md-end {align-self: flex-end !important;}
  .align-self-md-center {align-self: center !important;}
  .align-self-md-baseline {align-self: baseline !important;}
  .align-self-md-stretch {align-self: stretch !important;}
  .float-md-left {float: left !important;}
  .float-md-right {float: right !important;}
  .float-md-none {float: none !important;}
  .m-md-0 {margin: 0 !important;}
  .mt-md-0, .my-md-0 {margin-top: 0 !important;}
  .mr-md-0, .mx-md-0 {margin-right: 0 !important;}
  .mb-md-0, .my-md-0 {margin-bottom: 0 !important;}
  .ml-md-0, .mx-md-0 {margin-left: 0 !important;}
  .m-md-1 {margin: 0.25rem !important;}
  .mt-md-1, .my-md-1 {margin-top: 0.25rem !important;}
  .mr-md-1, .mx-md-1 {margin-right: 0.25rem !important;}
  .mb-md-1, .my-md-1 {margin-bottom: 0.25rem !important;}
  .ml-md-1, .mx-md-1 {margin-left: 0.25rem !important;}
  .m-md-2 {margin: 0.5rem !important;}
  .mt-md-2, .my-md-2 {margin-top: 0.5rem !important;}
  .mr-md-2, .mx-md-2 {margin-right: 0.5rem !important;}
  .mb-md-2, .my-md-2 {margin-bottom: 0.5rem !important;}
  .ml-md-2, .mx-md-2 {margin-left: 0.5rem !important;}
  .m-md-3 {margin: 1rem !important;}
  .mt-md-3, .my-md-3 {margin-top: 1rem !important;}
  .mr-md-3, .mx-md-3 {margin-right: 1rem !important;}
  .mb-md-3, .my-md-3 {margin-bottom: 1rem !important;}
  .ml-md-3, .mx-md-3 {margin-left: 1rem !important;}
  .m-md-4 {margin: 1.5rem !important;}
  .mt-md-4, .my-md-4 {margin-top: 1.5rem !important;}
  .mr-md-4,.mx-md-4 {margin-right: 1.5rem !important;}
  .mb-md-4, .my-md-4 {margin-bottom: 1.5rem !important;}
  .ml-md-4, .mx-md-4 {margin-left: 1.5rem !important;}
  .m-md-5 {margin: 3rem !important;}
  .mt-md-5, .my-md-5 {margin-top: 3rem !important;}
  .mr-md-5, .mx-md-5 {margin-right: 3rem !important;}
  .mb-md-5, .my-md-5 {margin-bottom: 3rem !important;}
  .ml-md-5, .mx-md-5 {margin-left: 3rem !important;}
  .p-md-0 {padding: 0 !important;}
  .pt-md-0, .py-md-0 {padding-top: 0 !important;}
  .pr-md-0, .px-md-0 {padding-right: 0 !important;}
  .pb-md-0, .py-md-0 {padding-bottom: 0 !important;}
  .pl-md-0, .px-md-0 {padding-left: 0 !important;}
  .p-md-1 {padding: 0.25rem !important;}
  .pt-md-1, .py-md-1 {padding-top: 0.25rem !important;}
  .pr-md-1, .px-md-1 {padding-right: 0.25rem !important;}
  .pb-md-1, .py-md-1 {padding-bottom: 0.25rem !important;}
  .pl-md-1, .px-md-1 {padding-left: 0.25rem !important;}
  .p-md-2 {padding: 0.5rem !important;}
  .pt-md-2, .py-md-2 {padding-top: 0.5rem !important;}
  .pr-md-2, .px-md-2 {padding-right: 0.5rem !important;}
  .pb-md-2, .py-md-2 {padding-bottom: 0.5rem !important;}
  .pl-md-2, .px-md-2 {padding-left: 0.5rem !important;}
  .p-md-3 {padding: 1rem !important;}
  .pt-md-3, .py-md-3 {padding-top: 1rem !important;}
  .pr-md-3, .px-md-3 {padding-right: 1rem !important;}
  .pb-md-3, .py-md-3 {padding-bottom: 1rem !important;}
  .pl-md-3, .px-md-3 {padding-left: 1rem !important;}
  .p-md-4 {padding: 1.5rem !important;}
  .pt-md-4, .py-md-4 {padding-top: 1.5rem !important;}
  .pr-md-4, .px-md-4 {padding-right: 1.5rem !important;}
  .pb-md-4, .py-md-4 {padding-bottom: 1.5rem !important;}
  .pl-md-4, .px-md-4 {padding-left: 1.5rem !important;}
  .p-md-5 {padding: 3rem !important;}
  .pt-md-5, .py-md-5 {padding-top: 3rem !important;}
  .pr-md-5, .px-md-5 {padding-right: 3rem !important;}
  .pb-md-5, .py-md-5 {padding-bottom: 3rem !important;}
  .pl-md-5, .px-md-5 {padding-left: 3rem !important;}
  .m-md-auto {margin: auto !important;}
  .mt-md-auto, .my-md-auto {margin-top: auto !important;}
  .mr-md-auto, .mx-md-auto {margin-right: auto !important;}
  .mb-md-auto, .my-md-auto {margin-bottom: auto !important;}
  .ml-md-auto, .mx-md-auto {margin-left: auto !important;}
  .text-md-left {text-align: left !important;}
  .text-md-right {text-align: right !important;}
  .text-md-center {text-align: center !important;}
}
@media (max-width: 1024px) {
  .btn-cat-fixed.tt-show {bottom: auto!important; top: 60px;}
  body.tt-popup-dropdown .header-popup-bg {display: block;}
  .isotop_showmore_js {margin-top: 35px;}
  .modal-lg {width: 730px;}
  .modal .modal-header .close {right: -20px;}
  .modal .modal-body {padding: 30px;}
  .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper {margin-right: 2%; width: 270px;}
  .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {margin-left: 2%; width: 270px;}
  .tt-slick-main-item .tt-description .tt-title-small {font-size: 25px; line-height: 1.1;}
  .tt-slick-main-item .tt-description .tt-title-large {font-size: 40px; line-height: 0.97; margin-top: 8px;}
  .tt-slick-main-item .tt-description p {font-size: 14px; line-height: 1.2; margin-top: 8px;}
  .tt-slick-main-item .tt-description [class^="btn"] {margin-top: 15px;}
  .fc-h1 {font-size: 36px;line-height: 46px;}
  .fc-h2 {font-size: 29px; line-height: 39px; padding-bottom: 18px;}
  .fc-h3 {font-size: 26px; line-height: 36px; padding-bottom: 17px;}
  .fc-h4 {font-size: 24px; line-height: 34px; padding-bottom: 16px;}
  .fc-h5 {font-size: 22px; line-height: 32px; padding-bottom: 15px;}
  hr:not([class]) {margin-top: 35px; margin-bottom: 34px;}
  hr.hr-01 {margin-top: 35px; margin-bottom: 33px;}
  .divider {height: 40px;}
  #tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {margin-top: 43px;}
  #tt-pageContent > .container-indent:not(.nomargin):not([class^="tt-offset"]) {margin-top: 43px;}
  #tt-pageContent > .container-indent1:not(.nomargin):not([class^="tt-offset"]) {margin-top: 43px;}
  #tt-pageContent .del-item-top {margin-top: 28px;}
  .arrow-location-tab .slick-arrow {top: calc(50% - 15px);}
  .arrow-location-tab .slick-prev {left: 0px;}
  .arrow-location-tab .slick-next {right: 0px;}
  .arrow-location-right-top .slick-arrow {top: 50%;}
  .arrow-location-right-top .slick-prev {left: 0px;}
  .arrow-location-right-top .slick-next {right: 0px;}
  .tt-hidden-mobile {display: none !important;}
}
@media (min-width: 1025px) {
  .container {max-width: 990px;}
  .col-lg {flex-basis: 0; flex-grow: 1; max-width: 100%;}
  .col-lg-auto {flex: 0 0 auto; width: auto; max-width: none;}
  .col-lg-1 {flex: 0 0 8.33333%; max-width: 8.33333%;}
  .col-lg-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
  .col-lg-3 {flex: 0 0 25%; max-width: 25%;}
  .col-lg-4 {flex: 0 0 33.33333%; max-width: 33.33333%;}
  .col-lg-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
  .col-lg-6 {flex: 0 0 50%; max-width: 50%;}
  .col-lg-7 {flex: 0 0 58.33333%; max-width: 58.33333%;}
  .col-lg-8 {flex: 0 0 66.66667%; max-width: 66.66667%;}
  .col-lg-9 {flex: 0 0 75%; max-width: 75%;}
  .col-lg-10 {flex: 0 0 83.33333%; max-width: 83.33333%;}
  .col-lg-11 {flex: 0 0 91.66667%; max-width: 91.66667%;}
  .col-lg-12 {flex: 0 0 100%; max-width: 100%;}
  .offset-lg-0 {margin-left: 0;}
  .offset-lg-1 {margin-left: 8.33333%;}
  .offset-lg-2 {margin-left: 16.66667%;}
  .offset-lg-3 {margin-left: 25%;}
  .offset-lg-4 {margin-left: 33.33333%;}
  .offset-lg-5 {margin-left: 41.66667%;}
  .offset-lg-6 {margin-left: 50%;}
  .offset-lg-7 {margin-left: 58.33333%;}
  .offset-lg-8 {margin-left: 66.66667%;}
  .offset-lg-9 {margin-left: 75%;}
  .offset-lg-10 {margin-left: 83.33333%;}
  .offset-lg-11 {margin-left: 91.66667%;}
  .modal-lg {max-width: 800px;}
  .d-lg-none {display: none !important;}
  .d-lg-inline {display: inline !important;}
  .d-lg-inline-block {display: inline-block !important;}
  .d-lg-block {display: block !important;}
  .d-lg-table {display: table !important;}
  .d-lg-table-row {display: table-row !important;}
  .d-lg-table-cell {display: table-cell !important;}
  .d-lg-flex {display: flex !important;}
  .d-lg-inline-flex {display: inline-flex !important;}
  .flex-lg-row {flex-direction: row !important;}
  .flex-lg-column {flex-direction: column !important;}
  .flex-lg-row-reverse {flex-direction: row-reverse !important;}
  .flex-lg-column-reverse {flex-direction: column-reverse !important;}
  .flex-lg-wrap {flex-wrap: wrap !important;}
  .flex-lg-nowrap {flex-wrap: nowrap !important;}
  .flex-lg-wrap-reverse {flex-wrap: wrap-reverse !important;}
  .justify-content-lg-start {justify-content: flex-start !important;}
  .justify-content-lg-end {justify-content: flex-end !important;}
  .justify-content-lg-center {justify-content: center !important;}
  .justify-content-lg-between {justify-content: space-between !important;}
  .justify-content-lg-around {justify-content: space-around !important;}
  .align-items-lg-start {align-items: flex-start !important;}
  .align-items-lg-end {align-items: flex-end !important;}
  .align-items-lg-center {align-items: center !important;}
  .align-items-lg-baseline {align-items: baseline !important;}
  .align-items-lg-stretch {align-items: stretch !important;}
  .align-content-lg-start {align-content: flex-start !important;}
  .align-content-lg-end {align-content: flex-end !important;}
  .align-content-lg-center {align-content: center !important;}
  .align-content-lg-between {align-content: space-between !important;}
  .align-content-lg-around {align-content: space-around !important;}
  .align-content-lg-stretch {align-content: stretch !important;}
  .align-self-lg-auto {align-self: auto !important;}
  .align-self-lg-start {align-self: flex-start !important;}
  .align-self-lg-end {align-self: flex-end !important;}
  .align-self-lg-center {align-self: center !important;}
  .align-self-lg-baseline {align-self: baseline !important;}
  .align-self-lg-stretch {align-self: stretch !important;}
  .float-lg-left {float: left !important;}
  .float-lg-right {float: right !important;}
  .float-lg-none {float: none !important;}
  .m-lg-0 {margin: 0 !important;}
  .mt-lg-0, .my-lg-0 {margin-top: 0 !important;}
  .mr-lg-0, .mx-lg-0 {margin-right: 0 !important;}
  .mb-lg-0, .my-lg-0 {margin-bottom: 0 !important;}
  .ml-lg-0, .mx-lg-0 {margin-left: 0 !important;}
  .m-lg-1 {margin: 0.25rem !important;}
  .mt-lg-1, .my-lg-1 {margin-top: 0.25rem !important;}
  .mr-lg-1, .mx-lg-1 {margin-right: 0.25rem !important;}
  .mb-lg-1, .my-lg-1 {margin-bottom: 0.25rem !important;}
  .ml-lg-1, .mx-lg-1 {margin-left: 0.25rem !important;}
  .m-lg-2 {margin: 0.5rem !important;}
  .mt-lg-2, .my-lg-2 {margin-top: 0.5rem !important;}
  .mr-lg-2, .mx-lg-2 {margin-right: 0.5rem !important;}
  .mb-lg-2, .my-lg-2 {margin-bottom: 0.5rem !important;}
  .ml-lg-2, .mx-lg-2 {margin-left: 0.5rem !important;}
  .m-lg-3 {margin: 1rem !important;}
  .mt-lg-3, .my-lg-3 {margin-top: 1rem !important;}
  .mr-lg-3, .mx-lg-3 {margin-right: 1rem !important;}
  .mb-lg-3, .my-lg-3 {margin-bottom: 1rem !important;}
  .ml-lg-3, .mx-lg-3 {margin-left: 1rem !important;}
  .m-lg-4 {margin: 1.5rem !important;}
  .mt-lg-4, .my-lg-4 {margin-top: 1.5rem !important;}
  .mr-lg-4, .mx-lg-4 {margin-right: 1.5rem !important;}
  .mb-lg-4, .my-lg-4 {margin-bottom: 1.5rem !important;}
  .ml-lg-4, .mx-lg-4 {margin-left: 1.5rem !important;}
  .m-lg-5 {margin: 3rem !important;}
  .mt-lg-5, .my-lg-5 {margin-top: 3rem !important;}
  .mr-lg-5, .mx-lg-5 {margin-right: 3rem !important;}
  .mb-lg-5, .my-lg-5 {margin-bottom: 3rem !important;}
  .ml-lg-5, .mx-lg-5 {margin-left: 3rem !important;}
  .p-lg-0 {padding: 0 !important;}
  .pt-lg-0, .py-lg-0 {padding-top: 0 !important;}
  .pr-lg-0, .px-lg-0 {padding-right: 0 !important;}
  .pb-lg-0, .py-lg-0 {padding-bottom: 0 !important;}
  .pl-lg-0, .px-lg-0 {padding-left: 0 !important;}
  .p-lg-1 {padding: 0.25rem !important;}
  .pt-lg-1, .py-lg-1 {padding-top: 0.25rem !important;}
  .pr-lg-1, .px-lg-1 {padding-right: 0.25rem !important;}
  .pb-lg-1, .py-lg-1 {padding-bottom: 0.25rem !important;}
  .pl-lg-1, .px-lg-1 {padding-left: 0.25rem !important;}
  .p-lg-2 {padding: 0.5rem !important;}
  .pt-lg-2, .py-lg-2 {padding-top: 0.5rem !important;}
  .pr-lg-2, .px-lg-2 {padding-right: 0.5rem !important;}
  .pb-lg-2, .py-lg-2 {padding-bottom: 0.5rem !important;}
  .pl-lg-2, .px-lg-2 {padding-left: 0.5rem !important;}
  .p-lg-3 {padding: 1rem !important;}
  .pt-lg-3, .py-lg-3 {padding-top: 1rem !important;}
  .pr-lg-3, .px-lg-3 {padding-right: 1rem !important;}
  .pb-lg-3, .py-lg-3 {padding-bottom: 1rem !important;}
  .pl-lg-3, .px-lg-3 {padding-left: 1rem !important;}
  .p-lg-4 {padding: 1.5rem !important;}
  .pt-lg-4, .py-lg-4 {padding-top: 1.5rem !important;}
  .pr-lg-4, .px-lg-4 {padding-right: 1.5rem !important;}
  .pb-lg-4, .py-lg-4 {padding-bottom: 1.5rem !important;}
  .pl-lg-4, .px-lg-4 {padding-left: 1.5rem !important;}
  .p-lg-5 {padding: 3rem !important;}
  .pt-lg-5, .py-lg-5 {padding-top: 3rem !important;}
  .pr-lg-5, .px-lg-5 {padding-right: 3rem !important;}
  .pb-lg-5, .py-lg-5 {padding-bottom: 3rem !important;}
  .pl-lg-5, .px-lg-5 {padding-left: 3rem !important;}
  .m-lg-auto {margin: auto !important;}
  .mt-lg-auto, .my-lg-auto {margin-top: auto !important;}
  .mr-lg-auto, .mx-lg-auto {margin-right: auto !important;}
  .mb-lg-auto, .my-lg-auto {margin-bottom: auto !important;}
  .ml-lg-auto, .mx-lg-auto {margin-left: auto !important;}
  .text-lg-left {text-align: left !important;}
  .text-lg-right {text-align: right !important;}
  .text-lg-center {text-align: center !important;}
  .modal .modal-header .close {right: -20px;}
  .modal .modal-body {padding: 40px;}
  .tt-slick-main-item .tt-description.tt-point-h-r .tt-description-wrapper {margin-right: 8%;}
  .tt-slick-main-item .tt-description.tt-point-h-l .tt-description-wrapper {margin-left: 8%;}
  .arrow-location-tab.arrow-location-tab01 .slick-arrow {top: -43px;}
  .arrow-location-tab .slick-arrow {top: -33px;}
  .arrow-location-tab .slick-prev {right: 57px;}
  .arrow-location-tab .slick-next {right: 10px;}
  .arrow-location-right-top .slick-arrow {top: -28px;}
  .arrow-location-right-top .slick-prev {right: 57px;}
  .arrow-location-right-top .slick-next {right: 10px;}
  .tt-block-title + .tt-tab-wrapper {margin-top: -65px;}
  .tt-tab-wrapper {margin-top: -1px;}
  .arrow-location-tab {margin-top: 90px;}
}
@media (min-width: 1230px) {
  .container {max-width: 1200px;}
  .col-xl {flex-basis: 0; flex-grow: 1; max-width: 100%;}
  .col-xl-auto {flex: 0 0 auto; width: auto; max-width: none;}
  .col-xl-1 {flex: 0 0 8.33333%; max-width: 8.33333%;}
  .col-xl-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
  .col-xl-3 {flex: 0 0 25%; max-width: 25%;}
  .col-xl-4 {flex: 0 0 33.33333%; max-width: 33.33333%;}
  .col-xl-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
  .col-xl-6 {flex: 0 0 50%; max-width: 50%;}
  .col-xl-7 {flex: 0 0 58.33333%; max-width: 58.33333%;}
  .col-xl-8 {flex: 0 0 66.66667%; max-width: 66.66667%;}
  .col-xl-9 {flex: 0 0 75%; max-width: 75%;}
  .col-xl-10 {flex: 0 0 83.33333%; max-width: 83.33333%;}
  .col-xl-11 {flex: 0 0 91.66667%; max-width: 91.66667%;}
  .col-xl-12 {flex: 0 0 100%; max-width: 100%;}
  .offset-xl-0 {margin-left: 0;}
  .offset-xl-1 {margin-left: 8.33333%;}
  .offset-xl-2 {margin-left: 16.66667%;}
  .offset-xl-3 {margin-left: 25%;}
  .offset-xl-4 {margin-left: 33.33333%;}
  .offset-xl-5 {margin-left: 41.66667%;}
  .offset-xl-6 {margin-left: 50%;}
  .offset-xl-7 {margin-left: 58.33333%;}
  .offset-xl-8 {margin-left: 66.66667%;}
  .offset-xl-9 {margin-left: 75%;}
  .offset-xl-10 {margin-left: 83.33333%;}
  .offset-xl-11 {margin-left: 91.66667%;}
  .d-xl-none {display: none !important;}
  .d-xl-inline {display: inline !important;}
  .d-xl-inline-block {display: inline-block !important;}
  .d-xl-block {display: block !important;}
  .d-xl-table {display: table !important;}
  .d-xl-table-row {display: table-row !important;}
  .d-xl-table-cell {display: table-cell !important;}
  .d-xl-flex {display: flex !important;}
  .d-xl-inline-flex {display: inline-flex !important;}
  .flex-xl-row {flex-direction: row !important;}
  .flex-xl-column {flex-direction: column !important;}
  .flex-xl-row-reverse {flex-direction: row-reverse !important;}
  .flex-xl-column-reverse {flex-direction: column-reverse !important;}
  .flex-xl-wrap {flex-wrap: wrap !important;}
  .flex-xl-nowrap {flex-wrap: nowrap !important;}
  .flex-xl-wrap-reverse {flex-wrap: wrap-reverse !important;}
  .justify-content-xl-start {justify-content: flex-start !important;}
  .justify-content-xl-end {justify-content: flex-end !important;}
  .justify-content-xl-center {justify-content: center !important;}
  .justify-content-xl-between {justify-content: space-between !important;}
  .justify-content-xl-around {justify-content: space-around !important;}
  .align-items-xl-start {align-items: flex-start !important;}
  .align-items-xl-end {align-items: flex-end !important;}
  .align-items-xl-center {align-items: center !important;}
  .align-items-xl-baseline {align-items: baseline !important;}
  .align-items-xl-stretch {align-items: stretch !important;}
  .align-content-xl-start {align-content: flex-start !important;}
  .align-content-xl-end {align-content: flex-end !important;}
  .align-content-xl-center {align-content: center !important;}
  .align-content-xl-between {align-content: space-between !important;}
  .align-content-xl-around {align-content: space-around !important;}
  .align-content-xl-stretch {align-content: stretch !important;}
  .align-self-xl-auto {align-self: auto !important;}
  .align-self-xl-start {align-self: flex-start !important;}
  .align-self-xl-end {align-self: flex-end !important;}
  .align-self-xl-center {align-self: center !important;}
  .align-self-xl-baseline {align-self: baseline !important;}
  .align-self-xl-stretch {align-self: stretch !important;}
  .float-xl-left {float: left !important;}
  .float-xl-right {float: right !important;}
  .float-xl-none {float: none !important;}
  .m-xl-0 {margin: 0 !important;}
  .mt-xl-0, .my-xl-0 {margin-top: 0 !important;}
  .mr-xl-0, .mx-xl-0 {margin-right: 0 !important;}
  .mb-xl-0, .my-xl-0 {margin-bottom: 0 !important;}
  .ml-xl-0, .mx-xl-0 {margin-left: 0 !important;}
  .m-xl-1 {margin: 0.25rem !important;}
  .mt-xl-1, .my-xl-1 {margin-top: 0.25rem !important;}
  .mr-xl-1, .mx-xl-1 {margin-right: 0.25rem !important;}
  .mb-xl-1, .my-xl-1 {margin-bottom: 0.25rem !important;}
  .ml-xl-1, .mx-xl-1 {margin-left: 0.25rem !important;}
  .m-xl-2 {margin: 0.5rem !important;}
  .mt-xl-2, .my-xl-2 {margin-top: 0.5rem !important;}
  .mr-xl-2, .mx-xl-2 {margin-right: 0.5rem !important;}
  .mb-xl-2, .my-xl-2 {margin-bottom: 0.5rem !important;}
  .ml-xl-2, .mx-xl-2 {margin-left: 0.5rem !important;}
  .m-xl-3 {margin: 1rem !important;}
  .mt-xl-3, .my-xl-3 {margin-top: 1rem !important;}
  .mr-xl-3, .mx-xl-3 {margin-right: 1rem !important;}
  .mb-xl-3, .my-xl-3 {margin-bottom: 1rem !important;}
  .ml-xl-3, .mx-xl-3 {margin-left: 1rem !important;}
  .m-xl-4 {margin: 1.5rem !important;}
  .mt-xl-4, .my-xl-4 {margin-top: 1.5rem !important;}
  .mr-xl-4, .mx-xl-4 {margin-right: 1.5rem !important;}
  .mb-xl-4, .my-xl-4 {margin-bottom: 1.5rem !important;}
  .ml-xl-4, .mx-xl-4 {margin-left: 1.5rem !important;}
  .m-xl-5 {margin: 3rem !important;}
  .mt-xl-5, .my-xl-5 {margin-top: 3rem !important;}
  .mr-xl-5, .mx-xl-5 {margin-right: 3rem !important;}
  .mb-xl-5, .my-xl-5 {margin-bottom: 3rem !important;}
  .ml-xl-5, .mx-xl-5 {margin-left: 3rem !important;}
  .p-xl-0 {padding: 0 !important;}
  .pt-xl-0, .py-xl-0 {padding-top: 0 !important;}
  .pr-xl-0, .px-xl-0 {padding-right: 0 !important;}
  .pb-xl-0, .py-xl-0 {padding-bottom: 0 !important;}
  .pl-xl-0, .px-xl-0 {padding-left: 0 !important;}
  .p-xl-1 {padding: 0.25rem !important;}
  .pt-xl-1, .py-xl-1 {padding-top: 0.25rem !important;}
  .pr-xl-1, .px-xl-1 {padding-right: 0.25rem !important;}
  .pb-xl-1, .py-xl-1 {padding-bottom: 0.25rem !important;}
  .pl-xl-1, .px-xl-1 {padding-left: 0.25rem !important;}
  .p-xl-2 {padding: 0.5rem !important;}
  .pt-xl-2, .py-xl-2 {padding-top: 0.5rem !important;}
  .pr-xl-2, .px-xl-2 {padding-right: 0.5rem !important;}
  .pb-xl-2, .py-xl-2 {padding-bottom: 0.5rem !important;}
  .pl-xl-2, .px-xl-2 {padding-left: 0.5rem !important;}
  .p-xl-3 {padding: 1rem !important;}
  .pt-xl-3, .py-xl-3 {padding-top: 1rem !important;}
  .pr-xl-3, .px-xl-3 {padding-right: 1rem !important;}
  .pb-xl-3, .py-xl-3 {padding-bottom: 1rem !important;}
  .pl-xl-3, .px-xl-3 {padding-left: 1rem !important;}
  .p-xl-4 {padding: 1.5rem !important;}
  .pt-xl-4, .py-xl-4 {padding-top: 1.5rem !important;}
  .pr-xl-4, .px-xl-4 {padding-right: 1.5rem !important;}
  .pb-xl-4, .py-xl-4 {padding-bottom: 1.5rem !important;}
  .pl-xl-4, .px-xl-4 {padding-left: 1.5rem !important;}
  .p-xl-5 {padding: 3rem !important;}
  .pt-xl-5, .py-xl-5 {padding-top: 3rem !important;}
  .pr-xl-5, .px-xl-5 {padding-right: 3rem !important;}
  .pb-xl-5, .py-xl-5 {padding-bottom: 3rem !important;}
  .pl-xl-5, .px-xl-5 {padding-left: 3rem !important;}
  .m-xl-auto {margin: auto !important;}
  .mt-xl-auto, .my-xl-auto {margin-top: auto !important;}
  .mr-xl-auto, .mx-xl-auto {margin-right: auto !important;}
  .mb-xl-auto, .my-xl-auto {margin-bottom: auto !important;}
  .ml-xl-auto, .mx-xl-auto {margin-left: auto !important;}
  .text-xl-left {text-align: left !important;}
  .text-xl-right {text-align: right !important;}
  .text-xl-center {text-align: center !important;}
  .tt-content-info {padding-left: 20%;padding-right: 20%;}
  .hidden-lg-up {display: none;}
  .visible-xl {display: block;}
}
/* @media */

/* animaciones */
@keyframes lds-roller {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/* animaciones */
.btn-link {font-weight: 400; color: var(--color-primario); background-color: transparent;}
.btn-link:hover {color: var(--color-primario-hover); text-decoration: underline; background-color: transparent; border-color: transparent;}
.btn-link:focus, .btn-link.focus {text-decoration: underline; border-color: transparent; box-shadow: none;}
.btn-link:disabled, .btn-link.disabled {color: #6c757d;}
.fic-email {color:var(--color-primario)}
.lh-14px {line-height: 14px;}
.input-group-prepend .prepend-tel {width: 42px; height: 38px; text-align: center; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

/* estilos separados*/
#detalle-compra-directa .fa-bolt:before {content: "\f336";}
.btn-consulta-producto {color: #fff; background-color: #28a745; border-color: #28a745; border-radius: 25px;}
.btn-consulta-producto:hover {color: #fff; background-color: #218838; border-color: #1e7e34;}
.plans {padding:20px; height: calc(100% - 30px); width: calc(100% - 30px); margin: 15px;}
.container-indent0.bannerpos-1.bannerorden-1 {margin-top:0px!important}
.plan-lite {color:#1799cb;}
.lite {background: #1799cb; box-shadow: 0 0 0 4px #1799cb;}
.paso{left: calc(50% - 19px); bottom: -2px; padding: 6px 0; position: absolute; border-radius: 100%; height: 38px; width: 38px; color: #ffffff; font-weight: bold; font-size: 17px; text-align: center; vertical-align: middle; border: 2px solid #ffffff}
.plan-secondary {color: #333333;}
.caracteristica {font-size: 13px; margin-top:10px; line-height: 16px;}
.caractericono {font-size: 60px; color: #1799cb;}
body:not(.touch-device) .arrow-location-center-02.tt-arrow-hover .slick-arrow {-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1;}
.fc-linea-abajo{
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 25px;
}
.container-indent .container-indent:not(.wrapper-social-icon):not(.container-css-paginas) {display: none;}
.centrar-vert {display: flex; align-items: center; justify-content: center;}

.btn-home-1, .btn-home-2, .btn-home-1:hover, .btn-home-2:hover {white-space: nowrap; vertical-align: middle; user-select: none; border: none; line-height: 1; font-weight: 400; outline: none; display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; color: rgb(255, 255, 255); border-radius: 20px; padding: 6px 21px 4px 21px!important; height: 45px!important; font-size: 18px !important;}
.btn-home-1 i, .btn-home-2 i{font-size: 11px; margin-left: 10px!important; position: relative; top: 1px}
.mt--5 {margin-top: -5px;}
.testimoniales .tt-content-info {text-align:left}
.testimoniales .tt-content-info .tt-title, .tt-content-info .tt-subscription .tt-text-large, .tt-content-info, .tt-content-info:hover, .tt-content-info .tt-subscription .tt-text-small {color: #6a6f77!important;}
.tt-content-info p.fw900 {font-weight: 400!important; font-size: 22px;}
.arrow-location-center-02 .slick-arrow:hover {background: #ffffff; color: #262626;}
.arrow-location-center-02 .slick-arrow, .arrow-location-center-02 .slick-arrow:active {background: rgba(255,255,255,0.5); color: #191919;}
.tt-text-small {opacity: 0.5;}
.imagen-testimonial {max-width:125px; border-radius:50%; float: left; border: 3px solid #fff; margin-right:15px;}

@media (max-width: 789px) {
  .margen-txt-icons {margin-top: -50px;}
  h2.px-5.pb-0.text-center {padding:0 15px!important}
  h4.px-5.text-center.pb-5 {padding:0 15px 45px!important}
.tt-content-info p {font-size: 12px!important;}
.tt-content-info .tt-subscription .tt-text-small {font-size: 11px!important;}
.testimoniales .tt-content-info {text-align: center;}
.imagen-testimonial {max-width:80px; border-radius:50%; float: inherit; border: 2px solid #fff; box-shadow: 0 0 4px 2px #bbb; margin: 0 auto 10px;}
.quote-testimonial {right: 0; opacity: 0.05; font-size: 25px; position: absolute; top: 25px}
} 
.tabladeprecios-planes {width: 100%}
.btn-contratar {position: relative; top:10px; font-size: 12px; background: #1799cb; border-radius: 30px; border: 3px solid #1799cb; color: #fff; font-weight: 900; padding: 10px 15px;}
.btn-contratar:hover {position: relative; top:10px; font-size: 12px; background: #1daee7; border-radius: 30px; border: 3px solid #1daee7; color: #fff; font-weight: 900; padding: 10px 15px;}
.btn-contratar-success {position: relative; top:10px; font-size: 12px; background: #28a745; border-radius: 30px; border: 3px solid #28a745; color: #fff; font-weight: 900; padding: 10px 15px;}
.btn-contratar-success:hover {position: relative; top:10px; font-size: 12px; background: #19d359; border-radius: 30px; border: 3px solid #19d359; color: #fff; font-weight: 900; padding: 10px 15px;}

.i-plan-contiene {position: relative; min-height: 60px; margin-bottom: 25px; margin-top: 10px}
.label-form-plan {font-size: 70%!important; padding-bottom: 0!important; color: #1799cb!important;}
.margin-planes {margin-bottom: 10px!important;}
.i-home-contiene {position: relative; min-height: 60px; margin-bottom: 45px; margin-top: 20px}
.titulo-precio-plan {color: #cdcdcd; padding: 25px 0 0!important; margin-bottom: -15px;}
.titular-precio-plan {color: #1184a1; padding: 25px 0 0!important; margin-bottom: -15px; font-weight: bold!important;}
.fw900 {font-weight: 900}
.carta-plan {border: 1px solid #dcdcdc; border-radius: 0px; padding:0 12px; background: #fff; box-shadow: 0 0 10px 0 rgb(221 239 243 / 75%), 0 0 5px 0 rgb(4 41 66 / 15%);}
.tabladeprecios{table-layout: fixed;}
.tablaprecios-txt, .tablaprecios-i {padding: 7px 0}
.consultar-precios {background: rgb(250,250,250); background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);}
.precios-sincomision {position: relative; top: -8px}
.tr-top-prices {border-top: 1px solid #eee}
.tr-top-prices th {padding: 7px 0;}
.badge-preciobonif {color:#fff; background-color: #19d359; border-radius: 20px; position: relative; top: 15px; left: 0; text-align: center;}
.badge-preciocomun {color:#fff; background-color: #16689f; border-radius: 20px; position: relative; top: 15px; left: 0; text-align: center;}
.padre{height: 100%; position: relative; top: -100%; width: 100%; margin: 0 auto;}
.iconlanding {background: #fafafa; border-radius: 50%; width: 52px;}
.iconlanding-i {font-size:20px; padding:14px 0;}
.iconlanding-txt {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 13px; font-weight: 900;}
.lh-35{line-height: 35px!important;}
.landing-par{background:#fafafa}
.font-16{font-size:16px}
.landing-i{font-size: 30px; position: relative; top: 5px;}
.vert-center{display: flex; justify-content: center; align-self: center;}
.fuente-mes {font-size: 11px!important; font-weight: 900;}
.fuente-26 {font-size: 26px}
.fuente-40p {font-size: 40%}
.fuente-50p {font-size: 50%}
.arrow-location-tab .slick-arrow:hover {background: #1c727e;}
@media (max-width: 575px) {
  .iconlanding-txt {font-size: 10px!important; line-height: 14px!important}
  .tt-promo-box .tt-description .tt-title-large {font-size: 33px;}
}
.tt-product:not(.tt-view) .tt-description {top:0!important}
.tt-promo-box .tt-description .tt-title-small {font-weight: 900; color: #1887bc;}
.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper, .tt-promo-box .tt-description {padding: 0!important}
.tt-description-wrapper, .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper .tt-background {background: transparent!important}
.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {max-width: 100%; min-width: 100%; width: 100%; bottom: 20px; position: absolute;}
.tt-texto {height: 54px!important; max-height: 54px!important;}
.tt-promo-box.hover-type-2:hover .tt-description-wrapper .tt-background {background: rgba(33, 18, 0, 0.9);}
.t-decimal:after {border-bottom: 1px solid #2879fe;}
.tt-promo-box .tt-description{background: transparent!important}
.fc-h1 span {font-weight: 900; letter-spacing: -0.05rem;}
ul.tt-social-icon.justify-content-center li a:hover {color: #2191ae}
@media (max-width: 1024px) {
.img-landing {margin:0px auto; text-align:center; width:100%}
.img-landing.primeraimg {margin:-50px auto 50px; text-align:center; width:100%}
.img-landing.segundaimg {margin:10px auto 20px!important; text-align:center; width:100%}
}
@media (min-width: 791px) {
.col-md-plan {
  flex: 0 0 20%;
  max-width: 20%;
}}
@media (min-width: 1025px) {
  .titulo-precio-plan {display: none}
  .img-landing {margin:0 auto; text-align:center; width:100%}
  .px-esp {padding: 1rem 6rem 2rem!important}
}
@media (min-width: 790px) and (max-width: 1024px) {
  .btn-home-1, .btn-home-2 {white-space: nowrap; vertical-align: middle; user-select: none; border: none; line-height: 1; font-weight: 400; outline: none; display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; color: rgb(255, 255, 255); border-radius: 20px; padding: 6px 21px 4px 21px!important; height: 45px!important; font-size: 18px !important;}
  .btn-home-1 i, .btn-home-2 i{font-size: 17px; margin-left: 10px!important;}
  .plan-titulo {font-size: 13px;}
  .tablaprecios-txt {width: 55%!important}
  .tablaprecios-i {width: 15%!important}
  .plan-0 {width: 0%!important}
  .plan-1, .plan-2, .plan-3, .plan-4, .plan-5 {width: 20%!important}
  .promo-badge {font-size: 12px; color: #fff; background: #19d359; height: 16px; width: 50px; padding: 8px 5px!important; line-height: 0px; border-radius: 10px; right: calc(50% - 25px); bottom: -28px;}
  .padre {max-width: 770px;}
  .px-esp {padding: 1rem 3rem 2rem!important}
}
@media (min-width: 576px) and (max-width: 789px) {
  .plan-0 {width: 0%!important}
  .plan-1, .plan-2, .plan-3, .plan-4 {width: 50%!important; display: block; float: left; margin-bottom: 50px;}
  .plan-5 {width: 100%!important; display: block; float: left; margin-bottom: 50px;}
  .promo-badge {font-size: 12px; color: #fff; background: #19d359; height: 16px; width: 50px; padding: 8px 5px!important; line-height: 0px; border-radius: 10px; right: calc(50% - 25px); bottom: -28px;}
  .plan-titulo {font-size: 12px;}
  .tablaprecios-txt {width: 55%!important}
  .tablaprecios-i {width: 12%!important}
  .padre {max-width: 546px;}
}
@media (max-width: 575px) {
  .precios-sincomision {display: block}
  .plan-0 {width: 0%!important}
  .plan-1, .plan-2, .plan-3, .plan-4, .plan-5 {width: 100%!important; display: block; margin-top: 30px;}
  .promo-badge {font-size: 12px; color: #fff; background: #19d359; height: 16px; width: 50px; padding: 8px 5px!important; line-height: 0px; border-radius: 10px; right: calc(50% - 25px); bottom: -28px;}
  .plan-titulo {font-size: 9px;}
  .tablaprecios-txt {width: 48%!important; line-height: 19px}
  .tablaprecios-i {width: 12%!important}
  td.tablaprecios-i i {font-size: 20px!important;}
  .center-575 {text-align: center;}
  .padre {width: calc(100% - 40px);}
}
@media (max-width: 789px) {
  .img-landing {padding: 0 5rem;} 
  a.tt-title-large.txt3-home {margin-bottom: 70px;}
}
@media (min-width: 481px) and (max-width: 789px) {
  .px-esp {padding: 1rem 8rem 2rem!important}
}
@media (max-width: 480px) {
  .btn-home-1, .btn-home-2, .btn-home-1:hover, .btn-home-2:hover {font-size:16px!important; padding: 4px 16px 3px 16px!important}
  .btn-home-1 i, .btn-home-2 i {font-size: 13px!important;}
  .px-esp {padding: 1rem 3rem 2rem!important}
}

/* barras laterales*/
body::-webkit-scrollbar, #carrito-canastita::-webkit-scrollbar {background-color:#fff; width:16px}
body::-webkit-scrollbar-track, #carrito-canastita::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb, #carrito-canastita::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:4px solid #fff}
body::-webkit-scrollbar-button, #carrito-canastita::-webkit-scrollbar-button {display:none}
/* barras laterales*/
/*base*/
.tt-description-wrapper{background: rgba(40, 121, 254, .75); padding: 6px; border-radius: 4px;}
.tt-description .tt-obj-bottom {background: rgba(40, 121, 254, .75); width: calc(100% - 58px); margin-left: -6px; padding: 6px 6px 4px;border-radius: 4px;}
.tt-promo-02 .tt-description .tt-obj-bottom {bottom: 20px}
.tt-base-color {
    color: #231f20;
}
.color-2{color:#28c1fe!important}
.logo-splash{width: 100%!important}

.tt-promo-fixed .tt-description a {
    line-height: 15px!important;
    padding-top: 5px!important;
}
.mw-80{max-width: 80px}
@media (min-width: 1230px) {
  .plan-titulo {font-size: 16px;}
  .tablaprecios-txt {width: 55%!important; color: #363636;}
  .tablaprecios-i {width: 15%!important}
  .plan-0 {width: 55%!important}
  .plan-1, .plan-2, .plan-3 {width: 15%!important}
  .padre {max-width: 1200px;}
}
@media (min-width: 1025px) and (max-width: 1229px) {
  .plan-titulo {font-size: 14px;}
  .tablaprecios-txt {width: 55%!important}
  .tablaprecios-i {width: 15%!important}
  .tablaprecios-txt {width: 85%!important}
  .plan-0 {width: 55%!important}
  .plan-1, .plan-2, .plan-3 {width: 15%!important}
  .padre {max-width: 990px;}
}
@media (max-width: 1229px) {
  .tt-content-info {
    padding-left: 15%;
    padding-right: 15%;
  }
}
.fade.show {
  opacity: 1;
}
.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
button.close {
  background-color: transparent;
  border: 0;
}

/* landing */
.fw-700{font-weight:700!important}
.fw-900{font-weight:900!important}
.titulares {color:#ef0917!important}
.titulares-2 {color:#0ecb96!important}
.titulares-3 {color:#1799cb!important}
.subtitulares {color:#022730!important}
.titulares-pie-ecommerce {color:#d09cfb}
.link-pie-ecommerce {color:#ecebec}
.link-pie-ecommerce:hover {color:#b6e890}
.fnd-integraciones {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
@media (min-width:1230px) {
  .fondo-laptop-2 {background: rgb(135,0,10); background: linear-gradient(90deg, rgba(135,0,10,.9) 0%, rgba(239,9,23,.9) 100%); margin: 125px 0}
}
@media (min-width:1025px) and (max-width:1229px) {
  .fondo-laptop-2 {background: rgb(135,0,10); background: linear-gradient(90deg, rgba(135,0,10,.9) 0%, rgba(239,9,23,.9) 100%); margin:20px 0 75px 0}
}
@media (min-width:791px) and (max-width:1024px) {
  .laptop-izq {margin-top: -100px; padding-bottom: 50px; border-bottom: 1px dotted #cfcfcf; margin-bottom: -10px!important;}
  #panel-landing, #panel-landing-2, #panel-exito {min-width:400px; width: 400px; box-shadow: 0 10px 10px 0 rgb(0 0 0 / 7%)}
  .fondo-laptop-2 {background: rgb(135,0,10); background: linear-gradient(90deg, rgba(135,0,10,.9) 0%, rgba(239,9,23,.9) 100%); margin:20px 0 75px 0}
}
@media (min-width:791px)  {
  .anima-laptop-2 {animation: levita-laptop-2 2.5s ease-in-out infinite;}
  .anima-laptop-2 {bottom:50%; position: absolute;}
  .justify-cabecera-top {justify-content: space-between;}
  .logo-integracion-1 {max-height:40px;}
  .logo-integracion-2 {max-height:35px; padding-top: 5px}
  .tablaprecios-txt {font-size: 18px;}
  .logo-transparent-top {max-width:250px}
  .w-40-laptop-2 {width:40%}
  .w-60-laptop-2 {width:60%}
}
@media (max-width:790px)  {
  .mobbex-text {font-size: 16px!important; line-height: 28px!important; padding-bottom: 5px!important;}
  .anima-laptop-2 {animation: levita-laptop-2-moviles 2.5s ease-in-out infinite;}
  .anima-laptop-2 {margin-top: -30px; margin-bottom: 30px; position: relative;}
  .laptop-izq {margin-top: -100px; margin-bottom: -10px!important;}
  .justify-cabecera-top {justify-content: center; flex-direction: column;}
  .justify-cabecera-top .pr-md-3.pr-lg-5.mr-lg-5 {text-align: center!important;}
}
@media (min-width:576px) and (max-width:790px)  {
  #panel-landing, #panel-landing-2, #panel-exito {min-width:400px; width: 400px; box-shadow: 0 10px 10px 0 rgb(0 0 0 / 7%)}
  .logo-transparent-top {max-width:200px}
  .home-action-buttons {zoom:0.9}
  .fondo-laptop-2 {background: rgb(135,0,10); background: linear-gradient(90deg, rgba(135,0,10,.9) 0%, rgba(239,9,23,.9) 100%); margin:20px 0 50px 0}
  .logo-integracion-1 {max-width:100%; padding: 0 15px;}
  .logo-integracion-2 {max-width:100%; padding: 0 20px;}
  .tablaprecios-txt {font-size: 17px;}
  .w-40-laptop-2 {width:100%}
  .w-60-laptop-2 {width:100%}
  .fondo-laptop-2 .container .d-flex {flex-direction: column;}
}
@media (max-width:575px)  {
  .fondo-laptop-2 {background: rgb(135,0,10); background: linear-gradient(90deg, rgba(135,0,10,.9) 0%, rgba(239,9,23,.9) 100%); margin:20px 0 40px 0}
  .logo-transparent-top {max-width:200px}
  .home-action-buttons {display: none;}
  .cabecera-top {justify-content: center!important;}
  .logo-integracion-1 {max-width:100%; padding: 0 5px;}
  .logo-integracion-2 {max-width:100%; padding: 0 10px;}
  .tablaprecios-txt {font-size: 16px;}
  .tablaprecios-i i {font-size: 29px;}
}
.testimoniales .tt-content-info .tt-subscription .tt-text-large {font-size:25px!important; line-height:32px!important}
.estrellas{font-size:15px}
.gris {color:#6a6f77!important}
@keyframes levita-laptop-2 {
  0%, 100% {transform: translateY(50%) translateX(0) scale(1); filter: drop-shadow(5px 45px 15px rgba(0,0,0,0.1));}
  50% {transform: translateY(52%) translateX(0) scale(1); filter: drop-shadow(5px 30px 15px rgba(0,0,0,0.2));}
}
@keyframes levita-laptop-2-moviles {
  0%, 100% {transform: translateY(-5px) translateX(0) scale(1); filter: drop-shadow(5px 45px 15px rgba(0,0,0,0.1));}
  50% {transform: translateY(5px) translateX(0) scale(1); filter: drop-shadow(5px 30px 15px rgba(0,0,0,0.2));}
}
.logo-transparent-bottom {max-width:150px}
.logo-transparent-footer {max-width:100px}
.pre-fondo-laptop-2 {background:url(https://transparent.com.ar/site/images/img-fondo-laptop-2.webp); background-repeat:no-repeat; background-size:cover; background-position-y:50%}
.cabecera {background:#431185}
.container-indent0.bannerpos-2.bannerorden-1 {box-shadow: 0 0px 25px 1px rgb(0 0 0 / 10%); margin-top: 0px!important;}
.color-no {color: #cdcdcd;}
.color-t {color: #1799cb;}
/* landing */
/*form landing*/
  #main-frame {min-height:100vh!important;}
  #panel-landing, #panel-landing-2, #panel-exito {background: #fff;}
  .subtit-alta {border-bottom: 1px solid #eaeaea;font-size: 1rem}
  .btn-crear, .btn-opciones-alta {border-radius:25px; font-size:16px}
  #boton-alta:disabled {background:#aaa;}
  #panel-procesando {color:#303030}
  .form-group.floating>label {bottom: 42px; left: 8px; position: relative; background-color: white; padding: 0px 10px; font-size: 1.1em; transition: 0.1s; pointer-events: none; font-weight: 500 !important; transform-origin: bottom left;}
  .form-group.floating.textarea>label {bottom: 72px;}
  .form-control.floating:focus~label{transform: translate(1px,-85%) scale(0.80); opacity: .8; color: #005ebf;}
  .form-control.floating:valid~label{transform-origin: bottom left; transform: translate(1px,-85%) scale(0.90); opacity: 1; color: #555555;}
  label.form-label.mb-2.d-block:after {height: 1px; background: #ced4da; width: 100%; content: ""; display: block; top: -10px; position: relative; z-index: 1;}
  .input-group-text {background:#fafafb}
  .fnd-exito {display: none}
  .icon-procesando {font-size: 250px; animation: pulso-procesando 2.5s ease-in-out infinite;}
  #check-terminos {position: relative; top: 2px;}
  @media (max-width:450px) {
    #panel-landing, #panel-landing-2 {min-width:100%; width: 100%;}
    .fnd-alta, .fnd-exito {background: #ffffff; transition: ease 0.5s all}
    .font-alta {font-size:16px}
  }
  @media (min-width:1025px) {
    #panel-landing, #panel-landing-2 {min-width:450px; width: 450px; box-shadow: 0 10px 10px 0 rgb(0 0 0 / 7%)}
  }
  @keyframes pulso-procesando {
    0%, 100% {transform: translateY(0) translateX(0) scale(1); opacity: 0; mix-blend-mode: multiply;}
    50% {transform: translateY(0) translateX(0) scale(0.95); opacity: .15; mix-blend-mode: multiply;}
  }
  select option {color: #6a6f77;}
  .img-form-2 {background: url(https://transparent.com.ar/site/images/capturas.webp); background-repeat: no-repeat; background-size:cover; background-position: bottom}
  .back-form-2 {background: rgb(33,8,65); background: linear-gradient(180deg, rgba(135,0,10,1) 0%, rgba(220,10,24,0.9) 100%);}
  .back-mobbex {background: rgb(112,0,255); background: linear-gradient(45deg, rgba(135,0,10,1) 0%, rgba(220,10,24,1) 100%);}
  .img-mobbex {max-width:100%;}
  .logo-mobbex {max-width:200px;}
  .back-laptop-2 {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
  .img-laptop-2 {max-width:100%;}
  .back-cabecera {background: rgb(143,4,185); background: linear-gradient(180deg, rgb(143 4 185 / 70%) 0%, rgb(35 5 77 / 70%) 70%); min-height: 100vh;}
  .back-planes {background: url(https://transparent.com.ar/site/images/home3.webp); background-size: contain; background-repeat: no-repeat; background-position: top;}
  .tt-back-to-top {bottom: 50px!important;}
  .modal-backdrop {
    background: linear-gradient(176deg, #610488, #7705a2, #9736b6);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
@keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}
/*form landing*/
/* font awesome */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-display: block;
  font-weight: 900;
  src: url("../../iconos/webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url("../../iconos/webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
  
.fa-brands,.fab {
  font-family: "Font Awesome 5 Brands"
}

.fa {
  font-family: var(--fa-style-family,"Font Awesome 5 Pro");
  font-weight: var(--fa-style,900)
}
.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fa-classic,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fal,.far,.fas,.fat {
  font-family: "Font Awesome 5 Pro"
}
.fa-star:before {
  content: "\f005"
}
.fa-check-circle:before,.fa-circle-check:before {
  content: "\f058"
}
.fa-quote-right-alt:before,.fa-quote-right:before {
  content: "\f10e"
}
.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before {
  content: "\f00d"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-check:before {
  content: "\f00c"
}
:host,:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}
.fa-brands,.fab {
  font-weight: 400
}
.fa-whatsapp:before {
  content: "\f232"
}
.fa-globe-pointer:before {
  content: "\e60e"
}
.fa-cart-shopping:before {
  content: "\f07a"
}
.fa-store:before {
  content: "\f54e"
}
.fa-instagram:before {
  content: "\f16d"; 
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-x-twitter:before {
  content: "\e61b";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-youtube:before {
  content: "\f167";
}
:host,:root {
  --fa-style-family-duotone: "Font Awesome 6 Duotone";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"
}
:host,:root {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"
}
:host,:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"
}
.fa-regular,.far {
  font-weight: 400
}
:host,:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"
}
.fa-solid,.fas {
  font-weight: 900
}
:host,:root {
  --fa-style-family-classic: "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro"
}
.carta {transform: translateY(0); transition: ease 0.25s all; background: #ffffff; border-radius: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);}
.carta:hover {transform: translateY(-10px); transition: ease 0.25s all; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
.carta i:not(.fa-chevron-right) {font-size: 38px; opacity: 0.25;}