html {
scroll-behavior: smooth;
}

@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-SemiBold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-ExtraBold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  src: url(/templates/demotractor/css/fonts/Gilroy-ExtraBold.ttf);
  font-display: swap;
}

*{box-sizing:border-box;}
input {outline:none;}
h1{width: 100%; float: left; text-align: left;font-family: Gilroy;text-transform:uppercase;color:#3b4048;line-height:1;}
h2{width: 100%; float: left; text-align: left;font-family: Gilroy;text-transform:uppercase;color:#3b4048;line-height:1;}
h3{width: 100%; float: left; text-align: left;font-size:16px;font-family: Gilroy;text-transform:uppercase;line-height:1;color:#3b4048;}
body{margin:0;padding:0;font:100%/16px Gilroy;}
a{color:#498BDF;}
header{
	background: url(/images/por/back-min.jpg) no-repeat;
    height: 100vh;
    background-size: cover;
    width: 100%;
	text-align: center;
}
.phot_img{
	max-height: 386px;
    overflow: hidden;
}
.good_mes{
	text-align: center;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.podsaas{
	font-size: 18px !important;
	margin-top:30px !important;
	color:#000 !important;
}
.podsaass{
	font-size: 18px !important;
	margin-top:30px !important;
	color:#fff !important;
}
.good_mes div{
	font-size: 22px;
    color: #a22626;
    font-weight: 500;
}
.podslogan{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    font-size: 41px;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 40px;
    width: 50%;
    text-align: left;
    max-width: 1500px;
}
.fa {padding-top: 8px;}
.head{
    max-width: 1440px;
    width: 100%;
	margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: fit-content;
	padding-top:50px;
    justify-content: space-between;
}
.slogan_it{
	max-width: 1440px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.whatsapp-button {
	display:none;
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25D366; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}
.whatsapp-button a {
    color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.whatsapp-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}
.menu{margin-right:60px;}
.menu a:last-child{margin-right:0;}
.menu a{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration:none;
	margin-right:25px;
	transition:.2s;
}
.menu a:hover{transition:.2s; opacity: .7;}
.logo{margin-right:50px;}
.phone_one a{color:#fff;text-decoration:none;}
.phone_two a{color:#fff;text-decoration:none;}
.phone_one{
font-family: Gilroy;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 35px;
text-align: right;
text-transform: uppercase;
color: #FFFFFF;
}
.phone_two{
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: right;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 6px;
}
.phone{margin-right:55px;}

.fos{
	background: #9F2C00;
    padding: 24px 20px;
	border-radius: 3px;
	cursor:pointer;
	font-family: Gilroy;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff;
	transition:.2s;
}
.fos:hover {transition:.2s; opacity: .7;}
.slogan{
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    font-size: 76px;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 150px;
    width: 50%;
    text-align: left;
    max-width: 1500px;
}
.slogan span{color:#9F2C00;}
.scroll{
	position: absolute;
    background: url(/images/por/scroll.png) no-repeat;
    bottom: 40px;
    width: 36px;
    left: 50%;
    margin-left: -18px;
    height: 55px;
	transition:.2s;
}
.no_img{display:none;}
.scroll:hover{transition:.2s; opacity: .7;}
.mi{
	width: 100%;
    max-width: 1440px;
    padding-top: 150px;
    margin: 0 auto;
    background: url(/images/por/track.png) no-repeat;
    background-position-x: right;
    background-position-y: 41%;
}
.mi_zg{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 900;
	font-size: 139.461px;
	line-height: 100%;
	text-transform: uppercase;
	color: #E6E6E6;
}
.mi_ul{
	padding-top:60px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
}
.mi_ul li{padding-bottom: 28px; color:#08944E}
.mi_ul li span{color:#323232}
.kvarc{    
    display: flex;
    background: #F6F6F6;
    position: relative;
    margin-bottom: 150px;
    margin-top: 100px;
    padding: 40px 10px;
    width: 100%;
    justify-content: space-between;
}
.kvarc_img{
	position: absolute;
	bottom: 11px;
}
.kvarc_name{
	padding-left:180px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	color: #323232;
}
.prod_items_kras_img img{width:100%;}
.prod_items_kras{
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 18%;
}
.prod_items_kras_n{
	color: #fff;
    padding-top: 35px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
}
.kvarc_vopr:hover{opacity:.7;transition:.2s;}
.kvarc_vopr{
	font-family: Gilroy;
    font-style: normal;
	cursor:pointer;
	transition:.2s;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #9F2C00;
    padding-right: 24px;
    padding-top: 4px;
    background: url(/images/por/str.png) no-repeat;
    background-position-x: right;
    background-position-y: center;
    margin-right: 40px;
}
.preim{
	text-align: left;
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 135%;
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 40px;
}
.k_prod:hover{background:#9F2C00;transition:.2s;color:#fff;}
.k_prod{	
	width: 30%;
    transition: .2s;
    float: left;
    margin-top: 40px;
    border: 1px solid #9F2C00;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    padding: 33px 60px 27px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    justify-content: center;
}
.menu_mob {
	display: none;
	position: absolute;
    left: 0;
    top: 90px;
    padding: 10px 0;
}
.burg_m {
    width: 55px;
    display: none;
	cursor:pointer;
    height: 55px;
    position: absolute;
    top: 30px;
    left: 30px;
    background: url(/images/por/burg.png) no-repeat;
}
.zh_tpr{
	color: #9F2C00;
    margin-top: 70px;
    text-align: left;
    font-size: 15px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.close {
    width: 18px;
    display: none;
	cursor:pointer;
    height: 18px;
    position: absolute;
    top: 70px;
    right: 30px;
    background: url(/images/por/cls_f.png) no-repeat;
}
.product{
	background: url(/images/por/back_prod.png) no-repeat;
    background-size: cover;
    width: 100%;
}
.product_zg{
	font-family: Gilroy;
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 130%;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom:50px;
}
.product_it{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 150px;
	position:relative;
}
.prais:hover{background: url("/images/por/wh_str.png") no-repeat, #9F2C00; background-position-x: 89%; background-position-y: center; transition:.2s;color:#fff;}
.prais{
	background: url(/images/por/str_gold.png) no-repeat;
    background-position-x: 89%;
    background-position-y: center;
	cursor:pointer;
	text-decoration:none;
	border: 1px solid #9F2C00;
    box-sizing: border-box;
    padding: 23px 54px 23px 30px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #9F2C00;
}
.prod_items{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
	margin-top: 60px;
    justify-content: space-between;
}
.prod_item{width: 49.65%; display: flex; margin-bottom: 10px;}
.prod_left{
	background: #fff;
    width: 65%;
    padding: 60px 50px 33px;
}
.prod_name{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    color: #323232;
}
.prod_size{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
    margin-top: 20px;
}
.prod_price span{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #323232;
}
.prod_price{
	font-family: Gilroy;
	margin-top: 54px;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 100%;
	color: #9F2C00;
}
.prod_fos:hover,.prod_fos2:hover,.prod_fos3:hover,.prod_fos4:hover,.prod_fos5:hover,.prod_fos6:hover,.prod_fos7:hover,.prod_fos8:hover,.prod_fos9:hover,.prod_fos10:hover,.prod_fos11:hover,.prod_fos12:hover,.prod_fos13:hover,.prod_fos14:hover,.prod_fos15:hover{opacity:.7;transition:.2s;}
.prod_fos,.prod_fos2,.prod_fos3,.prod_fos4,.prod_fos5,.prod_fos6,.prod_fos7,.prod_fos8,.prod_fos9,.prod_fos10,.prod_fos11,.prod_fos12,.prod_fos13,.prod_fos14,.prod_fos15{
	font-family: Gilroy;
	transition:.2s;
	cursor:pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    padding: 19px 54px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #323232;
    background: #9F2C00;
    float: left;
    margin-top: 38px;
}
.prod_right img{
	width:100%;
    height: 100%;
}
.prod_right{
	width: 35%;
}
.polosa{
	width:100%;
	height:2px;
	background: #FFFFFF;
	opacity: 0.1;
	margin-top:70px;
}
.opt{
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
	padding-bottom:130px;
}
.opt_txt{
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    line-height: 130%;
    text-transform: uppercase;
    color: #C5C6C6;
    opacity: 0.7;
    text-align: right;
}
.opt_txt span{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 135%;
	text-align: right;
	color: #FFFFFF;
}

.opt_zak:hover{opacity:.7;transition:.2s;}
.opt_zak{
	background: url("/images/por/str-white.png") no-repeat, #9F2C00;
    background-position: center;	
    width: 90px;
    height: 90px;
	cursor:pointer;
    border-radius: 80px;
	transition:.2s;
}
.o_komp{
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 150px 0;
    display: flex;
}
.o_komp_left{
	    width: 56%;
}
.o_komp_right{
	    width: 44%;
}
.o_komp_right img {width:100%;}
.o_komp_zg{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 130%;
    text-transform: uppercase;
    color: #323232;
}
.o_komp_txt img{display:none !important;}
.o_komp_txt{
	font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #323232;
    margin-top: 40px;
    padding-right: 70px;
    text-align: justify;
}

.bukl_btn:hover{background: url("/images/por/wh_str.png") no-repeat, #08944E; background-position-x: 84%; background-position-y: center; transition:.2s;color:#fff;}
.bukl_btn{
	background: url(/images/por/str_down.png) no-repeat;
    background-position-x: 84%;
	cursor:pointer;
	text-decoration:none;
    background-position-y: center;
    font-family: Gilroy;
    transition: .2s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    line-height: 100%;
    border: 1px solid #08944E;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #08944E;
    float: left;
    padding: 33px 84px 27px 60px;
    border-radius: 3px;
    margin-top: 40px;
}
.licen{
	background: url(/images/por/lic_back.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}
.licen_it{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 90px 0;
	display:flex;
	align-items:center;
}
.licen_l{width: 50%;}
.licen_zg span{color:#9F2C00;}
.licen_zg{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    font-size: 76px;
    line-height: 105%;
    text-transform: uppercase;
    color: #fff;
}
.licen_txt{
	font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #FFFFFF;
    margin-top: 50px;
}
.licen_r{width:50%; text-align: center;}
.photogalereya{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 150px 0;
}
.phot_zg{
	font-family: Gilroy;
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 130%;
	text-transform: uppercase;
	color: #323232;
}
.phot_it{
	width: 100%;
	margin-top:50px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.phot_opis{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 170%;
	color: #323232;
	margin-top:20px;
}
.konsult{
	background: url(/images/por/back_kons.png) no-repeat;
    background-size: cover;
    width: 100%;
}
.konsult_it{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 174px 0;
	display:flex;
	align-items:center;
}
.kons_zg{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 900;
	font-size: 76px;
	line-height: 105%;
	text-transform: uppercase;
	color: #fff;
}
.kons_zg span{color:#9F2C00}
.kons_l{width:50%;}
.kons_r{width:50%;}
.kons_txt{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 170%;
	color: #FFFFFF;
	margin-top:50px;
}
.kons_form input{
	width: 100%;
    margin-bottom: 20px;
    background: none;
    border: 0;
    border-bottom: 1px solid #ffffff30;
    padding: 14px 0;
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 0.5;
}
.pod_form{
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:50px;
    align-items: center;
}
.pod_form_l a:hover{text-decoration:none;}
.pod_form_l a{color:#fff;}
.pod_form_l{
	color:#fff;
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
}
.pod_form_r{width:50%;}
.pod_form_btn:hover{opacity:.3;transition:.2s;}
.pod_form_btn{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
	background:#9F2C00;
	padding:33px 60px 27px;
	cursor:pointer;
	transition:.2s;
}
.konts{display: flex;}
.konts_l{width: 50%; margin-left: 240px;}
.konts_r{width:50%;}
.konts_zag{
	margin-top:150px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 130%;
	text-transform: uppercase;
	color: #323232;
}
.konts_l_itr{display:flex;margin-top:50px;}
.konts_l_it{width:50%;}
.konts_zg{
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #323232;
}
.konts_podz a{
	color: #323232;
	text-decoration:none;
	}
.konts_podz{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 150%;
	color: #323232;
    margin-top: 19px;
    margin-bottom: 30px;
	opacity: 0.5;
}
.f_btn_zkz:hover{transition:.2s;background:#9F2C00;color:#fff;}
.f_btn_zkz{
	border: 1px solid #9F2C00;
	box-sizing: border-box;
	border-radius: 3px;
    margin-bottom: 120px;
	font-family: Gilroy;
	cursor:pointer;
	float:left;
	transition:.2s;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #9F2C00;
    padding: 33px 60px 27px;
    margin-top: 50px;
}
.footer {
    background: url(/images/por/back_foot.png) no-repeat;
    background-size: cover;
    width: 100%;
}
.footer_it {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 39px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_it{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #FFFFFF;
}
.foot_it a{color:#fff;}
.foot_it a:hover{text-decoration:none;}
.foot_itc{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #FFFFFF;
}

.phot_img img{width:100%;}


.tabs {
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
}

.tabs>input[type="radio"] {
  display: none;
}

.tabs>div {
  /* скрыть контент по умолчанию */
  display: none;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-6:checked~#content-6,
#tab-btn-3:checked~#content-3 {
  display: block;
}
.wow2,.wow3,.wow4,.wow5{display:none;}
.tabs>label {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	margin-right: 10px;
	padding: 19px 16px;
	cursor: pointer;
	position: relative;
	border: 1px solid rgb(255 193 30 / 74%);
	box-sizing: border-box;
	border-radius: 3px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.tabs>input[type="radio"]:checked+label {
	background: rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 0.5;
}



.tabs_k {
  font-size: 0;
  margin-top: 30px;
}



.tabs_k>input[type="radio"]:checked+label {
	background: #F6F6F6;
	border-radius: 3px;
	font-family: Gilroy;
    border: 1px solid #F6F6F6;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	color: #C5C6C6;
}

.menu_mob a{
    width: 100%;
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    padding: 18px 0;
    border-bottom: 2px solid #efefef;
    background: #fff;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 25px;
    transition: .2s;
    text-align: center;
}
.hover_opl {
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    box-sizing: border-box;
}
.hover {
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    box-sizing: border-box;
}
.hover_v {
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    box-sizing: border-box;
}
.hover_t,.hover_t2,.hover_t3,.hover_t4,.hover_t5,.hover_t6,.hover_t7,.hover_t8,.hover_t9,.hover_t10,.hover_t11,.hover_t12,.hover_t13,.hover_t14,.hover_t15 {
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    box-sizing: border-box;
}
.popup_t,.popup_t2,.popup_t3,.popup_t4,.popup_t5,.popup_t6,.popup_t7,.popup_t8,.popup_t9,.popup_t10,.popup_t11,.popup_t12,.popup_t13,.popup_t14,.popup_t15 {
    width: 52%;
    min-height: 245px;
    background: #fff;
    left: 50%;
    margin-left: -26%;
    position: absolute;
    top: -100%;
    border-radius: 4px;
    box-sizing: border-box;
}
.popup {
    width: 40%;
    min-height: 245px;
    background: #fff;
    left: 50%;
    margin-left: -20%;
    position: absolute;
    top: -100%;
    border-radius: 4px;
    box-sizing: border-box;
}
.oplata{cursor:pointer;}
.popup_opl {
    width: 40%;
    min-height: 245px;
    background: #fff;
    left: 50%;
    margin-left: -20%;
    position: absolute;
    top: -100%;
    border-radius: 4px;
    box-sizing: border-box;
}
.popup_v {
    width: 40%;
    min-height: 245px;
    background: #fff;
    left: 50%;
    margin-left: -20%;
    position: absolute;
    top: -100%;
    border-radius: 4px;
    box-sizing: border-box;
}
.zg_head{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    color: #323232;
	margin: 80px 0 35px;
}
.zg_head_v{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 130%;
    color: #323232;
	margin: 0 0 25px;
	text-align:center;
}
.zg_head_v_p{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 130%;
    color: #323232;
	margin: 0 0 25px;
}
.zg_ttx {
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
	text-align:justify;
    font-size: 18px;
    line-height: 170%;
    color: #323232;
    margin-top: 20px;
}
.zg_ttx_g {
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
	text-align:justify;
    font-size: 18px;
    line-height: 170%;
    color: #323232;
    margin-top: 10px;
    margin-bottom: 20px;
}
.closebtn{
	position: absolute;
    width: 18px;
    height: 18px;
    top: -25px;
    right: 0;
	cursor:pointer;
    background: url(/images/por/cls_f.png) no-repeat;
}
.ajax_block input {
	width: 100%;
    margin-bottom: 20px;
    background: none;
    border: 0;
    border-bottom: 1px solid #C2C2C2;
    padding: 15px 10px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
}
.pod_form_f {
    width: 100%;
    display: flex;
    justify-content: center;
	margin: 40px 0 60px;
    align-items: center;
}
.pod_form_f_l a{color:#000;}
.pod_form_f_l a:hover{text-decoration:none;}
.pod_form_f_l{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
}
.pod_form_f_r {
    width: 63%;
}
.ajax_block{
	width:calc(100% - 160px);
	margin:0 auto;
}
.ajax_block_v{
	width:100%;
	padding:40px;
}
.pod_form_btn_f:hover{opacity:.7; transition:.2s;}
.pod_form_btn_f{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    background: #9F2C00;
    padding: 33px 20px 27px;
    cursor: pointer;
    transition: .2s;
}
.ajax_block_t,.ajax_block_t2,.ajax_block_t3,.ajax_block_t4,.ajax_block_t5,.ajax_block_t6,.ajax_block_t7,.ajax_block_t8,.ajax_block_t9,.ajax_block_t10,.ajax_block_t11,.ajax_block_t12{
	padding: 40px 40px 0;
    border-radius: 3px;
    display: flex;
}
.tov_fr input{border: 0; font-size: 18px;border-bottom: 1px solid #C2C2C2;  padding: 15px 0; width: 33%;}
.tov_fr{
    margin-top: 50px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	}
.pol_inf a{color:#000;}	
.pol_inf a:hover{text-decoration:none;}
.pol_inf{padding: 0 40px 40px; margin-top: 15px;}	
.btn_to_tov:hover{opacity:.7;transition:.2s;}
.btn_to_tov{
	background: #9F2C00;
    border: 1px solid #9F2C00;
    box-sizing: border-box;
	cursor:pointer;
    border-radius: 3px;
    padding: 33px 0 27px;
    width: 24%;
    text-align: center;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #323232;
}
.tk_zg{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 130%;
    color: #323232;
}
.tk_podzg{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #323232;
    opacity: 0.5;
    margin-top: 5px;
}
.tk_txt{
	font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #323232;
    padding-right: 25px;
    margin-top: 20px;
}
.tk_razm{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #323232;
    margin-top: 50px;
}
.tk_prais span{
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #323232;
}
.tk_prais{
	margin-top: 20px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #08944E;
}
.otvet_form{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto 0; 
}
.zg_otvet_form{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    color: #323232;
}
.zg_otvet_form_k{
	font-family: Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    color: #fff;
}
.txt_otvet_form_k{
	font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #fff;
}
.txt_otvet_form{
	font-family: Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    color: #323232;
}
.close_dop{
	background: #9F2C00;
	cursor:pointer;
    border: 1px solid #9F2C00;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 33px 60px 27px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-top: 50px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #323232;
}
.no_pust{
	font-family: Gilroy;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #FF5656;
}





















/* адаптив */

@media screen and (max-width: 1850px) {
	.konts_l {margin-left: 100px;}
	.tabs_k>label{padding: 17px 20px;}
}
@media screen and (max-width: 1640px) {
	.menu a {margin-right: 15px;}
	.head {max-width: 1360px;}
	.slogan_it {max-width: 1360px;}
	.logo img{width:90%;}
	.pod_form_btn{padding: 33px 30px 27px;}
	.phone {margin-right: 20px;}
}

@media screen and (max-width: 1540px) {
.phot_img {max-height: 360px;}

.popup_t,.popup_t2,.popup_t3,.popup_t4,.popup_t5,.popup_t6,.popup_t7,.popup_t8,.popup_t9,.popup_t10,.popup_t11,.popup_t12 {width: 60%;  margin-left: -30%;}
.popup {width: 50%; margin-left: -25%;}
.phone_one{font-size:25px;}
.logo {margin-right: 10px;}
.menu {margin-right: 10px;}
.phone {margin-right: 20px;}
.slogan{width: 42%; max-width: 1360px; margin-top: 65px; font-size: 58px;}
.podslogan{font-weight: 600; font-size: 38px; margin-top: 30px;}
.preim{margin-top: 30px; font-size: 20px;}
.prod_items_kras_n{font-size:15px;}
.kvarc{margin-bottom: 100px;}
.opt{padding-bottom: 100px;} 
.product_it{padding-top: 100px;} 
.mi{max-width: 1360px; padding-top: 100px; background-position-y: 32%;} 
.product{background-position:center;} 
.product_it{max-width: 1360px;} 
.opt{max-width: 1360px;} 
.o_komp{max-width: 1360px;} 
.licen_it{max-width: 1360px;} 
.konsult_it{max-width: 1360px; padding: 100px 0;} 
.footer_it{max-width: 1360px;} 
.photogalereya{max-width: 1360px; padding: 100px 0;} 
}

@media screen and (max-width: 1450px) {
	.konts_l {margin-left: 40px;}
}
@media screen and (max-width: 1380px) {
	.phot_img {max-height: 300px;}
	.bukl_btn{margin-top:20px;}
	.prod_price span{font-size: 14px;}
	.prod_price {font-size: 20px;margin-top:25px;}
	.prod_size {font-size: 14px;}
	.prod_name {font-size: 20px;}
	.licen_zg {font-size: 60px;}
	.pod_form_btn{padding: 21px 0 19px;}
	.pod_form_r {width: 63%;}
	.kons_txt{
		font-size: 16px;
		line-height: 150%;
		margin-top: 20px;
		padding-right: 50px;
	}
	.tk_r img{ max-height: 260px;}
	.tk_zg {font-size: 22px;}
	.tk_podzg {font-size: 14px;}
	.tk_txt {font-size: 16px; margin-top:15px;}
	.tk_razm {font-size: 14px; margin-top: 25px;}
	.tk_prais {margin-top: 15px;  font-size: 22px;}
	.popup_t,.popup_t2,.popup_t3,.popup_t4,.popup_t5,.popup_t6,.popup_t7,.popup_t8,.popup_t9,.popup_t10,.popup_t11,.popup_t12 {width: 74%; margin-left: -37%;}
	.pol_inf {font-size: 14px;}
	.btn_to_tov {padding: 22px 0 18px;}
	.kons_zg {font-size: 60px;}
	.licen_txt {margin-top:25px;line-height: 150%;}
	.opt_txt span {font-size: 14px;}
	.opt_txt {font-size: 26px;}
	.tabs>label {
		padding: 19px 16px;
		font-size: 15px;
	}
	.tabs>input[type="radio"]:checked+label {
    font-size: 15px;
	}
	.prais{
		padding: 19px 50px 19px 23px;
		font-size: 15px;
}
	.opt_txt{margin-left: 254px;}
	.prod_fos,.prod_fos2,.prod_fos3,.prod_fos4,.prod_fos5,.prod_fos6,.prod_fos7,.prod_fos8,.prod_fos9,.prod_fos10,.prod_fos11,.prod_fos12,.prod_fos13,.prod_fos14,.prod_fos15{margin-top:30px;}
	.product_zg{margin-top:30px;}
	.prod_left{padding: 20px 50px 25px;}
	.logo img {width: 75%;}
	.menu a {font-size:14px}
	.phone_one{font-size:18px;}
	.phone_two{font-size:13px;}
	.menu {margin-right: 20px;}
	.fos {padding: 14px 16px; font-size: 12px;}
	.phone_one {line-height: 30px;}
	.logo{margin-right: 0;}
	.slogan{max-width: 1145px; font-size: 56px; margin-top: 55px; margin-top: 75px;font-weight: 800; line-height: 115%;}
	.mi {max-width: 1145px; padding-top: 40px; background-position-y: center; background-size: 55%;}
	.product_it {max-width: 1145px; padding-top: 40px;}
	.o_komp {max-width: 1145px; padding:70px 0;}
	.licen_it {max-width: 1145px; padding:70px 0;}
	.konsult_it {max-width: 1145px; padding:70px 0;}
	.photogalereya {max-width: 1145px; padding:70px 0;}
	.footer_it {max-width: 1145px;}
	.opt {max-width: 1145px; padding-bottom:40px;}
	.k_prod {margin-top: 35px; padding: 26px 54px 24px; font-size: 14px; line-height: 19px;}
	.preim {font-size: 18px; line-height: 145%;}
	.scroll {bottom: 15px;}
	.kvarc{margin-bottom: 50px;}
	.mi_zg {font-size: 80px;}
	.mi_ul {
    padding-top: 15px;
    font-size: 21px;
	}
	.kvarc_name{font-size: 22px;}
	.konts_zag {margin-top: 70px;}
	.f_btn_zkz {
    margin-bottom: 70px;
    margin-top: 15px;
}
	.konts_zg{font-size: 18px;}
	.tabs_k>label, .tabs_k>input[type="radio"]:checked+label{font-size:16px;}
	.konts_podz{
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.zg_head {
		font-size: 26px;
		margin: 40px 0 24px;
	}
	.zg_otvet_form {
		font-size: 26px;
		margin: 40px 0 24px;
	}
	.zg_otvet_form_k {
		font-size: 26px;
		margin: 40px 0 24px;
	}
	.zg_head_v {
		font-size: 22px;
	}
	.zg_head_v_p {font-size: 20px;margin:0;}
	.popup {
		width: 48%;
		margin-left: -24%;
	}
	.ajax_block input{font-size: 16px;}
	.pod_form_btn_f{padding: 23px 0 19px; font-size: 14px;}
}


@media screen and (max-width: 1250px) {
	.konts_l {width: 55%;}
	.konts_r {width: 45%;}
	.pod_form_f {flex-direction: column;}
	.pod_form_f_l{
		text-align: center;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1210px) {
	.prais {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}
.k_prod{margin: 15px auto;width: 40%;}
.podslogan{
	text-align: center;
    width: 70%;
    margin: 10px auto;
}
	.menu a {font-size: 12px;}
	.logo img {width: 70%;}
	.menu {margin-right: 10px;}
	.slogan {width: 70%; margin: 0 auto; max-width: 100%; font-size: 51px; text-align: center; margin-top: 29px; background: #00000052; padding: 10px 0;}
	header{background-position: center;}
	.preim{text-align: center;font-size: 21px;color: #fff;opacity: 1;}
	.k_prod{text-align: center; float: none; display: inline-block;margin-top: 15px;}
}

@media screen and (max-width: 1180px) {
	.mi {max-width: 1100px;} 
	.o_komp{max-width: calc(100% - 20px);}
	.footer_it{max-width: calc(100% - 20px);}
	.footer{background-position: center;}
	.opt{max-width: calc(100% - 20px);}
	.product_it{max-width: calc(100% - 20px);}
	.licen_it{max-width: calc(100% - 20px);}
	.konsult_it{max-width: calc(100% - 20px);}
	.photogalereya{max-width: calc(100% - 20px);}
	.prod_left {padding: 20px 25px;}
}
@media screen and (max-width: 1120px) {
	.konts {flex-direction: column;}
	.konts_l {width: 100%; padding-left: 20px; margin-left: 0;}
	.konts_r {width: 100%;}
	.prod_name {font-size: 20px;}
	.prod_size {font-size: 14px;}
	.prod_price {font-size: 20px;}
	.head {max-width: calc(100% - 20px); display: block;padding-top: 30px;}	
	.logo img {width: 20%;}
	.menu {margin-right: 0; margin-top: 20px;}
	.phone {margin-right: 0;margin-top:10px;}
	.phone_one {text-align: center;}
	.phone_two {text-align: center;}
	.fos {display: inline-block; margin-top: 15px;}
	.mi {max-width: calc(100% - 20px); background-size: 48%; background:#fff;} 
	.mi_ul li {padding-bottom: 24px;}
	.mi_ul {
	font-size: 18px;
    background: url(/images/por/track.png) no-repeat;
    background-size: 39%;
    background-position-x: right;
    background-position-y: 0;	}
	.opt_txt {margin-left: 0; margin-right: 20px;}
	.opt_img {display:none;}
	.opt {justify-content: flex-start;}


	
}
@media screen and (max-width: 1050px) {
	.tabs>label {font-size: 13px;}
	.tabs>input[type="radio"]:checked+label {font-size: 13px;}
	.prais {font-size: 13px;}
}
@media screen and (max-width: 1000px) {
	.phot_img {max-height: 250px;}
	.konts_zag {font-size: 44px;}
	.konsult {background-position: center;}
	.kons_txt{padding-right: 0;}
	.konsult_it{flex-direction: column;}
	.licen_it{flex-direction: column;}
	.pod_form{flex-direction: column;margin-top:0;}
	.licen_l {width: 100%; text-align: center;}
	.licen_r {width: 100%; text-align: center;}
	.pod_form_l {width: 100%; text-align: center; margin: 15px 0;}
	.kons_form {margin-top:20px;}
	.kons_form input {opacity:1;}
	.pod_form_r {width: 100%; text-align: center; margin-top: 25px;}
	.kons_l {width: 100%; text-align: center;}
	.kons_r {width: 40%; text-align: center;}
	.licen_txt {margin: 25px 0 40px;;}
	.licen_zg {font-size: 44px;}
	.kons_zg {font-size: 44px;}
	.o_komp_left {width: 100%;}
	.o_komp{flex-direction: column;}
	.no_img{display:block;}
	.yes_img{display:none;}
	.product_zg{margin-bottom:20px;}
	.prais {display:inline-block;position:relative;margin-bottom:20px;}
	.kvarc_img img {width:75%;}
	.kvarc {margin-bottom: 20px; margin-top: 50px; padding: 30px 10px;}
	.kvarc_vopr {font-size: 14px;}
	.kvarc_name {font-size: 18px;}
	.slogan {width: 78%;}
	.prod_items {margin-top: 30px; flex-direction: column;}
	.prod_items_kras {margin-bottom: 30px; width: 30%;}
	.o_komp_txt {padding-right: 0; text-align: justify;}
	.no_img {width: 51%; margin: 25px auto 0;}
	.ajax_block_t,.ajax_block_t2,.ajax_block_t3,.ajax_block_t4,.ajax_block_t5,.ajax_block_t6,.ajax_block_t7,.ajax_block_t8,.ajax_block_t9,.ajax_block_t10,.ajax_block_t11,.ajax_block_t12 {flex-direction: column-reverse;}
	.tk_l{text-align: center; margin-top: 20px;}
	.tk_r{text-align: center; }
	.tk_txt {text-align: justify; font-size: 14px;}
	.tk_zg { font-size: 20px;}
	.tk_r img {max-height: 180px;}
}
@media screen and (max-width: 900px) {
	.popup_v {width: 64%; margin-left: -32%;}
	.popup_opl {width: 64%; margin-left: -32%;}
	.tov_fr input {width:100%; margin-top: 20px;}
	.btn_to_tov{width:100%; margin-top: 20px;}
	.tov_fr {flex-direction: column; width: 90%;margin-top:0;}
	.popup {width: 64%; margin-left: -32%;}
	.popup_t,.popup_t2,.popup_t3,.popup_t4,.popup_t5,.popup_t6,.popup_t7,.popup_t8,.popup_t9,.popup_t10,.popup_t11,.popup_t12 {width: 90%; margin-left: -45%;}
	.foot_it{margin-bottom:20px;text-align:center;}
	.foot_itc{margin-bottom:20px;}
	.footer_it{flex-direction: column;  padding: 20px 0;}
	.bukl_btn{margin-top: 10px;}
	.slogan {width: 90%; font-size: 40px;}
	.logo img {width: 25%;}
	.mi_ul {background-size: 45%;}
	.prod_name {font-size: 18px;}
	.product_it {padding-top: 10px;}
	.prod_item {width: 58%;}
	.prod_items {justify-content: center;}
	.zg_otvet_form {margin: 0 0 24px;}
}
@media screen and (max-width: 850px) {
	.kvarc_name {
    font-size: 16px;
    padding-left: 0;
	}
	.kvarc_vopr {
    font-size: 12px;
}
}
@media screen and (max-width: 800px) {
	.k_prod{width: 50%;}
	.mi_zg {font-size: 64px;}
	.logo img {width: 30%;}
	.mi_ul{background-size: 47%;background-position-y:center; font-size: 16px;}
	.mi_ul li {padding-bottom: 22px;}
	.whatsapp-button {   
    bottom: 5px; /*отступ кнопки снизу от экрана*/
    left: 70px; /*отступ кнопки слева от экрана(right - справа)*/
  }
}
@media screen and (max-width: 750px) {
	.o_komp_right {width: 100%; margin-top: 40px;}
	.o_komp_right video{width: 100%; height: auto;}
	.popup {width: 78%; margin-left: -39%;}
	.prod_item {width: 80%;}
	.ajax_block {width: calc(100% - 110px);}
	
	}
@media screen and (max-width: 700px) {
	.kons_r {width: 60%;}
	.o_komp_txt {font-size:16px;}
	.prod_items_kras {width: 50%;}
	.tabs>label {
    padding: 15px 20px;
    font-size: 12px;
}
.tabs>input[type="radio"]:checked+label {
    font-size: 12px;
}
	.kvarc{
		justify-content: center;
		flex-direction: column;
		align-content: center;
	}
	.kvarc_name{text-align:center;}
	.kvarc_vopr{text-align: center;  margin: 0 auto; margin-top: 15px;float: left;width: 161px;padding: 0;}
	.logo img {width: 42%;}
	.mi_ul{background-size: 42%; padding-bottom:175px;background-position-x:center; background-position-y:bottom;}
	.prais {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}
.tk_r img {max-height: 130px;}
.ajax_block_t,.ajax_block_t2,.ajax_block_t3,.ajax_block_t4,.ajax_block_t5,.ajax_block_t6,.ajax_block_t7,.ajax_block_t8,.ajax_block_t9,.ajax_block_t10,.ajax_block_t11,.ajax_block_t12 {padding: 20px 20px 0;}
.tov_fr {padding: 0 20px;   margin: 0 auto;}
.pol_inf {padding: 0 20px 20px; text-align:center;}
}
@media screen and (max-width: 650px) {
	.k_prod{width: 65%;}
	.prod_right img{height: auto;}
	.prod_right {
    height: 300px;
    overflow: hidden;
	}
	.zh_tpr{margin-top:50px;}
	.product, .konsult, .licen, .footer {background: #282828;}
	.zg_otvet_form_k {font-size: 22px; margin-bottom: 10px;}
	.zg_otvet_form {font-size: 22px; margin-bottom: 10px;}
	.txt_otvet_form {font-size: 14px; text-align: center;}
	.txt_otvet_form_k {font-size: 14px; text-align: center;}
	.otvet_form {margin: 40px 0 0;}
	.tabs_k>label, .tabs_k>input[type="radio"]:checked+label {margin-bottom: 10px;}
	.bukl_btn {margin: 25px auto 0; display: block;text-align: center; float: none;    width: 65%;}
	.no_img {width: 80%}
		.opt {margin-top: 30px;}
		.opt_txt {font-size: 20px;}
		.prais_it {text-align: center;}
		.prod_item {width: 75%;}
		.tabs>input[type="radio"]:checked+label {
			display: flex;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			margin-bottom: 7px;
			width: 50%;
		}
		.tabs>label {
			display: flex;
			margin: 0 auto;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			margin-bottom: 7px;
			width: 50%;
		}
}
@media screen and (max-width: 600px) {
	.konts_l {padding-right: 20px;}
	.phot_img {max-height: 200px;}
	.prod_items_kras {width: 65%;}
	header {background-position: right;}
	.podslogan {font-size: 30px; width: 100%;text-align: center; margin-top: 40px;}
	.popup_v {width: 96%; margin-left: -48%;}
	.popup_opl {width: 96%; margin-left: -48%;}
	.zg_ttx {font-size: 14px; line-height: 1.5;margin-top:10px;}
	.ajax_block_v {padding: 40px 30px;}
	.zg_head_v {font-size: 16px;  margin-bottom: 0;}
	.zg_head_v_p {font-size: 14px;}
	.konts_l_itr {flex-direction: column;}
	.konts_l_it {width:100%;}
	.konts_zag {font-size: 30px;text-align: center;}
	.product_zg {font-size: 30px; text-align: center;}
	.phot_zg {font-size: 30px; text-align: center;}
	.o_komp_zg {font-size: 30px;}
	.licen_r {width:80%;}
	.licen_r img {width:100%;}
	.kons_zg {font-size: 30px;}
	.licen_zg {font-size: 30px;}
	.prod_fos,.prod_fos2,.prod_fos3,.prod_fos4,.prod_fos5,.prod_fos6,.prod_fos7,.prod_fos8,.prod_fos9,.prod_fos10,.prod_fos11,.prod_fos12,.prod_fos13,.prod_fos14,.prod_fos15{ font-size: 12px;}
	.opt_txt span {font-size: 12px;}
	.opt_txt {font-size: 16px;}
	.opt_zak{text-align: center; margin: 10px auto 0;}
	.prais {padding: 14px 50px 14px 22px; font-size: 12px;}
	.tabs>label, .tabs>input[type="radio"]:checked+label {width: 60%;}
	.mi_ul {padding-bottom: 210px;}
	.menu{display:none;}
	.burg_m{display:block;}
	.prod_items_kras{margin-bottom: 40px;}
	.slogan {
    font-size: 36px;
    width: 70%;
    margin-top: 22px;
	}
	.preim {margin-top: 20px;font-size:18px}
	.logo img {width: 30%;}
	.mi_ul li {font-size: 16px;}
	.f_btn_zkzf{display: flex; justify-content: center;}
	.f_btn_zkz{padding:33px 30px 27px}
	.tk_txt {padding-right: 0;font-size: 14px;}
	.tk_razm {margin-top: 10px;}
	.btn_to_tov {margin-top: 15px;}
	.btn_to_tov {padding: 14px 0 12px;}
	.tk_txt {display:none;}
	.tk_zg {font-size: 16px;}
	.tk_prais {margin-top: 10px; font-size: 18px;}
	.tov_fr input { font-size: 14px;padding: 11px 0;}
	.menu_mob a {margin-right: 0;}
}
@media screen and (max-width: 550px) {
	.k_prod{width: 90%;}
	.prod_item {
		width: 90%;
	}	
}
@media screen and (max-width: 550px) {
	
.whatsapp-button {display:block;}
	.opt{display:block;}
	.opt_txt{width: 100%;text-align: center;}
}
@media screen and (max-width: 500px) {
	.pod_form_f_l {font-size: 13px;}
	.popup {width: 96%; margin-left: -48%;}
	.pod_form_btn_f {font-size: 13px;}
	.pod_form_f {margin: 20px 0 30px;}
	.ajax_block {width: calc(100% - 50px);}
	.tabs_k>label {padding: 19px 13px;}
	.bukl_btn {width: 85%;}
	.tabs>label, .tabs>input[type="radio"]:checked+label {width: 75%;}
	.mi_ul {background-size: 55%;}
	.mi_zg {font-size: 40px;text-align: center;}
	.burg_m {width: 48px; height: 48px; left: 20px; background-size: cover;}
	.close { right: 20px;}
	.k_prod{
		margin-top: 40px;
		padding: 20px 42px 18px;
	}
	.scroll {
    bottom: 10px;
	}
	.kvarc {margin-top: 15px; padding: 15px 10px 15px 0;}
	.kvarc_img{display:none;}
	.prod_size {margin-top: 15px;}
	.prod_price {margin-top: 20px; font-size: 18px;}
	.prod_item {flex-direction: column-reverse;}
	.prod_left {width:100%;}
	.prod_right {width: auto;}
	.prod_item { width: 95%;}
	.prod_item{margin-bottom:20px;}
	.popup_t,.popup_t2,.popup_t3,.popup_t4,.popup_t5,.popup_t6,.popup_t7,.popup_t8,.popup_t9,.popup_t10,.popup_t11,.popup_t12,.popup_t13,.popup_t14,.popup_t15  {width: 98%;margin-left: -49%;}
}
@media screen and (max-width: 400px) {
	.kons_r {width: 75%;}
	.bukl_btn {width: 97%;}
	.burg_m {
    width: 40px;
    height: 40px;
    left: 15px;
	}
	.close { right: 7px;}
	.mi_ul {padding-left: 25px;} 
	.mi_ul li {font-size: 14px; line-height: 2.3; padding-bottom: 0;}
}