.skip-navigation {
    @include sr-only;
    @include sr-only-focusable;
}

.line1{border:1px solid #FF00AE } /*розовый*/
.line2{border:1px solid #00CD2D } /*зеленый*/
.line3{border:1px solid #0004FF } /*синий*/

/*ЦВЕТА*/
.link{color:#0096d6;}
.link:hover{text-decoration: underline;}
.textGrey{color:#757678;}
.textBlue{color:#0096d6;}
.textBlueDark{color:#1159a0;}
.textRose{color:#ea4463;} /*ОТМЕЧАЮ ВСЕ ВАЖНОЕ*/
.textSiren{color:#a53894;}
.textGreen{color:#21ccd1;}

.bgRoseLite{color:#E9A5B7;} /*ОТМЕЧАЮ ВСЕ ВАЖНОЕ*/
.bgSiren{background-color:#A53894;}
.bgGreen{background-color:#21ccd1;}
.bgBlue{background-color:#0096d6}
.bgBlueDark{background-color:#1159a0}
.bgDarkGreyLight{background-color:#f6f6f6}
.bgDarkGrey{background-color: #5a5a5a;}
.bgBlack{background-color: #000;}
.bgW{background-color: #fff; }
.act--1{background:  url(../img/act--1.jpg)no-repeat scroll 50% 50% / cover; }
.act--2{background:  url(../img/act--2.jpg)no-repeat scroll 50% 50% / cover; }
.act--3{background:  url(../img/act--3.jpg)no-repeat scroll 50% 50% / cover; }
.act--4{background:  url(../img/act--4.jpg)no-repeat scroll 50% 50% / cover; }
.act--5{background:  url(../img/act--5.jpg)no-repeat scroll 50% 50% / cover; }
.radio--1{background:  url(../img/radio--1.jpg)no-repeat scroll 50% 50% / cover; }
.w-15{width:15%!important}
.w-70{width:70%!important}
.testimonial-card .card-up {
    height: 100px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.testimonial-card .avatar {
    width: 150px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}
.testimonial-card .avatar img {
    width: 100%;
}
.rounded-circle {
    border-radius: 50% !important;
}
/*КОНЕЦ ЦВЕТА*/

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

.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.nav-tabs .nav-link  h4{color: #0096d6}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{    
    background-color:#0096d6; 
}
.nav-tabs .nav-item.show .nav-link h4, .nav-tabs .nav-link.active h4{color: #FFf}
.nav-link, .navbar {padding: 0.5rem 2rem;}

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

html, body,header, .bg1{
    height: 100%;
}
body {
	font-family: "HPSimplifiedLight", arial, sans-serif;
    font-size: 16px;  /*1em*/
    font-weight: normal;
    color: #000;
    line-height: 1.2;
}
/*ТЕКСТ*/
h1 {	font-size: 48px;}
h2{font-size:36px; font-family: "HPSimplified", arial, sans-serif;}	/*УВАЖАЕМЫЙ ПАРТНЕР*/
h4 {font-size:28px;}
p{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;} /*1em 16px основной шрифт*/ 
.SM{display:none;}
.MD_block1{display:none;}
/*Меньше 1200 проверяем 1200*/
@media(max-width: 1199.98px){
	h1 {	font-size: 48px;} h2{font-size:36px;} h4 {font-size:28px;}
	}
/*Меньше 992 таблетка проверяем 992*/
@media(max-width: 991.98px){
	h1 {	font-size: 48px;} h2{font-size:32px;} h4 {font-size:26px;} p{font-size:12px;} .komanda p{font-size:18px;}	
}
/*Меньше 768 перевернутый телефон горозинтально проверяем 768   ВКЛЮЧАЕТСЯ ПРИ РЕЖИМЕ MD*/
@media(max-width: 767.98px){
	h1 {	font-size: 38px;} h2{font-size:28px;} h4 {font-size:20px;} .komanda p{font-size:16px;} .smImg img{width:50px}	
	.MD_block1{display:block;}
	.LG_block1{display:none;}
}
/*Меньше 576 телефоны  проверяем 576    РЕЖИМ SM*/
@media(max-width: 575.98px){
	h1 {	font-size: 32px;} h2{font-size:26px;} h4 {font-size:18px;} p{font-size:10px;} h6{font-size:8px;}
	h5{font-size:10px;} .komanda p{font-size:14px;} 
	.smImg img{width:30px}
	.SM{display:block;}
	.LG{display:none;}	
}

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



.form-control {
    border-radius: 0rem;
	    border: 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;*/

}



@font-face {
                font-family: "HPSimplifiedLight";
				src: url("../fonts/hp-simplified-light.ttf") format("truetype"); 
                font-style: normal;
                font-weight: normal;             
}
.text20{color: #1159A0}
.text80{color: #0096d6}
.bg20{ background-color: #1159A0}
.bg80{ background-color: #0096d6}
.bg20Light{ background-color: #F3F7FA}
.bg80Light{ background-color: #F2FBFE}

.table td, .table th {padding: 3px;}
table td{color:#222;  text-align: left;}
table.tableRadio td{padding:2px; border-bottom:0px solid #fff;}
table.tableRadio p{margin-bottom:0px;}

/*Меньше 576 телефоны  проверяем 576    РЕЖИМ SM*/
@media(max-width: 575.98px){
	.table td img{width:30px}
	
	table.tableRadio p{font-size:6px;}
	
	}   

/*КНОПКИ*/
a.primaryButtonBlue {   
	font-size: 16px;
    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: 16px;
    padding: 10px 30px 10px 30px;     
	 background-color: #fff;
    border: 1px solid #0171AD;
	
  }

a.primaryButtonWhite:hover {    
      color:  #fff;
	   background-color: #075782; 
	   border: 1px solid  #075782;
	  }   
/*Меньше 576 телефоны  проверяем 576    РЕЖИМ SM*/
@media(max-width: 575.98px){
	a.primaryButtonBlue {padding: 10px 10px 10px 10px; font-size: 14px;}
	a.primaryButtonWhite {padding: 10px 10px 10px 10px; font-size: 14px;}	
	} 
/*КОНЕЦ КНОПКИ*/

/*КНОПКИ*/


		/**
		 * Сброс стилей у кнопки.
		 * Придётся немного поработать, чтобы получить нейтральный вид.
		*/
		button {
		  padding: 0;
		  border: none;
		  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;
		color: inherit;
		}
	.popover-body{background-color:#fff; color:#000; }
	.popover-header{background-color:#0096D6; color:#fff; text-transform: uppercase; font-weight:bold;}

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

.gallery{max-height: 500px;}
#carousel-example-1z .carousel-indicators li, #carousel-example-2z .carousel-indicators li{
  width: 20px;
  height: 20px;
  background-color: (250,0,174,.5);
}
#carousel-example-1z .carousel-indicators .active, #carousel-example-2z .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; 
}