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

}

/* Спецификация */
/*html, body,header, #intro{
    height: 100%;

}*/
html, body,header, .bg1{
    height: 100%;
}
.my-50{margin-top:10em;margin-bottom:10em;}
.container{border:0px solid #FF00AE;}

/*ТЕКСТ*/

body {
   font-family:  Arial,sans-serif;
    font-size: 16px;  /*1em*/
    color: #2d373c;
    line-height: 1.2;
}

table td{
	width:100%;
	font-size:100%;	/*1em 18px основной шрифт*/ 
  color:#000; 
    text-align: left;}
	
table.table td{
	padding-top:1em;
  padding-bottom:1em;}
h1 {	
	font-size:350%;					/*2.666em 48px ТЕМА МЕРОПРИЯТИЯ*/
	color:#fff;	
	}
h2{						
	font-size:250%;	/*1.666em 30px ТЕМА ПОДЗАГОЛОВКАР*/ 	
}
h3{						
	font-size:200%;	/*2em 36px УВАЖАЕМЫЙ ЗАКАЗЧИК*/	
}
h5{						
	font-size:200%;	/*2em 36px УВАЖАЕМЫЙ ЗАКАЗЧИК*/	
}
h4, .labelH4{						
	font-size:140%;	/*1.333em 24px О МЕРОПРИЯТИИ*/  
}

p{						
	font-size:100%;	/*1em 16px основной шрифт*/ 
    text-align: left;
	color:#2d373c;
}
h6{                      
    font-size:77%; /*1em 18px основной шрифт*/ 
}
/*уменьшаем на 50%*/
@media(max-width: 768px){
    h1{font-size:280%} h2{font-size:150%} h3,h5{font-size:180%}  h4{font-size:120%} p{font-size:90%};
}
@media(max-width: 576px){
     h1{font-size:200%}  h2{font-size:94%} h3,h5{font-size:150%} h4{font-size:100%} p{font-size:80%};
}
/*КОНЕЦ ТЕКСТ*/

/*КНОПКИ*/


	 
a.primaryButton {
	color:fff;
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #fff;   
    background-color: #FFB900;	
  }

a.primaryButton:hover {    
      background-color: #EB780A;}   
 
/*КОНЕЦ КНОПКИ*/

/*ЦВЕТА*/
.or-text{color:#EB780A;}
.or-text2{color:#ffb900;}
.blue-text{color:#50bed7;}
.gradient{background: linear-gradient(to right,#50bebe 0,#099 50%,#0099b0 83%,#0099cb 100%);opacity: 0.9; /* Полупрозрачный фон */}
.gradient2 {background: url(../img/fon_grad.png) no-repeat left top; -webkit-background-size: cover;
  background-size:  cover;}



.a_green a{color:#41aaaa;}
.a_green a:hover{text-decoration: underline;color:#00646e;}
.link{color:#41aaaa;}
.link:hover{text-decoration: underline;}
.textGrey{color:#003750;}
.textRed{color:#ff896d; font-weight: 700;}
.textGreen{color:#ff896d}
.bgDarkGrey{background-color: #003750;}
.bgBlack{background-color: #F6F6F6;}
/*.bgDarkGreyLight{background-color: #c3c5c8;}*/
.bgDarkGreyLight{background-color: #EBF0F5;}

table.table a {
    margin: 0;
    color: #41aaaa;
}

/*КОНЕЦ ЦВЕТА*/

.gallery{max-height: 500px;}
#carousel-example-1z .carousel-indicators li{
  width: 20px;
  height: 20px;
  background-color: (255,255,255,.5);
}
#carousel-example-1z .carousel-indicators .active {  
  background-color:#EB780A;;
}



#blockImg1, #blockImg2{
      min-height: 300px;
}

#blockImgBlue{   
  background: url(../img/imgB1_max.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover;
}
#blockImgOr{   
  background: url(../img/imgB3_max.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover;
}





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

/*для красивой галочки чекбокс*/
.checkbox {
	display: none;
}
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
	position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 20px;             /* Обязательно задаем ширину */
	height: 20px;            /* Обязательно задаем высоту */
	border: 1px solid #ced4da;
	border-radius: 3px;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство 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: #EB780A;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 2px;
}
/*конец для красивой галочки чекбокс*/

.form-control:focus {
  border-color: #41aaaa;
  /*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:#EBF0F5;
}


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