/*------------------- glavnaya----------------*/


/*slayder*/



.section1 iframe{
	width: 100%;
	float:left; 
	min-height: 1000px; 
	margin-left: 0px; 
	margin-right: 0px;
	
}
	.section1 iframe.svet{
		background: #dedaca;

	}

/**---------------*/


.kubs {
        width:100%;
        margin: 0 auto;
        padding-top:30px;
    }
.centrirovanie {
      align-items:center;
      text-align:center;
}
.kubs a{
        margin: 0 auto;
        align-items:center;
        text-align:center;
    }

.kub {
        width:26%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 10px 3% 50px 3%;
        align-items: center;
        text-align: center;

       border:2px solid #7a7a7a;
	   border-radius:20px;
     }
	 .kub.svet {
        background:#b6b4b5;
     }
	 
	 
.kub:hover {
        /* border:2px solid red; */
		 /* border:2px solid #ffcc00; */
		 border:2px solid #e3e3e3;

     }
	 .kub_zag{
		 width:70%;
		 float:left;
		 font-size: 2.6em;
		 text-align:left;
		 padding:10px;
		 margin:-20px 0 0 -20px;
		 background: #090708;
		 line-height:1.3;
	 }
	 .kub_zag.svet{
		 background: #b6b4b5;

	 }
	 
	 
	 #perehod{
		 width:20%;
		 float:right;
	 }
	 #perehod img:first-child, #perehod2 img:first-child{
		 width:50px;
		 padding:30px 40% 0 0; 
		 float:right;
	 }

	#kub_osnova{
		 width:96%;
		margin: 10px auto;
		float:left;
		min-height:240px;   
		font-weight: none;
		
	}
	#kub_osnova table tr th:last-child{
		 font-size: 1em;
		padding: 10px 0;
		text-align:left;
		min-height:50px;
		width:90%;
	}
	#kub_osnova table tr th:first-child{
		 font-size: 1.6em;
		padding: 3px 10px;
		text-align:left;
		width:40px;
		height:40px;

		float:left;
		text-align:center;
	}
	#kub_osnova  mark {
		border-bottom:2px solid #fd380a;
		background: none;
	}
	
	#kub_prog{
		width:100%;
		float:left;
	}
	#kub_prog p:first-child{
		width:100%;
		height:auto;
		text-align:center;
		float:left;
		padding:10px 0;
		font-size: 1.2em;
	}
		#kub_prog p:nth-child(2){
		width:20%;
		height:auto;
		text-align:right;
		float:left;
		padding:30px 0 0px 20px ;
		font-size: 3em;
	}
		#kub_prog img{
		width:72%;
		float:right;
		margin:0px -60px -100px 0;
	}
	
	
	
	




.prem {
    margin: 0 auto;
    text-align:center;
}
#preimushestva{
    width:10%;
    height: auto;
    display: inline-block; 
    margin: 80px 5% 50px 0%;
	float:left; 
}

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

#preimushestva img{
	width:90%;
	height:auto;
	margin:10px auto;
}









.preimushestva_nazva{
	font-size: 1.3em;
	padding:10px 0;
	text-align:left;
}


		
#preimushestva_text{
	font-size: 1.2em;
	text-align:left;
	text-shadow: 1px 1px 1px #000;
}






.prem2 {
    margin: 20px auto 20px auto;
    text-align:center;
	width:70%;

}


.proga{
    width:28%;
    height: auto;
    display: inline-block; 
    margin: 10px 1% 10px 1%;
	/* float:left;  */
	border: 2px solid #7a7a7a;
	border-radius: 20px;
}
	.proga.svet{
		background-color:#b6b4b4;
	}

#proga2{
    width:88%;
    height: auto;
	text-align: left;
    padding: 30px 6% 0px 6%;
	float:left;
	font-size: 1.3em;
}
#proga2 a{
	float:right;
    text-decoration: none;
	background-image: linear-gradient(to bottom, #ff3001, #ff3001, #ffffff);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
}

.proga_nazva{
	font-size: 1.4em;
	padding:20px 0 20px 20px;
	text-align:left;
}
.proga_nazva.svet{
	color:#fff;
}



.proga_text{
	font-size: 1.2em;
	text-align:left;
	padding:0px 0 8px 20px;
}
#proga_cina{
	font-size: 1.5em;
	text-align:left;
	width:70%;
	padding:10px 0 10px 20px;
	float:left;
}
#proga_cina span{
	font-size: 0.8em;
	text-align:left;
	padding:6px 10px 0px 10px;
	text-decoration: line-through;
}



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



.prem3{
	width: 60%;
	padding:40px 0 10px 20%;	
	float:left;
}

#pismo1{
	 width: 55%;
	 float:left;

}
#pismo2{
	 width: 42%;
	 float:right;

}


#pismo1 input[type="text"],  textarea, #pismo_text, #pismo2 input[type="submit"]{
	margin:10px;
	float:left;
	width: 90%; 	

	border-radius:5px;
}

#pismo1 input[type="text"],  textarea {
	background:#323131;
	color: #fff;
	font-size: 1.4em;
	padding-left:20px;
}


textarea{
	height: 150px;
	resize: none;
}

#pismo_text{
	height:140px;
	float:right;
	margin:30px 20% 10px 0;
	width: 60%;
	text-align:center;
	font-size: 1.4em;
}
#pismo2 input[type="submit"]{
	height:64px;
	float:right;
	background-image: linear-gradient(to bottom, #ff3001, #ff3001, #ffffff);
	color:#fff;
	font-size: 1em;
}
#pismo2 input[type="submit"]:hover{

	background-image: linear-gradient(to bottom, #ff3001, #ff3001, #ff3001, #ffffff);

}
#pismo1 input[type="text"]{
	height:60px;
	font-size: 1em;
}



/*------------------- umovi navchannya----------------*/

.kubs3{
        width:60%;
        margin: 0 auto;
        padding-top:30px;
    }




.kub3 {
        width:42%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        margin: 10px 3% 50px 3%;
        align-items: center;
        text-align: center;

       border:2px solid #7a7a7a;
	   border-radius:20px;
     }
.kub3:hover {
        /* border:2px solid red; */
		/* border:2px solid #ffcc00; */
		 border:2px solid #e3e3e3;
     }
	 	.kub3.svet {
		  background: #b6b4b5;
		}
	 

#kub_osnova #docum{
	width:40%;
	margin: 0 0 0 10%;
	height:200px;
	text-align:left;
	 float:left;
}

	 #perehod2{
		 width:30%;
		 float:right;
	 }
	 
#kub_osnova img{
	width:30%;
	float:right;
	height:auto;
	margin: 0 10% 0px 0px;
}	 

#kub_osnova #docum2{
	width:80%;
	padding: 0 10% 0 10%;
	height:auto;
	text-align:left;
	 float:left;
	 min-height:200px;
}
#kub_osnova #docum2_img{
	width:60%;
	float:left;
	height:auto;
	margin: 20px 20%;
}	 




.shlyah_navchannya{
	width:50%;
	margin:40px 0 40px 35%;
	float:left;
}
.shlyah_img{
	width:200px;
	height:auto;
	float:left;

}
.shlyah_text{
	width:60%;
	float:left;
	padding:25px 20px 10px 60px;
	font-size:1.5em;
	text-shadow: 3px 3px 3px #000;
}
.etap{

	padding:156px 20px 10px 60px;
}



/*============= ==================================*/



#kubs4{
        width:60%;
        margin: 30px auto;
        padding-top:30px;
		

    }
	
	#prog_navch{
		width:40%;
		padding:10px 5%;
		float:left;
	}
	
	
	
	.prog_navch_img{
		 padding:0px 15% 0px 15%;
		 width:70%; 
	}
	#prog_navch_nazv{
		width:39%;
		margin:0px 5% 20px 5%;
		float:left;
		font-size:1.4em; 
	
	}
	#prog_navch_nazv1{
		width:80%;
		margin:0px 10% 20px 10%;
		float:left;
		font-size:1.4em;		
	}
	
	
	#prog_text{
		text-align:justify;
		width:96%;
		padding-left:2%;
		float:left;
	}
	.skachat_img{
		width:30px;
		padding
	}
	
	.prog_ceni{
		background:#1b1a1a;
		margin:40px auto 20px auto;
		padding:20px;
		border-radius:10px;
		float:left;
		width:100%;
		border: 2px solid #727272;
	}
	.prog_ceni.svet{
		background:#b6b4b5;
	}	
	
	.prog_ceni_1{
		float:left;
		width:50%;
		text-align:left;
		margin:16px auto;
	}
	.prog_ceni_2{
		float:right;
		width:40%;
		text-align:right;
		margin:16px auto;
	}
	.prog_ceni_3{
		float:left;
		width:50%;
		text-align:left;
		font-size:1.5em;
		margin:0px auto 10px auto;
	}
	.prog_ceni_4{
		float:right;
		width:40%;
		text-align:right;
		font-size:1.5em;
		margin:0px auto 10px auto;
	}
	.otstup{
		padding-top:100px;
	}
	
	#prog_nazv1{
		width:100%;
		font-size:1.5em;
		margin:30px 0 20px 0;
		float:left;
	}
	.nazv_programmi{
		width:100%;
		font-size:1.5em;
		margin:30px 0 20px 20px;
		float:left;
		text-align:left;
		
	}

	
	/*======================faq=====================*/
	
		
	
#kubs5{
        width:60%;
        margin: 30px auto;
        padding-top:30px;
		

    }	
	
	
.accordion {
  color: #444;
  cursor: pointer;
  width: 100%;
  border-radius:10px;
  text-align: left;
  outline: none;
  font-size: 1em;
  transition: 0.4s;
  background-color: #000;
  border:none;
}
.accordion.svet {
  background-color: #b6b4b4;

}


.active, .accordion:hover {
  /* background-color: #ccc; */
}

.accordion:after {
  content: '\002B';
  background-image: linear-gradient(to bottom, #ff3001, #ff3001, #ffffff);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-box-decoration-break: clone;
  font-weight: bold;
  float: left;
  margin: 0 20px 0 5px;
  font-size: 2.6em;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: #000000;
  border:2px solid #727272;
  border-radius:10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  padding:0px;
  margin:-44px 0 40px 0;
}
.panel.svet{
  background-color: #b6b4b4;

}


.vopros{ 
 float:right;
 width:90%;
 padding:12px 2px 20px 50px;
 background: linear-gradient(to bottom, #727272, #000, #000);
 color:#fff;
 margin-left:-20px;
 border-radius:0px 0px 00px 90px ;
}
	.vopros.svet{ 
		background: linear-gradient(to bottom, #332f30,  #b6b4b4);
		border-width: 2px;
		border-style: groove;
		Border-color: #727272;
	}



/*======================statyi korisne=====================*/


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

    }
.kubs7_obromlenie.svet{
		 background-image:  none;
    }


#kubs7{
        width:60%;
		margin: 10px auto;
    	/* background-image:  url(./../images/imagesS/faq.png); */
		/* background-size:   80% auto; */
		/* background-repeat: no-repeat; */
		/* background-position: center; */

    }

.statya {
  float:left;
  width: 100%;
  height:auto;
  border-radius:10px;
  text-align: left;
  font-size: 1em;
  transition: 0.4s;
  background-color: #000;
  border: 2px solid #727272;
  margin:5px 0;
}
	.statya.svet {
	  background-color: #b6b4b4;
	}





.statya_data{
	padding:14px 0px 0px 3%;
	width:10%;
	float:left;
	 font-size: 1.2em;

}

.statya_nazv{ 
 float:right;
 width:50%;
 padding:12px 2px 20px 4%;
 background: linear-gradient(to bottom, #727272, #000, #000);
 margin-left:-20px;
 border-radius:0px 0px 00px 90px ;
}
	.statya_nazv.svet{ 
	 	background: linear-gradient(to bottom, #332f30,  #b6b4b4);
		border-width: 2px;
		border-style: groove;
		Border-color: #727272;
		color:#fff;
	}


.statya_img{ 
 float:right;

 padding:10px;
 max-height:20%;
 max-width: 26%;
 min-height:20%;
 min-width: 26%;
}
.statya_img img{ 
width: 100%;
height: auto;
}
.statya_opis{ 
 float:left;
 width:64%;
 padding:12px 1% 20px 1%;
 margin-left:50px;

}

.statya_per{
	padding: 10px 0px 10px 0px;
	float:left;
	width:70%;
}
.statya_autor{ 
	 float:left;
	 width:60%;
	 margin-left:5%;
	 bottom:0;
}

.statya_perehod{ 
	 float:right;
	 width:100px;
	 margin-left:3%;
	 bottom:0;
}
.statya_perehod img{
	height:20px; 
	float:right;
}
	
.paginator{
	width:100%;
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:1.4em;
	text-decoration: none ;
}
.paginator a{
	text-decoration: none ;
	padding:0 10px;
}

.section12 table{
	width:70%;
	margin: 0px auto;
	padding-top:20px;
	
}
.section12 table th{
	text-align:left;   
	padding: 10px 20px;
	width: 50%;
}
.section12 table th a{
	text-decoration: none ;
}





.section11a iframe{
	width:60%;
	height:600px;
	padding-left:20%;
padding-bottom:40px;
}

/*========   testi pdd =========*/

.test_pdd_razmer{
	width:60%;
	margin: 40px auto;
}
.razrab_pdd{
	float:right;
	padding:0px 0 10px 0;
	font-size:1.3em;
}
.razrab_pdd img{
	height:20px;
	padding:0 10px;
	
}
/*========   statya =========*/
.nn{float:left;}


#kubs7_obromlenie2{
        width:100%;
        margin: 0px auto;
        padding:20px 0;
		 background-image:  url(./../images/imagesS/stattya.png);
		background-size:   70% auto;
		background-repeat: no-repeat;
		background-position: center;
		float:left;

    }



.statya_autor1{ 
 float:right;
 width:80%;
 padding:12px 2% 20px 2%;
 background: linear-gradient(to bottom, #727272, #000, #000);
 /* border:2px solid #727272; */
 margin-left:-20px;
 border-radius:0px 0px 0px 90px ;
 text-align:right;
}
.statya_autor1 span{ 
 padding:12px 2% 20px 2%;
}

	.statya_autor1.svet{ 
	 	background: linear-gradient(to bottom, #332f30,  #b6b4b4);
		border-width: 2px;
		border-style: groove;
		Border-color: #727272;
		color:#fff;
	}



.statya_opis2{ 
 float:left;
 width:58%;
 padding:10px 1% 20px 1%;
 margin-top:50px;
 margin-left:50px;
 min-height:100px;

}
.statya_img2{ 
 float:right;
 padding:10px 2%;
 width:28%;

}
.statya_img2 img{ 
width: 100%;
height: auto;
margin: 0 auto;
}

.statya_text{
	float:left;
	width:90%;
    padding:10px 1% 20px 1%;
	margin-left:50px;
}
.statya_istochnik{
		float:right;	
		width:90%;
		text-align:right;
		padding:10px 2% 20px 1%;
}
.statya_istochnik a{
		text-decoration:none;
}

.stati_list{
		float:left;	
		width:70%;
		margin: 40px 15% 10px 15%;
	
}
.statya_perehod_l a , statya_perehod_r a{
	text-decoration: none ;
}

.statya_perehod_l, .statya_perehod_r{
	width:30%;
}
.statya_perehod_l{
	float:left;
}
.statya_perehod_r{
	float:right;
}

.statya_img_1{
	width:12%; 
	float:left;
	padding:0 2% ;
}
.statya_img_2{
	width:12%; 
	float:right;
	padding:0 2% ;
}
.statya_111{
	width:80%;
	float:right;

}
.statya_112{
	width:80%;
	float:left;
	text-align:right;
}

.statya_perehod_l_nazv{
	padding:10px 0 0px 0;
	width:80%;
	float:right;
}
.statya_perehod_r_nazv{
	padding:10px 0 0px 0;
	width:80%;
	float:left;
	text-align:right;
}