﻿html {
    overflow-x: hidden;
    overflow-y: scroll;
    opacity: 1;
    height: auto;
}
/*html:after {display:none;}*/

body {
	font-family: 'Lato';
	font-size: 16px;
	color: black;
	position: relative;
	font-weight: 400;
	overflow-x: hidden;
	margin: 0px auto;
	padding: 0px;
	background: white;
	max-width: 1920px;
}



.row_toggle_container {display:none;}

.white {color:white;}


.gray50 {}
.gray50 img {filter: brightness(0.5);}


.grad80 {position:relative;
}
.grad80 img {
}

.grad80:before {
		content:'';
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,000000+100&0+1,0.8+100 */
		background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(227,227,227,0) 1%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(227,227,227,0) 1%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(227,227,227,0) 1%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: block;
}



html.no_scroll {overflow-y:hidden;padding-right: 17px;}
.middle {
    padding-top: 0px;
    min-height: 300px;
    opacity: 1;
    }

font {display:block;}


.bg_white {background:white;}

/*
.upload .add_photo {display: block !important;text-align: center;}
.upload .add_photo .upload_image {display:none;}
.upload .add_photo .text {display: block !important;background: none;border-radius: 3px;height: 39px;line-height: 39px;text-align: center;font-family: "Arial";font-size: 12px;color: #777;border: 1px solid #DADADA;}
.upload .add_photo .text:hover {background:#2C7BCD;border-color:#2C7BCD;color:white;}
.upload .add_photo .count {display: inline-block;font-size: 12px;position: absolute;top: 50%;right: 15px;margin-top: -9px;}
.upload .edit_photo {display:none !important;}
*/
/*
ymaps {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: brightness(0.8) grayscale(1);
}
*/


._content {width: 877px;margin:0px auto;max-width: 100%;}

h1,.h1 {
   position: relative;
   display: block;
   font-size: 40px;
   text-transform: uppercase;
   margin: 0;
   padding: 0;
   padding-top: 0px;
   padding-bottom: 47px;
   font-weight: 700;
   text-decoration: none;
   text-align: center;
}

.h1_comment {padding-bottom: 20px;font-size: 14px;color: #3c3c3c;line-height: 173%;}

h2,.h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 47px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

.bread_crumbs_container {
    padding-bottom: 8px;
    padding-top: 34px;
}
#bread_crumbs {
    font-size: 13px;
    padding-bottom: 20px;
    padding-top: 50px;
    align-items: center;
    display: flex;
}
#bread_crumbs div {
    display: inline-block;
}
#bread_crumbs div > span {
    color: black;
}
#bread_crumbs div a {
    color: #b8b8b8;
}
#bread_crumbs div a > span {}
#bread_crumbs .sep {
    padding: 0px 10px;
}
#bread_crumbs .sep:before {content:"/";}


.width100 {width:100% !important;}

.bg_black {background:black;}

.bg_gray {background: #f3f3f3;}
.bg_gray_light {
 background: #f3f3f3;
 border-top: 1px solid #f3f3f3;
 border-bottom: 1px solid #f3f3f3;
 }
.bg_dark {background:#bdc3c6;}

.bg_blue {background: #eff4ff;}

.bg_blue_light {background: #eaf4f5;}

.bg_best_doctors {background: #eaf4f5;margin-left: -20px;margin-right: -20px;padding: 20px;border-radius: 10px;margin-bottom: 20px;}

.fancybox-slide--html .fancybox-close-small {color: #555 !important;transform: scale(0.5);}
.fancybox-button svg {transform: scale(3);}
.compensate-for-scrollbar {margin-right: auto !important;overflow: auto !important;}

.row_toggle + .row_toggle_container {display:none;}

.fancybox-content.error {color:red;}


.columns2 {
    justify-content: space-between;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
}
.columns2 .column {
    width: calc(50% - 30px);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: white;
    margin-left: 15px;
    margin-right: 15px;
}
.columns2 .column:first-child {
}

.columns2 .column ._image {
}
.columns2 .column ._image a {display:block;}
.columns2 .column ._image img {
    width: 100%;
}


.columns2 .column h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 0px;
    padding-top: 11px;
    padding-bottom: 9px;
}
.columns2 .column h4 {
    font-size: 20px;
}
.columns2 .column h4 span {
    font-size: 22px;
    color: #fece02;
}
.columns2 .column .btn {
    width: 90%;
    margin: 0px auto;
    margin-top: 22px;
}




.columns3 {
    justify-content: space-between;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
}
.columns3 > div,.columns3 > .column {
    width: calc(33.3333333% - 30px);
    display: inline-block;
    box-sizing: border-box;
    margin-left: 15px;
    margin-right: 15px;
}



.resp_table{width:100%;}
.resp_table tr td:before{display:none;}
.resp_table img{max-width:100%;width: 100%;display: block;width: 220px;}


.t_black {color:black !important;}


sup {
    display: inline-block;
    vertical-align: top;
    top: -3px;
    position: relative;
    font-size: 80%;
}

.p_t_0 {padding-top:0px !important;}
.m_t_0 {margin-top:0px !important;}
.m_b_0 {margin-bottom:0px !important;}
img {
    border-style: none;
    vertical-align: middle;
    max-width:100%;
}
select::-ms-expand{
    display: none;
}

select::-ms-expand { display: none; }
select {
	appearance:
	none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background: url(/site/img/ico_select2.png) 100% 50% no-repeat;
	/* font-family: 'Poiret One'; */
	outline: none;
}


.fancybox-default-skin {
}



.f_left {float:left !important;}
.f_right {float:right !important;}
.t_right{text-align:right !important;}
.t_left {text-align:left !important;}
a:hover {text-decoration:none;}

.fancybox-type-image .fancybox-close {
    right: 9px;
}

.fancybox-close {
    background: url(../img/bg_close.png) 50% 50% no-repeat !important;
    color: black;
    width: 22px !important;
    height: 22px !important;
    top: -25px !important;
    right: -25px !important;
}


.container {
    margin: 0px auto;
    padding: 0px 15px;
    position: relative;
    display: block;
    width: 1240px;
    max-width: 100%;
}


input[type=text],
{
	color:#686868;
}

.has-danger input,
.has-danger select,
.has-danger textarea
{
	border-width:2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #eba5a3;
}


#form_popup,#form_popup2 { display:none; }
.popup_container {width: 480px;max-width:100%;padding: 5px 29px;overflow: hidden !important;position: relative;box-sizing: border-box;background: white;text-align: center;padding: 44px;border: none;}

.popup_container .agree_field {color: black;font-size: 10px;}
.popup_container .agree_field a {color: black;}


.popup_container h2
{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-bottom: 29px;
	text-align: center;
	padding-top: 20px;
}
.popup_container .form_comment {
    text-align: center;
    font-size: 20px;
    color: #414141;
    padding-bottom:  15px;
}
.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .close
{
	position:absolute;
	right:10px;top:10px;
	width:34px;
	height:34px;
	-moz-transform: rotate(45deg); /* Aey Firefox */
	-ms-transform: rotate(45deg); /* Aey IE */
	-webkit-transform: rotate(45deg); /* Aey Safari, Chrome, iOS */
	-o-transform: rotate(45deg); /* Aey Opera */
	transform: rotate(45deg);
	cursor:pointer;
}
.popup_container .close:before
{
	content:'';
	position:absolute;
	left:0px;top:16px;
	width:34px;height:1px;
	display:block;
	background-color:#a8a8a8;
}
.popup_container .close:after
{
	content:'';
	position:absolute;
	left:16px;top:0px;
	width:1px;height:34px;
	display:block;
	background-color:#a8a8a8;
}

.popup_container .form-group {
    margin-bottom: 19px;
}
.popup_container .form-group input[type=text] {height: 60px;width: 100%;}

.popup_container .form-group textarea {
    color: black;
    display: block;
    height: 100px;
    text-decoration: none;
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: none;
    border: 1px solid #c0c6c9;
    padding: 10px;
    resize: none;
    font-size: 16px;
}

.popup_container .form-group select {
    color: #1d1f20;
    height: 50px;
    border: 1px solid white;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
    height: 38px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #c0c6c9;
}
.popup_container .form-group select option {}

.popup_container .form-group button {cursor: pointer;height: 38px;font-size: 14px;font-weight: 700;height: 60px;font-weight: 300;}
.popup_container .form-group button:before {display:none;}
.popup_container .form-group button:after {display:none;}


.not_agree button {
    background-color: #cccccc !important;
    cursor: auto !important;
    color: white !important;
    border-color: #ccc !important;
    }

.agree_field {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    top: 0px;
    font-weight: 300;
}
.agree_field input {
    position: absolute;
    top: -1px;
    left: 0px;
    margin: -0px;
}
.agree_field span {
    padding-left: 25px;
    display: inline-block;
}

.popup_container .form-disclamer {
    color: #b8b8b8;
    font-size: 10px;
    padding-top: 10px;
    text-align: center;
}




form {
}
form .form-group {
    margin-bottom: 10px;
    position: relative;
}

form .form-group input[type="text"] {
    height: 48px;
    width: 100%;
    color: #1d1f20;
    font-size: 16px;
    box-sizing: border-box;
    font-weight: 300;
    text-align: center;
    border: 2px solid black;
    padding: 0px 40px;
    outline: none;
    background: none;
    border-radius: 0px;
}
form .form-group button {
    width: 100%;
    height: 48px;
    cursor: pointer;
    outline: none;
}
form .form-group button:hover {}


.form_title {
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 43px;
    /* color: #3ec3bd; */
}
.form_title span {
    display: block;
    color: #ff0000;
    white-space: nowrap;
}






.ico_email {position:relative;}
.ico_email:before {content:'';background:url(/project/templates/site/img/ico_email.png) 0px 0px no-repeat;width:16px;height:12px;position:absolute;top: 3px;left:0px;}


.no_scroll .menu_container {
    padding-right: 17px;
    box-sizing: border-box;
}

.fixmenu .menu_container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}
.fixmenu .menu_container .container {
    height: 71px;
    justify-content: space-between;
}
.fixmenu .menu_container .btn_addspecialist {
    margin: 0px;
}
.fixmenu .menu_container .menu {}

.fixmenu .menu_container .logo1 {display:inline-block;}


.menu_container {position: relative;top: 0px;left: 0px;width: 100%;z-index: 10;background: rgba(255, 255, 255, 1);box-sizing: border-box;background: rgb(247 247 247 / 100%);opacity: 1;}

.menu_container .top_phone {display:none;}

.menu_container .btn_addspecialist {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}
.menu_container .btn_addspecialist:before {content:'+';width: 22px;height: 22px;border-radius: 100px;background: #3acac6;display: inline-block;color: white;text-align: center;font-size: 20px;line-height: 22px;padding-right: 1px;box-sizing: border-box;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);margin-right: 10px;}
.menu_container .btn_addspecialist span {}

.menu_block {
}
.menu_container .btn {
    width: 240px;
    height: 54px;
    font-size: 16px;
    float: right;
}

.menu_container .container {
    text-align: left;
    display: flex;
    transition: 0.5s;
    align-items: center;
    height: auto;
}
.menu_container .logo1 {display:none;}

.menu{margin: 0px;padding:0px;list-style:none;box-sizing: border-box;width: 100%;justify-content: space-evenly;display: flex;}
.menu > li{position:relative;box-sizing:border-box;display: inline-block;}

.menu li.avtomobili {
    position: static;
}

.menu li:first-child {
    margin-left: 0px;
}
.menu > li a{color: black;text-decoration:none;display:block;padding: 0px;text-align: left;text-transform: uppercase;height: 60px;line-height: 60px;white-space: nowrap;}

.menu li a:after {content:'';/* height:5px; *//* width:100%; *//* border-radius:100px; *//* display: block; *//* margin-top: 5px; */}

.menu li a:hover:after,.menu li.open a:after {content:'';height: 2px;width:100%;background: black;display: block;position: absolute;top: 40px;}
.menu li a:hover:after {}
.menu li a.sub:hover:after {background:none;}

.menu li a.sub {
}

.menu li a.sub span {
    margin-left: 5px;
}
.menu li a.sub span:after {content: '';background: url(/site/img/symbols/fal-angle-down.svg) 50% 50% no-repeat;width: 10px;height: 20px;display: inline-block;position: relative;top: 3px;}
.menu li.open a.sub span:after  {content: '';transform: rotate(180deg);}


.menu > li.open > a,.menu > li.current > a,.menu > li > a:hover {}

.menu li .submenu  {display:block;position: absolute;top: 60px !important;background: #f7f7f7;white-space: nowrap;z-index: 2;transition: 0.5s;overflow: hidden;max-height: 0px;transition: 0.5s;left: 50%;transform: translate(-50%, 0%);/* border: 1px solid #ccc; */}
.menu li .submenu  ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.menu li .submenu  ul li {
    display: block;
}
.menu li .submenu  ul li:first-child {display:none;}
.menu li.open .submenu {max-height: 500px;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);}
.menu li.open .submenu.sub_avtomobili {max-height: calc(100vh - 128px);overflow-y: scroll;/* width: 100vw; */}
.menu li .submenu.sub_avtomobili {background:white;}

.menu li .submenu  ul li a {height: auto;min-height: auto;line-height: normal;padding: 10px 0px;}
.menu li .submenu  ul li a span {}


.menu li .submenu  ul li a:hover {color:#0635c9;}

.menu li:hover .submenu:after {content:'';/* height:5px; *//* width:100%; *//* border-radius:100px; *//* display: block; *//* margin-top: 5px; *//* background:#fece02; */}

.menu li .submenu  ul li a:after {display:none;}


.menu li .submenu .group_container {display: table-cell;vertical-align: top;text-transform: initial;min-width: 185px;padding: 0px 15px;}
.menu li .submenu .group_container .group_title {
    color: white;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
    margin-bottom: 14px;
    font-weight: 400;
    margin-left: -26px;
    width: calc(100% + 52px);
    text-align: left;
    padding-left: 26px;
}
.menu li .submenu .group_container ul {
    text-align: left;
}























.btn {background: #012b4d;color: white;text-align: center;height: 55px;display: flex;font-size: 18px;border: 1px solid #012b4d;position: relative;text-decoration: none;padding-left: 30px;padding-right: 30px;box-sizing: border-box;/* text-transform: uppercase; */border-radius: 100px;outline: none;cursor: pointer;min-width: 200px;align-items: center;justify-content: center;font-weight: 700;}
.btn:before {}
.btn span {display:inline-block;}
.btn:hover {background: white;color: black;}


.btn.white {background-color:white;border-color: white;color:black;}
.btn.white:hover {background-color:black;border-color: black;color:white;}


.btn:before {
	
}

.btn.ico_phone:before {background: url(/site/img/phone.svg) 0px 0px no-repeat;width: 17px;height: 17px;margin-right: 10px;filter: invert(77%) sepia(43%) saturate(682%) hue-rotate(121deg) brightness(87%) contrast(84%);}
.btn.ico_phone:hover:before {filter: invert(100%) sepia(2%) saturate(7438%) hue-rotate(345deg) brightness(103%) contrast(115%);}

.link {
    text-decoration: none;
    color: #2C7BCD;
}
.link span {}
.link.arrow span:after {
	content: '\f105';
	margin-left: 12px;
	font-size: 128%;
	vertical-align: top;
}



.no_scroll header {padding-right: 17px;box-sizing: border-box;}

header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
    background: #012b4d;
    opacity: 1;
}
header .container {
    display: flex;
    height: 150px;
    align-items: center;
}

header .top_addr {}
header .top_addr {
    font-size: 20px;
    color: white;
    display: flex;
    align-items: center;
}
header .top_addr:first-child {margin-right:auto;}
header .top_addr .phone {}
header .top_addr .phone a {
    color: white;
}
header .top_addr .text {
    margin-left: 29px;
}
header .btn {margin-left:auto;width: 280px;}
header .logo1 {}
header .logo1 img {}
header .logo2 {}
header .logo2 img {}


footer {
    background: #012b4d;
    padding: 37px 0px;
}
footer .container {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
footer .logo1 {
    width: 117px;
    margin-right: 20px;
}
footer .logo1 img {}
footer .logo2 {
    width: 87px;
}
footer .logo2 img {}
.bottommenu {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    flex: 1 0 auto;
    justify-content: space-evenly;
}
.bottommenu li {}
.bottommenu li a {
    color: white;
    text-decoration: none;
}

footer .btn {
    width: 210px;
}
.copyright {
    font-size: 12px;
    color: white;
    text-align: center;
}


#map1 {height:500px;}

.zoom {
    transform: scale(1);
    transition: 0.5s;
}
.zoom:hover {
    transform: scale(1.1);
}
