/* Start:/bitrix/templates/pishigramotno/components/bitrix/menu/.default/style.css?14864873611288*/
.menu-5-6{
    width:68px;
    height:76px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/5-6.png) no-repeat;
}
.menu-5-6:hover,.menu-5-6.selected{
    background-position:0 -76px;
}
.menu-7-8{
    width:69px;
    height:76px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/7-8.png) no-repeat;
}
.menu-7-8:hover,.menu-7-8.selected{
    background-position:0 -76px;
}
.menu-9-11{
    width:79px;
    height:76px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/9-11.png) no-repeat;
}
.menu-9-11:hover,.menu-9-11.selected{
    background-position:0 -76px;
}
.menu-ege{
    width:94px;
    height:76px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/ege.png) 0 -76px no-repeat;
}
.menu-ege:hover,.menu-ege.selected{
    background-position: 0 0;
}
.menu-gia{
    width:94px;
    height:74px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/gia.png)0 -75px no-repeat;
}
.menu-gia:hover,.menu-gia.selected{
    background-position: 0 0;
}
#top-menu-wrap{
    float: left;
    width: 50%;
    padding:70px 0 23px;
    position: relative;
}
#top-menu-wrap table{
    width: 100%;
}
#top-menu-wrap a{
    display: inline-block;
}
#top-menu-wrap .hr{
    position: absolute;
    width: 100%;
    bottom: 0;
    left:0;
    height: 1px;
    background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/hr1.jpg) no-repeat;
}
#top-menu-wrap.margin-left{
    margin-left: 25%;
}
/* End */


/* Start:/bitrix/templates/pishigramotno/components/bitrix/menu/left/style.css?1486485602530*/
#left-menu-wrap{
    position: relative;
    float: left;
    width:50%;
    margin:0 0 50px
}
#left-menu-wrap.padding-top{
    padding-top:55px;
    width:25%;
}
#left-menu-wrap A{
    display: block;
    color:#2f89d6;
    width: 255px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-weight: bold;
    font-size:16px;
}
#left-menu-wrap A:hover, #left-menu-wrap A.selected{
    color:#90b316;
    text-decoration: none;
    background: #fcfcea;
}
/* End */


/* Start:/local/components/ytec/banner/templates/.default/style.css?1595756000779*/
.banner {
	display: block;
	position: relative;
	width: 270px;
	height: 125px;
	background: 50% 50% no-repeat url('/local/components/ytec/banner/templates/.default/images/banner.png');
	background-size: contain;
}
.banner__content {
	position: absolute;
	top: 50%;
	left: 20px;
	right: 60px;
	transform: translateY(-35%);
	line-height: 1;
	color: saddlebrown;
}
.banner__top {
	font-size: 20px;
	text-shadow: 0 0 2px #ffffff;
}
.banner__top span {
	display: inline-block;
	opacity: 0;
	transform: scale(1.5);
	transition: all .3s ease-in-out;
}
.banner__top span.active {
	opacity: 1;
	transform: scale(1);
}
.banner__bottom {
	margin-top: 5px;
	font-size: 24px;
	text-shadow: 0 0 2px #ffffff;
	opacity: 0;
	transform: scale(0.5);
	transition: all .5s ease-in-out;
}
.banner__bottom.active {
	opacity: 1;
	transform: scale(1);
}
/* End */


/* Start:/bitrix/templates/pishigramotno/components/bitrix/menu/tabs/style.css?1486480755520*/
#tabs-menu-wrap{
    width:299px;
    height:33px;
    background:url(/bitrix/templates/pishigramotno/components/bitrix/menu/tabs/images/zakladki.gif) no-repeat;
    margin: 0 0 35px;
}
#tabs-menu-wrap a{
    display: inline-block;
    color: #2f89d6;
    font-weight: bold;
    text-align: center;
    line-height: 33px;
}
#tabs-menu-wrap a.selected{
    color: #8e8c8c;
    text-decoration: none;
}
#tabs-menu-wrap a:hover{
    text-decoration: none;
}
#tabs-menu-wrap a:first-child{
    width:112px;

}
#tabs-menu-wrap a:last-child{
    width:182px;
}
/* End */


/* Start:/bitrix/templates/pishigramotno/components/bitrix/news.list/dopinfo/style.css?16655818332028*/
div.news-list{word-wrap:break-word}
div#mainpage-news{clear:both;margin-bottom:40px}
div#mainpage-news h4{font-weight:700;font-size:32px;line-height:37px;color:#444;margin: 0 0 15px;}
div#mainpage-news .grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:50px;grid-row-gap:40px}
.news-list{margin-top:30px}
.news-line{}
.image-container{width:100%;margin-bottom:10px; display:inline-block;position:relative;}
.image-container img{width:100%;border-radius:5px;height:200px;object-fit:cover}
.text-container{width:100%}
h3.dopinfo-title a{font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    
    color: #2466C3;text-decoration:none}
h3.dopinfo-title a:hover{color:#000}
.info-content{font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    /* or 150% */
    
    
    color: #444444;margin-bottom:30px}
    a.outline-punk {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        color: #444;
        border: 1px solid #fff;
        background: #fff;
        border-radius: 5px;
        text-decoration: none;
        padding: 10px 30px;
        position: absolute;
        left: calc(50% - 63px);
        top: calc(50% - 10px);
        opacity: 0;
        transition: .3s all linear;
    }
    .news-line:hover .outline-punk {
        opacity: 1;
    }
a.outline-punk:hover{border:1px solid #C2218B;background:#C2218B;color:#fff}
@media(min-width:1001px) and (max-width:1280px){
    div#mainpage-news .grid-wrap{grid-column-gap:30px;grid-row-gap:30px}  
}
@media(min-width:768px) and (max-width:1000px){
    div#mainpage-news .grid-wrap{grid-template-columns:repeat(2,1fr);grid-column-gap:30px;grid-row-gap:30px}
}
@media(max-width:767px) {
.image-container{width:100%;margin-right:0;margin-bottom:10px}
.text-container{width:100%;display:inline-block}
div#mainpage-news .grid-wrap{grid-template-columns:repeat(1,1fr);grid-column-gap:0;grid-row-gap:30px}
a.outline-punk{
    opacity:1;
}
}
/* End */


/* Start:/bitrix/templates/pishigramotno/components/ytec/main.feedback/.default/style.css?17201659384150*/
.overlay-form *{box-sizing:border-box;position:relative}
.mfeedback .close{position:absolute;right:25px;top:25px;cursor:pointer;z-index:9}
div.mfeedback{max-width:1000px;background:url(/bitrix/templates/pishigramotno/components/ytec/main.feedback/.default/images/bg.jpg) no-repeat top right / cover;padding:30px;border-radius:6px;display:inline-block}
.text-center{text-align:center}
.fos-container .row{width:100%;display:block;margin:0 auto; z-index: 99;}
.fos-container .row .col{width:50%;padding:0 15px;float:left;margin-bottom:20px}
.fos-container .col input:not([type=checkbox]){font-weight:400;font-size:14px;line-height:25px;padding:8px 15px;width:100%;border-radius:5px;border:2px solid transparent;background:linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-webkit-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-moz-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-ms-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);box-shadow:inset 0 0 0 100vw #fff}
.fos-container .col input[type=checkbox]{appearance:none;width:25px;height:25px;border-radius:5px;border:1px solid transparent;background:linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-webkit-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-moz-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-ms-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);box-shadow:inset 0 0 0 100vw #fff;float:left;margin-right:8px}
.fos-container .col input[type=checkbox]:checked{background:url(/bitrix/templates/pishigramotno/components/ytec/main.feedback/.default/images/check.jpg) no-repeat center center / 98%,-webkit-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);box-shadow:none}
.fos-container .mf-text{font-weight:700;font-size:14px;line-height:25px;margin-bottom:5px}
.fos-container .mf-captcha {text-align: center; width: 100%; float: inline-start;}
h4.gradient-title{font-size:32px;line-height:37px;background:linear-gradient(90deg,#2466C3 0%,#D71898 52.08%,#0DC7E0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin:0 0 15px}
.text-fos{font-weight:400;font-size:14px;line-height:25px;text-align:justify;width:90%;margin:0 auto 40px}
.overlay-form{background:#000000ad;display:inline-block;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;display:flex;justify-content:center;align-items:center;overflow:auto}
.button-container{clear:both;margin-top:30px;display:inline-block;width:100%}
.gradient-button{background:linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-webkit-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-moz-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-ms-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);border-radius:5px;font-size:17px;line-height:20px;text-align:center;text-transform:uppercase;color:#FFF;border:none;outline:none;box-shadow:none;padding:10px 30px;transition:.3s all linear;cursor:pointer}
.gradient-button:hover{background:linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-webkit-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-moz-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-ms-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%)}
.col.mf-agree label{font-weight:400;font-size:14px;line-height:15px}
.col.mf-agree label a{color:#2F89D6;text-decoration:none}
.col.mf-agree label a:hover{text-decoration:underline}
.fos-container .row .col.mf-agree{padding-top:25px;text-align:left}
span.mf-req{color:red}
div.mf-ok-text{color:green;font-weight:700;padding-bottom:1em}
@media(min-width:768px) and (max-width:991px) {
div.mfeedback{padding:30px 20px 20px}
.overlay-form{overflow:auto}
.text-fos{margin:0 auto 20px}
}
@media(max-width:767px) {
.overlay-form{align-items:unset;overflow:auto}
div.mfeedback{background:url(/bitrix/templates/pishigramotno/components/ytec/main.feedback/.default/images/bg.jpg) no-repeat top right / auto #fff;padding:30px 15px}
h4.gradient-title{font-size:20px;line-height:1.5;margin:30px 0 15px}
.text-fos{margin:0 auto 20px;line-height:1.5}
.fos-container .row{width:100%}
.fos-container .row .col{width:100%;padding:0 15px;margin-bottom:10px;text-align:left}
.fos-container .row .col.mf-agree{padding-top:0}
.button-container{margin-top:10px}
}
/* End */


/* Start:/bitrix/templates/pishigramotno/styles.css?17806017767539*/
#top-menu-wrap{float:right;width:75%}
#top-menu-wrap .hr{background:linear-gradient(90deg,#2466C3 0%,#D71898 52.08%,#0DC7E0 100%)}
.mainpage div#left-menu-wrap a{font-weight:700;font-size:16px;line-height:18px;text-decoration-line:underline;color:#2F89D6}
#content.main{top:unset!important;width:75%!important;padding-left:0!important}
.mainpage .phone-container{margin-left:0;float:right;width:75%;text-align:center;display:flex;justify-content:center}
.mainpage .phone-container DIV{float:none}
.mainpage .phone-container a{text-decoration:none}
.mainpage .phone-container a:hover{color:#d51497}
.mainpage div#content{text-align:justify}
.mainpage .pinktitle1{font-weight:700;font-size:32px;line-height:37px;color:#E01788;margin-top:0}
.mainpage .graytitle1{font-weight:400;font-size:24px;line-height:28px;color:#444}
.mainpage .greentitle1{font-weight:700;font-size:24px;line-height:28px;margin-bottom:15px;color:#9DD051}
.mainpage .violettitle1{font-weight:700;font-size:24px;line-height:28px;margin-bottom:15px;color:#91278F}
.mainpage .target-block div{clear:both;display:block;margin-bottom:30px}
.mainpage .target-block{width:270px;float:right;text-align:center;background:url(/bitrix/templates/pishigramotno/images/tbfon.jpg) no-repeat center center / cover;padding:40px 15px 20px;border-radius:5px;overflow:hidden;margin:0 0 30px 30px}
.mainpage .target-block .begin{font-size:28px;line-height:32px;text-align:center;text-transform:uppercase;color:#FFF;margin:38px 0}
.mainpage .gradient-button{background:linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-webkit-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-moz-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);background:-ms-linear-gradient(top,#2466C3 2.42%,#6948B2 97.18%);border-radius:5px;font-size:17px;line-height:20px;text-align:center;text-transform:uppercase;color:#FFF;border:none;outline:none;box-shadow:none;padding:10px 30px;transition:.3s all linear;cursor:pointer;text-decoration:none}
.mainpage .gradient-button:hover{background:linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-webkit-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-moz-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%);background:-ms-linear-gradient(top,#6948B2 2.42%,#2466C3 97.18%)}
.mainpage .target-block,.target-block *{position:relative;box-sizing:border-box}
.mainpage .target-block .number a{font-weight:700;font-size:29px;line-height:33px;text-align:center;text-transform:uppercase;color:#444;white-space:nowrap}
.mainpage .target-block .number a:hover{text-decoration:underline}
.mainpage .target-block .prizyv{font-weight:700;font-size:13px;line-height:15px;text-align:center;text-transform:uppercase;color:#444}
.mainpage .target-block .number{margin-bottom:15px}
.mainpage footer .row-1 .left{font-weight:400;font-size:14px;line-height:1.5;text-align:justify;color:#444}
#content h1{margin-bottom:30px}
div#question-container{border-left:3px solid #C2218B;padding:20px 0 20px 25px;margin-top:20px}
#question-container .description{font-weight:700;font-size:20px;line-height:25px;color:#444}
div#question-container .checkboxes input[type="checkbox"]{appearance:none;width:25px;height:25px;border-radius:5px;border:1px solid transparent;background:linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-webkit-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-moz-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);background:-ms-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);box-shadow:inset 0 0 0 100vw #fff;float:left;margin-right:8px}
div#question-container .checkboxes input[type="checkbox"]:checked{background:url(/bitrix/templates/pishigramotno/images/check.jpg) no-repeat center center / 98%,-webkit-linear-gradient(bottom left,#2466C3,#D71898,#0DC7E0);box-shadow:none}
div#question-container .checkboxes label{display:inline-block;width:100%;font-weight:400;font-size:16px;line-height:15px;line-height:28px;margin-bottom:8px}
div#question-container .checkboxes.column-4{column-count:4}
div#question-container .checkboxes.column-3{column-count:3}
div#question-container .checkboxes.column-2{column-count:2}
div#question-container .checkboxes.column-1{column-count:1}
#question-container .q-content{margin-top:40px}
#question-container a.outline-pink{font-weight:700;font-size:16px;line-height:18px;text-align:center;text-transform:uppercase;color:#444;border:1px solid #C2218B;border-radius:5px;text-decoration:none;padding:10px 30px;margin-top:30px;display:inline-block}
#question-container a.outline-pink:hover{border:1px solid #C2218B;background:#C2218B;color:#fff}
div#question-result{font-weight:700;font-size:22px;line-height:25px;margin-top:30px}
#question-container .violet {
    color: #C2218B;
    text-decoration:none !important;
}
#question-container .red{color:#FB2D2D}
#question-container .green{color:#59940d}
div#question-container .checkboxes.invisible-checkboxes label {
    width: auto;
    display: inline;
    text-decoration: underline;
}
div#question-container .checkboxes.invisible-checkboxes label:hover{
text-decoration:none;
}
div#question-container .checkboxes.invisible-checkboxes label [type=checkbox]{
appearance:none;
}
div#question-container .checkboxes.invisible-checkboxes label [type=checkbox] {
    appearance: none;
    width: 0;
    height: 0;
    border: none;
    margin: 0;
}
.text-item {
    font-size: 17px;
    margin-bottom: 8px;
}
.container-404 {
    text-align: center;
}
.container-404 .num-404 {
    font-size: 250px;
    font-weight: 700;
    color: #763cac;
}
.container-404 h3 {
    font-size: 24px;
}
.tomainpage {
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
    display: inline-block;
    border: 2px solid #b4209e;
    margin-top: 10px;
}
.tomainpage:hover{
    color: #763cac; 
}
@media(min-width:1200px) and (max-width:1359px) {
.mainpage footer .row-1 .left{line-height:1.2;padding-top:15px}
div#question-container .checkboxes.column-4{column-count:3}

}
@media(min-width:1025px) and (max-width:1199px) {
.mainpage footer .row-1 .left{font-size:13px;line-height:18px;padding-top:10px}
div#question-container .checkboxes.column-4{column-count:2}
div#question-container .checkboxes.column-3{column-count:2}

}
#number-q,#number-q strong{font-size:22px;line-height:25px;color:#C2218B}
@media(min-width:768px) and (max-width:1024px) {
.mainpage #content.main{top:30px!important;width:100%!important;padding-left:0!important}
.mainpage .phone-container{width:100%}
div#question-container .checkboxes.column-4{column-count:2}
div#question-container .checkboxes.column-3{column-count:1}
div#question-container .checkboxes.column-2{column-count:1}
}
@media(min-width:768px) and (max-width:768px) {
.mainpage .banner{margin:0 auto}
div#question-container .checkboxes.column-4{column-count:2}
div#question-container .checkboxes.column-3{column-count:1}
div#question-container .checkboxes.column-2{column-count:1}
}
@media(max-width:767px) {
.mainpage .phone-container{width:100%}
.mainpage .phone-container DIV:first-child{margin-right:10px}
.mainpage #content.main{top:30px!important;width:100%!important;padding-left:0!important}
.mainpage .target-block,.target-block *{position:relative;box-sizing:border-box}
.mainpage .target-block{float:none;margin:0 auto 30px}
.mainpage div#content{text-align:center}
.mainpage .banner{margin:0 auto}
div#question-container .checkboxes.column-4{column-count:1}
div#question-container .checkboxes.column-3{column-count:1}
div#question-container .checkboxes.column-2{column-count:1}
.container-404 .num-404 {
    font-size: 150px;

}
}
/* End */


/* Start:/bitrix/templates/pishigramotno/template_styles.css?17806017769860*/
body{
    padding: 0;
    margin:0;
    background:#FFF;
    font-family: Arial;
    font-size:14px
}
h1{
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-family: tahoma,arial,helvetica,sans-serif; 
    font-weight: bold;
}
#wrapper{
    padding:0 2%;
}
header, #content-wrap, footer{
    min-width: 1000px;
    max-width: 1600px;
    margin: 0 auto;
}
header{
    position: relative;
    padding:40px 0;
    height: 209px;
    background: url(/bitrix/templates/pishigramotno/images/bg.jpg) right top no-repeat;
}
.abv{
    width: 165px;
    height: 226px;
    background: url(/bitrix/templates/pishigramotno/images/abb2.jpg) 0 0 no-repeat;
    position: absolute;
    left:40px;
    top:-180px;
}
.main.abv{
    right:15%;
    top:0;
    left:auto;
}
.logo{
    display: block;
    width: 221px;
    height: 43px;
    background: url(/bitrix/templates/pishigramotno/images/logo.gif) no-repeat top left;
    float: left;
}
.logo:hover{
    opacity: 0.7;
}
.phone-container{
    margin-left:15%;
    float: left;
}

.phone-container DIV{
    float: left;
}
.phone-container DIV:first-child{
    color:#d51497;
    font-weight:bold;
    line-height: 43px;
    margin-right: 20px;
}
.phone-container DIV:last-child{
    font-size:24px;
    line-height: 36px;
    color:#444444;
    font-weight: bold;
}
.phone-container DIV:last-child span{
    font-size:16px
}
.ico-container{
    float: left;
    margin:10px 0 0 7%;
    width:53px;
    height:25px;
    background: url(/bitrix/templates/pishigramotno/images/izbr.jpg);
}
.ico-container .home{
    display: inline-block;
    width:11px;
    height:10px;
    background: url(/bitrix/templates/pishigramotno/images/domik.gif);
    margin: 0 5px 0 10px;
}
.ico-container .email{
    display: inline-block;
    width:12px;
    height:8px;
    background: url(/bitrix/templates/pishigramotno/images/mail.gif);
    margin: 0 10px 0 0;
}

#content{
    width:75%;
    padding: 0 0 50px;
    float: left;
    min-width: auto;
    position: relative;
}
#content.main{
    top:-120px;
    width:45%;
    padding-left:5%;
}

footer{
    font-size:13px;
}
footer .row-1{
    margin: 0 0 35px;
}
footer .row-1 .right{
    position: relative;
    float: right;
    width: 509px;
    height: 192px;
    background: url(/bitrix/templates/pishigramotno/images/scroll_table_td2.jpg) no-repeat;
}
.txt1{
    width: 300px;
    font-size: 16px;
    color: #3e3e3e;
    line-height: 160%;
    position: absolute;
    top: 26px;
    left: 180px;
}
.txt2{
    width: 300px;
    font-size: 26px;
    color: #cc42a0;
    line-height: 100%;
    position: absolute;
    top: 95px;
    left: 180px;
}
footer .row-1 .left{
    height: 160px;
    background: #FCFCEA;
    padding:30px 85px 0 40px;
    font-size: 12px;
}
footer .row-2 .left{
    padding:0 0 0 10px;
    width:18%;
    float: left;
}
footer .row-2 .left .title{
    font-family: Georgia;
    font-size: 20px;
    color: #c2218b;
    margin-bottom: 13px;
}
footer .row-2 .right{
    background: url(/bitrix/templates/pishigramotno/images/footer.jpg) left top no-repeat;
    height:75px;
    width:80%;
    float: right;
    padding: 30px 0 0;
}
footer .row-2 .right .proezd{
    color:#982d73
}

footer .copyright{
    float: right;
}

#main-title-text{
    text-align: center;
}
#main-title-text h3{
    color:#ff0099;
    font-family: comic sans ms,sand;
    font-size: 18px;
    margin: 0 0 15px;
}
#main-title-text h2{
    margin: 0 0 25px;
    color:#66cc33;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 24px;
}


#main-title-text h1 a {
    color: #000;
    text-decoration: none;
}
.footer__phone {
    color: #000;
    text-decoration: none;
}








@media (max-width: 1024px) {

    html, body {
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
    }

    header {
        height: auto;
    }

    .logo {
        float: none;
        margin: 0 auto;
    }

    .phone-container {
        float: none;
        margin-left: 0;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .phone-container DIV {
        float: none;
    }

    .ico-container {
        float: none;
        margin: 0;
        position: absolute;
        top: 94px;
        left: 0;
    }

    #top-menu-wrap {
        float: none;
        width: 100%;
        padding: 0;
        padding-bottom: 20px;
    }

    header, #content-wrap, footer {
        min-width: 200px;
    }

    #content.main {
        top: 0;
        width: 100%;
        padding-left: 0;
    }

    #top-menu-wrap td {
        text-align: center;
    }

    #left-menu-wrap {
        float: none;
        width: 100%;
    }

    #content.main > h1 {
        text-align: center;
    }

    #content.main > h1 > span {
        display: block;
    }

    footer .row-1 .right {
        float: none;
        width: 100%;
        height: auto;
        background: none;
        margin-bottom: 20px;
    }

    .txt2, .txt1 {
        position: initial;
        display: block;
        width: 100%;
        text-align: center;
    }

    footer .row-1 .right > a {
        text-decoration: none;
    }

    footer .row-1 .left {
        height: auto;
        padding: 0;
        background: none;
    }

    footer .row-2 .left {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    footer .row-2 .right {
        float: none;
        height: auto;
        width: 100%;
        margin-top: 20px;
    }

    #wrapper {
        padding: 0 10px;
    }

    #content {
        padding: 0 0 30px;
        width: 100%;
    }

    #top-menu-wrap.margin-left {
        margin-left: 0;
    }

    #left-menu-wrap.padding-top {
        width: 100%;
        padding-top: 0;
    }

    .abv {
        top: 0;
        right: 10px;
        left: auto;
    }

    .phone-container > a {
        text-decoration: none;
    }

    #content > h1 {
        margin-top: 10px;
    }

    img[src="/upload/medialibrary/8bb/voilova.gif"] {
        max-width: 457px;
        width: 100%;
        height: auto;
    }

    #content > ymaps {
        max-width: 600px;
        width: 100% !important;
    }

    .ico-container .home,
    .ico-container .email {
        width: 24px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .ico-container {
        width: 84px;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #flashcontent {
        display: none;
    }

}/*1024*/



@media (max-width: 768px) {

    header {
        background: none;
    }

    /*Mobile menu*/

    .abv,
    .menu-links {
        display: none;
    }

    .expand {
        display: block !important;
        padding-bottom: 20px;
    }

    .menu-btn span {
        display: block;
        width: 35px;
        height: 4px;
        margin: 5px auto;
        background: #8fc63d;;
        border-radius: 10px;
        z-index: 99;
    }

    .menu-span, .menu-text {
        display: inline-block;
        color: #8fc63d;
    }

    .menu-text {
        font-size: 20px;
        text-transform: uppercase;
        font-family: sans-serif;
        font-weight: bold;
        position: relative;
        top: -8px;
        margin-left: 10px;
    }

    header {
        padding-bottom: 0;
    }

    #left-menu-wrap {
        margin: 0;
        text-align: center;
        background: #FCFCEA;
    }

    .menu-btn {
        cursor: pointer;
        margin: 10px 0;
        padding: 10px 0;
    }

    #left-menu-wrap A {
        width: 100%;
        box-sizing: border-box;
    }

    /*Mobile menu end*/

    form .data-table td {
        width: 100%;
        display: block;
    }

    input[name="iblock_submit"] {
        margin-top: 20px;
    }

    .ico-container {
        top: 5px;
        left: 0;
    }

}/*768*/



@media (max-width: 520px) {

    .menu-5-6 {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/5-6_mob.png) no-repeat;
    }

    .menu-5-6:hover {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/5-6_mob.png) no-repeat;
    }

    .menu-7-8 {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/7-8_mob.png) no-repeat;
    }

    .menu-7-8:hover {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/7-8_mob.png) no-repeat;
    }

    .menu-9-11 {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/9-11_mob.png) no-repeat;
    }

    .menu-9-11:hover {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/9-11_mob.png) no-repeat;
    }

    .menu-ege {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/ege_mob.png) no-repeat;
    }

    .menu-ege:hover {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/ege_mob.png) no-repeat;
    }

    .menu-gia {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/gia_mob.png) no-repeat;
    }

    .menu-gia: hover {
        background: url(/bitrix/templates/pishigramotno/components/bitrix/menu/.default/images/gia_mob.png) no-repeat;
    }

    #top-menu-wrap a {
        width: 50px;
        height: 58px;
        background-size: 100%;
        background-position: center;
    }

}/*520*/



@media (max-width: 420px) {

    footer .copyright {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer .address {
        margin-top: 10px;
        text-align: center;
    }

}/*420*/ 
/* End */
/* /bitrix/templates/pishigramotno/components/bitrix/menu/.default/style.css?14864873611288 */
/* /bitrix/templates/pishigramotno/components/bitrix/menu/left/style.css?1486485602530 */
/* /local/components/ytec/banner/templates/.default/style.css?1595756000779 */
/* /bitrix/templates/pishigramotno/components/bitrix/menu/tabs/style.css?1486480755520 */
/* /bitrix/templates/pishigramotno/components/bitrix/news.list/dopinfo/style.css?16655818332028 */
/* /bitrix/templates/pishigramotno/components/ytec/main.feedback/.default/style.css?17201659384150 */
/* /bitrix/templates/pishigramotno/styles.css?17806017767539 */
/* /bitrix/templates/pishigramotno/template_styles.css?17806017769860 */