@media (orientation: portrait) and (max-width: 1920px) {

#poloska_hedera {
    width: 100%;
    height: 100px;
    top: -2px;
    background: url(./../images/imagesS/menu_poloska1.png) repeat-x; 
    position: fixed;
    z-index: 9998;

}
#logo {
	width:38%;
    max-width: 380px; /*527*/
    height: auto; /*427*/
    position: fixed;
    z-index: 9999;
    float:left;
    padding-left:0px;
	top:0;
}

#telefon {
    width: 22%;
    /* height: 100px; */
    float: right;
    padding-top: 0px;
    margin-right: 1%;
    text-align: right;
    font-weight:bold;
	margin-top: 10px;
}
#telefon span{
    width: 100%;
    /* height: 100px; */
    margin-right: 20px;
}

#knopka_ua, #knopka_eng {
	margin-top:10px;
}
#knopka_svet_tma {
	margin-top: 10px;
}



#knopka_ua, #knopka_eng {
    width: 60px;
    height: 82px;
    float: right;
	margin-right:3px;
}

    #knopka_ua a div {
        width: 60px;
        height: 80px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: 0px;
        background-position-y: 0px;
    }
    #knopka_ua a div:hover {
        width: 100%;
        height: 80px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: 0px;
        background-position-y: -96px;
    }

    #knopka_eng a div {
        width: 60px;
        height: 80px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -77px;
        background-position-y: 0px;
    }

        #knopka_eng a div:hover {
            width: 100%;
            height: 80px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -78px;
            background-position-y: -96px;
        }


#knopka_svet_tma {
        width: 132px;
        height: 80px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -190px;
        background-position-y: 0px;
		float: right;
		margin-left: 15px;
		padding-right: 5px;
}

	#knopka_svet_tma.svet {
			width: 132px;
			height: 80px;
			background: url(./../images/imagesS/menu_knopki2.png);
			background-position-x: -190px;
			background-position-y: -100px;
	}
	
	
body {
	padding-top:40px;
}



 .section1 iframe{
	min-height: 540px; 
} 

#nijnee_menu {
    width: 100%;
    height: 90px;
    bottom: 0px;
    background: url(./../images/imagesS/menu_poloska2a.png) repeat-x;
    position: fixed;
    z-index: 9998;
}

#knopki {
	width:80%;
	float: right;
}


#knopka_umov, #knopka_prog, #knopka_faq, #knopka_kor, #knopka_test,  #knopka_kontakti  {
    width: 110px;
    height: 120px;
    float: right;
    margin-top: 10px;
    padding-right: 1%;
}

    #knopka_umov a div {
        width: 100%;
        height: 120px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: 0px;
        background-position-y: -224px;
    }

        #knopka_umov a div:hover {
            width: 100%;
            height: 120px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: 0px;
            background-position-y: -336px;
        }
    
	#knopka_prog a div {
        width: 100%;
        height: 120px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -122px;
        background-position-y: -224px;
    }

        #knopka_prog a div:hover {
            width: 100%;
            height: 120px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -122px;
            background-position-y: -336px;
        }

	#knopka_faq a div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -246px;
        background-position-y: -224px;
    }

        #knopka_faq a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -246px;
            background-position-y: -336px;
        }
	#knopka_kor a div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -368px;
        background-position-y: -224px;
    }

        #knopka_kor a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -368px;
            background-position-y: -336px;
        }

	#knopka_test a div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -492px;
        background-position-y: -224px;
    }

        #knopka_test a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -492px;
            background-position-y: -336px;
        }
	#knopka_kontakti div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -614px;
        background-position-y: -224px;
    }

        #knopka_kontakti  div:hover , #knopka_kontakti  div.show1{
            width: 100%;
            height: 80px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -614px;
            background-position-y: -336px;
		}

#menu_data {
    width: 160px;
    height: auto;
    position: static;
    z-index: 9999;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    margin-top: -74px;
}

	    #currentDate{
        width: 80px;
        height: auto;
	    margin-top: 53px;
		margin-left: 38px;
		font-family: 'AviatorS';
		position: absolute;
		text-align:center;
		float: left;
  	    font-weight:bold;
    }

	    #currentDate2{
        width: 80px;
        height: auto;
	    margin-top: 82px;
		margin-left: 38px;
		font-family: 'AviatorS';
		position: absolute;
		text-align:center;
		float: left;
    }

#nijnee_menu a div, #knopka_kontakti div{
	text-decoration: none;
	font-family: 'AviatorS';
	width: 120px;
	text-align:center;
	color:#000;
	padding-top:47px;
}
#nijnee_menu a div:hover, #knopka_kontakti div:hover, #knopka_kontakti  div.show1{
	width: 120px;
	padding-top:49px;
}


#menu_kontakti {
    width: 80%;
    height: 250px;
    bottom: -160px;
	left:auto;
	right: 0;
    background: url(./../images/imagesS/menu_poloska3a.png) repeat-x;
    position: fixed;
    z-index: 9998;
	-moz-transition: bottom 1s linear; top 1s linear; top 1s linear;
    -o-transition: bottom 1s linear; top 1s linear;
    -webkit-transition: bottom 1s linear; top 1s linear;
    transition: bottom 1s linear;

}

#menu_kontakti.show {
  bottom: 60px;
  -moz-transition: bottom 1s linear;
  -o-transition: bottom 1s linear;
  -webkit-transition: bottom 1s linear;
  transition: bottom 1s linear;
}
#qr {
	width:190px;
    height: auto; 
    z-index: 9999;
    float:left;
    padding:16px 24px;
}

#knopki2{
	float:right;
	max-width:64%;
    height: auto;
	padding: 20px 10px 0 0;
}

#knopka_facebook, #knopka_telega, #knopka_viber, #knopka_insta{
    width: 90px;
    height: 90px;
    float: right;
    margin-top: 10px;
    padding-right: 5px;


}

	#knopka_facebook a div {
        width: 90px;
        height: 90px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -360px;
        background-position-y: -0px;
    }

        #knopka_facebook a div:hover {
            width: 100%;
            height: 90px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -360px;
            background-position-y: -94px;
        }

	#knopka_telega a div {
        width: 86px;
        height: 86px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -462px;
        background-position-y: -0px;
    }

        #knopka_telega a div:hover {
            width: 100%;
            height: 90px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -462px;
            background-position-y: -94px;
        }

	#knopka_viber a div {
        width: 90px;
        height: 90px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -552px;
        background-position-y: -0px;
    }

        #knopka_viber a div:hover {
            width: 100%;
            height: 90px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -552px;
            background-position-y: -94px;
        }

	#knopka_insta a div {
        width: 90px;
        height: 90px;
        background: url(./../images/imagesS/menu_knopki2.png);
        background-position-x: -650px;
        background-position-y: -0px;
    }

        #knopka_insta a div:hover {
            width: 100%;
            height: 90px;
            background: url(./../images/imagesS/menu_knopki2.png);
            background-position-x: -650px;
            background-position-y: -94px;
        }



.section3{
	height: auto;
	
}
#preimushestva{
    width:16%;
    /*height: 360px;*/
    display: inline-block; 
    margin: 80px 1% 50px 1%;
	float:left; 
}

#preimushestva:first-child{
    margin: 80px 1% 50px 5%;
}






.kub {
	width:38%;
     }

.proga{
	width:30%;
	display:inline;
	float: left;
	}


#proga_cina{
	width:96%;
}
.proga img{
	width:20%;
	height:auto;
	padding:10px 20px 10px 0;
	float:right;
}

.proga_nazva {min-height:90px;}
.proga_text {min-height:90px;}
#proga_cina {min-height:70px;}
#proga_cina span {width: 90%; float:right;}


#pismo_text {
	height: 160px;
	float: right;
	margin: 10px 2% 10px 2%;
	width: 90%;
}

#zagolovok1 {
width: 84%;}

.footer{
/*	background-image:  url(./../images/imagesS/footer1.png) ;*/
    background-repeat: repeat-x ;
	background-position: bottom  ;
	background-position-y: none;
	float:left;
	height:auto;
	width:100%;
	padding: 50px 0 100px 0;
	
}
.footer_poloska {
  padding: 10px 5% 10px 0;
  float:left;
  width:95%;
  margin:0;
}


.prog_ceni_1, .prog_ceni_2, .prog_ceni_3, .prog_ceni_4{
	height:24px;
	
}

.kubs3 {
  width: 90%;

}
.shlyah_navchannya {
  width: 80%;
  margin: 40px 0 40px 20%;
  float: left;
}
.shlyah_text {
  width: 40%;

}

#kub_osnova{min-height: 600px;}

#kub_osnova #docum {width: 90%;
min-height: 300px;}
#kub_osnova img{width: 50%; margin: 0 25% 0px 0px;}

#docum2{min-height: 440px;}
#kub_osnova #docum2_img { width: 80%; margin: 20px 10%;
}


.statya_perehod{width: 26%}
.statya_perehod_l, .statya_perehod_r{width: 36%;}


.kub3{ 
 width: 43%;
 padding: 10px 0 10px 0;
}
#kub_prog p:nth-child(2){
	padding: 30px 0 20px 20px;
	}
#prog_navch {
  width: 44%;
  padding: 10px 3%;
  float: left;
}

#prog_navch_nazv {
  width: 38%;
  margin: 0px 5% 20px 5%;
  float: left;

}
.prog_ceni_1 {
	width: 60%;
	margin: 20px auto;
}
.prog_ceni_2 {
	width: 40%;
	margin: 20px auto;
}
.prog_ceni_3, .prog_ceni_4 {

  margin: 20px auto 20px auto;
}
.kubs7_obromlenie {
  width: 100%;
  margin: 0px auto;
  padding: 20px 0 20px 0;
  background-image: url(./../images/imagesS/faq.png);
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
.statya_autor1 {width: 72%;}

#preimushestva:first-child {
  margin: 10px 1% 50px 3%;
}
#preimushestva {
  width: 90%;
  margin: 10px 1% 50px 3%;
  float: left;
}
#preimushestva img {
  width: 20%;
  height: auto;
  margin: 10px auto;
  float: left;
}
.preimushestva_nazva {
  width: 74%;
  float: right;
}
#preimushestva_text {
  float: right;
  width: 74%;
}







/*==============razmer text==================*/


.text_razmer1 {
    font-size: 1.7em;
}
.text_razmer2 {
    font-size: 1.7em;
}
.text_razmer3 {
    font-size: 3em;
}


.kub_zag{font-size: 2em; }
#kub_osnova table tr th:last-child{font-size: 1.7em;}

#kub_prog p:nth-child(2){font-size: 4em;}


.preimushestva_nazva{font-size: 2em;}
#preimushestva_text{font-size: 1.7em;}

.proga_nazva,.nazv_programmi, #prog_nazv1 {font-size: 2em;}
.proga_text{font-size: 1.7em;}
#proga_cina{font-size:1.9em;}

#pismo_text {font-size:2em;}
textarea{font-size:1.7em;}
#pismo1 input[type="text"]{font-size:1.7em;}
#pismo2 input[type="submit"]{font-size:1.5em;}

#docum, #docum2{font-size: 1.7em;}

#prog_navch_nazv {  font-size: 1.7em;}
#prog_text{  font-size: 1.7em;}



#telefon {
    font-size: 1.9em;
}

.prog_ceni_1, .prog_ceni_2 {font-size: 1.7em;}
.prog_ceni_3,.prog_ceni_4 {font-size: 1.9em;}

.vopros, .panel{font-size: 1.7em;}


.statya_data,.statya_nazv{
	font-size: 1.7em;}
.statya_opis, .statya_opis2, .statya_autor, .statya_perehod,  .statya_autor1, .statya_text, .statya_istochnik, .razrab_pdd  {	font-size: 1.7em;}
.section12 table{font-size: 1.7em;}



.statya_111, .statya_112, .statya_perehod_l_nazv, .statya_perehod_r_nazv{
	font-size: 1.7em; 
	width: 76%; }
.statya_img_1, .statya_img_2{width: 16%;}






#currentDate{
	font-size: 1.6em;
}

 #currentDate2{
	font-size: 1.3em;
}


#nijnee_menu a div, #knopka_kontakti div{
	font-size: 1.2em;
}

	  #menu_text1 span {font-size: 2.4em;}
	

.footer_poloska {
  font-size: 1.4em;
}
   
	   

		.section11c table{	
		float:left;
		width:80%;
		margin: 0 10%;
				border: 2px solid #727272;
				border-radius: 10px;
		color: #fff;		
				
		}
	   
	.img2 img{
	float:left;
	width:90%;
	margin-left:5%;
	height:auto;
	border-radius: 10px;
	max-width:auto;
}