/* Start:/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/style.css?17607078317010*/

.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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/images/loader.svg) center center no-repeat; border-radius: 1.25rem;}
.MCappStep__res._empty {height: 20rem; background: #f8f8f8 url(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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;

}
.banner_new img {
    border-radius: 10px;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.banner_new:hover img {
    box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.39);
}


.banner_mobile {
    display: none;
    box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.39);
}

@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(/local/templates/okson/components/netbrand/nb.mattressCalculator/.default/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;}
}

/* End */


/* Start:/local/templates/okson/components/bitrix/system.pagenavigation/.default/style.css?16397430841442*/
.nbPagination {text-align: center;}
.nbPagination__container {list-style: none; margin: 0; padding: 0;}
.nbPagination__item {display: inline-block; margin: 0 0.5rem;}
.nbPagination__item._prev {}
.nbPagination__item._next {}
.nbPagination__item._active {}
.nbPagination__item._all {}
.nbPagination__link,
.nbPagination__link._empty:hover {display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  background: #fff;
  color: #373737;
  border-radius: 0.8125rem; 
  text-align: center; 
  padding: 0.2rem;
  
  text-decoration: none;
  border: 1px solid #fff;
}
a.nbPagination__link:hover,
.nbPagination__item._active .nbPagination__link {background: #5badc3; color: #fff; text-decoration: none; border-color: #5badc3;}

.nbPagination__link._empty {cursor: default;}

.nbPagination__item._prev .nbPagination__link,
.nbPagination__item._next .nbPagination__link {border-color: #fff; color: #5badc3; box-shadow: 0px 0px 0.375rem 0px rgba(0, 0, 1, 0.26);}
.nbPagination__item._prev a.nbPagination__link:hover,
.nbPagination__item._next a.nbPagination__link:hover {background: #5badc3; color: #fff;border-color: #5badc3;}

.Эллипс_2 {
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  
  position: absolute;
  left: 1095px;
  top: 1172px;
  width: 32px;
  height: 32px;
  z-index: 161;
}



/*phones*/
@media (max-width: 767px) { 
	.nbPagination__item {margin: 0 0.125rem;}
}
/* End */


/* Start:/local/templates/okson/components/bitrix/catalog.section/nbMattressCalculator/style.css?1706873851132*/
.nbCatalogSection__desc {}
.nbCatalogSection__desc a {}
.nbCatalogSection__items .product-item-container {margin-bottom: 2.75rem;}


/* End */
/* /local/templates/okson/components/netbrand/nb.mattressCalculator/.default/style.css?17607078317010 */
/* /local/templates/okson/components/bitrix/system.pagenavigation/.default/style.css?16397430841442 */
/* /local/templates/okson/components/bitrix/catalog.section/nbMattressCalculator/style.css?1706873851132 */