/* ---------- Google Font ---------- */
/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
div { position:relative } 

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

body{
	background:url(image/bg1.jpg) 50% 0% repeat-y;
	color:#166cd6;
	font: 14px "Open Sans", Helvetica, Arial, sans-serif;
	line-height:1.5; 
	width:100%;
}

p {
	line-height: 1.5;
	margin: 0 5px 0 5px;
	/* padding: 0 2px; */
	text-align: justify;
	text-indent: 3%;
	color: #444444;  
	font-size:   1.5em;   
}
h1 {
	color: #1371ae;     
	text-align: left;
	padding: 0px 10px 5px 10px;
	margin-left: 1.6em;
	font-size:   1.6em;   
	line-height: 1;
}
h2 {
	color: #1a435b;   
	font-weight: bold;
	text-align: center;
	margin-left: 1.4em;
	font-size: 1.6em;
}

h3 {
	background-color: #2396e0;
	color: #eefd31;   
	text-align: center;
	margin: 0 1% 0 1%;
	padding: 5px 0;
	font-size: 1.6em;
	font-family: 'Helvetica', Times, serif; /* Шрифт с засечками */
    font-style: italic; /* Курсивное начертание */	
}
h4 {
	color: #1874a5;   
	text-align: center;
	margin-left: 1.3em;
	font-size: 1.3em;
}
h5 {
	color: #0a4698;  
	text-align: center;
	font-size: 1.3em;
}
a {
	font-size: 1.3em;
}	
.myleft {
	text-align: left;
	padding-left: 2%;
}

ul li {
	font-size: 1.3em;
}
hr {
	height: 3px;
}
.load1 {
	z-index: 9995;
	text-align: center;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    width: 70px;
}
.link2 {
	width: 80%;
}
.baner1 {
	width: 25%; 
	float: left;
}
.baner2 {
	width: 50%; 
	float: left;
}
.baner3 {
	width: 25%; 
	float: left;
}
.baner4 {
	display:none;	
}
 .beliy {
 	color: #f7f7f7;
 }
.antik li {
	text-align: left;
	margin-left: 4%;
}
.detalno ul, .detalno ol, ul {
	text-align: left;
	margin-left: 5%;
}
/*  */
table.adapt td img {
	width: 50%;
}

/*== Рахунки за навчання================================================= */ 
.rah1 {
	padding-left: 40%;
	font-size: 16px; 
}
.rah2 {
	padding-left: 20%;
	font-size: 16px; 
}
/*== RADIO в ДКР ======================================================= */ 
@keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
  }
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: 1px solid #007700;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #40e0d0;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 13.66667px;
  text-align: center;
  line-height: 20px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
/*=== кінець RADIO в ДКР======================================== */ 

.myheader{
	width:98%;
		 background-size: contain; /* Масштабируем фон */
		 -webkit-background-size: contain;
		 -o-background-size: contain;
		 -moz-background-size: contain;
	height: 100px;
	color: #e0e0e0;
	margin:0px auto;
	text-align:center; 
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;		
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);  
	-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
	box-shadow:         5px 5px 20px rgba(0,0,0,1);
	background: url("image/header_max2.png") center no-repeat;
	background-size: 100% 100%; 
}
.foto_txt	{        /* для керівництва */
	width: 98%;
	border: 1px solid #9ec1f5;
	background-color: rgba(4,155,255,0.1);		/* цвет фона менню голубой */
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 5px 10px;
	margin:0 auto;
	overflow:auto;
}
.grey{
	color: #1e1e1e;
}
.myinline {
	display: inline; 
}
.grey2 {
	background-color: #c6e6f2;
}
/* Для керівництва:visited */
.foto1 	{
	width:24%;
	margin: 0 1% 0 2%;
	float: left;
	border: 1px solid white;	
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
box-shadow:         5px 5px 20px rgba(0,0,0,1);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.txt1	{
	margin-top: 5%;
	float: right;
	width:70%;
	margin-right: 2%;
	padding-right: 2%;
	border: 2px solid #428ff9;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.foto_ramki {
	border: 1px solid white;	
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
	-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
	box-shadow:         5px 5px 20px rgba(0,0,0,1);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.foto_left {
	float: left;
	width: 30%;
	margin: 0 0 20px 5px;
}
fieldset {
margin-right: 5px;
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
box-shadow:         5px 5px 20px rgba(0,0,0,1);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
background-color: rgba(4,155,255,0.1);		/* цвет фона менню голубой */
}					


/* для стирання в базі anonim: та для ДКР:---------------------------- */
.box {
    display: block;
	font-size: 15px;
	padding:5px;
	background: linear-gradient(to top, #4d94e3, #a6ccf2);
	margin-bottom:3px;
	border-bottom:3px solid #ccc;
	color: #10438f;
	width:97%;
	text-align: left;
	margin: 0 1% 0 1%;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.box:hover{
	background: linear-gradient(to top, #a6ccf2, #4d94e3);
}
/* --------------------------------------------------------- */
#my_timer {
    position: fixed; /* Фиксированное положение */
    right: -10%;
    top: 100px; /* Расстояние сверху */
    width: 30%;
    padding: 5px; /* Поля вокруг текста */ 
    background: #ffff15; /* Цвет фона */ 
    border: 1px solid #333; /* Параметры рамки */ 
	font-size: 22px;
	font-weight: bold;
	z-index: 101;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg); 
transform: rotate(270deg);
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
box-shadow:         5px 5px 20px rgba(0,0,0,1);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

/* -------------- THE button -------------- */
.demo {
width: 22%;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
background-color: rgba(4,155,255,0.1);		/* цвет фона менню голубой */
	-webkit-box-shadow: inset rgba(255,255,255,0.3) 0 2px 2px, rgba(0,0,0,0.05) 0 2px 2px;
	-moz-box-shadow: inset rgba(255,255,255,0.3) 0 2px 2px, rgba(0,0,0,0.05) 0 2px 2px;
	-webkit-border-radius: 120px / 300px;
	-moz-border-radius: 120px / 300px;
}

.button {
/* text */
text-decoration: none;
font: 20px/1em 'Droid Sans', sans-serif;
font-weight: bold;
text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

/* layout = розміри кнопки */
padding: 10px 5px 4px 5px;
margin: 4px 0px 4px 0px;
display: inline-block;
position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

/* effects = верхнє світло на кнопці */
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(0,0,0,0.1);
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;

/* color кнопок та тіні внизу  */
color: hsl(20, 0%, 40%);
background-color: hsl(0, 0%, 75%);
-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

.but_ant {
/* text */
width: 80%;
text-decoration: none;
font: 20px 'Droid Sans', sans-serif;
font-weight: bold;
text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

/* layout = розміри кнопки */
padding: 7px 0 7px 5px;
margin: 7px 0 7px 6px;
display: inline-block;
position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

/* effects = верхнє світло на кнопці */
border-top: 1px solid rgba(255,255,255,0.8);
border-bottom: 1px solid rgba(0,0,0,0.1);
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;

/* color кнопок та тіні внизу  */
color: hsl(0, 0%, 40%) !important;
background-color: hsl(0, 0%, 75%);
-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
/* -------------- ва -------------- */


/* -------------- icon зліва -------------- */
a:after {
font: 1.2em/0 sans-serif;
content: attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
float: right;
margin: 0px -10px 0 0;
}

/* icon only */
.icon {
font-weight: normal;
font-style: normal;
}
.icon:before {
display: block;
height: .75em;
line-height: .75em;
margin: 0;
}

/* -------------- colours -------------- */

.button.blue {
color: hsl(208, 100%, 40%) !important;
background-color: hsl(208, 100%, 75%);
-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.blue:hover { background-color: hsl(208, 100%, 83%); }  /* фон гориз кнопки */


/* -------------- States (состояния)------------- */
.button:hover {
background-color: hsl(0, 0%, 83%);
}
.button:active {
-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.4) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
-moz-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.4) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.4) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
-webkit-transform: translateY(.2em);
-moz-transform: translateY(.2em);
transform: translateY(.2em);
}
.button:focus {
outline: none;
color: rgba(254,255,255,0.9) !important;
text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
opacity: .5;
cursor: default;
color: rgba(20,0,0,0.2) !important;
text-shadow: none !important;
background-color: rgba(0,0,0,0.05);
background-image: none;
border-top: none;
-webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.3) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
-moz-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.3) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
rgba(0,0,0,0.3) 0 .1em 1px, /* border */
rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
}


/* brackets =  заокруглення */
.brackets, .brackets.glossy:after, .brackets.glass:after {
border-top: none;
-webkit-border-radius: .5em / 1em;
-moz-border-radius: .5em / 1em;
border-radius: .5em / 1em;
}
/* Кінець button */
/*********************************************************************************/


.ant1 li {
	color: #303030;
	text-align: left;
	margin-left: 35px;
	text-decoration: none;
}
.ant1 li a {
	color: #303030;
}
/**********************************************/

table {
border: 0px solid #e8e8e8;  
border-collapse: collapse;	/*  рамки=одна стрічка*/
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
box-shadow:         5px 5px 20px rgba(0,0,0,1);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

th {
	font-size:18px; 
	background: linear-gradient(to top, #74a3f1, #020460);
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	padding: 5px 3px;
	height: auto;
	color:#f6f6f6;
	text-align: center;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

.tnd tr td{
	font-size:22px;
	color:#5c5c5c;
}
td {
  color: #5d5d5d;  
  text-align: center;
  background-color: rgba(4,155,255,0.1);		/* цвет фона менню голубой */
  border: 1px solid grey;
  padding: 5px 3px;
}
input[type="submit"]{
	height: 40px;
	width: 330px;
	color: #f7f5fe;
	font-weight: bold;
	font-size: 18px;
	background: linear-gradient(to top, #0f1aea, #e4e4fe);
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
box-shadow:         5px 5px 20px rgba(0,0,0,1);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
input[type="text"],[type="date"],[type="email"],[type="number"]{
	color: #7a7a7a;
	font-size: 18px;
}

#center {
	width:98%;
	text-align:center; 
	padding-top:1%;
	margin:0px auto;
		border: 1px solid grey;
		background:url(image/leather_1.png) 10% 100%;
		-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);   
		-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
		box-shadow:         5px 5px 20px rgba(0,0,0,1);
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
}
 
.center {
	text-align:center; 
}


hr {
width: 96%;
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,3);   
-moz-box-shadow:    5px 5px 20px rgba(0,0,0,3);
box-shadow:         5px 5px 20px rgba(0,0,0,3);
background-color: rgba(4,155,255,0.3);		/* цвет фона менню голубой */
margin: 14px auto;
color: #bcbcbc;
}

.footers {
	width:98%;
	text-align:center; 
	padding:2% 0;
	margin:10px auto;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;	
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,1);  
	-moz-box-shadow:    5px 5px 20px rgba(0,0,0,1);
	box-shadow:         5px 5px 20px rgba(0,0,0,1);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;		
	background-color: #166cd6;
	/* rgba(4,155,255,0.3);		/* цвет фона менню голубой */
}




.column-clear{clear:both;}
.clear{overflow: hidden;}

.mainWrap{
	width:1200px;
	margin:0 auto;
}
nav{
	display:block;
	margin-top: 10px;
	background:#2e82d1;
}
.btn24 {
	width: 95%;
	text-align: left;
}


/*  для десктопного меню первого уровня: */
.menu, .menuVO{
	display:block;
	margin-left:10px;
}
.menu li, .menuVO li{
	display: inline-block;
	position: relative;
 	z-index:100; 
}

.menu li:first-child{
	margin-left:0px;
}

.menu li a, .menuVO li a {
	font-weight:600;
	text-decoration:none;
	padding: 10px 6px;
	margin-left: 3px;
	display:block;
	color:#ffffff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu2 li a {
	width: 90%;
	font-weight:600;
	text-decoration:none;
	padding: 10px 6px;
	display:block;
	color:#ffffff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu2 li {
	list-style-type: none; /* Убираем маркеры */
}

.menu li a:hover, 
.menu li:hover > a, 
.menuVO li a:hover {
	color:#ffffff;
	background:#88a7f0;
}

/* Мы будем скрывать меню 2-го уровня и раскрывать его, 
когда пользователь наведет курсор на элемент меню 1-го уровня.*/ 
.menu ul {
	display: none;
	margin: 8px 0;		/* відступ від трикутника до гориз. меню */
	padding: 0;
	width: 300px;		/* ширина меню 2-го уровня */
	position: absolute;
	top: 36px;			/* відступ зверху меню 2-го рівня */
	left: 0px;
	background: #246bd7;
}

.menu ul li {
	display:block;
	float: none;
	background:none;
	margin:0;
	padding:0;
}
.menu li ul li:nth-child(odd){	 /* через один zebra  */
	background-color:#448aea;
	border-radius:0 0 10px 10px;
}
.menu li ul li a:hover{
	background-color:#f2625e;
}

.menu> li> ul> li:first-child{
	border-radius:5px 5px 0 0;
	margin-top:10px;
	position:relative;
}
.sub-menu>li:first-child:before{ /* трикутник- вказівник (> строгий путь) */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#f7471c;
	left:30%;
	top:-13px;
	margin-left:-5px;
}
.sub-menu{
	border-radius:10px 10px 10px 10px;
	position:relative;
}
.sub-menu li a {
	font-size:  0.8em;    /* 1-й рівень підменю */
}
.sub-menu li ul li a {
	font-size:  0.5em;    /* 2-й рівень підменю */   
}
.sub-menu li ul li ul li a {
	font-size:  0.4em;    /* 3-й рівень підменю */   
}

/* показываем меню 2-го уровня при наведении */
.menu li:hover > ul{
	display: block;
}

/* Меню третьего уровня будет иметь такие же свойства, как и у меню второго уровня, за исключением позиционирования: */
.menu ul ul {
	left: 299px;
	top: 0px;
}

/* Уникальный идентификатор touch-menu будем использовать в javascript коде, для обращения к меню.
Ниже css свойства для кнопки Меню: */ 
.mobile-menu{
	display:none;
	width:100%;
	padding:11px;
	background:#3E4156;
	color:#ffffff;
	font-weight:600;
}
.mobile-menu:hover{
	background:#3E4156;
	color:#ffffff;
	text-decoration:none;
}








/* свойства CSS для мобильной версии меню: */
@media (min-width: 768px) and (max-width: 979px) {
	.mainWrap{
		width:768px;
	}
	.menu ul {
		top:28px;
	}
	.menu li a {
		font-size:12px;
		padding:8px;
	}
	.txt1	{
		margin-top: 0;
	}
	
}

@media (max-width: 760px) {
.myheader{
	background: url("image/header_max2.png") center no-repeat;
	background-size: 100% 100%; 
}
	.mainWrap{
		width:auto;
		padding:5px 20px;
	}
	.menu{
		display:none;
	}
	.mobile-menu{
		display:block;
	}
	nav{
		margin:0;
		background:none;
	}
	.menu li{
		display:block;
		margin:0;
	}
	.menu li a {
		background:#ffffff;
		color:#797979;
		border-top:1px solid #e0e0e0;
		border-left:3px solid #ffffff;
	}
	.menu li a:hover, .menu li:hover > a {
		background:#f0f0f0;
		color:#f8f8f8;
		border-left:3px solid #9CA3DA;
	}
	.menu ul {
		display:block;
		position:relative;
		top:0;
		left:0;
		width:100%;
	}
	.menu ul ul {
		left:0;
	}
	.txt1	{
		margin-top: 0;
	}
	h1 {
		margin-left: 1.2em;
		font-size:   1.2em;   
	}
	h2 {
		margin-left: 1em;
		font-size: 1.3em;
	}
	h4 {
		margin-left: 0.6em;
	}
	h5 {
		margin-left: 0.5em;
	}
	p {
		margin: 0 3px 0 2px;
		text-indent: 1%;
		font-size:   1.3em;   
	}
	
	.baner2 {
		width: 75%; 
	}
	.baner3 {
		display:none;	
	}
	.baner4 {
		display: block;	
	}
	.mini1 {
		float: none;
		width: 96%;
	}
	.foto_left {
		float: none;
		width: 90%;
	}
	
	
	/* Адаптивнв таблиця через атрибут   ar2 */ 
    table.adapt thead {
        display: none;
    }
    table.adapt tr {
        display: block;
        margin-bottom: 1rem;
        border-bottom: 2px solid #f3271d;
    }
    table.adapt td {
        display: block;
        text-align: right;
    }
    table.adapt td:before {
        content: attr(ar2);
        float: left;
        font-weight: bold;
        color: #1742d5;
    }
    table.adapt td img {
		width: 25%;
		float: left;
	    margin: 0 15px 5px 0;
    }
    
	/* Кінець адаптивної таблиці через атрибут   ar2 */ 


}

@media (max-width: 480px) {
	.mainWrap{
		width:auto;
		padding:5px 10px;
	}
	.menu{
		display:none;
	}
	.mobile-menu{
		display:block;
	}

}

@media (max-width: 320px) {}