/* General Blueprint Style */
@font-face {
    font-family: 'tahoma';
    src: url('./../fonts/tahoma/Tahoma.eot');
    src: url('./../fonts/tahoma/Tahoma.eot?#iefix') format('embedded-opentype'), 
         url('./../fonts/tahoma/Tahoma.woff') format('woff'), 
         url('./../fonts/tahoma/Tahoma.ttf') format('truetype'), 
         url('./../fonts/tahoma/Tahoma.svg#bpicons') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'AviatorS';
    src: url('./../fonts/AviatorS/AviatorS.ttf') format('truetype');
    /*    src: url('./../fonts/century_gothic_regular/CenturyGothic.eot');
    src: url('./../fonts/century_gothic_regular/CenturyGothic.eot?#iefix') format('embedded-opentype'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.woff') format('woff'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.ttf') format('truetype'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.svg#bpicons') format('svg');
*/ font-weight: normal;
    font-style: normal;
}



.color_zag1 {
    color: #ff3000;  /* orange  */
}
.color_zag2 {
    color: #727272;  /* серый 1*/
}
	.color_zag2.svet {
		color: #3f3f3f;  
	}

.color_zag3{
	color: #e3e3e3;  /* серый 2*/
}
	.color_zag3.svet{
		color: #000000;  
	}

.color_zag4{
	color: #fff;  /* белый*/
	
}


.text_razmer1 {
    font-size: 1.4em;
}
.text_razmer2 {
    font-size: 1.3em;
}
.text_razmer3 {
    font-size: 2.6em;
}



.font_zag1 {
    font-family: 'AviatorS';
}

.font_zag2 {
    font-family: 'tahoma';
}



html, body, header, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'tahoma';
}
    /* HTML5 display-role reset for older browsers */

html,body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0 auto;
    background: #090708;
    background-size: cover;
	margin-top:20px;
}
	body.svet{
		background: #dedaca;

	}



header {
    width: 100%;
    height: auto;
    float: left;
    position:absolute
}

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

#fon_hedera {
    background: #f6f6f6;
    width: 100%;
    height: 0;
    position: fixed;
    float: left;
    z-index: 9998;
}

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

}

#telefon {
    width: 60%;
    /* height: 100px; */
    float: right;
    font-size: 2em;
    margin-top: 20px;
    margin-right: 30px;
    text-align: right;
    font-weight:bold;
}
#telefon span{
    width: 50%;
    /* height: 100px; */
    margin-right: 20px;
}



#knopka_ua, #knopka_eng {
    width: 50px;
    height: 60px;
    float: right;

    
}

    #knopka_ua a div {
        width: 50px;
        height: 65px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: 0px;
        background-position-y: 0px;
    }
    #knopka_ua a div:hover {
        width: 100%;
        height: 65px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: 0px;
        background-position-y: -72px;
    }

    #knopka_eng a div {
        width: 50px;
        height: 65px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: -56px;
        background-position-y: 0px;
    }

        #knopka_eng a div:hover {
            width: 100%;
            height: 65px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -56px;
            background-position-y: -72px;
        }

#knopka_svet_tma {
        width: 120px;
        height: 65px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: -140px;
        background-position-y: 0px;
		float: right;
		margin-left: 15px;
		padding-right: 5px;
}

	#knopka_svet_tma.svet {
			width: 120px;
			height: 65px;
			background: url(./../images/imagesS/menu_knopki.png);
			background-position-x: -140px;
			background-position-y: -75px;
	}



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

#nijnee_menu a div, #knopka_kontakti div{
	text-decoration: none;
	font-family: 'AviatorS';
	font-size: 0.9em;
	width: 140px;
	text-align:center;
	color:#000;
	padding-top:37px;
}
#nijnee_menu a div:hover, #knopka_kontakti div:hover, #knopka_kontakti  div.show1{
			padding-top:40px;
}



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

    #menu_data img {
        width: 100%;
        height: auto;

    }

	    #currentDate{
        width: 60px;
        height: auto;
	    margin-top: 43px;
		margin-left: 38px;
		font-family: 'AviatorS';
		position: absolute;
		text-align:center;
		float: left;
		font-size: 1.4em;
  	    font-weight:bold;
    }

	    #currentDate2{
        width: 60px;
        height: auto;
	    margin-top: 72px;
		margin-left: 38px;
		font-family: 'AviatorS';
		position: absolute;
		text-align:center;
		float: left;
		font-size: 1em;

    }


#knopka_umov, #knopka_prog, #knopka_faq, #knopka_kor, #knopka_test,  #knopka_kontakti  {
    width: 85px;
    height: 68px;
    float: right;
    margin-top: 10px;
    padding-right: 5px;
	
}
#knopka_umov a, #knopka_prog a, #knopka_faq a, #knopka_kor a, #knopka_test a,  #knopka_kontakti a {
 
text-decoration: none;
}

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

        #knopka_umov a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: 0px;
            background-position-y: -250px;
        }
    
	#knopka_prog a div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: -93px;
        background-position-y: -167px;
    }

        #knopka_prog a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -93px;
            background-position-y: -250px;
        }

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

        #knopka_faq a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -186px;
            background-position-y: -250px;
        }
	#knopka_kor a div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: -279px;
        background-position-y: -167px;
    }

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

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

        #knopka_test a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -372px;
            background-position-y: -250px;
        }
	#knopka_kontakti div {
        width: 100%;
        height: 68px;
        background: url(./../images/imagesS/menu_knopki.png);
        background-position-x: -465px;
        background-position-y: -167px;
    }

        #knopka_kontakti  div:hover , #knopka_kontakti  div.show1{
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -465px;
            background-position-y: -250px;
        }


#menu_kontakti {
    width: 540px;
    height: 230px;
    bottom: -144px;
	left: 154px;
    background: url(./../images/imagesS/menu_poloska3.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: 26px;
  -moz-transition: bottom 1s linear;
  -o-transition: bottom 1s linear;
  -webkit-transition: bottom 1s linear;
  transition: bottom 1s linear;
}




#knopki {
	width:540px;
	float: right;
}


#qr {
	width:150px;
    height: auto; 
    z-index: 9999;
    float:left;
    padding:16px 24px;
}
    #qr img {
        width:100%;
        height: auto;
    }

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

#menu_text1 span{
	padding: 0px 5px 0 0;
}
#menu_text1 span:last-child{
	padding: 0px 0px 0 16px;
}

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

}


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


}

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

        #knopka_facebook a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -270px;
            background-position-y: -73px;
        }

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

        #knopka_telega a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -341px;
            background-position-y: -73px;
        }

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

        #knopka_viber a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -412px;
            background-position-y: -73px;
        }

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

        #knopka_insta a div:hover {
            width: 100%;
            height: 68px;
            background: url(./../images/imagesS/menu_knopki.png);
            background-position-x: -483px;
            background-position-y: -73px;
        }




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

/*============index php/  slayder===============*/
.section1{     				
	float:left;
	width:100%;
	height:auto;
}
	.section1.svet{
		background: #dedaca;

	}
/*============index php/ Доступні категорії===============*/
.section2 {					
	float:left;
    padding-bottom: 80px;
   
}

/*============index php/ Переваги===============*/
.section3 { 				
	float:left;
	height:840px;
	background-image:  url(./../images/imagesS/glavnaya_sector3_verh.png), url(./../images/imagesS/glavnaya_sector3_niz.png) ;
    background-repeat: no-repeat, no-repeat ;
	background-position:  top center, bottom center ;
}

/*============index php/ Програми===============*/
.section4 {					
	float:left;
    padding-bottom: 100px;
 }

/*============index php/ Зворотній зв’язок===============*/
.section5 {				
	float:left;
    padding-bottom: 30px;
}
	.section5.svet {				
		background: linear-gradient(#dedaca, #d9cdc6);
	}

/*============umovi_navchannya php/ Умови навчання ===============*/
.section7 {					
	float:left;
    padding-bottom: 80px;
   
}
/*============umovi_navchannya php/ Шлях навчання ===============*/
.section8 {
	float:left;
	width:100%;
	background-image:  url(./../images/imagesS/umovi_navch_sector2.png)  ;
	background-size: contain  ;
    background-repeat: no-repeat;
	background-position: center;
}
.section8.svet{
	background-color:#d9cdc6;
	
}

/*============programi_navchannya php/ Програми навчання===============*/
.section9 {					
	float:left;
    padding-bottom: 10px;
 }
.section9.svet{
	background: linear-gradient(#dedaca, #d9cdc6);
}



/*============faq php/ FAQ===============*/
.section10 {				
	float:left;
    padding-bottom: 0px;
}
	.section10.svet{
		background: linear-gradient(#dedaca, #d9cdc6);
	}

/*============korisne php/ Корисне===============*/
.section11 {
	float:left;
    padding-bottom: 80px;
	/*min-height:700px;*/
}
/*============korisne php/ Корисне===============*/
.section11a {
	float:left;
    padding-bottom: 30px;

}


/*============korisne php/ Корисні ссилки===============*/
.section12 {
	
}
	.section12.svet{
		background: linear-gradient(#dedaca, #d9cdc6);
	}
/*============statya php/ Стаття ===============*/
.section13 {					
	float:left;
    padding-bottom: 80px;

  
}
	.section13.svet{
		background: linear-gradient(#dedaca, #d9cdc6);
	}



#zagolovok1{

	width:80%;
	margin: 76px auto 10px auto;
	padding:10px 0;	
	height:auto;
	border-bottom:8px solid #2b2728;
	
}

    h1  {
        width:100%;
        text-align:center;
        font-weight:bold;
        padding:40px 0 10px 0;
		float:left;
}



.footer{
/*	background-image:  url(./../images/imagesS/footer1.png) ;*/
    background-repeat: repeat-x ;
	background-position: bottom  ;
	background-position-y: -180px;
	float:left;
	height:280px;
	width:100%;
	
}
.footer.svet{
	/*background-image:  url(./../images/imagesS/footer2.png) ;*/
		background-color:#d9cdc6;
}


.footer_poloska{
	background: #323131;
	opacity:0.9;
	margin-top:200px;
	color:#c8c6c6;
	padding: 10px 80px 10px 0 ;
	text-align:right;
	font-size: 1.2em;
}
	.footer_poloska.svet{
		background: #908e85;
		color:#fff;

	}
	.footer_poloska span.svet{
		color:#000;

	}

.footer_poloska a{
	text-decoration: none; 
	color: #c8c6c6;
	}
	
	
	
	
	
	
	.section11c	{
		float:left;
		width:100%;
		color: #fff;
	}
	.section11c table{	
		float:left;
		width:70%;
		margin: 0 15% 40px 15%;
		border: 2px solid #727272;
		border-radius: 10px;
	}
	
	.section11c table tr{
		border-radius: 10px;	
		background: #1b1a1a;
		border: 2px solid #727272;
		}
	
		.section11c table tr td{	
		float:left;
		width:100%;
		margin:10px 0;
		}
		
		
	
	.material span{ 
	color: #fff;
	float:left;
	font-size:1.4em;
	padding:10px 20px 10px 10%;
	}
	
	.material img{
  height: 24px;
  float: left;
  padding:10px 10px 10px 0;
}

.img2 img{
	float:left;
	width:50%;
	margin-left:25%;
	height:auto;
	border-radius: 10px;
	max-width:300px;
	padding:10px;
}