/* STYLES */

@font-face {
    font-family: 'Crimson';
    src: local('Crimson Roman'), local('Crimson-Roman'),
        url('/css/Crimson-Roman.woff2') format('woff2'),
        url('/css/Crimson-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 

/* <weight>: Use a value from 100 to 900
 <uniquifier>: Use a unique and descriptive class name */

/* .noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
} */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font,  ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,button  {margin:0; padding:0; border:0; outline:0;}

body{background:#FFF;margin:0;}

body, p, font, sup, sub, u, strike, small, dl, dt, dd, ol, ul, li, label, pre, legend, table, caption, tbody, tfoot, thead, tr, th, td, i,  b, strong, button {font-family:"Noto Sans", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Crimson'; font-weight: normal; font-style: normal;margin:0; padding:0;outline:0;}
em{font-style:italic;font-weight:normal;}
a{color:#000000;}

#top{position:fixed;top:0;left:0;width:100%;background:#f2f2f2;opacity:1;z-index:999;height:8em;display:block;}
#topc{width:100%;margin:auto;max-width:1200px;}
#logo{display:block;width:26%;float:left;text-align:left;} .anah{height: 4em;margin: 2em 1.5em 0;}
#menu{display:block;width:66%;float:left;text-align:right;} 
#search{display:inline-block;width:20%;margin-top:2em;vertical-align:top;}
#search input{font-family: "Noto Sans";
    text-transform: uppercase;
    font-size: 0.8em;
    background: #f2f2f2;
    border: solid 1px #999999;
	width:100%; filter: grayscale(1); }
#lang{display:inline-block;width:10%;height:2.5em;margin-top:0em;vertical-align:top;}
#lang a{display: inline-block;
    font-size: 0.8em;
    padding: 2.6em 0.4em 0.4em;
    text-decoration: none;
    line-height: 1.3em;}
#lang a.lang_ru{font-family: "Noto Sans";color:#000;}
#lang a.lang_en{font-family: "Noto Sans";color:#000;}
#lang a.lang_sel{background:#222222;color:#FFF;}

#menu ul{list-style: none outside none;margin-top:0.5em;}
#menu li{display: inline-block;
    height: 1rem;
    font-size: 0.9rem;
    line-height: 1em;
    margin: 0 0.5em;
    padding-bottom: 0.4rem;
    border-bottom: solid 4px;
    border-bottom-color: transparent;
    font-weight: 400;
    text-transform: uppercase;}
#menu li span{display:none;}
#menu li.hidden{}
#menu li.all{display:none;}
#menu li a{text-decoration:none;}
#menu li.sel{border-bottom-color:#000000;}

#iviran{display:block;width:7%;float:left;text-align:right;} .ivi{height: 4em;margin: 1.7em 0.5em 0;}
#phone{display:none;}


#promo{margin-top:8em;height:30vh;width:100%; background: #FFF;   opacity: 1;}

#slider {width:100%;height:30vh;list-style: none outside none;}
#slider li{width:100%;height:30vh;float:left;display:block;position:relative;background:center  no-repeat;background-size:cover;}
#slider div{max-width:1200px;width:100%;margin:auto;height:30vh;}
#slider h1{background:#FFF;opacity:0.9;line-height:1em;font-size:2.2em;margin:13vh 0 0 1.5rem;display:inline-block;padding:0.2em;color:#222;}
#slider p{background:#222;opacity:0.9;line-height:1.3rem;font-size:1.1rem;margin:0 1.5rem;display:inline-block;padding:0.6em;color:#FFF;text-align:left;}
#slider a{background:#fff;opacity:0.9;line-height:1em;font-size:0.8rem;margin:2vh 0 0 1.5rem;display:inline-block;padding:0.6em;color:#000;text-decoration:none;text-transform:uppercase;}

#main{width:100%;background:#FFF;opacity:0.9;color:#433;}
#main2, #intro{width:100%;background:#e6e6e6;opacity:0.9;}
/* COMMON STYLES */
h2{font-size: 2.5em; padding: 0.4em 0.1em 0; color: #000; display: block; line-height: 0.9em;text-align:left;} /* d2d1ea*/

h3{font-size: 1.8em; padding: 0.2em; color: #222;margin-top: 0.1em;  line-height: 1.2em;}	
h3 a{text-decoration:none;background:#DDD;color:#000; line-height: 1.3em;}
h3 a:hover{border-bottom-width:1px;background:#222;color:#FFF;}

h4{font-size:1.8em;padding:0.5em 0.2em 0;color:#222;display:block;line-height:0.9em;text-align:left;margin:0;} 
p{font-size:1em;line-height:1.2em;margin:0.7em 0;padding:0.5em;}
em{font-size:1em;line-height:1.2em;font-style:italic;font-weight:normal;}
var{font-size:1em;line-height:1.2em;margin:0.7em 0;padding:0.5em;font-style:normal;font-weight:bold;}
hr{width:100%;height:3px;color:#DDD;background:#DDD;display:block;border:0;}
pre{font-size:0.8em;line-height:1.2em;margin:1em 0;padding:0.5em;font-style:normal;display:block;}
pre::before{content:'📅';filter: grayscale(1);padding-right:0.3em;}

img{width:100%;margin:0 0;float:none;}
img.photo{float:left;width:30%;margin:0 3% 3% 0;/* filter:grayscale(1); */}
.mainc{max-width:1200px;width:100%;margin:auto;}
.tre{width:29%;padding: 0 1%; margin:1vh 1%;display:block;opacity:1;float:left;overflow:hidden;border:solid 0.01em;height:14em;}

.anno{display:none;padding:0.5rem 0.4rem;font-size:0.8em;}

.txt{width:62%;padding: 0; margin:1.5rem;display:block;opacity:1;float:left;color:#222;}
.txt p{text-align:justify;}
.txt p.annos{text-align:left;}

.ext{width:30%;padding: 0; margin:1.5rem;display:block;opacity:1;float:left;color:#222;}
.ext p{text-align:left;line-height:1.4em;}
.ext ul{list-style: none outside none;margin-top:0.5em;}
.ext li{line-height:1.4em;}
.ext li.sel{font-weight:bold;}
.ext span{display:block;font-size:0.8em;margin-top:0.5em;}
.full{width:96%;padding: 1%; margin:0 1%;display:block;opacity:1;float:none;color:#222;}


.clear{clear:both;height:0;display:block;width:100%;}
.white{border-color:#cad8d9; background: url('img0.jpg')  no-repeat top; background-size:contain;}
.notwhite{border-color:#cad8d9;background:url('img0.jpg')  no-repeat top; background-size:contain;}



#main3{width:100%;background:#FFFFFF;opacity:0.9;}
#main3 p{text-align:center;}
#main3 img{width:auto;}

#partners{width:100%;height:7em;list-style: none outside none;display:block;}
#partners li{width:20%;height:7em;float:left;display:block;position:relative;}

#footer{display:block;background:#444;}
.foot{width:29%;padding: 1%; margin:1vh 1%;display:block;opacity:1;float:left;color:#FFF;}
.foot p{font-size:0.8em;line-height:1.5em;}
.foot a{color:#FFF;}

#sitemap{display:none;}

#cookie_confirm{
    z-index: 3;
    position: fixed;
	bottom:5vh;
	width:100%;margin:auto;
	display:none;
}
#cookie_confirm.show{display:block;}
.layout{max-width:1200px;margin:auto;height:25px;opacity:0.9;}
.message{display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem 1.5rem;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 0.9rem;
	line-height:1rem;
}
#cookie_confirm a{color:#FFF;}
.cookie_accept{
	flex-shrink: 0;
    width: 40px;
    height: 2rem;
    margin-left: 1rem;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
    opacity: 1;
    transition: opacity .25s ease-in-out 0s;
}

@media (max-width: 980px){
	#top{height:6.5em;} .anah{height: 3.5em; margin: 1.5em 0 0 0.5em;}
	#logo{width:73%;text-align:left;margin:auto auto auto 5%;;}

	#menu{display: block;float: none;width: 20%;position: absolute;right: 3.2rem;overflow:hidden;}
		#search{display:none;}
		#pnav{display:none;}
		#lang{width:auto;height:2em;} #lang a {padding-top:1em;}
	/* #mn2{background:#000;color:#FFF;padding:0.2rem 0.4rem;} */
	
	
	#iviran{display:none;}.ivi{float:right;margin: 0.6em 1.5em 0;height: 4.5em;}
	
	#phone{display:block;text-align: right;width:10%;float:right;margin: auto 5% auto auto;}
	#phone span{display: inline-block;
        height: 1em; width: 1em;
        margin: 1.2em 0 0;
        font-size: 1.8em;
        line-height: 1em;
        background: #000;
        color: #FFF;
        padding: 0.2em;
        text-align: center;}
	#phone a{text-decoration:none;}
	
	h2, h4{padding:0.2em 0 0;}
	h3{padding:0.2em 0 0;font-size:1.3em;line-height:1.1em;} 
	h3 a{line-height:1.4em;}
	em,pre,p{padding:0;}
	.anno{padding:0;}
	hr{margin:2em 0 0;}
	img.photo{float:none;width:100%;margin:0;/* filter:grayscale(1); */}	
	
	
	/* --- promo -- */
	#promo{margin-top:6em;}
	#promo h1{margin:7vh 5% 0;font-size: 2em;}
	#promo p{margin:0 5%;font-size: 1em;}
	#promo a{margin:1vh 5% 0;}
	
	.message{padding:0.5rem 5%;}
	#cookie_confirm{width:100%;margin: 0;bottom:10vh;}
	
	/* --- main --- */
	.tre, .txt, .ext, .full{width:90%;float:none;overflow:auto;height:auto;margin:1.5rem 5%;}
	.clear{height:1vh;}
	
	/* --- footer --- */
	#footer{padding:1rem 0;}
	.foot{width:90%;float:none;margin:0 5%;padding:0;}
	
	#sitemap{display:none;
		position:fixed;top:0;bottom:0;left:0;right:0;
		width: 100%;
        height: 80vh;
        margin-top: 6em;
        background: #f2f2f2;
        opacity: 1;
        overflow: scroll;
        padding-bottom: 10vh; padding-top: 1em;
    }
	#sitemap div{width: 90%;
        padding: 1% 0;
        margin: 0.1rem 5%;
        float: none;
        height: auto;}
		
	#sitemap h5{font-size:1.8em;margin: 0 1.8rem;}
	#sitemap ul{list-style: none outside none;margin: 0 1.8rem;}
	#sitemap li{font-size: 1rem;
        line-height: 1.4rem;
        text-align: left;
        margin-bottom: 0.3em;
        color: #888;
        padding-left: 1rem;
        border-left: solid 1px #DDD;}
	
	
	#promo div.lSAction > a {display:none;}
}