@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:400,500,600,700&subset=cyrillic');
*{box-sizing: border-box; margin:0; padding:0; outline:none}

body{

	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:400;
	color:#666;

}
body, html{height:100%}

input, textarea{font-family: 'Open Sans', sans-serif;
	font-size:15px;}

img{max-width:100%; height:auto}
a{color:#c13d4b; text-decoration:none; transition:all .3s}
a:hover{opacity:.7}
p{margin:0 0 15px 0}
.clear{clear:both}
	
	
.leftcol{width:320px; position:fixed; top:0; left:0;
background:#fff;
    min-height: 100%;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.18);
    padding: 30px 0 40px 40px;
    z-index: 1; transition:all .5s}
	
	
	
.rightcol{min-height: 100%;
    margin-left: 320px;
    overflow-x: hidden;}

.col-3, .col-4, .col-5, .col-6{float:left}
.col-3{width:25%}
.col-5{width:20%}
.col-4{width:33.333%}
.col-6{width:50%}

.region-sidebar-first{margin-bottom: 30px;}
#block-logotip{width:68%}
.region-primary-menu{margin-bottom: 30px;}

/*
.leftcol .block-menu li{list-style:none;position:relative}
.leftcol .block-menu>ul>li>a{text-transform:uppercase; color:#000; font-size:14px}
.leftcol .block-menu>ul ul{display:none}
.leftcol .block-menu>ul a:before{content:''; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:13px; width:18px; display: inline-block;}
.leftcol .block-menu>ul li.menu-item--expanded>a:before{content:"\f078"; }
.leftcol .block-menu>ul li.menu-item--expanded>a:hover:before,
.leftcol .block-menu>ul li.menu-item--expanded.menu-item--active-trail>a:before,
.leftcol .block-menu>ul li.menu-item--expanded.open>a:before{content:'\f068';}
.leftcol .block-menu>ul li.menu-item--expanded:hover>ul{position:absolute; display:block; left:100%; top:-10px; box-shadow:0 0 5px #aaa;
background:#fff; white-space:nowrap; padding:10px 0}
.leftcol .block-menu>ul li.menu-item--expanded:hover>ul li{padding:0 20px 0 10px}

.leftcol .block-menu>ul li:hover>a,
.leftcol .block-menu>ul li.menu-item--expanded.open>a,
.leftcol .block-menu>ul li.menu-item--expanded.menu-item--active-trail>a,
.leftcol .block-menu>ul li.menu-item--active-trail>a{color:#c13d4b; opacity:1}

.leftcol .block-menu>ul ul li a{color:#000}
*/
.leftcol .block-menu{padding-right:15px;}
.leftcol .block-menu >ul>li{list-style:none; margin:0 0 7px 0}
.leftcol .block-menu>ul>li>a{text-transform:uppercase; color:#000; font-size:14px; letter-spacing: 0.5px; padding:0 0 0 18px;}

.leftcol{overflow-y:auto; scrollbar-width:thin; scrollbar-color:#c13d4b #ccc}
.leftcol::-webkit-scrollbar{width:5px; background:#ccc}
.leftcol::-webkit-scrollbar-button{display:none}
.leftcol::-webkit-scrollbar-thumb{background:#c13d4b;}
	
.leftcol .block-menu>ul li.menu-item--expanded>a:before{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:13px; width:18px;
 position:absolute; top:4px; left:0}
.leftcol .block-menu>ul ul li.menu-item--expanded>a{padding:0 0 0 15px}
.leftcol .block-menu>ul ul li.menu-item--expanded>a:before{left:0px}
.leftcol .block-menu>ul>li>a:hover{color:#c13d4b;}
.leftcol .block-menu>ul>li ul{transition:all .3s; list-style:none; overflow: hidden;}
.leftcol .block-menu>ul>li li{padding-top:7px}

.leftcol .block-menu>ul>li a{color:#000; font-size:15px; position:relative; display:block}
.leftcol .block-menu>ul>li>ul>li:not(.open)>a:hover:after,
.leftcol .block-menu>ul ul li.menu-item--expanded.open li>a:hover:after,
.leftcol .block-menu>ul>li li.menu-item--active-trail>a:hover:after{content:'\f111'; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:6px; padding:0 0 0px 5px;
 position:absolute; top:7px; left:-17px}

.leftcol .block-menu>ul li.menu-item--expanded>ul{height:0}
.leftcol .block-menu>ul li.menu-item--expanded.open>ul,
.leftcol .block-menu>ul li.menu-item--expanded.menu-item--active-trail>ul{padding:0px 0 0 18px; height:auto}
.leftcol .block-menu>ul ul li.menu-item--expanded.open>ul,
.leftcol .block-menu>ul ul li.menu-item--expanded.menu-item--active-trail>ul{padding:0px 0 0 16px}
.leftcol .block-menu>ul li.menu-item--expanded.open>a:before,
.leftcol .block-menu>ul li.menu-item--expanded.menu-item--active-trail>a:before{content:'\f068';}
.leftcol .block-menu>ul li.menu-item--expanded>a{pointer-events: none;}
.leftcol .block-menu>ul>li.menu-item--expanded:hover>a,
.leftcol .block-menu>ul>li.menu-item--expanded.open>a,
.leftcol .block-menu>ul>li.menu-item--expanded.menu-item--active-trail>a,
.leftcol .block-menu>ul>li.menu-item--active-trail>a{color:#c13d4b;}

.leftcol .block-menu>ul li.menu-item--expanded.open>a,
.leftcol .block-menu>ul li.menu-item--active-trail>a{pointer-events:auto}

.leftcol .block-menu>ul li.menu-item--expanded a.is-active~ul{display:block}



.leftcol .block-menu>ul>li>ul>li>ul a:before{display:none}

.leftcol .block-menu>ul>li li.menu-item--expanded.open>a,
.leftcol .block-menu>ul>li li.menu-item--active-trail>a{color:#000; font-weight:600; opacity:1}

.region-sidebar-second{padding:0 0 0 18px}

#frontpage .rightcol .mmm{overflow:hidden; margin:15px auto;}



#block-socseti .field a{display:inline-block; width:30px; height:30px; font-size:0; color:#fff; background:#777; opacity:.5;
border-radius:30px; text-align:center; margin:0 10px 0 0; line-height:30px}
#block-socseti .field a i.fab:before{font-size:15px; line-height:30px}
#block-socseti .field a:hover{opacity:1}

#block-kopirayt{margin:10px 0 0 0; font-size:13px}
#block-kremlin-local-tasks ul{border:1px solid #777; margin:10px; padding:5px}
#block-kremlin-local-tasks ul li{display:inline-block; margin:0 20px}

.slider .slick-dots{position:absolute; bottom:20px; right:20px}
.slider .slick-dots li{list-style:none; display:block; float:left;}
.slider .slick-dots li button{display:block; float:left; margin:0 10px 0 0; width:15px; height:15px; font-size:0;  cursor:pointer; border:none; background:#fff; opacity:.7; transition:all .3s; border-radius:15px; }
.slider .slick-dots li:hover button{opacity:1}
.slider .slick-dots li.slick-active button{background:#c13d4b;}

h1, h2, h3{font-family: 'Cormorant Infant', serif; text-transform:uppercase; color:#c13d4b; font-weight:600; margin:0 0 20px 0; font-size:18px}
h1{font-size:30px; margin:0 0 30px 0}
h2{font-size:22px}

.region-bottom1, .region-bottom2{position:relative;}

.region-bottom1:before{content:''; width:40%; height:100%; background:url(../img/main1.jpg) no-repeat center; background-size:auto; display:block; position:absolute}
#block-bloknaglavnoy1{padding: 5px 30px 0px 30px; margin:0 0 0 40%}
#block-bloknaglavnoy1 .field a{background:#c13d4b; color:#fff; text-transform:uppercase; padding:7px 25px; display:inline-block; margin:20px 0 0 0}

.region-bottom2{padding:0px 0 0 0px; margin: -10px 0 0px 0px;}

#block-usluginaglavnoy table{border-collapse: separate; border-spacing:10px}
#block-usluginaglavnoy td{border:1px solid #ccc; color:#666; text-align:center; cursor:pointer; vertical-align: middle;
transition:all .3s; vertical-align:top; padding:15px; line-height:1em; width:50%}
#block-usluginaglavnoy td:hover{background:#fbecec; border:1px solid #c13d4b}
#block-usluginaglavnoy td p{margin:0 0 5px 0; font-size:13px;}
#block-usluginaglavnoy td a{color:#333}

#block-galereya .field{height:300px}
#block-galereya .field div{overflow:hidden; height:100%; background:#c13d4b}
#block-galereya .field .secondary div{height:50%}


#block-galereya .field div>img{display: block;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;	
    max-width: 1000px;
 -moz-transition: all 3s ease-out;
 -o-transition: all 3s ease-out;
 -webkit-transition: all 3s ease-out;}
#block-galereya .field div:hover>img{ -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 opacity:.4}



#block-anonsysobytiy .field{text-align:center; padding:50px 0 5px 0; margin:0 0 0px 0;}
#block-anonsysobytiy .field a{text-transform:uppercase; font-weight:600; color:#000}
#block-anonsysobytiy .field a:hover{color:#c13d4b}

#notfront .rightcol{padding:50px 30px}

#block-kremlin-breadcrumbs{margin:0 0 20px 0}
#block-kremlin-breadcrumbs ol li{list-style:none; display:inline-block; }
#block-kremlin-breadcrumbs ol li:after{content:'\f054'; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:12px}
#block-kremlin-breadcrumbs ol li:last-child:after{display:none}
.node--type-page .field--name-body img{margin: 0 auto; display: block;}
.node--type-page p{text-align:justify}
.node--type-page p.text-align-center{text-align:center}

.ljudi .views-field-title,
.videopage .views-field-title{font-family: 'Cormorant Infant', serif; text-transform:uppercase; color:#c13d4b; font-weight:600; margin:0 0 20px 0; font-size:22px; text-align: center;}
.ljudi .views-row,
.videopage .views-row{border-bottom:1px solid #ccc; margin:0 0 50px 0; padding:0 0 20px 0; overflow:hidden}
.videopage .views-field-body,
.ljudi .views-field-field-izobrazhenie{text-align:center}

.pager li{list-style:none; display:inline-block; margin:0 10px 0 0; border:1px solid #c13d4b; color:#c13d4b; text-align:center; padding: 5px 10px;}
.pager li.is-active{background:#c13d4b}
.pager li.is-active a{color:#fff;}

.newspage .views-field-field-izobrazhenie{float:left; margin:0 20px 0 0}
.newspage .views-field-title{font-family: 'Cormorant Infant', serif; text-transform:uppercase; color:#c13d4b; font-weight:600; margin:0 0 5px 0; font-size:22px}
.newspage .views-field-created{font-style:italic; color:#ccc; margin:0 0 10px 0}
.newspage .views-row{border-bottom:1px solid #ccc; margin:0 0 20px 0; padding:0 0 20px 0; overflow:hidden}

.nagradi .views-row{text-align:center; font-family: 'Cormorant Infant', serif; 
text-transform:uppercase; color:#333; font-weight:700; margin:0 0 20px 0; font-size:25px}
.nagradi .views-row ul li{list-style:none; display:inline-block; margin:10px}
.nagradi .views-row ul li a img{width:280px; height:auto; border:2px solid #ccc}

.banket .views-row{text-align:center; font-family: 'Cormorant Infant', serif; border-bottom:1px solid #ccc;
text-transform:uppercase; color:#333; font-weight:700; margin:0 0 50px 0; font-size:25px}
.node--type-banketnye-zaly .field--name-field-galereya1{text-align:center;}
.banket .views-row ul li,
.node--type-banketnye-zaly .field--name-field-galereya .field_item{list-style:none; display:inline-block; margin:5px}
.banket .views-row .views-field-title{margin:0 0 20px 0}
.banket header a, a.archive{display:inline-block; color:#fff; padding:10px 20px; margin:0 0 20px 0; text-transform:uppercase; background:#ccc}
.banket header a:hover, a.archive:hover{background:#c13d4b;}
a.archive{float:right}

.events .views-row{position:relative; padding:0 10px 0; margin:0 0 30px 0; overflow:hidden}
.events .views-row .views-field-title{position:absolute; left:10px; bottom:0; width:calc(100% - 20px); background:rgba(0,0,0,.7); padding:15px; transition:all .3s}

.events .views-row a, .events .views-row img{display: block; width:100%; height:auto}
.events .views-row .views-field-title a{color:#fff; font-family: 'Cormorant Infant', serif; font-size: 20px; line-height: 20px; font-weight: 600; text-align: left;}
.events .views-row .views-field-title span{display:block; color:#c13d4b; text-align: right}

table.cross td{text-align:center; vertical-align:top; padding:0 10px 20px 0; width:33%}
	#notfront table.cross td{width:50%}
table.cross td a{display:block; overflow:hidden}
table.cross td a img{ -moz-transition: all 3s ease-out;
 -o-transition: all 3s ease-out;
 -webkit-transition: all 3s ease-out;}
table.cross td a:hover img{opacity:.7;
-webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);}
 
	.node--type-page hr{opacity:0; clear:both}
	.node--type-page[data-history-node-id="1124"] hr, .node--type-page[data-history-node-id="49"] hr, .node--type-page[data-history-node-id="1139"] hr{opacity:.5; margin:0 0 20px 0}
	.node--type-page[data-history-node-id="49"] td{vertical-align:top}
	#notfront .node--type-page[data-history-node-id="49"] .field--name-body img{width:auto; margin:0 15px 15px 0}
	
.footer{background:#555; color:#fff; overflow:hidden; padding:50px 0; position: relative; z-index: 9; text-align:center}	
.footer i{color:#c13d4b; bottom: -5px; position: relative; margin: 0 10px 0 0; font-size: 30px;}	
.footer span{display: inline-block; text-align:left}
.footer i.fa-map-marker-alt{bottom:2px}
.footer a{color:#ddd}

	.ljudi .views-row img{}
#block-views-block-meropriyatiya3-block-1{margin:0 -10px}
#block-bannery{margin:0 -12px; clear:both}
#block-bannery .cross td{padding:30px 10px 40px}
#block-bannery .cross td img{width:100%; height:auto}

#block-webform{display:none}
#block-webform .form-text,
#block-webform .form-email{border:1px solid #ccc; display:block; height:30px; line-height:30px; padding:0 15px; width:300px; margin:0 0 20px 0}
#block-webform .form-textarea{padding:5px 15px; width:300px; margin:0 0 20px 0}
#block-webform .form-submit{background:#c13d4b; border:none; cursor:pointer;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 35px;
    display: inline-block;
    margin: 20px 0 0 0;
	transition: all .3s;
}
#block-webform .form-submit:hover{background:#ccc}
#block-webform .form-text.error,
#block-webform .form-email.error,
#block-webform .form-textarea.error{border:1px solid #c13d4b;}   

article[data-history-node-id="24"] table td{text-align:center}	
article[data-history-node-id="24"] table img{width:80%!important;     box-shadow: 3px -3px 5px #aaa;}
article[data-history-node-id="24"] img{display:inline-block!important}

#block-myvinstagramm iframe{width:100%}	
#block-myvinstagramm iframe .widget-preview-wrapper{width:100%; display:block}	
#block-myvinstagramm td{padding:0 15px}
#block-myvinstagramm{margin:0 -17px}

#block-myvinstagramm td a{position:relative; display:block;}
#block-myvinstagramm td a:after{content:"\f16d";  font-family: "Font Awesome 5 Brands"; position:absolute; bottom:0; right:0;
    background: rgba(255,255,255,.8);
    padding: 10px;
    font-size: 30px; }
		
.node--type-page li{list-style: inside; margin: 0 0 10px 0;}
.node--type-page ol li{list-style: number inside}
.leftcol .block-menu .barmenu{display:none}
	
a.booking {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: #c13d4b;
    padding: 7px 0px;
    margin: 20px auto;
    width: 50%;
    display: block;
    text-align: center;
	overflow:hidden;
}
article[data-history-node-id="1166"] hr{opacity:.5; margin:0 0 20px 0} 
 
#block-kremlin-content .slider li{position:relative} 
#block-kremlin-content .slider li a:after{content:'Подробнее'; display:block; position:absolute;
text-transform: uppercase;
    background: #c13d4b;color: #fff;
    padding: 7px 0px; padding:5px 15px; bottom:30px; left:30px
}    	

.fancybox-inner .site_form{padding-top:0}

table.vebinar{width:100%}
table.vebinar td{width:50%; vertical-align:top; border-bottom:1px solid #ccc}
table.vebinar td img{width:auto!important; margin:0!important}
table.vebinar td ul{display:none; max-width:500px} 
table.vebinar tr:not(:first-child) td{padding:20px 0 0 0}

.spoiler h3{cursor:pointer; color: #666;}
.spoiler h3.act{color: #c13d4b;}
.spoiler h3:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; padding:0 5px 0 0;
font-size: 13px;}
.spoiler h3.act:before {transition:all .3s; transform:rotate(180deg)}
.spoiler h3+p{display:none}

@media (min-width: 1025px) {
	
	body#notfront{font-size:16px}
	#block-kremlin-breadcrumbs {font-size: 15px;}
	#frontpage .rightcol .region-content,
	#frontpage .rightcol .mmm,
	#frontpage .rightcol .clear{width:1029px; margin:0 auto}
	#notfront .rightcol .region-content,
	#notfront .rightcol .region-breadcrumb{width:700px; margin:0 auto}
	#frontpage .rightcol .mmm{margin:15px auto}	

	
	.region-bottom2 {margin: -10px -10px -10px -10px;}
	
	#notfront .node--type-page .field--name-body img,
	#notfront .node--type-meroprijatija .field--name-body img{margin: 0 auto; display: block; width:100%;}
	#notfront .node--type-page .field--name-body .cross img{width:100%}

	#frontpage .rightcol{position:relative}	
	#frontpage .rightcol:before{content:''; display:block; position:absolute; top:0; left:0; height:100%;  width: calc((100% - 1029px)/2); background: url(../img/orn32.png) top center no-repeat;}
	#frontpage .rightcol:after{content:''; display:block; position:absolute; top:0; right:0; height:100%;  width: calc((100% - 1029px)/2); background: url(../img/orn32.png) top center no-repeat;}	
	
	
	#notfront .rightcol{padding: 50px 0px; position:relative}
	#notfront .rightcol .region-content,
	#notfront .rightcol .region-breadcrumb{padding:0px 20px}
	#notfront .rightcol:before{content:''; display:block; position:absolute; top:0; left:0; height:100%;  width: calc((100% - 700px)/2); background: url(../img/orn32.png) top center repeat-y;}
	#notfront .rightcol:after{content:''; display:block; position:absolute; top:0; right:0; height:100%;  width: calc((100% - 700px)/2); background: url(../img/orn32.png) top center repeat-y;}		
	
	#notfront .cross td h2{font-size:19px}
	article[data-history-node-id="24"] table img {width: 100%!important;}
	

}	
@media (max-width: 1024px) {
	.leftcol{width:250px; padding: 30px 0 0 20px;}
	.rightcol{margin:0 0 0 250px;}
	.region-bottom1{height:auto!important}
	.region-bottom1:before{width:33%}
	#block-bloknaglavnoy1 {padding: 10px 20px 20px 20px; margin: 0 0 0 33%;}	
	
	.region-bottom2 { padding: 10px 0 0 0px; height:auto}
	.footer .wrapper-f{width:100%}
	#frontpage .rightcol .mmm .col-6{width:100%}
}	
@media (max-width: 860px) {
		.ljudi .views-row img{max-width:100%; }
	.region-bottom1:before{width:0}
	#block-bloknaglavnoy1 {padding: 10px 20px 20px 20px; margin: 0 0 0 0;}	
	.region-bottom2 { padding: 10px 0 10px 0px; }
}

@media (max-width: 768px) {
	#toolbar-item-administration-tray{display:none}
	body.toolbar-tray-open.toolbar-vertical.toolbar-fixed{margin-left:0}
	
	.col-6, .col-5{float:none; width:100%}	
	.col-4, .col-3{width:50%}
	.footer .col-3{padding:0 0 30px 0}
	
	.leftcol{position:relative; width:100%; padding:20px; min-height: 160px;}
	.leftcol{overflow-y:visible; scrollbar-width:none; scrollbar-color:auto}
	.rightcol{margin:0 0 0 0; width:100%;}
	.region-sidebar-first {width:45%; margin:0 0 20px 30px; float:left}
	.leftcol .block-menu{padding-right: 0px;}
	.region-primary-menu {margin-bottom:0%; float:right}
	.leftcol .region-sidebar-second{float:right; text-align:right}
	.leftcol .block-menu .barmenu{font-size:40px; font-weight:900; padding: 0 0 20px 30px; display: inline-block; cursor:pointer}
	.leftcol .block-menu>ul.menu{display:none; position:absolute; top: 90px; z-index: 9; background:#fff; width:100%; left:0; padding:10px 30px; box-shadow:0 10px 10px #ccc;}
	.leftcol .block-menu.activ>ul.menu{display:block}	
	.leftcol .block-menu>ul li.menu-item--expanded>a{pointer-events: none;}
	.leftcol .block-menu>ul li.menu-item--expanded.open>a{pointer-events:auto;}
	.leftcol .block-menu>ul li.menu-item--expanded>ul{display:none}	
	.leftcol .block-menu>ul li.menu-item--expanded.open>ul{display:block}	
	
	.region-bottom1:before{width:33%}
	#block-bloknaglavnoy1 {padding: 10px 20px 10px 20px; margin: 0 0 0 33%;}		
	.region-bottom1,.region-bottom2{height:auto!important}
	.region-bottom2 {padding: 20px;}
	#block-galereya .field {height: auto;}
	#block-galereya .field div{height:300px}	
	#block-galereya .field div.secondary>div{height:150px}
	#block-galereya .field div.col-6.secondary .col-6{width:50%; float:left}
	
	table.cross,
	table.cross tbody,
	table.cross tbody tr,
	table.cross tbody tr td,
	#notfront table.cross td{display:block; width:100%; }

	table.cross td a {text-align:center}
	
	iframe{width:100%}
	
}	

@media (max-width: 600px) {
	iframe{width:100%}	
	.region-sidebar-first {width:50%; margin:0 0 20px 30px}
	.events .views-row{width:100%; margin:0 auto 30px; float:none}
	.events, #block-bannery, #block-myvinstagramm{padding:0 30px}
}
@media (max-width: 500px) {
	.region-sidebar-first {width:60%; margin:0 auto 20px}
	.leftcol .region-sidebar-second{float: none; clear: both; text-align:center;}
	.leftcol .region-sidebar-second>div{width:50%; float:left}	
	.leftcol{min-height: 200px;}
	#block-napishitenam{padding:5px 0 0 0}
	.footer{padding:40px; text-align:left}
}
@media (max-width: 400px) {
	.region-sidebar-first {width:70%; margin:0 auto 20px}
	.col-6, .col-3{float:none; width:100%}	
}