.modal-dialog.modal-calc {max-width: 43.5rem;}
.modal-dialog.modal-calc._res {max-width: 77rem;}
.modal-dialog.modal-calc .modal-body {padding: 0; padding-top: 1rem;}
.modal-dialog.modal-calc .close {font-size: 2.5rem; margin-top: -1.125rem; margin-right: 0.5rem;}

/*.mattressCalculator {background: url(images/calcBg.svg) center center no-repeat; background-size: cover; border-radius: 16px;} */
.mattressCalculator__img {padding: 14px; border-radius: 50%; border: 2px solid #248a88; background: #fff;}
.mattressCalculator__img .img2Background {height: 0; padding-top: 100%; background-position: center; background-size: cover; border-radius: 50%;} 
.mattressCalculator__title {font-size: 2.75rem; color: #2ca3a1; text-transform: uppercase; font-weight: 600; padding-bottom: 1.125rem;}
.mattressCalculator__text {font-weight: 500; color: #6c6c6c; font-size: 1.5rem;padding-bottom: 1.75rem;}
.mattressCalculator__btn {}
.mattressCalculator__col {}
.mattressCalculator__col._img {padding: 1.25rem 0 1.25rem 6.25rem;}
.mattressCalculator__col._desc {padding: 1.25rem 20rem 1.25rem 6rem;}

#MCapp {text-align: center; padding-top: 0.5rem; padding-bottom: 0.5rem;}

.MCappStep {padding: 2rem 3.75rem;}
.MCappStep__title {color: #4a4a4a; font-size: 1.625rem; text-transform: uppercase; font-weight: 500; padding-bottom: 0.75rem;}
.MCappStep__help {height: 2rem; padding-top: 0.75rem;}
.MCappStep__values {padding-top: 1rem;}
.MCappStep__question {padding-bottom: 2.75rem;}
.MCappStep__question:last-child {padding-bottom: 0;}
.MCappStep__back {color: #62a19f; font-size: 1.125rem;}

.MCappStep__valueItem { margin-bottom: 1rem;}
.MCappStep__valueItem:last-child {margin-bottom: 0;}
.MCappStep__value {font-size: 1.125rem; color: #4a4a4a; display: block; border: 1px solid #d6d6d6; border-radius: 0.625rem; padding: 1.125rem 3.5rem 1rem; position: relative; background: #fff; width: 100%; text-align: left;}
.MCappStep__value:before {content: ''; position: absolute; top: 50%; left: 0.125rem; transform: translateY(-50%); background: url(images/sprite.svg) 0 -3.125rem no-repeat; background-size: 3.125rem auto; width: 3.125rem; height: 3.125rem; }
.MCappStep__value:hover {}
.MCappStep__value._active:before {background-position: 0 -6.25rem;}
.MCappStep__back {padding-left: 1.125rem; display: inline-block; cursor: pointer;}
.MCappStep__back:before {content: ''; background: url(images/sprite.svg) 0 0 no-repeat; background-size: 3.125rem auto; width: 3.125rem; height: 3.125rem; position: absolute; left: -0.25rem; top: 50%; transform: translateY(-50%);}
.MCappStep__back:hover {text-decoration: underline;}
.MCappStep__label {position: absolute; height: 2.5rem; width: 3.125rem; right: 0; top: 50%; transform: translateY(-50%);}
.MCappStep__label:before {content: ''; display:block; position: absolute; background: url(images/sprite.svg) 0 -12.5rem no-repeat; background-size: 3.125rem auto; width: 3.125rem; height: 3.125rem; right: 0; top: 50%; transform: translateY(-50%);}

.MCappStep__next {margin-top: 2.5rem;}
.MCappStep__res {width: 69rem; margin-top: 1.5rem;}
.MCappStep__res._load {height: 20rem; background: #f8f8f8 url(images/loader.svg) center center no-repeat; border-radius: 1.25rem;}
.MCappStep__res._empty {height: 20rem; background: #f8f8f8 url(images/bg_empty.jpg) center center no-repeat; background-size: cover; border-radius: 1.25rem; }
.MCappStep__res._catalog {min-height: 39.5rem;}

.MCappStep__empty {padding: 6rem 3rem 1rem 29rem; text-align: left;}
.MCappStep__emptyTitle {color: #414141; font-size: 1.625rem; text-transform: uppercase; font-weight: 600; padding-bottom: 1rem;}
.MCappStep__emptyDesc {color: #6c6c6c; font-size: 1.125rem; font-weight: 500; padding-bottom: 2rem;}
.MCappStep__btnRestart {padding-left: 4.5rem !important; padding-right: 2.75rem !important; text-transform: uppercase; position: relative;}
.MCappStep__btnRestart:before {content: ''; display:block; position: absolute; background: url(images/sprite.svg) 0 -9.375rem no-repeat; background-size: 3.125rem auto; width: 3.125rem; height: 3.125rem; left: 1.5rem; top: 50%; transform: translateY(-50%);}


.mattressCalculator {
    /*background: ;*/
}
/*.button_img {*/
/*    position: absolute;*/
/*    right: 14vw;*/
/*    top: 4vw;*/
/*    width: calc(200*(100vw / 1920));*/
/*    cursor: pointer;*/
/*}*/
/*.button_img:hover {*/
/*    opacity: 0.7;*/
/*}*/
.banner_new {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-transition:
            box-shadow 0.7s;
    transition:
            box-shadow 0.7s;
}
.banner_new img:hover {
    box-shadow: 0px 0px 0.375rem 0px rgba(255, 255, 255, 0.39);
}
.banner_new img {
    border-radius: 10px;
}

.banner_mobile {
    display: none;
}

@media (min-width: 1024px) {
    .mattressCalculator__btn {
        text-transform: uppercase;
        background: #f2c549;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
        font-weight: 600;
        position: absolute;
        right: 14.5%;
        bottom: 30px;
        box-shadow: 2px 2px 8px 5px rgb(0 0 0 / 21%);
        width: calc(200*(100vw / 1920));
        transition: all 0.3s ease;
        cursor: pointer;
        border: 3px solid #f2c549;
    }

    .mattressCalculator__btn:hover {
        transform: scale(1.1);
        /*background: #5badc3;*/
        /*color: #f2c549;*/
        box-shadow: 0 0 20px 0px #f2c549;
        /*background: rgb(255 255 255 / 50%);*/
        /*backdrop-filter: blur(6px);*/
    }
}


/*.mattressCalculator__btn:before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: -3px;*/
/*    left: -3px;*/
/*    bottom: -3px;*/
/*    right: -3px;*/
/*    z-index: -1;*/
/*    border: 2px solid red;*/
/*    background: transparent;*/
/*    backdrop-filter: blur(10px);*/
/*    border-radius: 10px;*/
/*}*/

@media (max-width: 1024px) {
    .banner_new {
        display: none;
    }
    .banner_mobile {
        display: block;
        border-radius: 10px;
    }
    .banner_mobile img {
        border-radius: 10px;
    }
}

/*desktops*/
@media (max-width: 1200px) { 
	
}

/*tablets*/
@media (max-width: 991px) {
	/*.mattressCalculator {background-image: url(images/calcBg_mobile.svg);}*/
	.mattressCalculator__col._img {padding:2rem 10rem 2rem 10rem;}
	.mattressCalculator__text {text-align: center;}
	.mattressCalculator__col._desc {padding: 2rem 10rem 2rem 10rem;}
	.mattressCalculator__title {text-align: center;}
	.mattressCalculator__btnContainer {text-align: center; padding-bottom: 2rem;}
	.MCappStep__res {width: 100%;}

}

/*phones*/
@media (max-width: 767px) { 
	.mattressCalculator__col._img {padding: 2rem 2rem 2rem 2rem;}
	.mattressCalculator__col._desc {padding: 2rem 2rem 2rem 2rem;}
	.mattressCalculator__title {font-size: 2rem;}
	.MCappStep {padding: 1.25rem 1.25rem;}
	.MCappStep__empty {padding: 2rem 3rem 1rem 6rem;}
	.MCappStep__res._empty {background-position: -34rem center;}
}