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

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

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

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

article {
    height: 100vh
}

.page-id-1703 #content,
.page-id-1703 article {
    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
}

html {
    margin-top: 0 !important
}

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

#simulador {
    position: relative
}

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

.offcanvas {
    z-index: 8050
}

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

#first-column {
    transition: transform .3s ease-in-out;
    position: relative;
    z-index: 8050;
    background-color: #fff;
    padding-right: 0
}

.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
}

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

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

.loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    opacity: .85;
    width: 100%;
    background-color: #fff;
    transition: opacity 300ms ease, visibility 300ms ease;
}

.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: #000
}
#loading{
    opacity: 1 !important;
}
@keyframes loading {

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

    40% {
        opacity: 1
    }
}

#loading span:first-child {
    animation-delay: -.32s
}

#loading span:nth-child(2) {
    animation-delay: -.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;
    margin-top: 2px
}

.opacited {
    opacity: .5 !important
}

#menu button {
    color: #000
}

#menu .logosim {
    margin-top: -5px
}

#menuoffcanvas .offcanvas-body {
    padding-top: 0
}

#menuoffcanvas .dropdown {
    padding-left: 0
}

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

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

#menuoffcanvas .dropdown li a:hover {
    color: #777
}

#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: #fff;
    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);
    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);
    color: var(--primary-color)
}

#shirt .posed {
    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: 12009;
}

#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 #pantalon-afuera {
    z-index: 1002
}

#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: #000
}

#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-contrastado .col,
#cnt-tabs-tejido .col {
    margin-top: 0;
    padding: 0 4px
}

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

#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: 0;
    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
}

.shifted {
    transition: transform .3s ease
}

.has-search .form-control {
    padding-left: 2.375rem
}

.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
}

#offcanvasContrastado,
#offcanvasNuevo {
    border: 0 solid #fff;
    -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: .5rem 0
}

#offcanvasNuevo .offcanvas-body .half-circle {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(to right, #28a1da 50%, #258625 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: .65rem 1.25rem
}

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

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

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

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

#cnt-tabs-contrastado .card>.tela:hover>img,
#cnt-tabs-tejido .card>.tela:hover>img {
    border: 1px solid #a6a6a6
}

#cnt-tabs-contrastado .card.active>.tela>img,
#cnt-tabs-tejido .card.active>.tela>img {
    border: 1px solid #a6a6a6
}

#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: 400;
    text-shadow: 1px 0 4px rgba(0, 0, 0, .8)
}

#cnt-tabs-contrastado .card>.tela .ico_tags,
#cnt-tabs-tejido .card>.tela .ico_tags {
    position: absolute;
    top: 4px;
    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-contrastado .card>.tela .ico_tags .ico-new,
#cnt-tabs-tejido .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 0
}

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

#cnt-tabs-contrastado .card>.tela .ico_tags .ico-new p,
#cnt-tabs-tejido .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-contrastado .card .card-body,
#cnt-tabs-tejido .card .card-body {
    padding: 3px
}

#cnt-tabs-contrastado .custom-scroll,
#cnt-tabs-tejido .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
}

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

.custom-scroll.hide-scrollbar {
    transition: all .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 10ms ease-out, opacity 10ms 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;
    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 {
    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: 12009
}

#shirt-zoom #cuello-zoom {
    z-index: 12002
}

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

#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: 15655
}

#shirt-zoom #cuello-botones-zoom {
    z-index: 15653
}

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

#shirt-zoom #cuello-hilo-zoom {
    z-index: 15663
}

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

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

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

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

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

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

#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;
    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 #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;
    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;
    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 {
    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 - 144px)
}

#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: .85rem;
    padding-left: .3rem;
    padding-right: .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: .5rem;
    font-size: 13.6px;
    font-weight: 400;
    margin: 0
}

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

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

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

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

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

#v-pills-estilo .btn-cuello,
#v-pills-estilo .btn-pun {
    margin-bottom: .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 {
    color: #aaa
}

#simulador .cnt-opt-btn {
    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 .btn-link:active,
#simulador .option_trigger .btn-link:focus,
#simulador .option_trigger:active,
#simulador .option_trigger:focus,
#simulador .option_trigger:hover {
    color: #000 !important
}

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

#simulador .option_trigger.active:after {
    position: absolute;
    left: 17px;
    top: -2px;
    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: 1.92rem;
    color: #000
}

#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: #fff;
    opacity: 1;
    border-radius: 0 .375rem .375rem 0;
    border-left: 0 solid rgba(0, 0, 0, .176)
}

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

.cdr {
    display: flex;
    padding-left: 1.78rem;
     padding-right: 1rem;
    gap: 10px;
}

.cdrs {
    display: inline-block;
    width: 36px;
    height: 41px;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    border-bottom: 3px solid transparent
}
.cdr.sets.colores-iniciales{
    padding-left: 0rem; padding-right: 0rem;
}
.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
}

#set-botones.cdr {
    padding-top: 1rem;
    padding-left: .75rem;
    padding-right: .75rem
}

#set-botones a {
    display: inline-block;
    width: 50px;
    height: 50px;
    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: #000
}

.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: .85rem;
    color: #aaa
}

.svg-iniciales {
    position: absolute;
    z-index: 69999
}

.svg-iniciales svg {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0
}

.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: 0 0;
        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) {
    #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 {
        transform: scale(1.2)
    }

    #second-column #shirt-back,
    #second-column #shirt-front,
    #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: #fff;
        padding: 1.5rem;
        right: 0;
        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: #fff;
        opacity: 1;
        border-radius: 0 .375rem .375rem 0;
        border-left: 1px solid rgba(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 #carouselshirt,
    #second-column #shirt {
        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
    }

    #second-column #main-ops a.nav-link {
        margin: 0 5px
    }
}

@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 {
        min-width: 440px !important;
        max-width: 440px !important;
        flex: 0 0 auto !important
    }

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

@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-back,
    #second-column #shirt-front,
    #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-back,
    #second-column #shirt-front,
    #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-back,
    #second-column #shirt-front,
    #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-back,
    #second-column #shirt-front,
    #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-back,
    #second-column #shirt-front,
    #second-column #shirt-side {
        transform: scale(2.1)
    }
}

@media (min-width:389px) {

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