.line1{border:0px solid #0171ad; }
.line2{border:0px solid #FF00AE }
.form-control {
    border-radius: 0rem;
	    border: 1px solid #0171ad;
	}


a, a.disabled:hover, a:disabled:hover {
    color: #0096d6;}

.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: #fff;
    border-color: #0171ad #0171ad #fff;
}
.nav-tabs .nav-item.show .nav-link h4, .nav-tabs .nav-link.active h4{color: #0096d6;}

.nav-link, .navbar {padding: 0.5rem 2rem;}
@media(max-width: 576px){
   .nav-link, .navbar {padding: 0.5rem 1rem;}
}

.nav-tabs {
    border-bottom: 0px solid #fff;
}


.tabPr{
	 border-left:1px solid #0171ad; 
	  border-right:1px solid #0171ad; 
	   border-bottom:1px solid #0171ad; 
	
 }




.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;}
.my-25{margin-top:5em;margin-bottom:5em;}
.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:#222; 
    text-align: left;}
	
table.table td{
	padding-top:1em;
  padding-bottom:1em;}
h1 {	font-size: 4.7em;	color:#fff;	}
h2{font-size: 3em;	color:#222;}

h3{font-size:2em; color:#222;	font-family: "HPSimplified", arial, sans-serif;}	/*УВАЖАЕМЫЙ ПАРТНЕР*/
h4, .labelH4{font-size:1.5em; color:#222; }
p{font-size:1em; color:#222;}

h5{font-size:1.5em; color:#222;}



h6{font-size:0.8em;} /*1em 16px основной шрифт*/ 


@media(max-width: 992px){
    h1{font-size:3.5em} h2{font-size:2.2em} 
	
	
}
@media(max-width: 768px){
    h1{font-size:2.5em} h2{font-size:1.6em} 
	
}
@media(max-width: 576px){
    h1{font-size:2em} h2{font-size:1.4em} 
	h3{font-size:1.6em} h4, .labelH4{font-size:1.1em} 
}
/*КОНЕЦ ТЕКСТ*/

/*КНОПКИ*/


a.primaryButtonBlue {   
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #fff;
	 background-color: #0171ad;
    border:1px solid #0171ad;
	
	}

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

	 
a.primaryButtonWhite {
	color:#0171AD;
	font-size: 1em;
    padding: 10px 30px 10px 30px;     
	 background-color: #fff;
    border: 1px solid #0171AD;
	
  }

a.primaryButtonWhite:hover {    
      color:  #fff;
	   background-color: #075782; 
	   border: 1px solid  #075782;
	  }   
 
/*КОНЕЦ КНОПКИ*/

/*ЦВЕТА*/
.link{color:#0096d6;}
.link:hover{text-decoration: underline;}
.textGrey{color:#646569;}
.textRed{color:#D80000; }
.textBlue{color:#0096d6;}


.bgDarkGrey2{background-color: #282a2b;}
.bgDarkGrey{background-color: #5a5a5a;}
.bgBlack{background-color: #F6F6F6;}
.bgW{background-color: #fff; }
.bgDarkGreyL{background-color:#FAFAFA}


.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: #1159a0;
}



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

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



.form-group {
    margin-bottom: 0rem;
}
	
.custom-control-label::after, .custom-control-label::before {
    top: .25rem;
    width: 1.2rem;
    height: 1.2rem;	
}	
.custom-control-label::before {
    background-color: #fff;
	border: 1px solid #0171ad;
}


.custom-control-input:checked~.custom-control-label::before {
	color: #0171ad; 
    background-color: #0171ad;
}


.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #0171ad; 
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image:none; 
}