:root {
    --primary-color: #000;
    --secondary-color: #fff;
    --font-size: 1rem;
    --padding: 10px;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0 !important;
    overflow-y: hidden;
}



/* wordpress*/
body.page-id-11720 .jet-theme-core-document__inner {
    height: 100vh;
}

.wp-site-blocks,
header,
#wpadminbar {
    display: none !important;
}

article {
    height: 100vh;
}

.page-id-1703 article,
.page-id-1703 #content {
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.page-id-1703 #content>div {
    height: 100vh;
}

.page-id-1703 header,
footer {
    display: none;
}

.tooltip {
    z-index: 8500;
}

/* wordpress*/
html {
    margin-top: 0px !important;
}

body {
    font-family: Mulish, Arial, sans-serif;
    overflow-x: hidden;
    overflow-y: auto;
}

#simulador {
    position: relative;
}

#simulador .btn-close,
#fullScreenModal .btn-close {
    background-color: transparent;
    border-radius: unset;
    border: none;
}

.offcanvas {
    z-index: 8050;
}

#offcanvasNuevo,
#offcanvasContrastado {
    z-index: 8060;
}

#first-column {
    transition: transform 0.3s ease-in-out;
    position: relative;
    z-index: 8050;
    background-color: #ffffff;
    padding-right: 0;
    /*min-width: 388px;
    overflow-y: auto;
    transform: none !important;*/
}


.cnt-filter-opts .form-group {
    width: 100%;
    margin-right: 20px;
}

.cnt-filter-opts .btnfiltros {
    width: 190px;
}

.cnt-filter-opts .btnfiltros-reset {
    margin-left: 8px;
    width: 108px;/*175px*/
}

.cnt-filter-opts .btnfiltros span,
.cnt-filter-opts .btnfiltros-reset span {
    font-size: 0.8rem;
}

#second-column {
    background-color: #F5F4F3;
    position: relative;
}

.loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    opacity: 0.7;
    width: 100%;
    background-color: #ffffff;
}

.loading.op {
    background-color: rgba(255, 255, 255, .0);
}

.loading img {
    width: 70px;
    position: absolute;
    z-index: 9999;
    left: 55%;
    margin-left: -35px;
    top: 50%;
}

.loading .loading-in {
    width: 62px;
    height: 40px;
    position: absolute;
    z-index: 999999999;
    left: 50%;
    margin-left: -31px;
    top: 40%;
}

.loading span {
    font-size: 86px;
    line-height: 10px;
    animation: loading 1.4s infinite ease-in-out;
}

#loading-sc.loading span {
    color: black;
}

@keyframes loading {

    0%,
    80%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

#loading span:nth-child(1) {
    animation-delay: -0.32s;
}

#loading span:nth-child(2) {
    animation-delay: -0.16s;
}

#second-column #menu {
    position: absolute;
    z-index: 5000;
    margin-top: 20px;
    margin-left: 16px;
}

#menu .dropdown {
    display: flex;
}

#menu .dropdown a {
    margin-left: 5px;
}

.opacited {
    opacity: .5 !important;
}

#menu button {
    color: #000;
}

#menuoffcanvas .dropdown {
    padding-left: 0;
}

#menuoffcanvas .dropdown li {
    list-style: none;
    padding-bottom: 40px;
}

#menuoffcanvas .dropdown li a {
    text-decoration: none;
    font-size: 26px;
    color: #212727;
}

#menuoffcanvas .dropdown li a:hover {
    color: #777777;
}

#second-column #opts {
    display: flex;
    position: relative;
    z-index: 3000;
    height: 100%;
    align-items: center;
    width: 125px;
}

#second-column #tela-info {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200002;
    opacity: 1;
    width: 100%;
    height: 100vh;

}

#second-column #tela-info-cnt {
    position: relative;
    z-index: 200003;
    opacity: 1;
    width: 100%;
    height: 100%;
}

#second-column #tela-info .btn-close {
    position: fixed;
    top: 24px;
    right: 30px;
    transform: scale(1.6);
    z-index: 200006;
}

#second-column #tela-info #tela-info-details {
    position: relative;
    z-index: 200006;
    width: 80%;
    height: 30%;
    background-color: #ffffff;
    padding: 40px;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -0%);
}

#second-column #tela-info .bg {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200004;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#second-column #carouselshirt {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 100vh;
}

#second-column #carouselshirt .carousel-inner {
    height: 100vh;
    z-index: 1000;
}

#second-column #carouselshirt .carousel-inner .carousel-item {
    height: 100vh;
    z-index: 1000;
}

#second-column #carouselshirt .carousel-control-next,
#second-column #carouselshirt .carousel-control-prev {
    top: unset;
    z-index: 100002;
    bottom: 52px;
    border: none;
}

#second-column #carouselshirt .carousel-control-prev {
    left: 15%;
    background-color: transparent;
}

#second-column #carouselshirt .carousel-control-next {
    right: 15%;
    background-color: transparent;
}

#second-column #shirt {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#shirt-details {
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 240px;
    height: 395px;
    right: 1rem;
    transform: translate(-1rem, -50%);
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: column;
    z-index: 3010;
}

#shirt-details .title span {
    display: block;
}

#shirt-details .next {
    margin: 45px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#shirt-details .next .step_next {
    padding: 6px 30px;
    background-color: var(--primary-color);
    /*FF7A00*/
    color: var(--secondary-color);
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    text-decoration: none;
    height: 52px;
    min-width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2sease-in;
    transition: all .2sease-in;
    margin-left: auto;
}

#shirt-details .next .step_next:hover {
    background-color: var(--secondary-color);
    /*FF7A00*/
    color: var(--primary-color);
}

#shirt .posed {
    /* width: 600px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 0;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
}

#shirt .posed img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

#shirt #sombra {
    z-index: 10005;
}
#shirt #pliegue {
    z-index: 12010;
}
#shirt #cierre {
    z-index: 12001;
}
#shirt #cuerpo {
    z-index: 12000;
}
#shirt #cuello-solo {
    z-index: 12015;
}
#shirt #cuello-cierre {
    z-index: 12014;
}
#shirt #cuello {
    z-index: 12002;
}

#shirt #etiqueta {
    z-index: 15010;
}

#shirt #bolsillo {
    z-index: 13003;
}

#shirt #cuello-contrastado {
    z-index: 13600;
}

#shirt #cuello-botones {
    z-index: 15101;
}

#shirt #bolsillo-ojales {
    z-index: 15002;
}

#shirt #cuello-botones-over {
    z-index: 15103;
}

#shirt #bolsillo-botones {
    z-index: 15102;
}

#shirt #cuello-hilo {
    z-index: 15111;
}

#shirt #cuello-hilo-over {
    z-index: 15113;
}

#shirt #cuerpo-ojales {
    z-index: 15200;
}

#shirt #cuello-ojales {
    z-index: 15201;
}

#shirt #cuerpo-ojales-over {
    z-index: 15202;
}

#shirt #bolsillo-hilo {
    z-index: 15202;
}

#shirt #cuello-ojales-over {
    z-index: 15203;
}

#shirt #cuerpo-botones {
    z-index: 15300;
}

#shirt #cuerpo-botones-over {
    z-index: 15302;
}

#shirt #cuerpo-hilo {
    z-index: 15400;
}

#shirt #cuerpo-hilo-over {
    z-index: 15402;
}

#shirt #manga {
    z-index: 15603;
}

#shirt #manga-corta {
    z-index: 15604;
}

#shirt #puno-contrastado {
    z-index: 15610;
}

#shirt #manga-ojales {
    z-index: 15650;
}

#shirt #manga-ojales-over {
    z-index: 15652;
}

#shirt #manga-botones {
    z-index: 15653;
}

#shirt #manga-botones-over {
    z-index: 15655;
}

#shirt #manga-hilo {
    z-index: 15663;
}

#shirt #manga-hilo-over {
    z-index: 15665;
}

.arrow {
    z-index: 100004;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: background-color .3sease;
    transition: background-color .3sease;
    cursor: pointer;
    bottom: 52px;
    top: unset;
}

.arrow.left {
    left: 50px;
}

.arrow.right {
    right: 120px;
}

#second-column #shirt-front {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.4);
    transform-origin: center;
}

#shirt-front .posed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -44%);
    max-width: 492px;
    height: auto;
}

#shirt-front .posed img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

#shirt-front #man {
    z-index: 1000;
}
#shirt-front #cuerpo-porfuera-front{
    z-index: 1003;
}
#shirt-front.afuera #cuerpo-porfuera-front {
    z-index: 4556;
}
#shirt-front #cuerpo-front {
    z-index: 1002;
}

#shirt-front.afuera #cuerpo-front {
    z-index: 4555;
}

#shirt-front #cuello-front {
    z-index: 1002;
}

#shirt-front #manga-front {
    z-index: 1004;
}

#shirt-front #manga-corta-front {
    z-index: 12004;
}

#shirt-front #cuerpo-ojales-front {
    z-index: 5000;
}

#shirt-front #cuerpo-botones-front {
    z-index: 5100;
}

#shirt-front #cuerpo-hilo-front {
    z-index: 5200;
}

#shirt-front #cuello-ojales-front {
    z-index: 5001;
}

#shirt-front #cuello-botones-front {
    z-index: 5101;
}

#shirt-front #cuello-hilo-front {
    z-index: 5201;
}

#shirt-front #sombra-manga-larga-front {
    z-index: 1000;
}

#shirt-front #cuello-casual-front {
    z-index: 1002;
}

#shirt-front #cuello-ojales-casual-front {
    z-index: 5001;
}

#shirt-front #cuello-botones-casual-front {
    z-index: 5101;
}

#shirt-front #cuello-hilo-casual-front {
    z-index: 5201;
}

#shirt-front #manga-casual-front {
    z-index: 1004;
}

#shirt-front #sombra-cuello-casual-front {
    z-index: 1000;
}

#shirt-front #sombra-manga-casual-front {
    z-index: 1000;
}

#shirt-front #zapatos {
    z-index: 1000;
}

#shirt-front #pantalon {
    z-index: 5555;
}

/*#shirt-front.afuera #pantalon {
    z-index: 1002;
}*/
#shirt-front #pantalon-afuera{
    z-index: 1002; 
}
/*#shirt-front.afuera #pantalon-afuera{
    display: block;
}*/
#shirt-front #bolsillo-front {
    z-index: 13003;
}

#second-column #shirt-back {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.4);
}

#shirt-back .posed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -44%);
    max-width: 492px;
    height: auto;

}

#shirt-back .posed img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

#shirt-back #man-back {
    z-index: 1000;
}
#shirt-back #pinza-back{
    z-index: 1002;
}
#shirt-back #cuerpo-back {
    z-index: 1001;
}

#shirt-back #cuello-back {
    z-index: 1003;
}

#shirt-back #zapatos-back {
    z-index: 1000;
}

#shirt-back #pantalon-back {
    z-index: 5555;
}

#shirt-back #manga-back {
    z-index: 1004;
}

#shirt-back #manga-ojales-back {
    z-index: 5001;
}

#shirt-back #manga-botones-back {
    z-index: 5101;
}

#shirt-back #manga-hilo-back {
    z-index: 5201;
}

#shirt-back #manga-coderas-back {
    z-index: 1600;
}

#shirt-back #sombra-manga-back {
    z-index: 1000;
}

#shirt-back #manga-casual-back {
    z-index: 1004;
}

#shirt-back #manga-ojales-casual-back {
    z-index: 5001;
}

#shirt-back #manga-botones-casual-back {
    z-index: 5101;
}

#shirt-back #manga-hilo-casual-back {
    z-index: 5201;
}

#shirt-back #sombra-manga-casual-back {
    z-index: 1000;
}

#second-column #shirt-side {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.4);
}

#shirt-side .posed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -44%);
    max-width: 492px;
    height: auto;

}

#shirt-side .posed img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

#shirt-side #man-side {
    z-index: 1000;
}

#shirt-side #cuerpo-side {
    z-index: 1002;
}

#shirt-side #cuello-side {
    z-index: 1005;
}

#shirt-side #zapato-side {
    z-index: 1000;
}

#shirt-side #pantalon-side {
    z-index: 5555;
}

#shirt-side #cuerpo-ojales-side {
    z-index: 5002;
}

#shirt-side #cuerpo-botones-side {
    z-index: 5102;
}

#shirt-side #cuerpo-hilo-side {
    z-index: 5202;
}

#shirt-side #manga-derecha-side {
    z-index: 5607;
}

#shirt-side #manga-izquierda-side {
    z-index: 1000;
}

#shirt-side #manga-izquierda-ojales-side {
    z-index: 5005;
}

#shirt-side #manga-izquierda-botones-side {
    z-index: 5105;
}

#shirt-side #manga-izquierda-hilo-side {
    z-index: 5205;
}

#shirt-side #sombra-manga-izquierda-side {
    z-index: 1000;
}

#shirt-side #sombra-manga-izquierda-side {
    z-index: 1000;
}

#shirt-side #cuello-ojales-side {
    z-index: 5003;
}

#shirt-side #cuello-botones-side {
    z-index: 5103;
}

#shirt-side #cuello-hilo-side {
    z-index: 5203;
}

#shirt-side #sombra-cuello-side {
    z-index: 1000;
}

#shirt-side #manga-derecha-casual-side {
    z-index: 5607;
}

#shirt-side #manga-izquierda-casual-side {
    z-index: 1000;
}

#shirt-side #cuello-casual-side {
    z-index: 1005;
}

#shirt-side #cuello-ojales-casual-side {
    z-index: 5003;
}

#shirt-side #cuello-botones-casual-side {
    z-index: 5103;
}

#shirt-side #cuello-hilo-casual-side {
    z-index: 5203;
}

#shirt-side #sombra-cuello-casual-side {
    z-index: 5203;
}

#opt-zoom {
    position: absolute;
    right: 3.5%;
    top: unset;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: background-color .3sease;
    transition: background-color .3sease;
    bottom: 52px;
    z-index: 100002;
}

#opt-zoom button {
    border: none;
    background-color: transparent;
}

#opt-type {
    position: absolute;
    right: 3.5%;
    top: unset;
    bottom: 126px;
    z-index: 100002;
    background-color: transparent;
    -webkit-transition: background-color .3sease;
    transition: background-color .3sease;
}

.arz i {
    font-size: 2.2rem;
    color: #818181;
}

.arz:hover i {
    color: #000000;
}

#cnt-tabs-tejido {
    margin-top: 1.2rem;
    max-height: calc(100vh - 121px);
    overflow-x: hidden;
}

#cnt-tabs-contrastado {
    margin-top: 1.2rem;
    max-height: calc(100vh - 121px);
    overflow-x: hidden;
}

#cnt-tabs-tejido .col,
#cnt-tabs-contrastado .col {
    margin-top: 0;
    padding: 0 4px;
}

#second-column #main-ops a.nav-link {
    opacity: .5;
}

#second-column #main-ops a.nav-link.active {
    background-color: transparent;
    opacity: 1;
}

#second-column #main-ops a.nav-link span {
    display: block;
    text-align: center;
}

#second-column #main-ops a.nav-link span.title {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    letter-spacing: 1.38px;
}

#second-column #main-ops a.nav-link img {
    width: 24px;
}

#v-pills-tejido-tab .message {
    display: block;
    height: 40px;
    width: 52px;
    position: absolute;
    margin-top: -52px;
    margin-left: -7px;
}

#v-pills-tejido-tab .message img {
    width: 100% !important;
    height: auto;
}

.offcanvas-backdrop.fade.show {
    opacity: .0;
    /*z-index: auto;*/
}

.shifted {
    transition: transform 0.3s ease;
}

.has-search .form-control {
    padding-left: 2.375rem;
    /*width: auto;*/
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 2px;
}

#offcanvasNuevo,
#offcanvasContrastado {
    border: 0px solid #ffffff;
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .25);

}

#offcanvasNuevo {
    max-width: 300px;
}

#offcanvasNuevo .offcanvas-body .form-check-input {
    width: 1.5em;
    height: 1.5em;
}

#offcanvasNuevo .offcanvas-body hr {
    margin: 0.5rem 0;
}

#offcanvasNuevo .offcanvas-body .half-circle {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(to right, rgb(40, 161, 218) 50%, rgb(37, 134, 37) 50%);
    transform: rotate(45deg);
    cursor: pointer;
    overflow: hidden;
    margin-right: 10px;
}

#offcanvasNuevo .offcanvas-body .half-circle:hover {
    border: 2px solid #535353;
}

#offcanvasNuevo .offcanvas-body .half-circle:hover::before {
    border: 3px solid #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}

#offcanvasNuevo .offcanvas-body .half-circle.active {
    border: 2px solid #535353;
}

#offcanvasNuevo .offcanvas-body .half-circle.active::before {
    border: 3px solid #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}

#offcanvasNuevo .offcanvas-body .half-circle-d {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    margin-right: 10px;
    background-size: cover;
}

#offcanvasNuevo .offcanvas-body .half-circle-d:hover {
    border: 2px solid #535353;
}

#offcanvasNuevo .offcanvas-body .half-circle-d:hover::before {
    border: 3px solid #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}

#offcanvasNuevo .offcanvas-body .half-circle-d.active {
    border: 2px solid #535353;
}

#offcanvasNuevo .offcanvas-body .half-circle-d.active::before {
    border: 3px solid #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}

#offcanvasNuevo .offcanvas-body .form-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1.25rem;
}

#offcanvasNuevo .offcanvas-body .form-check-label {
    margin-right: 10px;
    width: 100%;
}

#cnt-tabs-tejido .card,
#cnt-tabs-contrastado .card {
    border: 1px solid rgba(255, 255, 255, 0);
}

#cnt-tabs-tejido .card>.tela,
#cnt-tabs-contrastado .card>.tela {
    text-decoration: none;
    cursor: pointer;
    position: relative;
}


#cnt-tabs-tejido .card>.tela>img,
#cnt-tabs-contrastado .card>.tela>img {
    padding: 3px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 1);
}

#cnt-tabs-tejido .card>.tela:hover>img,
#cnt-tabs-contrastado .card>.tela:hover>img {
    border: 1px solid rgba(166, 166, 166, 1);
}

#cnt-tabs-tejido .card.active>.tela>img,
#cnt-tabs-contrastado .card.active>.tela>img {
    border: 1px solid rgba(166, 166, 166, 1);
}

#cnt-tabs-tejido .card>.tela .ico_name {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none;
}

#cnt-tabs-tejido .card>.tela .ico_name h6 {
    color: #FFF;
    font-size: 1rem;
    font-weight: normal;
    text-shadow: 1px 0px 4px rgba(0, 0, 0, 0.8);
}

#cnt-tabs-tejido .card>.tela .ico_tags,
#cnt-tabs-contrastado .card>.tela .ico_tags {
    position: absolute;
    top: -1px;
    left: 4px;
    z-index: 10;
}

#cnt-tabs-tejido .card>.tela .ico_info {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
    display: none;
}

#cnt-tabs-tejido .card.active>.tela .ico_info,
#cnt-tabs-tejido .card.active>.tela .ico_name {
    display: block;
}

#cnt-tabs-tejido .card>.tela .ico_tags .ico-new,
#cnt-tabs-contrastado .card>.tela .ico_tags .ico-new {
    text-transform: uppercase;
    padding: 4px 6px;
    background-color: #c93636;
    color: #FFF;
    display: inline-block;
    letter-spacing: .73px;
    font-weight: 300;
    border-radius: 5px 0px;
}

#cnt-tabs-tejido .card>.tela .ico_info .ico-new {
    text-transform: uppercase;
    padding: 0px 6px 2px 6px;
    background-color: #515151;
    color: #FFF;
    display: inline-block;
    letter-spacing: .73px;
    font-weight: 300;
    border-radius: 0px 5px;
}

#cnt-tabs-tejido .card>.tela .ico_tags .ico-new p,
#cnt-tabs-contrastado .card>.tela .ico_tags .ico-new p {
    text-transform: uppercase;
    font-size: 8px;
    margin: 0;
}

#cnt-tabs-tejido .card>.tela .ico_info .ico-new i {
    text-transform: uppercase;
    font-size: 13px;
    margin: 0;
}

#cnt-tabs-tejido .card .card-body,
#cnt-tabs-contrastado .card .card-body {
    padding: 3px;
}

#cnt-tabs-tejido .custom-scroll,
#cnt-tabs-contrastado .custom-scroll {
    max-height: calc(100vh - 130px);
}

#cnt-tabs-tejido-filters .custom-scroll {
    max-height: calc(100vh - 83px);
    overflow-y: auto;
    padding-right: 5px;
}

#cnt-extras {
    overflow-x: hidden;
}

.custom-scroll::-webkit-scrollbar {
    width: 8px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #6c757d;
    border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #f8f9fa;
}

.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #8b8b8b #f8f9fa;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
}

.custom-scroll.hide-scrollbar::-webkit-scrollbar {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.custom-scroll.hide-scrollbar {
    transition: all 0.3s ease-in-out;
    scrollbar-color: transparent transparent;
}


#offcanvasColumna1 .offcanvas-body {
    overflow: hidden;
}

.btn-close:hover {
    color: #000;
    opacity: 1;
}

#offcanvasColumna1 .btn-close:hover {
    opacity: .75;
}

#fullScreenModal {
    z-index: 100010;
}

#fullScreenModal.modal.fade .modal-dialog {
    transition: transform 0.01s ease-out, opacity 0.01s ease-out;
}

#fullScreenModal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

#fullScreenModal .modal-body .btn-close {
    position: fixed;
    top: 24px;
    right: 30px;
    transform: scale(1.6);
    z-index: 5001;
}

#shirt-zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 1465px;
    /*1579*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.2);
}

#shirt-zoom .posed {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100vh;
    height: auto;
}

#shirt-zoom .posed img {
    /*max-width: 100%;
  width: 100%;*/
    height: 100%;
    object-fit: cover;
}
#shirt-zoom #pliegue-zoom {
    z-index: 12010;
}
#shirt-zoom #cierre-zoom {
    z-index: 12001;
}
#shirt-zoom #cuerpo-zoom {
    z-index: 12000;
}
#shirt-zoom #cuello-solo-zoom {
    z-index: 12015;
}
#shirt-zoom #cuello-cierre-zoom {
    z-index: 12014;
}
#shirt-zoom #cuello-zoom {
    z-index: 12002;
}

#shirt-zoom #manga-zoom {
    z-index: 12004;
}

#shirt-zoom #puno-contrastado-zoom {
    z-index: 13500;
}

#shirt-zoom #sombra-zoom {
    z-index: 10005;
}

#shirt-zoom #etiqueta-zoom {
    z-index: 15010;
}

#shirt-zoom #cuerpo-ojales-over-zoom {
    z-index: 12007;
}

#shirt-zoom #cuerpo-ojales-zoom {
    z-index: 12005;
}

#shirt-zoom #cuerpo-botones-over-zoom {
    z-index: 15102;
}

#shirt-zoom #cuerpo-botones-zoom {
    z-index: 15100;
}

#shirt-zoom #cuerpo-hilo-over-zoom {
    z-index: 15202;
}

#shirt-zoom #cuerpo-hilo-zoom {
    z-index: 15200;
}

#shirt-zoom #cuello-ojales-over-zoom {
    z-index: 15003;
}

#shirt-zoom #cuello-ojales-zoom {
    z-index: 15001;
}

#shirt-zoom #cuello-botones-over-zoom {
    z-index: 15103;
}

#shirt-zoom #cuello-botones-zoom {
    z-index: 15101;
}

#shirt-zoom #cuello-hilo-over-zoom {
    z-index: 15203;
}

#shirt-zoom #cuello-hilo-zoom {
    z-index: 15201;
}

#shirt-zoom #manga-ojales-over-zoom {
    z-index: 15005;
}

#shirt-zoom #manga-ojales-zoom {
    z-index: 15003;
}

#shirt-zoom #manga-botones-over-zoom {
    z-index: 15105;
}

#shirt-zoom #manga-botones-zoom {
    z-index: 15103;
}

#shirt-zoom #manga-hilo-over-zoom {
    z-index: 15205;
}

#shirt-zoom #manga-hilo-zoom {
    z-index: 15203;
}

#shirt-zoom #cuello-contrastado-zoom {
    z-index: 13600;
}

#shirt-zoom #manga-corta-zoom {
    z-index: 12004;
}

#shirt-zoom #bolsillo-zoom {
    z-index: 13003;
}

#shirt-zoom #bolsillo-ojales-zoom {
    z-index: 15002;
}

#shirt-zoom #bolsillo-botones-zoom {
    z-index: 15102;
}

#shirt-zoom #bolsillo-hilo-zoom {
    z-index: 15202;
}

#shirt-front-zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 2590px;
    /*2940*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.4);
}

#shirt-front-zoom .posed {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100vh;
    height: auto;
}

#shirt-front-zoom .posed img {
    height: 100%;
    object-fit: cover;
}

#shirt-front-zoom #man-front-zoom {
    z-index: 1000;
}

#shirt-front-zoom #cuerpo-porfuera-front-zoom {
    z-index: 1003;
}
#shirt-front-zoom.afuera #cuerpo-porfuera-front-zoom {
    z-index: 4555;
}
#shirt-front-zoom #cuerpo-front-zoom {
    z-index: 1002;
}
#shirt-front-zoom.afuera #cuerpo-front-zoom {
    z-index: 4555;
}

#shirt-front-zoom #cuello-front-zoom {
    z-index: 1002;
}

#shirt-front-zoom #manga-front-zoom {
    z-index: 1004;
}

#shirt-front-zoom #manga-corta-front-zoom {
    z-index: 1004;
}

#shirt-front-zoom #zapatos-front-zoom {
    z-index: 1000;
}
#shirt-front-zoom #pantalon-afuera-front-zoom {
    z-index: 1002;
}
#shirt-front-zoom #pantalon-front-zoom {
    z-index: 5555;
}


/*#shirt-front-zoom.afuera #pantalon-front-zoom {
    z-index: 1002;
}*/

#shirt-front-zoom #cuerpo-ojales-front-zoom {
    z-index: 5000;
}

#shirt-front-zoom #cuerpo-botones-front-zoom {
    z-index: 5100;
}

#shirt-front-zoom #cuerpo-hilo-front-zoom {
    z-index: 5200;
}

#shirt-front-zoom #cuello-ojales-front-zoom {
    z-index: 5001;
}

#shirt-front-zoom #cuello-botones-front-zoom {
    z-index: 5101;
}

#shirt-front-zoom #cuello-hilo-front-zoom {
    z-index: 5201;
}

#shirt-front-zoom #manga-sombra-front-zoom {
    z-index: 1000;
}

#shirt-front-zoom #cuello-sombra-front-zoom {
    z-index: 1000;
}

#shirt-front-zoom #cuello-casual-front-zoom {
    z-index: 1002;
}

#shirt-front-zoom #manga-casual-front-zoom {
    z-index: 1004;
}

#shirt-front-zoom #cuello-ojales-casual-front-zoom {
    z-index: 5001;
}

#shirt-front-zoom #cuello-botones-casual-front-zoom {
    z-index: 5101;
}

#shirt-front-zoom #cuello-hilos-casual-front-zoom {
    z-index: 5201;
}

#shirt-front-zoom #manga-sombra-casual-front-zoom {
    z-index: 1000;
}

#shirt-front-zoom #cuello-sombra-casual-front-zoom {
    z-index: 1000;
}

#shirt-front-zoom #bolsillo-front-zoom {
    z-index: 13003;
}

#shirt-back-zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 2590px;
    /*2940px*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.3);
}

#shirt-back-zoom .posed {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100vh;
    height: auto;
}

#shirt-back-zoom .posed img {
    height: 100%;
    object-fit: cover;
}

#shirt-back-zoom #man-back-zoom{
    z-index: 1000;
}
#shirt-back-zoom #pinza-back-zoom{
    z-index: 1002;
}
#shirt-back-zoom #cuerpo-back-zoom {
    z-index: 1001;
}

#shirt-back-zoom #cuello-back-zoom {
    z-index: 1003;
}

#shirt-back-zoom #manga-back-zoom {
    z-index: 1004;
}

#shirt-back-zoom #zapatos-back-zoom {
    z-index: 1000;
}

#shirt-back-zoom #pantalon-back-zoom {
    z-index: 5555;
}

#shirt-back-zoom #manga-ojales-back-zoom {
    z-index: 5001;
}

#shirt-back-zoom #manga-botones-back-zoom {
    z-index: 5101;
}

#shirt-back-zoom #manga-hilo-back-zoom {
    z-index: 5201;
}

#shirt-back #manga-coderas-back-zoom {
    z-index: 1600;
}

#shirt-back-zoom #manga-sombra-back-zoom {
    z-index: 1000;
}

#shirt-back-zoom #cuello-sombra-back-zoom {
    z-index: 1000;
}

#shirt-back-zoom #cuerpo-sombra-back-zoom {
    z-index: 1002;
}

#shirt-back-zoom #manga-casual-back-zoom {
    z-index: 1004;
}

#shirt-back-zoom #manga-ojales-casual-back-zoom {
    z-index: 5001;
}

#shirt-back-zoom #manga-botones-casual-back-zoom {
    z-index: 5101;
}

#shirt-back-zoom #manga-hilos-casual-back-zoom {
    z-index: 5201;
}

#shirt-back-zoom #manga-sombra-casual-back-zoom {
    z-index: 1000;
}

#shirt-side-zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    opacity: 1;
    width: 100%;
    height: 2590px;
    /*2940px*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: scale(1.3);
}

#shirt-side-zoom .posed {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -0%);
    width: 100vh;
    height: auto;
}

#shirt-side-zoom .posed img {
    height: 100%;
    object-fit: cover;
}

#shirt-side-zoom #man-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #cuerpo-side-zoom {
    z-index: 1002;
}

#shirt-side-zoom #cuello-side-zoom {
    z-index: 1005;
}

#shirt-side-zoom #manga-derecha-side-zoom {
    z-index: 5607;
}

#shirt-side-zoom #manga-izquierda-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #zapatos-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #pantalon-side-zoom {
    z-index: 5555;
}

#shirt-side-zoom #cuerpo-ojales-side-zoom {
    z-index: 5002;
}

#shirt-side-zoom #cuerpo-botones-side-zoom {
    z-index: 5102;
}

#shirt-side-zoom #cuerpo-hilo-side-zoom {
    z-index: 5202;
}

#shirt-side-zoom #cuello-ojales-side-zoom {
    z-index: 5003;
}

#shirt-side-zoom #cuello-botones-side-zoom {
    z-index: 5103;
}

#shirt-side-zoom #cuello-hilo-side-zoom {
    z-index: 5203;
}

#shirt-side-zoom #manga-izquierda-ojales-side-zoom {
    z-index: 5005;
}

#shirt-side-zoom #manga-izquierda-botones-side-zoom {
    z-index: 5105;
}

#shirt-side-zoom #manga-izquierda-hilos-side-zoom {
    z-index: 5205;
}

#shirt-side-zoom #manga-derecha-sombra-side-zoom {
    /*iz*/
    z-index: 1000;
}

#shirt-side-zoom #manga-izquierda-sombra-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #cuello-sombra-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #cuello-casual-side-zoom {
    z-index: 1005;
}

#shirt-side-zoom #manga-derecha-casual-side-zoom {
    z-index: 5607;
}

#shirt-side-zoom #manga-izquierda-casual-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #cuello-ojales-casual-side-zoom {
    z-index: 5003;
}

#shirt-side-zoom #cuello-botones-casual-side-zoom {
    z-index: 5103;
}

#shirt-side-zoom #cuello-hilos-casual-side-zoom {
    z-index: 5203;
}

#shirt-side-zoom #manga-sombra-casual-side-zoom {
    z-index: 1000;
}

#shirt-side-zoom #cuello-sombra-casual-side-zoom {
    z-index: 1000;
}

#v-pills-estilo .custom-scroll {
    max-height: calc(100vh - 130px);
}

#v-pills-extras .custom-scroll {
    max-height: calc(100vh - 130px);
}

#cnt-estilo {
    overflow-x: hidden;
}

#cnt-extras {
    overflow-x: hidden;
}

#simulador .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

#simulador .accordion-button:focus {
    box-shadow: none;
}

#simulador .accordion-button:hover,
#simulador .accordion-button:not(.collapsed) {
    background-color: #F5F4F3;
}

#simulador .accordion-button {
    text-transform: uppercase;
    font-size: 0.85rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    border: none;
}

#simulador .accordion-button.collapsed {
    background-color: #FFF;
    color: #212529;
}

#simulador .accordion-button:hover {
    color: #000;
}

#simulador .accordion-button .price {
    width: 100%;
    text-align: right;
    padding-right: 0.5rem;
    font-size: 13.6px;
    font-weight: normal;
    margin: 0;
}

#simulador .accordion-body {
    padding: 0.7rem 0;
}

#simulador .accordion-body h6 {
    padding-left: 1rem;
    padding-top: 1rem;
    font-size: 0.9rem;
    font-weight: normal;
    color: #000;
}

#simulador .accordion-body h5 {
    padding-top: 1rem;
    font-size: 0.9rem;
    color: #919191;
}

#simulador .btn-minimal,
#simulador #btntype {
    border-radius: 30px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: var(--secondary-color);
    padding: 6px 30px;
}

#simulador .btn-minimal:hover,
#simulador #btntype:hover {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}

#v-pills-estilo .btn-cuello,
#v-pills-estilo .btn-pun {
    margin-bottom: 0.5rem;
    font-size: .8rem;
}

#simulador .accordion-body h6>span {
    display: inline-block;
}

.box_title {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
}

.cnt-inside {
    padding-left: 1rem;
}

.price-ext {
    color: #aaa;
}

.form-check-label {
    /*font-size: 0.75rem;*/
    color: #AAA;
}

#simulador .cnt-opt-btn {
    /*max-height: calc(100vh - 33px);
  overflow-x: hidden;*/
    padding-top: 1.5rem;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #dee2e6;
    /* */
}

#simulador .tooltip {
    z-index: 999999;
}

#simulador .option_trigger {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    color: #AAA;
    text-decoration: none;
    border: none;
    background-color: transparent;
}

#simulador .option_trigger:hover,
#simulador .option_trigger:focus,
#simulador .option_trigger:active,
#simulador .option_trigger .btn-link:active,
#simulador .option_trigger .btn-link:focus {
    color: #000 !important;
}

#simulador .option_trigger.active {
    font-weight: 500;
    color: #212121;
}

#simulador .option_trigger.active:after {
    position: absolute;
    left: 10px;
    top: -10px;
    font-size: 26px;
}

#simulador .option_trigger.active:after {
    font-family: "sumisura";
    content: "\e817";
    font-weight: 700;
}

#simulador span.icon.man_shirt {
    display: block;
    height: 62px;
    line-height: 62px;
    font-family: "sumisura";
    font-size: 60px;
}

#simulador span.icon.head {
    font-size: 2.92rem;
    color: #000000;
}

#simulador span.icon.head:before {
    margin: 0;
}

#simulador .option_trigger .text {
    display: block;
    padding: 0 5px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #999;
}

#offcanvasContrastado .btn-close {
    position: absolute;
    right: -22px;
    top: 12px;
    background-color: white;
    opacity: 1;
    border-radius: 0 .375rem .375rem 0;
    border-left: 0px solid rgba(0, 0, 0, 0.176);
}

#offcanvasContrastado .offcanvas-body {
    margin-top: -32px;
}

.cdr {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
}

.cdrs {
    display: inline-block;
    width: 36px;
    height: 41px;
    margin: 0 14px 10px 0;
    padding-bottom: 2px;
    border-bottom: 3px solid transparent;
}

.cdrs.active {
    border-bottom: 3px solid #C2272D !important;
}

.cdrs span {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../images/shadow_extras_thread.png);
    background-repeat: no-repeat;
}

#sets-botones.cdr {
    padding-top: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#sets-botones a {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0 10px 20px 0;
}

.cnt-section-in {
    padding-left: 1rem;
    padding-right: 1rem;
}

#sets-inicials {
    display: flex;
    justify-content: center;
    align-items: center;
}

#sets-inicials .btn-close {
    margin-left: 1rem;
}

.fonts .form-check {
    display: flex;
    align-items: center;
    justify-content: left;
}

.fonts .form-check-label {
    font-size: 1.6rem;
    padding-left: 10px;
    text-transform: uppercase;
    color: #000000;
}

.fonts .font1 {
    font-family: "Yellowtail";
}

.fonts .font2 {
    font-family: "Dancing Script";
}

.fonts .font3 {
    font-family: "IBM Plex Serif", serif;
}

.fonts .font4 {
    font-family: "Roboto", sans-serif;
}

.fonts.posicion .form-check-label {
    font-size: 0.85rem;
    color: #AAA;
}

.svg-iniciales {
    position: absolute;
    /*margin-left: -40px;*/
    z-index: 69999;
    /*top: 50% ;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;*/
}

.svg-iniciales svg {

    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    /*max-width: 600px;
    height: auto;
    z-index: 70004;
    
    top: 50%;
    left: 50%;*/
}

.yellowtail-regular {
    font-family: "Yellowtail", cursive;
    font-weight: 400;
    font-style: normal;
}

.dancing-script-regular {
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.ibm-plex-serif-regular {
    font-family: "IBM Plex Serif", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

@media (min-width:1100px) {
    #shirt-front .posed {
        top: 60%;
    }

    #shirt-back .posed {
        top: 60%;
    }

    #shirt-side .posed {
        top: 60%;
    }
}

@media (max-width:936px) {
    #opt-zoom {
        display: none;
    }
}

@media (min-width: 768px) {

    .full-height {
        height: 100%;
    }

    #main-ops {
        flex-direction: column !important;
        background-color: rgba(245, 244, 243, .4);
    }

    #offcanvasColumna1 .offcanvas-header {
        display: none;
    }

    #offcanvasColumna1.offcanvas {
        position: static;
        display: block;
        visibility: visible;
        transform: none !important;
        width: 100%;
        max-width: none;
        height: auto;
        background: none;
        border: none;
        padding: 0;
    }

    #offcanvasColumna1 .offcanvas-body {
        display: block;
        height: auto;
        overflow: visible;
    }

    #offcanvasColumna1 .offcanvas-header .btn-close {
        display: none;
    }

    #shirt .posed {
        margin-left: -40px;
    }
}

@media (max-width:768px) {

    /*#carouselshirt .carousel-control-prev i.bi-chevron-left, 
    #carouselshirt .carousel-control-next i.bi-chevron-right{
        background-color: rgba(255, 255, 255, 0.5);
    }*/
    #menuoffcanvas {
        padding: 20px;
    }

    #shirt-details .next .step_next {
        min-width: fit-content;
    }

    #first-column .offcanvas-header {
        padding: 0;
        height: 1px;
    }

    #menuoffcanvas .offcanvas-header {
        height: 14px;
    }

    #v-pills-estilo .custom-scroll {
        max-height: calc(100vh - 200px);
    }

    #v-pills-extras .custom-scroll {
        max-height: calc(100vh - 200px);
    }

    .cnt-filter-opts .btnfiltros,
    .cnt-filter-opts .btnfiltros-reset {
        width: auto;
    }

    #second-column #shirt {
        /*width: 160%;*/
    }

    #shirt .posed {
        /*transform: translate(-87%, -50%)*/
    }

    #second-column #shirt {
        transform: scale(1.2);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(1.5);
    }

    #shirt-front .posed {
        transform: translate(-50%, -44%);
    }

    #shirt-back .posed {
        transform: translate(-50%, -44%);
    }

    #shirt-side .posed {
        transform: translate(-50%, -44%);
    }

    #shirt-details {
        position: relative;
        width: auto;
        height: auto;
        background-color: white;
        padding: 1.5rem;
        right: 0px;
        top: 0;
        transform: none;
        align-items: start;
        text-align: left !important;
    }

    #shirt-details .title {
        order: 1;
        width: 100%;
    }

    #shirt-details .title span {
        display: inline;
    }

    #shirt-details .price {
        order: 2;
        width: 100%;
    }

    #shirt-details .receive_it {
        order: 3;
        width: 100%;
        text-align: left !important;
    }

    #shirt-details .next {
        order: 4;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        margin: 0;
    }

    #opt-type {
        bottom: 250px;
    }

    #opt-zoom {
        bottom: unset;
        display: none;
    }

    #offcanvasNuevo {
        max-width: 230px;
    }

    #offcanvasColumna1,
    #offcanvasContrastado {
        width: 290px;
    }

    #offcanvasColumna1 .count,
    #offcanvasContrastado .count {
        display: none;
    }

    #offcanvasColumna1 .btnfiltros,
    #offcanvasContrastado .btnfiltros {
        margin-left: 10px;
        order: 3;
    }

    #offcanvasColumna1 .offcanvas-header .btn-close {
        position: absolute;
        right: -22px;
        top: 12px;
        background-color: white;
        opacity: 1;
        border-radius: 0 .375rem .375rem 0;
        border-left: 1px solid rgba(0, 0, 0, 0.176);
        border: none;
    }

    #second-column #opts {
        width: 100%;
        height: auto;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        padding-top: 60px;
    }

    #second-column #shirt,
    #second-column #carouselshirt {
        position: relative;
        height: 620px;
        overflow: hidden;
    }

    #second-column #carouselshirt .carousel-control-prev {
        left: 0;
        top: 0;
        bottom: 0;
    }

    #second-column #carouselshirt .carousel-control-next {
        right: 0;
        top: 0;
        bottom: 0;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .cnt-filter-opts {
        padding-bottom: 20px;
    }

    .cnt-filter-opts .form-group {
        position: absolute;
        margin-top: 100px;
    }

    .cnt-filter-opts .btnfiltros {
        width: 108px;
    }

    #cnt-tabs-tejido {
        margin-top: 3.2rem;
        max-height: calc(100vh - 143px);
    }

    #cnt-tabs-contrastado {
        margin-top: 3.2rem;
        max-height: calc(100vh - 143px);
    }
}

@media (min-width: 1200px) {
    #first-column {
        /*max-width: 560px;*/
        min-width: 440px !important;
        max-width: 440px !important;
        flex: 0 0 auto !important;
    }

    #second-column {
        flex-grow: 1;
    }
}

@media (max-width:563px) {}

@media (min-width:540px) and (max-width: 640px) {
    #second-column #shirt {
        width: 100%;
    }

    #shirt .posed {
        transform: translate(-50%, -50%)
    }
}

@media (min-width:480px) and (max-width: 540px) {
    #second-column #shirt {
        width: 100%;
    }

    #shirt .posed {
        transform: translate(-50%, -50%)
    }
}

@media (max-width:480px) {
    #second-column #shirt {
        width: 100%;
    }

    #shirt .posed {
        transform: translate(-50%, -50%)
    }
}

@media (min-width:705px) and (max-width: 768px) {
    #second-column #shirt {
        transform: scale(1.15);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(1.4);
    }
}

@media (min-width:610px) and (max-width: 705px) {
    #second-column #shirt {
        transform: scale(1.3);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(1.6);
    }
}

@media (min-width:560px) and (max-width: 610px) {
    #second-column #shirt {
        transform: scale(1.5);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(1.8);
    }
}

@media (min-width:459px) and (max-width: 560px) {
    #second-column #shirt {
        transform: scale(1.6);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(1.8);
    }
}

@media (min-width:389px) and (max-width: 459px) {
    #second-column #shirt {
        transform: scale(1.9);
    }

    #second-column #shirt-front,
    #second-column #shirt-back,
    #second-column #shirt-side {
        transform: scale(2.1);
    }


}

@media (min-width:389px) {

    #shirt-front .posed,
    #shirt-back .posed {
        transform: translate(-52%, -44%);
    }

}