/* Start:/local/templates/.default/components/bitrix/catalog.section.list/left_category_smart/style.css?163428808110740*/
@charset "UTF-8";


/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */

.nav {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* внутренние отступы */
    padding: 15px 20px;
    /* плавный переход смещения панели */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* определяем цвет фона панели */
    background: #ededed;
    /* поверх других элементов */
    z-index: 2000;
}


/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle {
    /* абсолютно позиционируем */
    position: relative;
    /* относительно левого края панели */
    /* left: 320px;*/
    /* отступ от верхнего края панели */
    top: 0.3em;

    /* внутренние отступы */
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    /* цвет текста */
    color: #eb6f06;
    /* вид курсора */
    cursor: pointer;
    /* размер шрифта */
    font-size: 2.3em;


    line-height: 1;
    /* всегда поверх других элементов страницы */
    /*z-index: 2001;*/
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}


/* определяем текст кнопки
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}


/* цвет текста при наведении */

.nav-toggle:hover {
    color: #f4f4f4;
}


/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav-toggle'] {
    position: absolute;
    display: none;
}


/**
 * изменение положения переключателя
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    /*  left: auto;*/
    left: 240px;
    right: 2px;
    top: 1em;
}


/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

[id='nav-toggle']:checked ~ .nav {
    left: 0;
    box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/*
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/

[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
}


/*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X),
 * вы можете испльзовать любой другой значок
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: '\2715';
}


/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
        padding: 0;
    }
}


/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */

@media screen and (min-width: 320px) {
    html,
    body {
        margin: 0;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
        margin: 0;
        overflow-x: hidden;
    }
    .nav {
        width: 100%;
        box-shadow: none
    }
}


/**
 * Формируем стиль заголовка (логотип) панели
*/

.nav h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav h2 a {
    color: #0000;
    text-decoration: none;
    text-transform: uppercase;
}


/*плавное появление заголовка (логотипа) при раскрытии панели */

[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/**
 * формируем непосредственно само меню
 * используем неупорядоченный список для пунктов меню
 * прикрутим трансфомации и плавные переходы
 */

.nav > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


/* определяем интервалы появления пунктов меню */

.nav > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}


/**
 * оформление ссылок пунктов меню
 */

.nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #000;
    width: 100%;
    text-decoration: none;
    /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}


/**
 * состояние ссылок меню при наведении
 */

.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
    color: #eb882f;
    padding-left: 15px;
}


/**
 * линия подчеркивания ссылок меню
 */

.nav > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}

.nav > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #eb6f06;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}


/**
 * анимируем линию подчеркивания
 * ссылок при наведении
 */

.nav > ul > li > a:hover:before {
    width: 0%;
    background: #eb6f06;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}


/* фон затемнения на основной контент
 * при этом элементы блокируютя
 * спорная такая фича, если оно вам надо
 * просто раскомментируйте
*/

/*
.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
}

[id='nav-toggle']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);


/* изменяем полоcу прокрутки */

::-webkit-scrollbar {
    width: .65em;
}

::-webkit-scrollbar-track {
    background-color: rgba(217, 217, 217, 0.75);
}

::-webkit-scrollbar-thumb {
    background: rgba(170, 170, 170, 0.6);
    border-radius: 5px;
    box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/top_mnu/style.css?161243779838*/
.container {
    max-width: 1265px;
}1
/* End */


/* Start:/local/templates/krovatki39/styles.css?1710678990369*/
@keyframes spin{

0%{
transform:rotate(0deg);
}
50%{
transform:rotate(10deg);
}
100%{
transform:rotate(0deg);
}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
}
/* End */


/* Start:/local/templates/krovatki39/template_styles.css?171067899016937*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900&display=swap&subset=cyrillic');
@media screen and (max-width: 991px) {
    .bottoms_header {
        background: none !Important;
        border-bottom: none !important;
    }
    svg.icon {
        height: 47px;
        float: left;
        margin-right: 20px;
    }
    .top_header {

        border-bottom: none !important;
    }
    .nav-toggle{
        display: inline !important;
    }
    .homepage_main_text{
        display: none;
    }
    .menu_cat_smart{
        display: block;
    }
    li.two_in_line {
        display: none !important;
    }
    .top_phone{
        text-align: center;
        width: 100%;
    }
    p.top_adress{
        text-align: center;
        width: 100%;
        padding-top: 10px;
    }
    a.follow_we_smart {
        font-size: 27px;
        position: relative;
        top: 7px;
        left: 14px;
    }
    a.call_to_me {
        font-size: 23px !important;
        position: relative;
        top: 8px;
        left: 32px;
    }
    a.write_to_we_smart {
        font-size: 23px;
        position: relative;
        top: 7px;
        left: 23px;
    }
    .smart_header_mob{
        position: fixed !important;
        top: 0;
        background: white;
        z-index: 1990;
    }
    .smart_search_mob{
        margin-top: 60px; margin-left: 14px; margin-right: 3px;
    }
.bx_catalog_line{
    display: none;
}


    ul.catalog_wrapper {
        display: none ;
    }
    .top_mnu_area_main {
        display: none;
    }
.product-item-image-wrapper {
    padding-top: 200px !important;
}
    .top_mnu_area_mobile {
        display: unset;
    }
    .search-form {
        right: unset;
        width: 90%;
    }
    .left_menu_news_list {
        display: none;
    }
    h2.bx_catalog_line_title a {
        font-size: 30px;
    }
    select.mobile-menu {
        font-size: 26px;
    }
    p.item_property {
        font-size: 36px;
    }
span.product-item-image-slide.item {
    background-size: contain;
display: iline-block;
}
.btn-default {
    padding: 10px 10px !important;
}
.btn-default2 {
    padding: 8px 10px !important;
}
}
@media screen and (min-width: 992px) {
    .call_to_me{
        display: none !important;
    }
    .menu_cat_smart{
        display: none !important;
    }
    a.follow_we_smart {
      display: none !important;
    }
    a.write_to_we_smart {
        display: none !important;
    }
    .top_mnu_area_main {
        display: unset;
    }
    .top_mnu_area_mobile {
        display: none;
    }
span.product-item-image-slide.item {
    background-size: contain;
}
}
.nav-toggle{
    display: none;
}
.nav-pages a {
    font-size: 150%;
}

.system-nav-orange .nav-current-page {
    font-size: 150%;
}
.img_photo {
    min-height: 150px;
    background-size: cover;
    background-position: 50% 50%;
    margin-bottom: 10px;
}
li.two_in_line {
    width: 40%;
    display: inline-block ;
    margin: 0;
    float: right;
    padding: 0;
}

li.one_in_line p {
    font-size: 12px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
display:none;
}
.bx_catalog_line .bx_catalog_line_ul li {
    margin: 0 !important;
}
h2.bx_catalog_line_title {
    margin: 0 !important;
}












a:hover, a:focus {
    color: unset;
    text-decoration: none;
}
p.media_media a {
    color: black;
}
p.media_media {
    margin-top: 5px;
    color: black;
    text-align: right;
}
h1 {
    font-weight: 200;
    margin-left: 15px;
    text-align: center;
}
.bottom_footer p {
    margin: 0;
    padding: 0;
}
li.one_in_line {
    display: none;
}






img.contact_src {
    max-width: 100%;
}

ul.top_line_mnu {
    margin: 0;
    padding: 0;
}

ul.top_line_mnu li {
    list-style: none;
    display: inline-block;
    padding-right: 40px;
}
ul.top_line_mnu li a {
    color: white;
    font-weight: 300;
}

select.mobile-menu {
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 10px;
    margin: 5px auto;
}
select.mobile-menu:focus {
    outline: none;
}





.search_wrapper {
    display: inline-block;
    min-height: 65px;
    width: 100%;
}


.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}




ul.footer-menu li {
    text-decoration: none;
    list-style: none;
}
ul.footer-menu li a {
    color: #141414;
    font-size: 21px;
}
ul.footer-menu {
    padding: 0;
    margin: 0;
}
.bottom_footer_line {
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    padding: 5px 0;
}
.footer_btn {
    float: right;
}
.footer_btn a p {
    display: inline-block;
}
.footer_btn a i {
    display: inline-block;
    margin-right: 5px;
}
.footer_btn a {
    font-size: 16px;
    color: black;
    display: inline-block;
}
.bottom_page_nav {
    margin: 20px 0;
    padding: 15px 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.libitem img {
    width: 100%;
}
img.contact_src {
    margin: 20px 0;
}
.bx-yellow .btn.btn-default {
    outline: none;
    background: linear-gradient(135deg, #e55a23 0%,#e55a23 100%);
    border-color: #f06e05;
    color: #FFF;
    float: right;
    margin-left: 5px;
}

.product-item:hover {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 7px 15px 0px;
    background: #fff;
    width: auto;
    transition: all 400ms ease;
    z-index: 200;
    position: relative;
}

.bottom_footer {
    min-height: 60px;
    border-top: 2px solid #ee6f08;
    padding-top: 25px;
    padding-bottom: 25px;
}
.pagination, .prev, .next, .play, .paused, .progbar, .numStatus {display:none;}




.btn-default {
    padding: 10px 15px;
    font-size: 12px;
    text-transform: uppercase;
}

p.item_property {
    font-size: 12px;
    padding-top: 5px;
}
p.item_property span {
    color: #e55a23;
}


.product-item-list-col-3 .product-item-small-card .product-item-big-card div div .product-item-container:after {
    content: "";
    display: none;
}

.product-item-container .before {
    content: "";
    width: 100px;
    transform: rotate(-10deg);
    height: 200px;
    top: 15px;
    left: 14px;
    position: absolute;
    background: url(/local/templates/krovatki39/img/lis2.png) no-repeat;
    background-size: contain;
    opacity: 0;
    transition: top 0s, opacity 0s;
    z-index: 1;
    animation-name: shake;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.product-item-container:hover .before {
    top: -75px;
    position: absolute;
    background: url(/local/templates/krovatki39/img/lis2.png) no-repeat;
    background-size: contain;
    opacity: 1;
    transition: top 1s .3s, opacity .3s .4s;
}


.product-item-container .after {
    content: "";
    background: url(/local/templates/krovatki39/img/dec.png);
    position: absolute;
    height: 150PX;
    width: 125PX;
    opacity: 0;
    background-size: cover;
    right: 20px;
    transition: right 0s, opacity 0s;
    top: 25px;
    transform-origin: 0 100%;
    z-index: 1;
}
.product-item-container:hover .after {
    transform: rotate(50deg);
    opacity: 1;
    right: -70px;
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: right 1s .3s, opacity .3s .3s;
}

.product-item-container .after:hover {
    display: none;
}
.product-item-container .before:hover {
    display: none;
}


body {
    margin: 0;
    padding: 0;
    background: white;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: "Montserrat", sans-serif;
}
.top_footer {
    background: whitesmoke;
    border-top: 3px solid white;
    min-height: 200px;
}
.search-page {
    width: 100%;
}

.product-item-image-wrapper {
    padding-top: 60%;
}
.product-item-big-card .product-item-image-wrapper {
    margin-bottom: 10px;
}





img.logo_img {

}
.bottom_header {
    padding: 5px 0;
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}
.top_header {
    background: white;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.top_header p {
    margin: 0;
    display: inline-block;
    padding: 0;
}
.bottom_contacts {
    text-align: right;
}
.bottom_contacts .top_phone {
    line-height: 36px;
}
p.top_phone {
    padding-top: 10px;
    letter-spacing: .4px;
    font-size: 27px;
    font-weight: 300;
    letter-spacing: -1.1px;
    float: right;
    display: inline-block;
}
p.top_adress {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.4px;
    float: right;
    display: inline-block;
    color:black;
}
a {
    color: #ee6f09;
    text-decoration: none;
}
a.follow_we {
    display: inline;
    float: right;
}
a.write_to_we {
    display: inline;
    float: right;
}
ul.catalog_wrapper a {
    text-decoration: none;
}
ul.top_right {
    margin: 0;
    padding: 0;
    float: right;
    text-decoration: none;
    display: inline-block;
    list-style: none;
    margin-top: 20px;
    width: 125px;
}

ul.top_right li a {
    text-decoration: none;
    list-style: none;
    color: black;
    transition: .3s ease-in-out;
    max-width: 180px;
    text-align: right;
}
ul.top_right li a i {
    font-size: 40px;
    margin-right: 5px;
    border: none !important;
}
ul.top_right li a p {
    border-bottom: 1px solid #f0f0f0;
}
ul.top_right li a:hover > p {
    border-bottom: 1px solid #e55a23;
}
ul.bx_catalog_line_ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.bx_catalog_line_ul {
    margin: 0;
    padding: 0;
}
h2.bx_catalog_line_title {
    margin: 0;
    padding: 0;
    transition: .3s ease-in-out;
}
h2.bx_catalog_line_title a {
    border: 1px solid #eaebec;
    border-left: 3px solid #eaebec;
    border-bottom-width: 0px;
    position: relative;
    display: block;
    padding: 11px 31px 13px 17px;
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    text-decoration: none;
    text-align: left;
    font-weight: 400;
    letter-spacing: .75px;
    color: black;
    font-size: 1.8rem;
}

h2.bx_catalog_line_title a:after {
    font-size: 13px;
    top: 50%;
    margin-top: -7px;
    right: 10px;
    text-align: right;
    color: #8a8a8a;
    content: ">";
    position: absolute;
    font-weight: 600;
}
inspector-stylesheet:1
h2.bx_catalog_line_title:hover > a:after {
    color: #e55a23;
}
h2.bx_catalog_line_title a:hover {
    background: #fdfdfd;
    border-left: 3px solid #e55a23;
    color: #e55a23;
}


h2.bx_catalog_line_title a:hover:after {
    color: #e55a23;
}
h2.bx_catalog_line_title a:after:hover {
    color: #e55a23;
}



.btn-default2 {
    padding: 8px 18px;
    font-size: 15px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #3c89a5 0%,#275e72 100%);
    color: white;
    float: right;
}



.product-item-image-wrapper {
    padding-top: 270px;
}
a.product-item-image-wrapper span {
    background-size: 100%;
    width: 100%;
    z-index: 0;
    display: inline-block;
}
p.homepage_main_text {
    padding: 10px 15px 0 15px;
    font-size: 21px;
    margin: 0;
}
.news-item {
    transition: .4s ease-in-out;
    height: 115px;
    padding: 10px;
}
.news-item:hover {
    box-shadow: 3px 3px 20px #eaeaea;
    background: white;
}
.news-item a:hover {
    color: #ff5722;
    text-decoration: none;
}
.bx-newslist-block {
    padding: 10px 14px;
    margin-bottom: 40px;
}
.bx-newslist .btn {
    background: linear-gradient(135deg, #e55a23 0%,#e55a23 100%);
    border-color: #F9A91D;
    padding: 10px 30px;
    font-size: 12px;
    text-transform: uppercase;
}
.bx-newslist-block:hover {
    box-shadow: 3px 3px 20px #eaeaea;
}
.news-list .news-item .preview_picture {
    width: 30%;
    margin-right: 10px;
}




.photo-section {
    margin-top: 25px;
}
.swiper-container {
  width: 100%;
  height: 100%;

  max-height: 250px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}






a.follow_we:before{
    font-family: "Fonts Awesome", sans-serif;
    content: "";
    font-size: 14px;
    left: 10px;
    display: inline-block;
    color: red;
}
.footer_socital a {
    margin-right: 5px;
}
a.selected {
    color: #e55a23 !important;
}
.top_mnu {
    margin: 0;
    padding: 0;
    margin-left: -30px;
    width: 100%;
}

.top_mnu li {
    padding: 13px 2.4%;
    font-size: 14px;
    letter-spacing: 1px;
    border-right: 1px solid #eaebec;
    list-style: none;
    display: inline-block;
}
ul.top_mnu li a {
    color: #212020;
    text-decoration: none;
}
ul.top_mnu li a:hover {
    color: #e55a23;
}
li.catalog_header {
    border: 1px solid #eaebec;
    border-left: 3px solid #eaebec;
    border-bottom-width: 0px;
    position: relative;
    padding: 11px 31px 13px 17px;
    background: #f5f5f5;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
li.catalog_header i {
    position: absolute;
    color: #6f6f6f;
    right: 15px;
    top: 15px;
}
ul.catalog_wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bottoms_header {
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    border-bottom: 1px solid #eaebec;
}
ul.bx_catalog_line_ul {
    border-bottom: 2px solid #eaebec;
    border-right: 2px solid #eaebec;
}
.search-page {
    display: inline-block;
}

ul.top_mnu {
    display: inline-block;
}
.search-form {
    position: absolute;
    top: 9px;
    right: 5px;
    width: 100%;
}
input.search_area:focus {
    border: 1px solid #e55a23;
    box-shadow: 0px 0px 3px #e55a23;
    outline: none;
    
}
input.search_area {
    margin-top: 5px;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #d0d0d0;
    transition: .4s ease-in-out;
    padding-left: 15px;
    padding-bottom: 2px;
}
input.search_button {
    border: none;
    background: none;
    position: absolute;
    right: 10px;
    top: 10px;
    outline: none;
    font-size: 22px;
    font-weight: 100;
}
img.preview_picture {
    width: 100%;
    height: auto;
}
.product-item {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 2px;
    padding:  5px;
    transition: all 400ms ease;
}
.product-item:hover {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 7px 15px 0px;
    background: #fff;
    width: auto;
    transition: all 400ms ease;
    z-index: 200;
    position: relative;
}
.product-image {
    width: 100%;
    height: auto;
    background-size: cover;
    min-height: 100px;
}
.preview_title {
    color: black;
    font-size: 16px;
    font-weight: 500;
}
@media (min-width: 1200px)
.container {
    max-width: 1260px;
}



 @font-face {
    font-family: 'HeinrichScript';
    font-style: normal;
	font-weight: normal;
    src: local('HeinrichScript'),
       
         url('/local/templates/krovatki39/fonts/HeinrichScript.woff') format('svg'),
         url('/local/templates/krovatki39/fonts/HeinrichScript.woff') format('woff'),
         url('/local/templates/krovatki39/fonts/HeinrichScript.woff2') format('woff2'),
         url('/local/templates/krovatki39/fonts/HeinrichScript.eot') format('eot'),
         url('/local/templates/krovatki39/fonts/HeinrichScript.ttf') format('ttf'),
         url('/local/templates/krovatki39/fonts/HeinrichScript.otf') format('otf');
font-display: fallback;
  }
.homepage_main_text{
    font-family: 'HeinrichScript',   ' notdef' ;
    line-height: 3.5rem;
    text-align: center;
font-size: 25px !important;
}

.foto-logo{
  text-align: center;
}
.foto-logo img{
width: 50%;
height: 100%;
padding: 30px;
}

@media screen and (max-width: 991px) {

.foto-logo{
  text-align: center;
}
.foto-logo img{
width: 100%;
height: 100%;
padding: 40px;
}
}
h2.bx_catalog_line_title a {
    border: 1px solid #eaebec;
        border-bottom-width: 1px;
        border-left-color: rgb(234, 235, 236);
        border-left-style: solid;
        border-left-width: 1px;
    border-left: 3px solid #eaebec;
    border-bottom-width: 0px;
    position: relative;
    display: block;
    padding: 11px 31px 13px 17px;
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    text-decoration: none;
    text-align: left;
    font-weight: 400;
    letter-spacing: .75px;
    color: black;
    font-size: 1.8rem;
}
/* End */
/* /local/templates/.default/components/bitrix/catalog.section.list/left_category_smart/style.css?163428808110740 */
/* /local/templates/.default/components/bitrix/menu/top_mnu/style.css?161243779838 */
/* /local/templates/krovatki39/styles.css?1710678990369 */
/* /local/templates/krovatki39/template_styles.css?171067899016937 */