@charset "utf-8";.clearfix:before,

.clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

.clearfix{*zoom:1;}

nav a#pull{display:none;}





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

    .block_02 {

        justify-content: flex-start;

    }

}

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

    .cbp-fwslider {

        width: 100%;

    }

    .wrap__ {

        width:100%;

        padding-right:20px;

        padding-left:20px;

    }

    .block_ {

        padding-right:20px;

        padding-left:20px;

    }

    .f1f0f2 {

        padding-right:20px;

        padding-left:20px;

    }



    .bl_2_2 { padding: 0 20px}



    .raspis_left { width: 100%}

    .jbzoo-view-frontpage     .raspis { margin: 0 auto; width: 100%}

    .jbzoo-view-category     .raspis { margin: 0 auto; width: 100%}

    .raspis { margin: 0 auto; width: 80%}

    .full_cat_ { padding-left: 20px; padding-right: 20px}

    .div_my_house { padding-right: 20px; padding-left: 20px}

}

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

    .orderblock { padding: 0 20px}



    .jbzoo-view-frontpage .last_tannings_right {

        width: 300px

    }

    .jbzoo-view-category .last_tannings_right {

        width: 300px

    }



    .form100_modal {

        padding-right: 2%;

        padding-left: 2%

    }



    .top_menu ul li a {

    }



    .top_menu {

    }



    .block_1270 {

        padding-right: 2%;

        padding-left: 2%

    }



    a.top_vopros {

        font-size: 16px;

    }



    .tk_link_prog a {

        font-size: 21px;

    }



    .bl_02_left {

        width: auto;

        height: 810px;

        max-height: none;

    }



    p {

        font-size: 15px

    }



    .bl__title h3 {

        font-size: 30px;

    }



    .bl_04_title {

        font-size: 30px;

    }



    .h2 {

        font-size: 30px;

    }



    .bl_06_title {

        font-size: 30px;

    }

}

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

    .full_cat_left {

        width:auto;

    }

    .full_img { width: 600px}

    .div__cl_cat {

        display: flex;

        justify-content:center;

        flex-wrap: wrap;

    }

    .teaser_block { padding-right: 10px; padding-left: 10px; width: auto}

}



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

        .photo_one img{ max-width: 100%; width: auto; height: auto}



        .fff0 { flex-wrap: wrap}

      .fff0 .div_f_1{  order: 2; width: 50%; }

      .fff0 .div_f_1 h3{  padding-top: 0}

      .fff0 .div_f_2{  order: 1; width: 100%; padding-bottom: 30px }

      .fff0 .div_f_3{  order: 3; width: 50%; padding-top: 15px }

      .it_index{ flex-wrap: wrap; justify-content: center }

        .full_img { width: 500px}

    }



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

        .cbp-fwslider ,.index_dd ,.div_f_2 , .jbzoo-view-frontpage .raspis .desc_static { display: none}

        .block_01  { flex-wrap: wrap; }

       .bl1_1{  order: 1; width: 50%; }

       .bl_1_2{  order: 3; width: 100%; padding: 30px 0 20px 0}

       .bl_1_2 input {

                     width: 96%; margin: 0 auto; display: block;

                 }

       .bl_1_3{  order: 2; width: 50%; padding-top: 0}

      .it_index{ flex-wrap: wrap; justify-content: center }

    }



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



        .modal {

            max-height: 85%;

            width: 72%;

        }



    }





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



        .full_img { width: 480px}



    }

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

        .raspis_left { width: 100%}

        .raspis { margin: 0 auto; width: 100%; justify-content: center; flex-direction: column-reverse}

        .wrap__ {margin: 0 auto; width: 100%; justify-content: center; flex-direction: column}

        .it_index  {flex-direction: row}

        .div__cl { justify-content: center}

        .news_mira { width: 100%;            text-align: center;        }

        .last_tannings_right { width: 100%}

        .l_t_01 { float: none; width: 100%}

        .l_t_02 { float: none; width: 100%}

        .l_t_03 { float: none; width: 100%}



        #oBreadcrumbBlock h1 {

            font-size: 30px;

        }

        .jbzoo-view-frontpage .last_tannings_right {

            width: 100%;

        }

        .jbzoo-view-category .last_tannings_right {

            width: 100%;

        }

            .full_img { width: 400px}





    }





    @media screen and (max-width: 821px) {
        .z_zvonok {
            position: fixed;
            right: 17px;
            bottom: 17px;
            width: 70px;
            height: 70px;
            z-index: 100;
            background: url(/images/mobile.png) top center no-repeat;
            cursor: pointer;
        }

        .flex_publ_arenda { flex-wrap: wrap}

        .flex_publ_arenda .flex_publ_center {

            flex: 0 0 250px;

            padding: 0 30px 0 0;

            min-width: 260px;

        }

        .flex_publ_arenda .flex_publ_right { width: auto; min-width: inherit; padding-top: 10px}

        .flex_publ_center_mob { display: none}

    }

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

        .block_01  { flex-wrap: wrap; }

        .bl1_1{  order: 1; width: 100%; }

        .bl_1_2{  order: 3; width: 100%; padding: 30px 0 20px 0}

        .bl_1_2 input {             width: 96%; margin: 0 auto; display: block;         }

        .bl_1_3{  order: 2;     width: 40%;            padding-top: 20px;          margin: 0 auto;}

        .it_index{ flex-wrap: wrap; justify-content: center }

        .logo { text-align: center}

        .block_02 { flex-direction: column; justify-content: center}

        .bl_2_1 { padding-bottom: 20px}

        .social-links { justify-content: center}

        ul.bm-cool-menu { text-align: center}

        ul.bm-cool-menu ul{ text-align: left}

        .full_img { width: 400px}


        .bl_1_3 ,.bl_1_2 ,.bl_2_1 ,.l_t_02 ,.orderblock ,#oBreadcrumbBlock  {display: none}
        .jbcontent { padding: 0px 0px 0px 0px; }
        .orderblock { display: none !important;}
        .last_tannings_right { padding-top: 0}
        .display_mobile { display: block; margin: 10px 0}

        ._def_2 {
            padding-top: 0px;
        }


    }

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

        .full_img { width: 350px}

            ul  .deeper { position: relative; }

            ul  .hren {    display: block;

                position: absolute;

                top: 2px;

                right: 10px;

                width: 40px;

                height: 40px;

                background: url(/images/temp/plus.png) center no-repeat;

                z-index: 10;

            }

.block2019_mod { width: 100%; float: none; left: 0; height: auto; max-height: 360px; overflow: hidden}

        .block2019_mod{height:360px;width:100%;overflow-y:scroll;}

        .block2019_mod::-webkit-scrollbar-track{border-radius:4px;}

        .block2019_mod::-webkit-scrollbar{width:6px;}

        .block2019_mod::-webkit-scrollbar-thumb{border-radius:4px;background:#ebebed;}

        .block2019_mod:hover::-webkit-scrollbar-thumb{background:#ebebed;}

        .top_menu {

            position: relative;

            padding: 10px 0 0px 0;

            display: block;

            height: auto;

        }



        .top_menu ul {

            display: none;

            position: absolute;

            padding: 0;

            margin: 0;

            width: 100%;

            z-index: 10;

        }



        .top_menu ul li {

            width: 100%;

            display: block;

            padding: 0;

            background-color: rgba(223, 204, 181, 0.9);

        }



        .top_menu ul li a {

            padding: 0 0 0 20px;

            text-decoration: none;

            border-bottom: 1px solid #fff !important;

            width: 100%;

            display: flex;

            justify-content: flex-start;

            align-items: center;

            height: 45px;

        }



        .before {

            display: block;

            height: 50px;

            line-height: 50px;

            background: url(../images/temp/nav-icon.png) 97% 50% no-repeat #673424;

            color: #fff;

            padding-left: 20px;

            cursor: pointer;

        }



        .before:before {

            content: 'МЕНЮ';

            color: #fff;

            float: left;

        }





    }

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





        .full_cat_ {

            display: flex;

            justify-content: space-between;

            padding: 30px 0;

            flex-direction: column;

        }

        .full_cat_right { width: 100%}

        .full_cat_left {  width: 100%; padding-bottom: 20px}

        .photo_one { text-align: center}

        .full_img { width: 100%}

        .owl-carousel .owl-item img {

            width: auto; height: auto; max-width: 100%;

        }

        .full_img img {

            width: auto; height: auto; max-width: 100%;

        }

    }

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

.f_flex {    width: 50%; }

        .z_zvonok {
            position: fixed;
            margin: 0 auto;
            right: 0;
            left: 0;
            bottom: 10px;
            width: 100px;

        }
        .mycheckbox {
            min-width: 0;
        }
        .z_z {
            width: 100%;

        }
        .modal {

            max-height: 85%;

            width: 72%;

        }

        .bl_1_3 {

            width: 60%;



        }









       body .bm-cool-menu li:hover > ul {

            opacity: 1 ;

            visibility: visible;

            margin: 0;

           padding: 0 !important;

        }



       body .bm-cool-menu ul {

            margin: 0 !important;

           padding: 0 !important;

            background: #FFF;

            position: relative;

           visibility: visible;

           display: none;

           opacity: 1 ;



            top: 0 !important;

            left: 0 !important;

            z-index: 1;

        }

        .top_menu ul li ul a {

            padding: 0;

            width: 82% !important;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

       body .bm-cool-menu ul li:first-child a {

            border-bottom:1px solid #fff !important;

        }

       body .bm-cool-menu ul li:last-child a {

            border:none !important;

        }





    }





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

    .gallery__ { text-align: center}

    .gallery__ .jbimage-link{ display: block; padding: 10px 0}

}

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

.bl_2_2 { padding-right: 0; padding-left: 0;}

    .top_menu { padding-top: 10px}

.fff0  .div_f_1, .fff0  .div_f_3 { width: 100%}

.f_3_cont { width: 100%}

    .modal {        max-height: 85%;        width: 82%;    }
    .teaser_block {
        width: 44%;
    }
    .teaser_block_img img {
        position: relative;
        transition: 0.3s;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .teaser_block_img:hover a:before{display: none}

}



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

    .bl_1_3 {

        width: 80%;



    }

}



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

    .modal {

        max-height: 85%;

        width: 92%;

    }



    .mycheckbox_absolute em {

        font-size: 11px;

    }

    #oBreadcrumbBlock h1 {

        font-size: 22px;



    }

  .news_mira  img.jbimage {

        max-width: 100%; width: auto; height: auto;

    }

    .u_title a {

        font-size: 16px;

        text-decoration: none;

        font-family: 'OpenSansItalic';

    }



}

@media screen and (max-width:410px) {
    .b_t a.top_vopros {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .it_index .teaser_block {
        padding: 0 5px 25px 5px;
        box-sizing: content-box;
    }
    .teaser_block_price {
        font-family: 'OpenSansBoldItalic';
        font-size: 17px;

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

    .bl_1_3 {

        width: 100%;



    }

    .orderblock { padding: 0 0px; display: flex; flex-direction: column; justify-content: center; width: 230px; margin: 0 auto}

    .ordertitle { padding-bottom: 20px}

    .searchsel { position: relative;}





}

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

   .flex_center { flex-direction: column}

    .phones_center { padding:  15px 0}

    .form100_modal p.phones a {

        display: block;

    }



}