.btLine1{border: 0px solid #FF00AE;}
.btLine2{border: 0px solid #00FFA9;}
.btLine3{border: 0px solid #FF00AE;}
.btLine4{border: 0px solid #00FFA9;}
.h100 {		
	 height:100%;
	overflow:  hidden; /*по высоте всех элементов в блоке*/	  
	}


#mdLine_gif{display:none}

/*Меньше 768Что бы при маленьком экране навбар был сразу виден и не менял цвет при прокрутке*/
 @media(max-width: 768px){
#mdLine_gif{display:block}
	#bigLine_gif{display:none}
 }
 

	
	
.img-item {
 margin-top:-20px;}	
a{text-decoration:none}	
.a_link a{color:#ffffff;}
.a_link a:hover{text-decoration: underline;}
footer.page-footer a:hover{#f6ab1a !important}

/**
 * Сброс стилей у кнопки.
 * Придётся немного поработать, чтобы получить нейтральный вид.
*/
button {
  padding: 0;
  border: none;
 /* font: inherit;*/
  color: inherit;
  background-color: transparent;
/* отображаем курсор в виде руки при наведении; некоторые
  считают, что необходимо оставлять стрелочный вид для кнопок */
  cursor: pointer;
}
button, button:hover, button:active, button:visited,  button:focus,  
button:focus-within {
border:0px solid #68bad6;
height:auto; 
overflow: visible;
vertical-align:bottom; 
background-color:transparent; 
border:0px;
padding:0;
margin:0;
outline:0px;
/*font: inherit;*/
color: inherit;
}




/*Для прижатия футера внизу*/
.footerBottomFix {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
 /*height: 60px;*/
}

body {
	font-family: RobotoLight, Arial, sans-serif;
    color: #414454;		/*фирменный темный 414454*/
    font-size: 18px;	 /*1em*/
    min-width: 320px;
    background: #fff;  
    line-height: 1.2;
	text-align: left;
}

html, body{
    height: 100%;
}

/*ТЕКСТ*/
	@font-face {
		font-family:RobotoRegular;
		src: url(../_fonts/roboto_regular.eot);
		src: url(../_fonts/roboto_regular.woff2) format("woff2"), url(../_fonts/roboto_regular.woff) format("woff"), url(../_fonts/roboto_regular.ttf) format("truetype"), url(../_fonts/roboto_regular.eot?#iefix) format("embedded-opentype");
		font-weight: 400;
		font-style: normal
	}
	@font-face {
		font-family:RobotoLight;
		src: url(../_fonts/roboto_light.eot);
		src: url(../_fonts/roboto_light.woff2) format("woff2"), url(../_fonts/roboto_light.woff) format("woff"), url(../_fonts/roboto_light.ttf) format("truetype"), url(../_fonts/roboto_light.eot?#iefix) format("embedded-opentype");
		font-weight: 400;
		font-style: normal
	}

	@font-face {
		font-family: RobotoBold;
		src: url("../_fonts/roboto_bold.eot"); /* IE 9 Compatibility Mode */
		src: url("../_fonts/roboto_bold.eot?#iefix") format("embedded-opentype"), /* IE < 9 */
			url("../_fonts/roboto_bold.woff2") format("woff2"), /* Super Modern Browsers */
			url("../_fonts/roboto_bold.woff") format("woff"), /* Firefox >= 3.6, any other modern browser */
			url("../_fonts/roboto_bold.ttf") format("truetype"), /* Safari, Android, iOS */
			url("../_fonts/roboto_bold.svg#roboto_bold") format("svg"); /* Chrome < 4, Legacy iOS */
	}

	h1{font-size:40px;font-family: RobotoRegular, Arial,sans-serif; line-height: 1.2;} 

	h2{font-size:70px;font-family: RobotoRegular, Arial,sans-serif; line-height: 1.2;} /*50px*/
	h3{font-size:40px;	font-family: RobotoRegular, Arial,sans-serif; line-height: 1.5;}
	
	h4{font-size:30px;	font-family: RobotoRegular, Arial,sans-serif; line-height: 1.2;}
	.soglas {font-size:14px;	font-family: RobotoRegular, Arial,sans-serif; }
	p{font-size:18px;	font-family: RobotoRegular, Arial,sans-serif; line-height: 1.2;}
	h5{font-size:24px; font-family: RobotoLight, Arial,sans-serif;   text-align: left; line-height: 1.2;}
	h6{font-size:20px; font-family: RobotoLight, Arial,sans-serif;   text-align: left; line-height: 1.2;}

	/*FOOTER*/
	footer h4{font-size:20px;	font-family: RobotoRegular, Arial,sans-serif;	}
	footer p{font-size:16px; font-family: RobotoRegular, Arial,sans-serif;   text-align: left;}
	footer h6{font-size:11px;  font-family: RobotoRegular, Arial,sans-serif; }



	/*Меньше 1200*/
	@media(max-width: 1199.98px){h4{font-size:28px} h5{font-size:22px} p{font-size:16px}}
	
	

	/*Меньше 992 таблетка*/
	@media(max-width: 991.98px){h1,h3{font-size:30px} h2{font-size:50px} h4{font-size:24px} h5{font-size:22px} p{font-size:14px}}
	
	/*Меньше 860*/
	@media(max-width: 860px){p{font-size:12px}}

	/*Меньше 768 перевернутый телефон горозинтально    ВКЛЮЧАЕТСЯ ПРИ РЕЖИМЕ MD*/
	@media(max-width: 767.98px){h4{font-size:24px} p{font-size:14px}}

	/*Меньше 576 телефоны      РЕЖИМ SM*/
	@media(max-width: 575.98px){
		h1,h3{font-size:25px} h4{font-size:20px} h2{font-size:40px} 
	}
	@media(max-width:480px){}

/*КОНЕЦ ТЕКСТ*/

/*ЦВЕТА*/
.bgGradient{background: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);}
.header-line {height: 10px;   transition: .1s;}

.textOrange{color:#f6ab1a}
.bgOrange{background-color:#f6ab1a}

.textBlue{color:#75cde4}
.bgBlue{background-color:#75cde4}

.textLilac{color:#D39AD3} /*#ceb1d3*/
.bgLilac{background-color:#D39AD3}


.textGreen{color:#BBDB6D}
.bgGreen{background-color:#BBDB6D}

.bgDark{background-color:#414454}
.bgDarkLite{background-color:#e5e8e8}
.bgDarkLite2{background-color:#FAFCFC}

.bgOrangeLite{background: #FEF7E6 }
.bgBlueLite{background: #e3f5fa }
.bgLilacLite{background: #EDE9F8 }
.bgGreenLite{background: #f1f8e2 }

.bg--2{background: #7ecae2 url(../img/target.jpg)no-repeat scroll 50% 50% / cover;}
.bg--3{background: #7ecae2 url(../img/contact.jpg)no-repeat scroll 50% 50% / cover;}
.bg--maths{background: #414454 url(../img/target2.jpg)no-repeat scroll 50% 50% / cover;}
.bg--stars{background: #FEF7E6 url(../img/bgStars.jpg)no-repeat scroll 50% 50% / cover;}
.bg--english{background: #FEF7E6 url(../img/target4.jpg)no-repeat scroll 50% 50% / cover;}
.bg--read{background: #414454 url(../img/target3.jpg)no-repeat scroll 50% 50% / cover;}
.bg--tree{background: #ffffff url(../img/bgTree.jpg)no-repeat scroll 50% 50% / cover;}

/*-----------------------------------------------------------*/
/*РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ МЕЖДУ РАЗДЕЛАМИ*/
.header-lineRazdel {
	height: 1px;
    transition: .3s;
}

/*КНОПКИ*/
/*С ОБВОДКОЙ*/
a.btnOr2, .spbtnModal2{
	border: 2px solid transparent;
     -moz-border-image: -moz-linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    -webkit-border-image: -webkit-linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    border-image: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    border-image-slice: 1;
	padding: 10px 35px 10px 35px;	
	color:#414454;
	font-family: RobotoRegular, Arial,sans-serif;

}

a.btnOr2:hover, .spbtnModal2:hover{
	background: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
	color:#fff;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



/*С ЗАЛИВКОЙ*/
/*a.btnOr3, .spbtnModal3{
	border: 0px solid transparent;
     -moz-background: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    -webkit-background: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    background: linear-gradient(to right, #f6ac0d 0, #75cde4 50%, #ceb1d3 100%);
    border-image-slice: 1;	
	padding: 14px 35px 13px 35px;		
	color: #fff;	
}

a.btnOr3:hover, .spbtnModal3:hover{
	background: #414454;
	color:#fff;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}*/
/*ОРАНЖЕВАЯ*/
a.btnOr3, .spbtnModal3{
	border: 0px solid transparent;
    box-shadow: 0 0px 10px rgba(65,68,84,0.5); /* Параметры тени */
    background: #f6ac0d;
    border-image-slice: 1;	
	padding: 14px 35px 13px 35px;		
	color: #fff;	
	 -moz-border-radius: 5px 5px 5px 5px;
	 -webkit-border-radius: 5px 5px 5px 5px;
	 -khtml-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px;
}
a.btnOr3:hover, .spbtnModal3:hover{
	background: #ceb1d3;
	color:#414454;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*БЕЛАЯ*/
a.btnW, .spbtnModal4{
	border: 1px solid #fff;    
	padding: 10px 35px 10px 35px;		
	color: #fff;
 -moz-border-radius: 5px 5px 5px 5px;
	 -webkit-border-radius: 5px 5px 5px 5px;
	 -khtml-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px;	
}

a.btnW:hover, .spbtnModal4:hover{
	background: #414454;
	border: 1px solid #414454;   
	
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*КОНЕЦ КНОПКИ*/

/*КОНТАКТЫ*/
.link{color:#68bad6;}
.link:hover{color: #f99d1b;}
.link2{color:#f99d1b;}
.link2:hover{color:#f99d1b; font-weight:bold;}

#carousel-example-1z .carousel-indicators li, #carousel-example-2z .carousel-indicators li, #carousel-example-3z .carousel-indicators li{
  width: 20px;
  height: 20px;
  background-color: (117,205,228,.5);
}
#carousel-example-1z .carousel-indicators .active, #carousel-example-2z .carousel-indicators .active, #carousel-example-3z .carousel-indicators .active {  
  background-color: #f99d1b;
}


/*ПРОГРАММА*/
.form-control {
    border-radius: 0rem;
	border: 1px solid #68bad6;

	}
.nav-link:hover {border-color: none}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{   
    background-color: #68bad6;
    border-color: #68bad6 #68bad6 #68bad6;  transition: 1s;
}
.nav-tabs .nav-item.show .nav-link h4, .nav-tabs .nav-link.active h4{color: #fff;}
.nav-link, .navbar {padding: 0.5rem 1.5rem;  transition: 1s;}

.nav-tabs h4:hover, .nav-tabs h4:focus, .nav-tabs p:hover, .nav-tabs p:focus{color: #f99d1b}
.nav-tabs .nav-link:hover {
    border-color:  #68BAD6;  transition: 1s;
}
.nav-tabs .nav-link:focus {
    border-color: #68BAD6;  transition: 1;
}


@media(max-width: 576px){
   .nav-link, .navbar {padding: 0.5rem 1rem;}
}
.nav-tabs {
    border-bottom: 0px solid #68bad6;
}

}




.gallery{max-height: 500px;}


table td{
	width:100%;
	font-size:100%;	/*1em 18px основной шрифт*/ 
  color:#000; 
    text-align: left;}
	
table.table td{
	padding-top:1em;
  padding-bottom:1em;}




/*БЛОК РЕГИСТРАЦИЯ*/



/*для красивой галочки чекбокс*/
.checkbox {
	display: none;
}
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
	position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 20px;             /* Обязательно задаем ширину */
	height: 20px;            /* Обязательно задаем высоту */
	border: 1px solid #68bad6; 
	border-radius: 0px;
	background-color:#fff;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.checkbox:checked + .checkbox-custom::before {
	content: "";             /* Добавляем наш псевдоэлемент */
	display: block;			 /* Делаем его блочным элементом */
	position: absolute;      /* Позиционируем его абсолютным образом */
	/* Задаем расстояние от верхней, правой, нижней и левой границы */
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background:  #f99d1b;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 0px;
	border: 1px solid #f99d1b; 
}


.sum{border: none; 
	background:transparent; 
	color: #f99d1b;
	font-size: 100px;
	font-weight:bold; 
	font-family: Arial, sans-serif;}
/*конец для красивой галочки чекбокс*/




.form-control:focus {
  border-color:  #f99d1b;
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
  box-shadow:none;
  background-color:#f0f0f0;
}


.tr-active tr:hover{background-color: #f0f0f0;}