/*
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'Rounded';
    src: url('fonts/Rounded Elegance.ttf');
}
*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
    font-family: Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    overflow-y: auto;
    overflow-x: hidden;
}

body,
html {
    height: 100%;
}

body {
    background-attachment: fixed;
    background-image: url(../image/fonglavn.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.container {
    width: 100%;
    max-width: 1140px;
    padding: 0px 15px;
    margin: 0 auto;
}


/*=================Шапка==============================*/

.head_block {
    padding: 25px 0px;
    font-size: 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    position: relative;
}

.head_block:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -4px;
    left: 0px;
    background-color: #bec8c8;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzdkMGQwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNhN2IwYjAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2MzY2ZkMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjN2QwZDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2M4ZDFkMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgb(199, 208, 208)), color-stop(0.25, rgb(167, 176, 176)), color-stop(0.5, rgb(195, 207, 208)), color-stop(0.75, rgb(199, 208, 208)), color-stop(1, rgb(200, 209, 210)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to right, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
    background-image: -ms-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
}

@media \0screen\,
screen\9 {
    .head_block:after {
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffc7d0d0", endColorstr="#ffc8d1d2", GradientType=1);
    }
}

.logo_text,
.tel_mail_city,
.logo_head,
.text_head,
.tel_head,
.mail_city {
    display: inline-block;
    vertical-align: middle;
}

.logo_text,
.tel_mail_city {
    width: 50%;
    text-align: left;
}

.logo_head,
.text_head,
.tel_head,
.mail_city {
    font-size: 18px;
    width: 50%;
}

.tel_head {
    text-align: center;
}

.tel_head i,
.mail_city i {
    margin-right: 5px;
}

.text_head p, .text_head h1 {
    font-size: 26px;
    text-transform: uppercase;
    color: rgb(236, 68, 0);
    font-weight: bold;
}

.logo_head {
    min-width: 247px;
}

.navigation_block {
    margin-top: 30px;
    width: 100%;
}

.nav_block {
    background-color: rgba(200, 200, 200, 0.4);
    position: relative;
    border-top: 4px solid rgba(198, 188, 179, 0.6);
    border-bottom: 4px solid rgba(198, 188, 179, 0.6);
}

.nav_block ul {
    list-style: none;
    font-size: 0px;
    text-align: center;
}

.nav_block ul li {
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
    padding: 20px 2px;
}

.nav_block ul li a {
    width: 100%;
    padding: 30px 20px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: 5px;
    -webkit-transition: 200ms;
    transition: 200ms;
}

.nav_block ul li a:hover {
    background-color: rgba(246, 100, 2, 0.9);
    color: rgb(200, 200, 200);
}

.nav_block ul li a.active {
    background-color: rgb(246, 100, 2);
    color: rgb(255, 255, 255);
}


/*================================Основной контент========*/

.content {
    position: relative;
}

.contents {
    position: relative;
    margin-top: 30px;
    min-height: 790px
}

.breadkrumbs {
    padding: 15px 30px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
}

.breadkrumbs ul {
    list-style: none;
}

.breadkrumbs ul li {
    display: inline-block;
    padding: 0px 20px;
}

.breadkrumbs ul li a {
    font-size: 16px;
    color: rgb(0, 0, 0);
    text-decoration: none;
    position: relative;
}

.breadkrumbs ul li a:after {
    content: '>>';
    position: absolute;
    right: -30px;
    font-weight: bold;
    letter-spacing: -2px;
    font-size: 14px;
}

.breadkrumbs ul li a.active:after {
    content: "";
}

.breadkrumbs ul li a.active {
    color: rgb(246, 100, 2);
}

.tov_content {
    width: calc(100% - 380px);
    margin-left: 380px;
}

.tov_block {
    font-size: 0px;
    padding: 30px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin-bottom: 30px;
}

.tov_block1 {
    background-image: url(../image/fonnasos1.png);
}

.tov_block2 {
    background-image: url(../image/fonnasos2.png);
}

.tov_block3 {
    background-image: url(../image/fonnasos3.png);
}

.tov_block4 {
    background-image: url(../image/fonnasos4.png);
}

.tov_block5 {
    background-image: url(../image/fonnasos5.png);
}

.lable {
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(246, 240, 235);
    border-radius: 0px;
    left: -7px;
    min-width: 330px;
    padding: 15px 15px 15px 30px;
    box-shadow: 0px 3px 10px rgb(150, 150, 150);
    margin-bottom: 20px;
    display: inline-block;
}

.lable a {
    color: rgb(247, 118, 64);
    font-weight: bold;
	text-decoration: none;
}

.lable h1,
.lable p {
	color: rgb(247, 118, 64);
    font-weight: bold;
}

.image_tov,
.text_tov {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.image_tov {
    max-width: 350px;
    width: 40%;
    min-width: 230px;
    text-align: center;
}

.text_tov {
    width: 60%;
    padding-right: 25px;
}

.text_tov p {
    line-height: 22px;
    margin-bottom: 25px;
    text-align: justify;
}

.text_tov a {
    display: block;
    color: rgb(247, 118, 64);
    text-decoration: none;
    margin-bottom: 5px;
}

.seo_block {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(228, 200, 181);
    width: 100%;
    padding: 35px 80px;
    font-size: 14px;
    line-height: 20px;
    color: rgb(66, 66, 66);
    text-align: justify;
}

.seo_block div.lable {
	margin-left: -80px;
}

.aside {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
}

.why_why {
    width: 100%;
    background-color: rgb(255, 255, 255);
    font-size: 0px;
    padding: 30px 0px 0px;
    margin-bottom: 30px;
}

.lable_why {
    font-size: 18px;
    position: relative;
    background-color: rgb(246, 240, 235);
    border-radius: 0px;
    left: -7px;
    max-width: 330px;
    padding: 15px 10px 15px 25px;
    box-shadow: 0px 3px 10px rgb(150, 150, 150);
    margin-bottom: 28px;
    display: block;
    color: rgb(247, 118, 64);
}

.why_img,
.why_text {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 25px;
}

.why_img {
    width: 65px;
    text-align: right;
    margin-right: 15px;
}

.why_text {
    width: calc(100% - 90px);
    line-height: 22px;
    font-weight: 500;
}

.news {
    background-color: rgb(255, 255, 255);
    padding: 30px;
}

.news a {
    text-decoration: none;
    display: block;
}

.news .lable_why {
    left: -37px
}

.date_news {
    font-size: 14px;
    color: rgb(66, 66, 66);
    margin-bottom: 10px;
}

.zag_news {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin-bottom: 25px;
}

.partners {
    margin: 30px 0px;
    padding: 30px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(228, 200, 181);
}

.as_name {
    font-size: 18px;
    position: relative;
    background-color: rgb(246, 240, 235);
    border-radius: 0px;
    left: -37px;
    width: 95%;
    padding: 15px 10px 15px 25px;
    box-shadow: 0px 3px 10px rgb(150, 150, 150);
    margin-bottom: 28px;
    display: block;
    color: rgb(247, 118, 64);
}

.slider_partners div {
    width: inherit;
    display: inline-block;
    vertical-align: middle;
    float: none;
    text-align: center;
    height: 100px;
}

.slider_partners div img {
    vertical-align: middle;
    margin: auto;
    display: inline-block;
}

.slider_partners div.niv {
    height: 100%;
    width: 0px;
}

.katalog_text {
	background-color: rgb(255, 255, 255);
    padding: 30px;
    margin-bottom: 30px;
}
.katalog_text p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}
.katalog_text a {
    color: rgb(246, 100, 2);
    font-size: 14px;
    text-decoration: none;
}
.katalog_text a:hover {
	text-decoration:underline;
}
.subcategory {
	float: left;
	padding-right: 15px;
}
.katalog_text li {
	margin: 5px 0;
}
.katalog_text ul {
    font-size: 14px;
    list-style-position: inside;
}
.katalog_text h2{
	margin: 20px 0 10px 0;
	font-size: 20px;
}
.katalog_text h3{
	margin: 15px 0 10px 0;
}
.category_container {
	float: left;
    width: 175px;
	text-align: center;
}
.dostavka_text {
    background-color: rgb(255, 255, 255);
    padding: 30px;
    margin-bottom: 30px;
}
.dostavka_text img {
    width: 100%;
}
.dostavka_text p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
}
.dostavka_text p a {
    margin: 20px 0px;
    color: rgb(246, 100, 2);
    font-size: 14px;
    text-decoration: none;
}
.dostavka_text a:hover {
	text-decoration:underline;
}

.kont_text_map {
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
    padding: 30px 0px 0px;
}
.text_kont{
    padding: 0px 15px;
}

.fa_im_text {
	clear: both;
    font-size: 0px;
    margin-bottom: 30px;
}

.fa_im,
.kont_text {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}

.fa_im {
    width: 10%;
    margin-right: 30px;
    text-align: center;
}
.kont_text{
    width: calc(90% - 30px);
}

/*===================Подвал=============*/

footer {
	margin-top: 30px;
}

.footer_block {
    padding: 25px 0px;
    font-size: 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    position: relative;
    border-top: 4px solid rgb(228, 200, 181)
}

.footer_block .mail_city {
    text-align: right;
}

@media screen and (max-width:1034px) {
    .head_block {
        padding: 25px 0px;
        font-size: 0px;
        text-align: center;
        background-color: rgb(255, 255, 255);
        position: relative;
    }
    .head_block:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        bottom: -4px;
        left: 0px;
        background-color: #bec8c8;
        /* IE9, iOS 3.2+ */
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzdkMGQwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNhN2IwYjAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2MzY2ZkMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjN2QwZDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2M4ZDFkMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
        background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgb(199, 208, 208)), color-stop(0.25, rgb(167, 176, 176)), color-stop(0.5, rgb(195, 207, 208)), color-stop(0.75, rgb(199, 208, 208)), color-stop(1, rgb(200, 209, 210)));
        /* Android 2.3 */
        background-image: -webkit-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
        /* IE10+ */
        background-image: repeating-linear-gradient(to right, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
        background-image: -ms-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
    }
    @media \0screen\,
    screen\9 {
        .head_block:after {
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffc7d0d0", endColorstr="#ffc8d1d2", GradientType=1);
        }
    }
    .logo_text,
    .tel_mail_city,
    .logo_head,
    .text_head,
    .tel_head,
    .mail_city {
        display: inline-block;
        vertical-align: middle;
    }
    .logo_text,
    .tel_mail_city {
        width: 50%;
        text-align: center;
        margin-bottom: 10px
    }
    .logo_head,
    .text_head,
    .tel_head,
    .mail_city {
        font-size: 18px;
        width: 50%;
    }
    .tel_mail_city {
        width: 100%
    }
    .tel_head {
        text-align: center;
    }
    .mail_city {
        text-align: center
    }
    .tel_head i,
    .mail_city i {
        margin-right: 5px;
    }
    .text_head p, .text_head h1 {
        font-size: 26px;
        text-transform: uppercase;
        color: rgb(236, 68, 0);
        font-weight: bold;
        text-align: center
    }
    .logo_text {
        display: block;
        width: 100%
    }
    .logo_head {
        min-width: 247px;
        text-align: center
    }
    .navigation_block {
        margin-top: 30px;
        width: 100%;
    }
    .nav_block {
        background-color: rgba(200, 200, 200, 0.4);
        position: relative;
        border-top: 4px solid rgba(198, 188, 179, 0.6);
        border-bottom: 4px solid rgba(198, 188, 179, 0.6);
    }
    .nav_block ul {
        list-style: none;
        font-size: 0px;
        text-align: center;
    }
    .nav_block ul li {
        font-size: 18px;
        display: inline-block;
        text-transform: uppercase;
        padding: 20px 2px;
    }
    .nav_block ul li a {
        width: 100%;
        padding: 30px 20px;
        color: rgb(0, 0, 0);
        text-decoration: none;
        border-radius: 5px;
        -webkit-transition: 200ms;
        transition: 200ms;
    }
    .nav_block ul li a:hover {
        background-color: rgba(246, 100, 2, 0.9);
        color: rgb(200, 200, 200);
    }
    .nav_block ul li a.active {
        background-color: rgb(246, 100, 2);
        color: rgb(255, 255, 255);
    }
    .footer_block .mail_city {
        text-align: center;
    }
}

@media screen and (max-width:1005px) {
    .tov_block {
        font-size: 0px;
        padding: 30px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-bottom: 30px;
    }
    .image_tov,
    .text_tov {
        font-size: 14px;
        display: block;
        vertical-align: top;
    }
    .image_tov {
        max-width: 100%;
        width: 100%;
        min-width: 230px;
        text-align: center;
    }
    .text_tov {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .seo_block {
        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(228, 200, 181);
        width: 100%;
        padding: 35px 15px;
        font-size: 14px;
        line-height: 22px;
        color: rgb(66, 66, 66);
    }
	.seo_block div.lable {
		margin-left: -15px;
	}
}

@media screen and (max-width:767px) {
    .tov_content {
        width: 100%;
        margin-left: 0px;
    }
    .aside {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width:577px) {
    .head_block {
        padding: 25px 0px;
        font-size: 0px;
        text-align: center;
        background-color: rgb(255, 255, 255);
        position: relative;
    }
    .head_block:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        bottom: -4px;
        left: 0px;
        background-color: #bec8c8;
        /* IE9, iOS 3.2+ */
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYzdkMGQwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNhN2IwYjAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2MzY2ZkMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjN2QwZDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2M4ZDFkMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
        background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgb(199, 208, 208)), color-stop(0.25, rgb(167, 176, 176)), color-stop(0.5, rgb(195, 207, 208)), color-stop(0.75, rgb(199, 208, 208)), color-stop(1, rgb(200, 209, 210)));
        /* Android 2.3 */
        background-image: -webkit-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
        /* IE10+ */
        background-image: repeating-linear-gradient(to right, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
        background-image: -ms-repeating-linear-gradient(left, rgb(199, 208, 208) 0%, rgb(167, 176, 176) 25%, rgb(195, 207, 208) 50%, rgb(199, 208, 208) 75%, rgb(200, 209, 210) 100%);
    }
    @media \0screen\,
    screen\9 {
        .head_block:after {
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffc7d0d0", endColorstr="#ffc8d1d2", GradientType=1);
        }
    }
    .logo_text,
    .tel_mail_city,
    .logo_head,
    .text_head,
    .tel_head,
    .mail_city {
        display: block;
        vertical-align: middle;
    }
    .logo_text,
    .tel_mail_city {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .logo_head,
    .text_head,
    .tel_head,
    .mail_city {
        font-size: 18px;
        width: 100%;
        margin-bottom: 15px;
    }
    .tel_mail_city {
        width: 100%
    }
    .tel_head {
        text-align: center;
    }
    .mail_city {
        text-align: center
    }
    .tel_head i,
    .mail_city i {
        margin-right: 5px;
    }
    .text_head p, .text_head h1 {
        font-size: 26px;
        text-transform: uppercase;
        color: rgb(236, 68, 0);
        font-weight: bold;
        text-align: center
    }
    .logo_text {
        display: block;
        width: 100%
    }
    .logo_head {
        min-width: 247px;
        text-align: center
    }
    .navigation_block {
        margin-top: 30px;
        width: 100%;
    }
    .nav_block {
        background-color: rgba(200, 200, 200, 0.4);
        position: relative;
        border-top: 4px solid rgba(198, 188, 179, 0.6);
        border-bottom: 4px solid rgba(198, 188, 179, 0.6);
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .nav_block ul {
        list-style: none;
        font-size: 0px;
        text-align: center;
    }
    .nav_block ul li {
        font-size: 18px;
        display: block;
        text-transform: uppercase;
        padding: 0px 15px;
        margin: 10px 0px;
    }
    .nav_block ul li a {
        width: 100%;
        padding: 20px 20px;
        width: 100%;
        display: block;
        color: rgb(0, 0, 0);
        text-decoration: none;
        border-radius: 5px;
        -webkit-transition: 200ms;
        transition: 200ms;
    }
    .nav_block ul li a:hover {
        background-color: rgba(246, 100, 2, 0.9);
        color: rgb(200, 200, 200);
    }
    .nav_block ul li a.active {
        background-color: rgb(246, 100, 2);
        color: rgb(255, 255, 255);
    }
    .tov_content {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .lable {
        font-size: 18px;
        position: relative;
        text-transform: uppercase;
        background-color: rgb(246, 240, 235);
        border-radius: 0px;
        left: 15px;
        width: calc(100% - 30px);
        min-width: calc(100% - 30px);
        padding: 15px 10px 15px 15px;
        box-shadow: 0px 3px 10px rgb(150, 150, 150);
        margin-bottom: 20px;
        display: block;
    }
    .aside {
        position: relative;
        top: 0px;
        left: 0px;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-top: 30px;
    }
    .why_why {
        width: 100%;
        background-color: rgb(255, 255, 255);
        font-size: 0px;
        padding: 30px 15px 0px;
        margin-bottom: 30px;
    }
    .lable_why {
        font-size: 18px;
        position: relative;
        background-color: rgb(246, 240, 235);
        border-radius: 0px;
        left: 0px;
        max-width: 100%;
        padding: 15px 10px 15px 25px;
        box-shadow: 0px 3px 10px rgb(150, 150, 150);
        margin-bottom: 28px;
        display: block;
        color: rgb(247, 118, 64);
    }
    .why_img {
        width: 45px;
        text-align: left;
        margin-right: 10px;
    }
    .why_text {
        width: calc(100% - 60px);
        line-height: 22px;
        font-weight: 500;
    }
    .news {
        padding: 30px 15px;
    }
    .news .lable_why {
        left: 0;
        width: 100%;
        max-width: 100%
    }
    .partners {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .as_name {
        font-size: 18px;
        position: relative;
        background-color: rgb(246, 240, 235);
        border-radius: 0px;
        left: 0px;
        width: 100%;
        padding: 15px 10px 15px 25px;
        box-shadow: 0px 3px 10px rgb(150, 150, 150);
        margin-bottom: 28px;
        display: block;
        color: rgb(247, 118, 64);
    }
    .dostavka_text {
        background-color: rgb(255, 255, 255);
        padding: 30px 15px;
        margin-bottom: 30px;
    }
    .dostavka_text img {
        width: 100%;
    }
    .dostavka_text p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .dostavka_text p a {
        margin: 5px 0px;
        color: rgb(246, 100, 2);
        font-size: 14px;
        text-decoration: none;
        display: block;
    }
    .breadkrumbs {
        padding: 15px;
        width: calc(100% - 30px);
        margin-left: 15px;
        background-color: rgb(255, 255, 255);
        margin-bottom: 30px;
    }
}

.modalL {cursor: url(../image/zoomin.cur), pointer;}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 40px;margin:0 auto; border-radius: 8px}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#fff}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}

#order-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;display:none}
#order-form{background-color:#FFFEFD;width:100%;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;box-shadow:0 0 30px #9E8C8A;border:solid 1px #7E7E7E;padding:30px;z-index:101;transition:width 0.2s,height 0.2s}
#order-form .form-content{display:none;padding-bottom:5px}
#order-form label{display:block;padding:8px 0 3px}
#order-form input[type="text"], input[type="email"], input[type="tel"]{width:100%;box-shadow:inset 0 2px 8px -2px #C6C5CA;border:solid 1px #C7C3D3;padding:6px 10px;font-size:1em;border-radius:7px;outline:0}
#order-form textarea{font-size:13px;width:100%;padding:6px 10px;box-shadow:inset 0 2px 8px -2px #D7D6DB;border:solid 1px #C7C3D3;color:#50486D;border-radius:7px;outline:0;font-family:'Open Sans',sans-serif;line-height:1.5em;resize:none}
.order-bg{background-color:rgba(128,98,98,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.order-title{color:#D94C1B;font-size:2em;font-weight:300;letter-spacing:1px;margin-top:-4px}
#order-form label{font-size:0.9em;color:#6F678B}
div.form-close{position:absolute;top:0px;right:4px;font-size:18px;color:#F0A58D;padding:4px 8px;text-shadow:0px 1px #9E9890;font-family:Verdana;font-weight:600;cursor:pointer}
div.form-close:hover{color:red}
.order-result{display:none}
p.order-result-title{color:#00A03A;font-size:2em;border-bottom:solid 2px #00A03A;padding-bottom:16px;margin-top:0}
p.order-result-text{text-align:left}
.order-close{text-align:center!important;height:30px!important;padding:5px 0!important;width:100%!important;background-color:#53B85B!important;background:linear-gradient(#5AD464 0%,#59C061 50%,#53B85B 100%)!important;color:#FFF !important;text-shadow:0 -1px #44834B!important;box-shadow:inset 0 1px 0 #86DD89,0 2px 8px #9FD1AA !important;border:solid 1px #6BA871 !important}
.order-close:hover{color:#EDFFE4 !important;background:linear-gradient(#70DD5B 0%,#5EC759 50%,#56C551 100%)!important;box-shadow:inset 0 1px 0 #91E794,0 2px 8px #7FDD94 !important;border:solid 1px #6BA871 !important;cursor:pointer}
input#osubmit{width:100%}
p.info{font-size:0.8em;color:#AEA6BB;margin-top:3px;text-align:left;line-height:1.5em}
.order-field{position:relative}
div.error{top:32px;right:-160px;position:absolute;width:140px;text-align:center;background-color:#D94C1B;color:#FFF;padding:9px 4px;line-height:1.4em;font-size:0.9em;box-shadow:1px 1px 3px rgba(26,9,9,0.34)}
div.error-arrow{background-image:url(../image/hlp_arrow.png);position:absolute;top:40%;left:-9px;width:10px;height:10px;background-position:left bottom}
#foname{margin-top:-9px}
#foemail{margin-top:-15px}

.scroll-table {width:90%;overflow:auto}
.scroll-table table {border-collapse:collapse}
.scroll-table td {padding:5px}
.scroll-table th {background:#eee;padding:5px}

select {
    padding:6px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width: 247px;
    font-weight: bold;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
/*   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
} */

#cookie_note{
    display: none;position: fixed;z-index:100;
    bottom: 15px;left: 50%; max-width: 90%;transform: translateX(-50%);
    padding: 20px;background-color: white;
    border-radius: 4px;box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note p{margin: 0;font-size: 0.7rem;text-align: left;color: black;}
#cookie_note .btn-sm {display: block;margin: 0 auto;}
.cookie_accept{width:20%;}
@media (min-width: 576px){#cookie_note.show{display: flex;}}
@media (max-width: 575px){#cookie_note.show{display: block;text-align: left;width: 80%;}}