
:root {
  --accent_color: #145C58;
  --font_parametrs: calc(11px + 7 * ((100vw - 320px) / (1800 - 320)));
  --bg_color: #fff;
  --bg_mobile_color: #145C58;
  --gold_color: #a7a063;
  --dop_color: #cdddd7;
  --dop_bg_color: #f1f1f1;
  
}
/*
color: var(--accent_color);
*/

/* === BrandBook шрифты === */

@font-face {
    font-family: 'aavantetitlercpsupclight';
    font-weight: normal;
	font-style: normal;
	src: url('../fonts/a_AvanteTitlerCpsUpC/aavantetitlercpsupclight.ttf') format('truetype');
}

@font-face {
    font-family: 'aavantetitlercpsupclightitalic';
    font-weight: normal;
	font-style: italic;
	src: url('../fonts/a_AvanteTitlerCpsUpC/aavantetitlercpsupclightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'aavantetitlercpsupcbold';
    font-weight: bold;
	font-style: normal;
	src: url('../fonts/a_AvanteTitlerCpsUpC/aavantetitlercpsupcbold.ttf') format('truetype');
}

@font-face {
    font-family: 'aavantetitlercpsupcbolditalic';
    font-weight: bold;
	font-style: italic;
	src: url('../fonts/a_AvanteTitlerCpsUpC/aavantetitlercpsupcbolditalic.ttf') format('truetype');
}

/*
	src: url('../fonts/a_AvanteTitlerCpsUpC/FRADMCN.eot');
	src: url('../fonts/a_AvanteTitlerCpsUpC/FRADMCN.eot?#iefix') format('embedded-opentype'),
		url('../fonts/a_AvanteTitlerCpsUpC/FRADMCN.woff') format('woff'),
		url('../fonts/a_AvanteTitlerCpsUpC/FRADMCN.ttf') format('truetype'),
		url('../fonts/a_AvanteTitlerCpsUpC/FRADMCN.svg#franklingothicdemicond') format('svg');}
*/





body{
	/*font-family: 'Montserrat', sans-serif;*/
	min-width: 320px;
	color: #1d1d1d;
	background: var(--bg_color);
	min-height:60vh;
	padding: 0;
    margin: 0;
	
	/*
	/assets/template/images/backgroung_clinic.png
	*/
}
.flex_wrap{flex-wrap:wrap;}
h1, .h1{
    font-family: aavantetitlercpsupcbold;
    font-size: calc(20px + 10 * ((100vw - 320px) / (1800 - 320)));
    color:var(--accent_color);
    border-bottom: 1px solid #ddd;
    margin-bottom:calc(10px + 10 * ((100vw - 320px) / (1800 - 320)));;
}
main{min-height:60vw;margin: 15px;}
#main_content{
    margin-top:calc(10px + 20 * ((100vw - 320px) / (1800 - 320)));;
}
#main_content h1:after, 
#main_content .h1:after{
    display: block;
    content: " ";
    /*position: absolute;*/
    left: 0;
    bottom: -1px;
    width: 33%;
    height: 2px;
    background-color:var(--accent_color);
}
img{
	max-width: 100%;
	height: auto;
}
.maxW, .main_wrap{max-width:1800px;margin:auto;padding: 0 5px;}
.main_wrap{
    /*display: flex;*/
    justify-content: flex-start;
    width: 100%;
}
aside{max-width:350px;}

/*========== Контакты =============================*/
.section_contacts_map{
    background: url(/assets/template/images/bg-map-01.png) 50% 50% no-repeat;
    margin-top:5%;
}
@media (max-width: 450px) {#map {width: 100%; height: 300px;}}
@media (min-width: 450px) {#map {width: 100%; height: 500px;}}
/*========== Контакты =============================*/



/* убрать сдвиг экрана при вызове модального окна */
.modal-open{padding-right: 0 !important;}

/*заголовки таблиц сверху таблиц*/
caption{caption-side: top;}

/* --- поля для спама --- */
#nospam, #surname{display:none;}


/*
.main_wrap{
    background-image: url(/assets/template/images/backgroung_clinic.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-color: var(--bg_color);
    background-size: 80px;
}
*/
/* убрать сдвиг экрана при вызове модального окна */
.modal-open{padding-right: 0 !important;}

/*заголовки таблиц сверху таблиц*/
caption{caption-side: top;}

/* --- кнопка по умолчанию --- */
.btn_clinic{
    color: #fff;
    background-color: var(--accent_color);
    border-color:var(--accent_color);}
.btn_clinic:hover {
    color: var(--gold_color);
    text-decoration: none;}
.btn.disabled, .btn:disabled{cursor: no-drop;}

/* --- поля для спама --- */
#nospam, #surname{display:none;}

/* === header === */
.row_info__body{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
body.mobile .row_info__body{justify-content: space-between;}

.row_info{
    padding:5px 2px;
    color:#919191;
    background:#cdddd7;
    width:100%;
    /*border-bottom:1px solid var(--gold_color);*/
}
.row_info a{color:#919191;text-decoration: none;}
.row_info svg{fill:var(--gold_color);}
body.mobile .row_info svg{fill:#fff;}


/* для слабовидящих добавим бордер*/
.bvi-body .row_info{border-bottom:1px solid;}

body.mobile .row_info{
    color:#fff;
    background:var(--gold_color);}

 .separator{
    display: block;
    content: "";
    width: 1px;
    height: 15px;
    background-color: #c1c1c1;}


.menu_button_wrap {
    padding: 0.1em;
    /*background: inherit;*/
    color: #fff;
    cursor: pointer;
    font-size: 2em;
    line-height: 1;
    z-index: 2001;
    /*transition: color .25s ease-in-out;*/
    /*background: var(--accent_color);*/
    transition: all .3s;
    display:none;
}
.menu_button_wrap:after {
    content: '\2630';
    text-decoration: none;}
body.mobile .menu_button_wrap{display:block;}
.logo_mobile{
    display: none;
    width: 100px;
    height: 40px;
    /*background: transparent url(/assets/template/images/logo-mobile.png) center center no-repeat;*/
    background: transparent url(/assets/template/images/logo_top.png) center center no-repeat;
    background-size: contain;
}
body.mobile .logo_mobile{display:block;}

body.mobile svg{fill:#fff;}
.phone_mobile{display: none;}
body.mobile .phone_mobile{display:block;}

.row_menu{}
.row_menu__body{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1%;
}
body.mobile .row_menu{display:none;}
.logo{
    text-align: center;
    width: 25%;
    max-width: calc(100px + 100 * ((100vw - 320px) / (1800 - 320)));
    height:  calc(40px + 100 * ((100vw - 320px) / (1800 - 320)));
    max-height: 200px;
    /*margin-left: 30px;*/
    display: block;
    /*width: 200px;*/
    background: transparent url(/assets/template/images/logo.png) center center no-repeat;
    background-size: contain;
    
}
.top_menu_items a{
    font-family: aavantetitlercpsupcbold;
    font-size:calc(16px + 12 * ((100vw - 320px) / (1800 - 320)));
    color: var(--accent_color);
    text-decoration: none;
    transition: all .3s;
}



/* для слабовидящих добавим бордер*/
.bvi-body .row_bottom{border-bottom:1px solid;border-top:1px solid;}
.row_bottom{
    background:var(--bg_mobile_color);
}
.row_bottom__wrap{
    /*height: 50px;*/
    width:100%;
    background:var(--bg_mobile_color);
    z-index:1500;
    padding:5px;
}
.row_bottom__body{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-grow: 1;    
    
}
.row_bottom__body>div{margin: 0 var(--font_parametrs);}
.basic_category {
    width: 275px;
    text-align: center;
    font-family: aavantetitlercpsupcbold;
    font-size: calc(12px + 6 * ((100vw - 320px) / (1800 - 320)));
    color: var(--gold_color);
    /*height: 18px;*/
    /*line-height: 18px;*/
    /* padding: 20px 0 20px 0; */
    /*color: #ffffff;*/
    font-weight: bold;
    position: relative;
    flex-shrink: 0;
}
.basic_category a{color: #fff;}
.search_block {
    width: 60%;
    max-width: 800px;
}
.sisea-search-form{
    background: #fff;
    border-radius: 20px;
    overflow: hidden;}
    
.simplesearch-result h3,
.simplesearch-result h3 a{
    font-family: aavantetitlercpsupclight;
    font-size: calc(12px + 12 * ((100vw - 320px) / (1800 - 320)));
    color: var(--accent_color);
}

    
.st_block {
    background: #fff;
    margin: 2% auto;
    padding: 2%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #9b9b9b;
}    
    
    
/* меню */ 
#sidebar_menu{
    padding:5px;
    margin:2px;
    background-color:var(--dop_bg_color);
    border-radius:5px;
}
#sidebar_menu li {
    margin-bottom:3px;
    margin-top:3px;
}
#sidebar_menu li.active>a {
    margin-bottom:3px;
    font-weight: 700;
}
#sidebar_menu li a{color:var(--bg_mobile_color);}
#sidebar_menu li a:hover{text-decoration: none;color:var(--gold_color);}
#sidebar_menu ul.link{padding-left:20px;}
#sidebar_menu li.level1{border-top:1px solid var(--gold_color);}
#sidebar_menu li.first{border-top:none;}
    

/* ===== Хлебные крошки ===== */
.sec_breadcrumb{    
    background: url("../images/bodybg.gif");
    border-bottom:1px solid #ccc;}
.st_breadcrumb{
	display:  block;
	padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    overflow: overlay;
    white-space: nowrap;}
.st_breadcrumb li{display:  inline-block;}
.st_breadcrumb li+li:before{
    padding: 0 5px;
    color: #333;}
.st_breadcrumb a{color:var(--bg_mobile_color);}    
/* === /.Хлебные крошки  === */

    
    