/*=== Подключение шрифтов ===*/
   

@font-face {
     font-family: 'OpenSans-Light';
		src: url('../fonts/Open_Sans/OpenSans-Light.ttf'),
		url('../fonts/Open_Sans/OpenSans-Light.otf'),
		url('../fonts/Open_Sans/OpenSans-Light.eot'),
		url('../fonts/Open_Sans/OpenSans-Light.woff'),
		url('../fonts/Open_Sans/OpenSans-Light.woff2');
		font-display: swap; 
		font-display: auto;
}



/*=== Основной текст в зависимости от количества и размера текста допустимо использование Light и Regular ===*/

/*@font-face {
 
	font-family: 'OpenSans-Light';
	src: 
		url('../fonts/PFSquareSansPro/OpenSans-Light.ttf'), 
		url('../fonts/PFSquareSansPro/OpenSans-Light.woff'),
		url('../fonts/PFSquareSansPro/OpenSans-Light.woff2'),
		url('../fonts/PFSquareSansPro/OpenSans-Light.eot'),
		url('../fonts/PFSquareSansPro/OpenSans-Light.otf')
	;
}*/

@font-face {
 
	font-family: 'Roboto-Light';
	src: 
		url('../fonts/Roboto/Roboto-Light.ttf'), 
	;
}




/*@font-face {
	font-family: 'PFSquareSansPro-Regular';
	src: 
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Regular.ttf'), 
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Regular.otf'),
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Regular.woff'),
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Regular.woff2'),
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Regular.eot')
	;
}*/



@font-face {
 
	font-family: 'Roboto-Regular';
	src: 
		url('../fonts/Roboto/Roboto-Regular.ttf'), 
	;
}

@font-face {
     font-family: 'OpenSans-Regular';
		src: url('../fonts/Open_Sans/OpenSans-Regular.ttf'),
}


/*=== ***************************************** ===*/



/*=== Загаловки, слоганы, названия продуктов, слова требующие выделения ===*/


/*@font-face {
	font-family: 'OpenSans-Medium';
	src: 
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Medium.ttf'), 
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Medium.woff'),
		url('../fonts/PFSquareSansPro/PFSquareSansPro-Medium.woff2'),
		url('../fonts/PFSquareSansPro/PFSquareSans-ProMedium.eot'),
		url('../fonts/PFSquareSansPro/PFSquareSans-ProMedium.otf')
	;
}*/




@font-face {
 
	font-family: 'Roboto-Medium';
	src: 
		url('../fonts/Roboto/Roboto-Medium.ttf'), 
	;
}


@font-face {
     font-family: 'OpenSans-Medium';
		src: url('../fonts/Open_Sans/OpenSans-Medium.ttf'),
}
/*=== ***************************************** ===*/


/*=== общий контейнер ===*/

.container  {max-width: 1220px;}

section {margin-bottom: 100px;}


/*=== где должны находиться эти сроки? ===*/

section.slider{margin-bottom: 0px;}

section.marketing_banner{margin-top: 100px;}

@media (max-width: 768px){ 
	section.marketing_banner {margin-top: 50px;}	
	section {margin-bottom: 30px;}
}



img{max-width: 100%;}

/*=== классы цвета ===*/

/* кнопки */

.light_btn {background-color: #4db0da;}

.dark_btn  {background-color: #2761d1;}


.light_btn:hover {background-color:#2761d1;}

.dark_btn:hover  {background-color:#4db0da;}



/******************************/


/* прозрачный фон */

.dark_bg_transparent{background-color: #1c2d48b8!important;}

/* .dark_bg_transparent{	

	background: linear-gradient(0deg, rgb(28 45 72), rgb(28 45 72 / 0%)), linear-gradient(180deg, rgb(28 45 72 / 0%) 0%, #1c2d48f2 70.83%);
} 
*/





/******************************/

body {
	font-family: 'OpenSans-Light'; 
}


/* настройки шрифтов */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 100;}

p  {font-size: 20px;}

h2 {font-size: 40px;}

h3 {font-size: 30px;}

h4 {font-size: 27px;}

h5 {font-size: 23px;}


/* настройки шрифтов */

.upper{text-transform: uppercase; font-family: 'OpenSans-Medium';}


/* мобильник */
@media (max-width: 1024px) {
	h3 {font-size: 21px;}
}

@media (max-width: 767px) {
    h4 {font-size: 18px;}
}

@media (max-width: 576px) {

	p {font-size: 18px;}

}


/*=============== кнопка ==================*/
.btn-all {
	display: inline-block;
    text-decoration: none;
	outline: none;
	border-radius: 4px;
	border: 1px solid transparent;
   
   font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 30px;
}

.btn-all:hover {
    color: #ffffff;
    transition: all .3s ease-out;
}


/*================== тень ================*/
.shadow{
	box-shadow: 0px 4px 25px rgb(186 150 92 / 25%);
}

/*================== скругление ================*/

 .br-big {border-radius: 8px;}
 .br-small {border-radius:5px;}

/*================ линия =================*/
.line{
	position: relative;
	padding-bottom: 20px;
}

.line:after {
	content: '';
	opacity: 0.3;
	border-radius: 1px;
	display: block;
	height: 1px;
	background: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(70% + 85px);
}

.line:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: calc(70% + 85px);
	width: 13px;
	height: 13px;
	border-radius: 100%;
   border: 1px solid #FFFFFF;	
}


/*================ плавность при наведении =================*/

.transition {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out;
}


/*================ рубль православный =================*/
.rub {
	font-family: arial;
	vertical-align: middle;
	border-bottom: 0.07em solid;
	line-height: 0.2em!important;
	display: inline-block;
	width: 0.5em;
}

/*================ убираем точки у элементов списка в меню  =================*/

li.nav-item:before {
   display:none;
}


/*================ CSS для блока о клинике =================*/


.annotation-author {
    position: relative;
    padding-top: 14px;
    font-weight: 300;
    font-size: 23px;
    line-height: 1;
}

.annotation-author:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 1px;
	color: #2761d1;
}

.annotation-author {
    color: #2761d1;
}


.annotation-author:before {
    background-color: #2761d1;
}


/*================ CSS для линии =================*/

hr {
    box-sizing: content-box;
	opacity: 1.25;
    height: 0;
    overflow: visible;
}


/*================ CSS для блока с контактной формой =================*/

/* фон для секции скролл */

section.scroll-img {
    padding: 70px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/* Эксперементальный background для секций находящихся внутри container */

section{
	position: relative;
}

.b {
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: calc(100vw - 8px);
	height: 100%;
	z-index: -1;
	background: silver;
}


/* REStoRE COLORS */


/* Шапка */
.navbar {
	background: #000 !important;
	background: #4d5e87 !important;
}

/* Саб меню */
.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.85)!important;
}

/* Телефон */
.header_phone  {
    background: rgba(255, 255, 255, 0.1)!important;
    color: #BA965C!important;
	color: #f7f7f7!important;
}


/* Левый бок слайдера */
.blur  {
    background: rgba(186, 150, 92, 0.85)!important;
	background: rgb(245 246 251 / 73%)!important;
}


/* Хавер кнопка */
.banner_bottom_slider .dark_btn:hover {
    color: #fff;
    background: #ba965c;
   
}

/* Хавер соц сети */
.social_links a:hover {
    background: #ba965c!important;
}



/* Название и дискрипшен на слайдере */
.slider_logo {
    color: black!important;
}

.slider_logo .title {
    color: #41537c!important;
	color: #c3191a!important;
}

/* Плашка на слайдере */

.banner_wrapper_slider {
    background: rgba(41, 41, 41, 0.75)!important;
}


/* Кнопка на слайдере */
.banner_bottom_slider .dark_btn {
	border-radius: unset;
    color: #fff;
    background: #ba965c;
	background: #c3191a;
    border: 1px solid transparent;
}


/* Соц сети на слайдере */
.social_links a {
    background: #ba965c!important;
	background: #c3191a!important;
}



/* Второй блок маркетинг*/

section.marketing_banner .banner_wrapper.dark_bg_transparent{
    background-color: #ba965c!important;
	background-color: #4d5e87a6!important;
}


/* Кнопка на банаре*/

.banner_wrapper .light_btn {
    border-radius: 35px;
    border: 1px solid #BA965C!important;
    background: transparent;
    color: #BA965C !important;
}

.banner_wrapper .light_btn:hover {
    color: #ffffff!important;
}

.banner_wrapper .banner_bottom img {
    width: 170px;
    height: 170px;
}



/* Третий блок преимущества*/

/* Заголовки */
.advantages .h3 {
    color: #ba965c!important;
}

.advantages .wrap_icons_content h5 {
    color: #ba965c!important;   
}

/* обводка */
.advantages .wrap_icons_img {
    border: 1px solid #ba965c;
    box-shadow: unset;
}


/* иконки */
.wrap_icons_img {
    padding: 24px!important;
}

.wrap_icons_img img{
    width: 50px;
}



/* Четвертый блок о компании */

section.presentation .h3,  
section.presentation .annotation-author{
    color: #ba965c!important;   
}

section.presentation .annotation-author:before{
    background-color: #ba965c!important;   
}


section.presentation  {
    background: #ffffff;
    border-top: 1px solid rgba(41, 41, 41, 0.1);
    overflow: hidden;
}

section.presentation .container{
    margin-top: 90px;
}


@media (max-width: 768px) {

section.presentation .container  {
    text-align: center;}
	
section.presentation .annotation-author:before {
   display:none;}	

section.presentation .container {
    margin-top: 30px;}

}


/* Пятый блок услуги */

/* фон */
section.services {
    background: #F7F7F7!important;   
}

/* заголовок */
section.services .h3{
    color: #ba965c!important;   
}


/* затемнение */
a.cart_programs_wrapper:after {
    height: 177px!important;
    background: linear-gradient(180deg, rgb(66 66 66 / 0%) 0%, rgb(18 17 17 / 84%) 47.92%, #000000 100%)!important;
}



/* Шестой блок банер */

/* фон */
section.marketing_banner_big .wrap {
    background-color: #ba965c!important;
	background-color: #3c4a60!important;
	background-color: #4d5e87a6!important;
}


/* Кнопка на банаре */
section.marketing_banner_big .light_btn {
    border-radius: unset;
    color: #fff;
	background: #c3191a!important;
    border: 1px solid transparent;
}


/* Хавер кнопка */

section.marketing_banner_big .light_btn:hover {
     color: #fff;
    background: #ba965c!important;
}




/* Седьмой блок команда */

/* Заголовки ссылки*/

section.team .h3, section.team a, .person_main_link{
    color: #ba965c!important;
}

.person_main_content:before {
    background: unset!important;
}

.person_main_content {
    min-height: 67px!important;
}

.person_main_content p {
    font-size: 21px!important;

}


/* Восьмой блок цитата */

section.quote {
	background: #58647f!important;
}

section.quote .wrap_quote .quote_content h4 {
    color: #ffffff!important;  
}

section.quote .wrap_quote .quote_content p span{
    color: #ba965c!important;  
}

section.quote .quote_content h3 {
    color: #ba965c!important;
    
}

section.quote .button-container .dark_btn  {
    color: #fff;
	border-radius: 30px;
    border: 1px solid #fff;
	background: unset;
}


section.quote .quote_content p {
    font-style: normal!important;
    color: #ba965c!important;
}

.wrap_quote .wrap_one_img img, .wrap_quote .wrap_two_img img{
    width: 143px!important;
}


section.quote .wrap_one_img, section.quote .wrap_two_img {
    flex: unset!important;
}

section.quote .wrap_quote .quote_content h4 {
    text-align: center!important;
}

section.quote .quote_content p {
    display: none!important;
}


section.quote .button-container .dark_btn:hover {
    color:  #ba965c;
}


/* Девятый блок форма */
.conteiner-contact-form {
    background: rgba(0, 0, 0, 0.8)!important;
    -webkit-backdrop-filter: blur(11px)!important;
    backdrop-filter: blur(11px)!important;
}

.conteiner-contact-form .dark_btn {
    color: #fff;
    background: #ba965c!important;
}

.conteiner-contact-form .agreement a {
    color: #ba965c!important;
}



/* Футер */

.site-footer {
    background: #292929!important;
}

.footer_text_title {
    color: #ba965c!important;
  
}

.site-footer .dark_btn {
    border-radius: 35px;
    border: 1px solid #BA965C;
    background: transparent;
    font-size: 18px;
    line-height: 1;
    padding: 16px 30px 18px;
    text-transform: unset;
    height: 52px;
    margin-top: 20px;
    color: #BA965C !important;
}

.footer_title {
    text-transform: none!important;
   
}

.site-footer a:hover {
    color: #597bc7!important;
}


/* моб хедер */

a.navbar-brand img{
    width: 95px!important;
    height: 45px!important;
}


@media (max-width: 991px) {
	
	.phone a{
		color: #5a79be!important;}
		
	.dropdown-menu {
        background: #f3f3f3!important;}	
		
	.dropdown-item {
		white-space: unset!important;}	

}

/* стандарт пейдж слайдер работ, вопросы, контакт */


section.faq{
    margin-bottom: 75px!important;
	margin-top: 75px!important;
	
}

.contact-socials_img img{
    width: 21px!important;
}


.contact .logo_wrap  {
    margin-left: 25px;
	margin-top: 3px;
}


.contact .one {
    padding-top: 45px;
}

.contact .logo_wrap img {
    max-width: 90%!important; 
}


/* модальные окна */

.wrap-cart {
    border: 3px solid #ba965c!important;
    border-radius: 6px;
}


.wrap-cart .dark_btn:hover {
    background-color: #4d5e87!important;
}


.wrap-cart .dark_btn {
    background-color: #ba965c!important;
}




@media (max-width: 991px) {
	
	.phone a{
		color: #5a79be!important;}
		
	.dropdown-menu {
        background: #f3f3f3!important;}	
		
	.dropdown-item {
		white-space: unset!important;}

	.banner_bottom img {
		display: none;}	

}