/**
 * Сброс стилей у кнопки.
 * Придётся немного поработать, чтобы получить нейтральный вид.
*/
button {
  padding: 0;
  border: none;
 /* font: inherit;*/
  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;
/*font: inherit;*/
color: inherit;
}

.btLine1{border: 0px solid #3AE2CE;}
.btLine2{border: 0px solid #FF00AE;}
.btLine3{border: 0px solid #FF00AE;}
.btLine4{border: 0px solid #00FFA9;}



a{text-decoration:none}	
a.disabled:hover, a:disabled:hover {
    color: #f99d1b;}
.textOrange a{#f99d1b}

/*срдение таблетки <992*/
/*@media(max-width: 991.98px){
		img.fImg {width:30px}}

/*телефоны <576*/
		
@media(max-width: 991.98px){
		img.fImg {width:40px}
		}
@media(max-width: 767.98px){
		img.fImg {width:30px}
		.prof{display:none;}
		}	
@media(max-width:575.98px){
img.fImg {width:50px} .prof{display:block;}
}
@media(max-width:460px){
.prof{display:none;}
}


		

.car{color:#FF00AE; background-color:#E2E3EB;}

		
		.modal-content{border-radius: 0; border:1px solid:#68bad6}
.line-height_1{line-height: 1;}



.photo {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
	
   }
   .photo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 105%; bottom: 5%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
	color:#68bad6;
    /*padding: 10px 30px; /* Поля */
	border:1px solid #68bad6;
	background-color:#E2E3EB;
   }
   .photo:hover::after { 
 content: attr(data-title); 
}


 .spbtnModal{border:1px solid #68bad6; padding:10px 10px 10px 10px;}
  .spbtnModal:hover{border:1px solid #68bad6;  color: #fff; background-color: #68bad6; }
 /*a.primaryButtonRed{
	 margin:15px 0 15px 0;
	 text-decoration:none; 
	 line-height: 36px !important;
	 padding: 7px 40px; 
	 color: #68bad6 !important; 
	 background-color: transparent; 
	 overflow:hidden;
	 display:inline-block;
	 zoom: 1;  
	 IE7 *display: inline;  IE7 }
 a.primaryButtonRed:hover {
	 background-color: #68bad6; 
	 text-decoration:none !important; 
	 color: #FFF !important;}
*/

/*ЦВЕТА*/
.textOrange {color: #f99d1b}
.bgOrange{background-color:#f99d1b}
.textFreyLight{color: #BEBEBE}
.textBlue{color:#68bad6}
.bgBlue{background-color:#68bad6}
.bgGreyLight{background-color: #EBECEA}




/*ДЛЯ ПЛАВАЮЩЕГО ЭФФЕКТА ПАРАЛЛАЛКС*/
		.where_block { z-index:2; position: relative; overflow: hidden; padding: 100px 0; border:0px solid #000; }
		/*.parallax_img { position: absolute; bottom: 0;left: 0; right: 0; margin: 0 auto; display: block; z-index:-1; }*/
		.parallax_img { position: absolute; bottom: 0; right: 0px;  display: block; z-index:-1; }

		.w_img2 {display:none;}
		.w_img3 {display:none;}
		@media(max-width: 992px){
			.w_img2 {display:block;}
			.w_img1 {display:none;}
			}
		@media(max-width:576px){
			.w_img3 {display:block;}
			.w_img1 {display:none;}
			.w_img2 {display:none;}
			}

/*-----------------------------------------------------------*/
/*РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ МЕЖДУ РАЗДЕЛАМИ*/
.header-lineBlue {
	height: 1px;
    transition: .3s;
}



/*Для прижатия футера внизу*/
.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:50px;margin-bottom:50px;}
.container{border:0px solid #C1C1C1}
.mt-80{margin-top:80px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.mt-150{margin-top:150px;}
/*ТЕКСТ*/
	/*H1, H2, H3*/
@font-face {
    font-family: HelveticaThin;
    src: url(../_fonts/Helvetica-3-Thin.eot);
    src: url(../_fonts/Helvetica-3-Thin.woff2) format("woff2"), url(../_fonts/Helvetica-3-Thin.woff) format("woff"), url(../_fonts/Helvetica-3-Thin.ttf) format("truetype"), url(../_fonts/Helvetica-3-Thin.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

	/*H4,p,h5*/
@font-face {
    font-family: HelveticaRegular;
    src: url(../_fonts/HelveticaRegular.eot);
    src: url(../_fonts/HelveticaRegular.woff2) format("woff2"), url(../_fonts/HelveticaRegular.woff) format("woff"), url(../_fonts/HelveticaRegular.ttf) format("truetype"), url(../_fonts/HelveticaRegular.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}


@font-face {
    font-family: HelveticaUlight;
    src: url(../_fonts/Helvetica-2-UltraLight.eot);
    src: url(../_fonts/Helvetica-2-UltraLight.woff2) format("woff2"), url(../_fonts/Helvetica-2-UltraLight.woff) format("woff"), url(../_fonts/Helvetica-2-UltraLight.ttf) format("truetype"), url(../_fonts/Helvetica-2-UltraLight.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}



@font-face {
    font-family: HelveticaLight;
    src: url(../_fonts/Helvetica-4-Light.eot);
    src: url(../_fonts/Helvetica-4-Light.woff2) format("woff2"), url(../_fonts/Helvetica-4-Light.woff) format("woff"), url(../_fonts/Helvetica-4-Light.ttf) format("truetype"), url(../_fonts/Helvetica-4-Light.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HelveticaBold;
    src: url(../_fonts/Helvetica-7-Bold.eot);
    src: url(../_fonts/Helvetica-7-Bold.woff2) format("woff2"), url(../_fonts/Helvetica-7-Bold.woff) format("woff"), url(../_fonts/Helvetica-7-Bold.ttf) format("truetype"), url(../_fonts/Helvetica-7-Bold.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal
}


body {
	font-family: HelveticaThin, Arial, sans-serif;
    color: #000;
    font-size: 16px;	 /*1em*/
    min-width: 320px;
    background: #e2e3eb;   
    line-height: 1.2;
	text-align: left;
}
.logo-text {font-family: HelveticaLight,  Arial, sans-serif;	 font-size: 20px;}
.logo-text span {font-family: HelveticaThin,  Arial, sans-serif;	 font-size: 20px;}

.textNumbers{
	font-family: Arial, sans-serif;
	color: #f99d1b;
	font-size: 100px;
	font-weight:bold;
	 text-transform: uppercase;  
	  background: linear-gradient(to right, #74cee2 0, #f99d1b 100%);  
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;  
	  display: table;
 }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .textNumbers {background: none;}
}

.textBold{ font-family:HelveticaBold, sans-serif;}
/*= ВНЕ МЕДИА ЗАПРОСОВ ПРОПИСАНЫ РАЗМЕРЫ ДЛЯ больше ИЛИ РАВНО 1200px*/
h1{font-size:110px;font-family: HelveticaThin,  Arial, sans-serif;	color:#000;} /* 120px */
h2{font-size:50px;font-family: HelveticaThin,  Arial, sans-serif; color:#000;} /*50px*/
h3{font-size:45px;font-family: HelveticaThin, Arial, sans-serif;color:#000;}	/*45px УВАЖАЕМЫЙ ЗАКАЗЧИК*/	

h4{font-size:26px;font-family: HelveticaThin, Arial, sans-serif; color:#000;}/*26px ХИРУРГ*/
h5{font-size:24px;font-family: HelveticaThin, Arial, sans-serif; color:#000;} /*24px КНОПКИ*/

p{font-size:16px;font-family: HelveticaThin, Arial, sans-serif;	color:#000;text-align: left;}/*16px текст основной шрифт*/
h6{font-size:12px;font-family: HelveticaThin, Arial, sans-serif;color:#000;} /* © 2017 RedRockets & Barbudos Group*/
.textH1_70{font-size:77px;font-family: HelveticaThin,  Arial, sans-serif;	color:#000;}
.textCarouselVecher h1{font-size:110px;color:#FF00AE} 
.textCarouselVecher h4{font-size:50px;color:#FF00AE}
/*Меньше 1200*/
@media(max-width: 1199.98px){
	h1{font-size:100px} .textH1_70{font-size:60px} h2{font-size:40px} h3{font-size:40px} h4{font-size:22px} h5{font-size:20px}  p{font-size:16px} .textNumbers{font-size: 80px;}
		.textCarouselVecher h1{font-size:100px} .textCarouselVecher h4{font-size:35px} 
	}
/*Меньше 992 таблетка*/
@media(max-width: 991.98px){
		h1{font-size:50px} .textH1_70{font-size:30px} h2{font-size:22px} h3{font-size:28px} h4{font-size:20px} h5{font-size:18px}  p{font-size:16px} .textNumbers{font-size: 60px;}
				.textCarouselVecher h1{font-size:80px} .textCarouselVecher h4{font-size:24px} 
}
/*Меньше 768 перевернутый телефон горозинтально    ВКЛЮЧАЕТСЯ ПРИ РЕЖИМЕ MD*/
@media(max-width: 767.98px){
		h1{font-size:50px} .textH1_70{font-size:25px} h2{font-size:22px} h3{font-size:28px} h4{font-size:20px} h5{font-size:16px}  p{font-size:14x} .textNumbers{font-size: 80px;}
		.textCarouselVecher h1{font-size:50px} .textCarouselVecher h4{font-size:20px} 
}
/*Меньше 576 телефоны      РЕЖИМ SM*/
@media(max-width: 575.98px){
	h1{font-size:40px} .textH1_70{font-size:25px} h2{font-size:22px} h3{font-size:28px} h4{font-size:22px} h5{font-size:16px}  p{font-size:14x} .textNumbers{font-size: 50px;}
	.textCarouselVecher h1{font-size:40px} .textCarouselVecher h4{font-size:16px} .h200{height:200px!important} 
}
@media(max-width:460px){
h1{font-size:40px} .textH1_70{font-size:25px} h2{font-size:22px} h3{font-size:28px} h4{font-size:22px} h5{font-size:16px}  p{font-size:14x} .textNumbers{font-size: 46px;}
.textCarouselVecher h1{font-size:30px} .textCarouselVecher h4{font-size:12px} .h200{height:200px!important} .h150{height:150px!important}
}

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

/*ВИДЕО*/
video {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.bgBlockOr2 {height:40%; width:80%}	
.bgBlockOr { z-index:1; overflow: hidden; position: relative; width:75%; height:35%}
.bgVideo { position: absolute;  right: 15px; top:0px; display: block; z-index:2; }	

@media(max-width: 992px){
.bgBlockOr{height:20%}}
@media(max-width: 992px){
.bgBlockOr{height:75%}}
.bgView{overflow: visible; min-height:300px;}
hr{background-color:#e2e3eb;height: 1px;}


/*КНОПКИ*/
a.btnOr2{
	border: 1px solid transparent;
     -moz-border-image: -moz-linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    -webkit-border-image: -webkit-linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    border-image: linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    border-image-slice: 1;
	max-width: 258px;
    width: 100%;
    height: 44px;	
	padding: 0px 10px;	
	color: #000;
	line-height: 42px;
	font-family: HelveticaThin, Arial, sans-serif;
	font-size:120%;	/*22px КНОПКИ*/	
}

a.btnOr2:hover{
	background: linear-gradient(to right, #74cee2 0, #f99d1b 100%);
	color:#fff;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


a.btnOr3{
	border: 0px solid transparent;
     -moz-background: linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    -webkit-background: linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    background: linear-gradient(to right, #74cee2 0, #f99d1b 100%);
    border-image-slice: 1;
	max-width: 258px;
    width: 100%;
    height: 44px;	
	padding: 0px 10px;	
	color: #fff;
	line-height: 42px;
	font-family: HelveticaThin, Arial, sans-serif;
	font-size:120%;	/*22px КНОПКИ*/	
}

a.btnOr3:hover{
	background: #212121;
	color:#fff;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

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





/*КОНТАКТЫ*/
.link{color:#68bad6;}
.link:hover{color: #f99d1b;}
.link2{color:#f99d1b;}
.link2:hover{color:#f99d1b; font-weight:bold;}

#carousel-example-1z .carousel-indicators li{
  width: 20px;
  height: 20px;
  background-color: (104,186,214,.5);
}
#carousel-example-1z .carousel-indicators .active {  
  background-color: #f99d1b;
}


/*ПРОГРАММА*/
.form-control {
    border-radius: 0rem;
	border: 1px solid #68bad6;

	}
.nav-link:hover {border-color: none}
.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: #68bad6;
    border-color: #68bad6 #68bad6 #68bad6;  transition: 1s;
}
.nav-tabs .nav-item.show .nav-link h4, .nav-tabs .nav-link.active h4{color: #fff;}
.nav-link, .navbar {padding: 1rem 1.5rem;  transition: 1s;}

.nav-tabs h4:hover, .nav-tabs h4:focus, .nav-tabs p:hover, .nav-tabs p:focus{color: #f99d1b}
.nav-tabs .nav-link:hover {
    border-color:  #68BAD6;  transition: 1s;
}
.nav-tabs .nav-link:focus {
    border-color: #68BAD6;  transition: 1;
}


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

}







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

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

.linkActiv :hover {
color: #f99d1b;}



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


.gallery{max-height: 500px;}


table td{
	width:100%;
	font-size:100%;	/*1em 18px основной шрифт*/ 
  color:#000; 
    text-align: left;}
	
table.table td{
	padding-top:1em;
  padding-bottom:1em;}




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


.sum{border: none; 
	background:transparent; 
	color: #f99d1b;
	font-size: 100px;
	font-weight:bold; 
	font-family: Arial, sans-serif;}
/*конец для красивой галочки чекбокс*/




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