/*Для прижатия футера внизу*/
.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, #intro{
    height: 100%;

}

.container{border:0px solid #FF00AE;}

/*ТЕКСТ*/
body {
  /*font-family: "HPSimplified", arial, sans-serif;*/
    font-family: Arial Narrow,Arial,sans-serif;
    color: #000;
    font-size: 18px;  /*1em*/
    font-weight: 300;
    color: #000;
    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;	
	font-weight:800;
	}
h2{						
	font-size:200%;	/*1.666em 30px ТЕМА ПОДЗАГОЛОВКАР*/
	color:#000;  
	font-weight: 700;	
}
h3{						
	font-size:250%;	/*2em 36px УВАЖАЕМЫЙ ЗАКАЗЧИК*/	
  color:#000;
  font-weight: 700;
}
h5{						
	font-size:250%;	/*2em 36px УВАЖАЕМЫЙ ЗАКАЗЧИК*/	
  color:#000;
}
h4, .labelH4{						
	font-size:140%;	/*1.333em 24px О МЕРОПРИЯТИИ*/  
}

p{						
	font-size:100%;	/*1em 18px основной шрифт*/ 
  color:#000; 
    text-align: left;
}
h6{                      
    font-size:77%; /*1em 18px основной шрифт*/ 
}
/*уменьшаем на 50%*/
@media(max-width: 768px){
    h1{font-size:220%}; h2{font-size:116%};h3{font-size:170%};h5{font-size:170%};h4{font-size:83%};p{font-size:50%};
}
@media(max-width: 576px){
     h1{font-size:200%}; h2{font-size:94%};h3{font-size:150%};h4{font-size:63%};h3{font-size:63%};p{font-size:30%};
}
/*КОНЕЦ ТЕКСТ*/

/*КНОПКИ*/


a.primaryButtonGreen2 {
    color:#fff;
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    background-color:  #00b388;
    outline: 2px solid #00b388;
	}

a.primaryButtonGreen2:hover {
	outline: 4px solid  #00b388; }	 

	 
a.primaryButtonGreen {
	color:fff;
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #fff;
    outline: 2px solid #00b388;
    background-color: rgba(0, 0, 0, 0.6);	
  }

a.primaryButtonGreen:hover {    
      outline: 4px solid  #00b388;}   
 
/*КОНЕЦ КНОПКИ*/

/*ЦВЕТА*/

.textGreen{color:#00b388;}
.textGrey{color:#646569;}
.textRed{color:#ff896d; font-weight: 700;}

.bgDarkGrey{background-color: #646569;}
.bgBlack{background-color: #F6F6F6;}
/*.bgDarkGreyLight{background-color: #c3c5c8;}*/
.bgDarkGreyLight{background-color: #F5F5F5;}



.btLine1{border: 1px solid #C41A5E;}
.btLine2{border: 1px solid #00FFA9;}
/*КОНЕЦ ЦВЕТА*/

.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: #00b388;
}



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

#blockImgGrey{   
  background: url(../img/imgB2_max.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover;
}
#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: #00b388;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 2px;
}
/*конец для красивой галочки чекбокс*/

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