.w-15{width:15%!important}
.w-70{width:70%!important}
.ounline{outline:1px solid #FF00AE;border:1px solid #FF00AE;}
/*Для прижатия футера внизу*/
.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: "HPSimplified", arial, sans-serif;*/
	font-family: "HPSimplifiedLight", arial, sans-serif;
    color: #000;
    font-size: 18px;  /*1em*/
    font-weight: normal;
    color: #000;
    line-height: 1.2;
}

.lightFont{font-family: "HPSimplifiedLight", "HPSimplified", arial, sans-serif;}

@font-face {
                font-family: "HPSimplifiedLight";
				src: url("../fonts/hp-simplified-light.ttf") format("truetype"); 
                font-style: normal;
                font-weight: normal;
				
               
}

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

p{						
	font-size:100%;	/*1em 18px основной шрифт*/ 
    color:#5A5A5A;
    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.primaryButtonBlue {   
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #0096d6;
    border:1px solid #0096d6;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	}

a.primaryButtonBlue:hover {
	border: 1px solid  #0171ad; 
	color: #FFFFFF;
    background-color: #0171ad;
	}	 

	 
a.primaryButtonWhite {
	color:fff;
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #fff;
    border: 1px solid #fff;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
  }

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

/*ЦВЕТА*/
.bgDarkGreyLight{background-color:#F7F7F7}

.link{color:#0096d6;}
.link:hover{text-decoration: underline;}
.textGrey{color:#646569;}
.textRed{color:#ff896d; font-weight: 700;}
.textBlue{color:#0096d6;}

.bgDarkGrey{background-color: #5a5a5a;}
.bgBlack{background-color: #F6F6F6;}

.gr1{background-color: #D3F5F6;}
.gr2{background-color: #FBE6D6;}
.gr3{background-color: #FBDAE0;}
.gr4{background-color: #DBD9EA;}
.gr5{background-color: #E3E4E4;}

.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: #0096d6;
}



#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: #0096d6;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 2px;
}
/*конец для красивой галочки чекбокс*/

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