﻿.mobile_menu ul {background-color: #ffda9c; font-size: 0; padding: 30px 0;}
.mobile_menu ul li {transition: 0.3s; position: relative; background-image: none;font-family: Georgia, serif;font-style: italic;padding: 10px 0;text-align: center;width: 100%;font-size: 14px;display: block;}
.mobile_menu ul li:nth-child(5):before, .mobile_menu ul li:nth-child(5):after {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #0090a3; position: absolute; top: 45%;}
.mobile_menu ul li:nth-child(5):before {left: 30%;animation: wawaleft 1s infinite alternate;}
.mobile_menu ul li:nth-child(5):after {right: 30%;animation: wawaright 1s infinite alternate;}
.mobile_menu ul li a {color: #7c4d00;}
.mobile_info {color: #826e4d;font-style: italic;text-align: center;font-family: Georgia, serif;}
.mobile_info div:last-child {color: #0090a3; font-size: 22px; font-weight: bold;margin: 20px;}
.mobile_info a {text-decoration: none; color: #0090a3;}
.mobile_menu, .mobile_info, .mobile_header_inside {display: none;}
.mobile_info {width: 50%; float: left;}
.super_review {display: inline-block;width: 24%;padding: 10px;font-size: 0;margin: 0;box-sizing: border-box;}
.super_review img {width: 100%;-o-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
.super_review img:hover {box-shadow: 0 14px 50px rgba(14,21,47,.12), 0 8px 20px rgba(14,21,47,.12);-webkit-transform: scale(1.05);transform: scale(1.05);}
.main_catalog li img {border: 1px solid #5dc0c0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
@keyframes wawaleft {0% {margin-left: 0;}100% {margin-left: -10px;}}
@keyframes wawaright {0% {margin-right: 0;}100% {margin-right: -10px;}}
@media (max-width: 812px) {
    .blockimg, .blocktext {display: inline-block;float: none;margin: 0 !important;width: 49%;}
    .blockimg {float: left;}
    .blocktext, .gallery_gen li {padding: 10px;}
    .blockimg img {width: 100%; margin-bottom: 10px;}
    h1 {text-align: center; line-height: 1;}
    .amaliy .add_head {line-height: 1;}
    .rig_kn, .top_menu_container, .work,.main_nr, #Go_Top, .footer_inf.sides .grx, .hcb_info, #left, .vd_form {display: none !important;}
    .hcb_razd {display: none;}
    #logo, .gallery.main_catalog.ainv li, .gallery_gen li {width: 50%; float: left;}
    .mobile_menu, .mobile_info, .mobile_header_inside {display: block;}
    .header_height, .teny, .top_foto, .header_center_block {height: auto;}
    .soc_sety a {width: 25px; height: 25px;}
    .header_height, .top_foto, .header_center_block {background-image: none;}
    body, #skin, #skin_add, #skin_back {min-width: 0;}
    .hcb_info, body, #skin, #skin_add, #skin_back, .header_center, .header_center_block, .bottom_fdb, .form_button input, .vd_form, .fg_container img {width: 100%;}
    .fg_move_cont, .fg_block_cont {width: 100% !important;}
    .fg_block_cont {display: flex; justify-content: space-around;}
    .header_center_block, .soc_sety a.ok {background-size: contain;}
    #logo, .hcb_info {padding: 20px;}
    #logo {background-size: 80%;}
    .gallery.main_catalog.ainv li, .fg_container {padding: 10px;}
    .feedback .form_line, .feedback .form_line_textarea {background-size: 100% 80%;}
    #logo, .hcb_info, .gallery.main_catalog.ainv li, .fg_container, .blocktext, .gallery_gen li, .super_review {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fg_container img {margin: 0 auto;}
    .flex_galery .zuiy {clear: both;}
    .blockServices ul, .center_space_catalog {margin: 0;}
    .main_nr .wrapper, .blockServices, .flex_galery, .header_center, .soc_sety {padding: 0 !important;}
    .soc_sety {margin: 10px auto;}
    .blockServices {float: none;}
    .blockServices ul li {padding: 5px 0 5px 20px;}
    .gallery > li {margin-right: 0;}
    .main_catalog li, .fg_container, .gallery_gen li {margin-left: 0 !important; margin-right: 0 !important;}
    .flex_galery .zuiy h2 {padding-top: 10px;}
    .cont_nav a {display: inline-block; padding: 5px 10px 8px 10px; background-color: #0090a3; color: #ffffff; border-radius: 5px;}
    .cont_nav a span {border-color: #ffffff;}
    .flex_galery .zuiy p {margin: 5px 0 30px 0;}
    .super_review {width: 49%;}
    .super_review img {-webkit-transform: none; transform: none;}

    .mobile_menu {
        display: block;
        position: fixed;
        z-index: 100;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .mobile_menu ul {
        background-color: #ffda9c;
        font-size: 0;
        padding: 30px 0;
        width: 100%;
        height: 100%;
    }

    .mobile_menu ul li a {
        color: #7c4d00;
        font-size: 20px;
    }
    .left_path {
        display: block;
        width: 100%;
        height: calc(100% - 110px;);
        z-index: 300;
        top: 110px;
        left: -100%;
        opacity: 0.0;
        transform: translateX(0%);
        transition: transform 300ms linear, opacity 300ms linear;
        padding: 0px 0px 40px;
        overflow: auto;
    }
    .left_path.opened {
    	transform: translateX(100%);
    	opacity: 1.0;
    	transition: transform 300ms linear, opacity 220ms linear;
    	overflow: auto;
    }
    .header_center_block {
        padding-top: 0px;
        padding-left: 25px;
    }
    .ok {
        width: 103px;
        margin: 10px auto 0;
    }
    .content_space {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 1px;
    }
    #logo {
        height: 100px;
    }
    #header {
    display: block !important;
}
}
@media (max-width: 568px) {
    #center, .container_block {margin: 0;}.blockimg, .blocktext{width: 100%;}
    .left_path {
        height: calc(100% - 100px);
        top: 100px;
    }
}
@media (max-width: 500px) {
    .blockimg, .blocktext {display: block;float: none;margin: 0 !important;width: 100%;}
    .fg_container, .gallery_gen li {width: 100% !important;}
    .news .blockimg img, .super_review {width: 100%; margin-bottom: 10px;}
    .fg_block_cont {display: block;}
    .mobile_menu ul li {width: 100%;}
    .hcb_razd {
        display: block;
        margin-top: -10px;
    }
    .gallery.main_catalog.ainv li {padding: 0;}
    .soc_sety a {width: 35px; height: 35px;}
    #logo, .mobile_info, .gallery.main_catalog.ainv li {width: 100%;float: none;}
    #logo {
        width: 92%;
    }

}