/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

@font-face {
    font-family: MuseoSansCyrl-100;
    src: url(/MuseoSansCyrl-100.otf);
}

@font-face {
    font-family: MuseoSansCyrl-500;
    src: url(/MuseoSansCyrl-500.otf);
}

@font-face {
    font-family: MuseoSansCyrl-700;
    src: url(/MuseoSansCyrl-700.otf);
}

/* Reset browsers default styling */
	html, body, div, span, 
	h1, h2, h3, h4, h5, h6,
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	textarea { overflow:auto; }
	
	section {overflow:hidden; min-height:100%; clear:both}
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
	}


/* CMS styling */
body { 
	font-family: MuseoSansCyrl-100,'Roboto',Tahoma,Verdana,Helvetica,Arial,sans-serif;	
	font-size:18px;
	padding:0;
	margin:0;
	color:#444444;
}

section {overflow:hidden; min-height:100%;}
#wrapper {position:relative; margin:0; padding:0;}
header {position:relative; margin:0 auto; width:100%; height:auto;}
#top_nav {width:100%; position:relative; height:250px; z-index:998}
footer {position:relative; margin:0 auto; background:#FFF url(/images/footer_back.jpg) center bottom no-repeat; height:534px; color:#FFFFFF; z-index:99}
footer a {color:#FFFFFF}
.content {position:relative; margin:0 auto; width:1200px; }
header > .content {position:absolute; top:0; left:0; width:100%; }
#img_slider {width:100%; position:fixed; z-index:1}

#logo {position:relative; top:0px; width:256px;}
#lang {position:absolute; right:0; top:10px;}
.lang_item {float:left; text-align:center; padding:0 5px; text-transform:uppercase; line-height:20px;}
.lang_item a {color:#FFF; font-size:14px}

h1 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block }
h2 {font-size:26px; padding:0; margin:0; font-weight:normal; display:inline-block; color:#3c2308  }
h3 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block; color:#8a897f  }
.content h1 { margin-bottom:10px; color:#c4007a}
.description h2 {font-size:20px; color:#007949; margin-bottom:10px;}
.content h1.section_title {margin:20px 0; padding:30px 0; background:url(/images/fb1_title_back.png) center center no-repeat; color:#333; text-transform:uppercase}

article p {padding-top:0; margin-top:0}
.t9 { font-size:9px }
.t10 { font-size:10px }
.t11 { font-size:11px }
.t12 { font-size:12px }
.t13 { font-size:13px }
.t14 { font-size:14px }
.t16 { font-size:16px }
.t18 { font-size:18px }
.t19 { font-size:19px }
.t20 { font-size:20px }
.t22 { font-size:22px }
.t24 { font-size:24px }
.t26 { font-size:26px }
.t32 { font-size:32px }

.white { color:#FFF; }
.orange { color:#f26722; }
.black { color:#000; }
.gray { color:#4b4b4b; }
.green {color:#007949}
.clear {clear:both}


.bold { font-weight:bold }
.underline { text-decoration:underline }
.no_underline { text-decoration:none }

.breadcrumbs {position:relative; margin-top:15px; width:100%; clear:both;}
.breadcrumbs {position:relative; margin-top:15px; width:100%;}
.breadcrumbs div {display:inline-block; margin-bottom:10px;}
.breadcrumbs div а {color:#CCC; font-size:11px;}

a { color:#3e4448; text-decoration:none; }
img { border:0px; }

.input { color:#999; padding:5px }
.input_select { color:#444; padding:5px }

.fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; width:512px; margin-right:40px; float:left}
.contact_form input { border:1px solid #CCC; background-color:#FFF; font-size:13px; height:30px; color:#2c2c2c; padding-left:7px; width:100%; margin-bottom:8px; }
.contact_form textarea { border:1px solid #CCC; background-color:#FFF; font-size:13px; color:#2c2c2c; padding-left:7px; width:100%; height:100px; margin-bottom:8px;}
.contact_form_btn { border:0; background-color:#444; font-size:13px; height:34px; width:100px; color:#FFF; cursor:pointer;  -moz-border-radius:5px ;border-radius:5px;  -webkit-appearance: none;}

.clear {clear:both; display:block}

#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #F60; border-left:none; padding:5px; min-width:150px; max-width:250px; line-height:18px}

.ok_mess { padding:10px 20px; margin:15px; background-color:#f5f5f5; border:1px solid #c9c9c9; color:#2c6da0; font-weight:bold;}
.bad_mess { padding:10px 20px; margin:15px; background-color:#fbf2e7; border:1px solid #f26722; color:#f26722; font-weight:bold;}

#my_table { border-collapse: collapse; }
#my_table td { border: 1px solid #CCC; padding:3px 6px;}
#my_table th { border: 1px solid #CCC; background-color:#e9e9e9; padding:8px 6px;}
#my_table td p {padding:0; margin:0}

main {position:relative; width:100%;  padding:0 0 40px 0; z-index:2}
description ul li {list-style:inside; padding:0 0 0 20px}

.on {display:block;}
.off {display:none;}

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ position:absolute; top:0px; left:342px; height:100px; width:858px; text-align:left;}
nav a {color:#FFF}
.menu-link { display: none;}

.menu { -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.menu ul {   padding: 0px;  margin: 0px;  list-style: none;  position: relative;  display: inline-block;	width:100%;}
.menu ul li { padding: 0px;  display: inline-block; width:135px; height:100px; border-top:5px solid #000}
.menu ul li a { display: block; padding: 40px 0;  text-decoration: none; font-size: 16px; text-transform:uppercase; text-align:center; transform: skewX(29.7deg);}

.gradient {
	transform: skewX(-29.7deg);
	background: rgb(0,0,0); /* Old browsers */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,c4007a+100&0+1,1+100 */
	background: -moz-linear-gradient(35deg, rgba(0,0,0,0) 0%,  rgba(196,0,122,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(35deg, rgba(0,0,0,0) 0%,rgba(196,0,122,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(35deg, rgba(0,0,0,0) 0%, rgba(196,0,122,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c4007a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

.menu ul li.gradient:hover {
	transform: skewX(-29.7deg);
	/*border-top:5px solid #aa016a	;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,c4007a+23,c4007a+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(35deg, rgba(0,0,0,0) 0%, rgba(196,0,122,1) 50%, rgba(196,0,122,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(35deg, rgba(0,0,0,0) 0%,rgba(196,0,122,1) 50%,rgba(196,0,122,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(35deg, rgba(0,0,0,0) 0%,rgba(196,0,122,1) 50%,rgba(196,0,122,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c4007a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ------------------------------------  END TOP MENU --------------------------------------*/


.images {width:500px; float:left}
.images_gallery {width:100%; float:left}
.images_gallery a {position:relative;}
.gall_img {margin-right:50px; display:inline-block; margin-bottom:70px;}
.gall_img:nth-child(3n) {margin-right:0 }
.white_line {position:absolute; top:-18px; left:0; width:390px; height:327px; z-index:9; background:url(/images/gallery_container_mask.png) 0 0 no-repeat;}
.txt_info {width:650px; float:right}
.txt_info a {color:#c4007a}

.article { position:relative; width:100%; padding:10px 5px; margin:0; clear:both}
.article_title {font-size:16px; text-align:left; margin-bottom:5px; color:#2ba3d6;}
.article_desc {text-align:left;}


.event_container {width:380px; height:460px; float:left; margin-right:30px; position:relative}
.event_container:nth-child(3n) {margin-right:0}
.event_container.gallery { height:400px;}
.event_container.gallery .date {position:absolute; top:0px; left:-10px; width:390px; height:327px; z-index:9; background:url(/images/event_container_mask.png) 0 0 no-repeat}
.event_container.gallery .date .month {position:absolute; right:0px; top:210px; width:140px; text-align:right; font-size:16px;  font-weight:bold; color:#333; text-transform:uppercase}

.event_container .image {margin-top:20px;}
.event_container .title { position:absolute; left:0; top:250px; font-size:24px; display:block; margin: 7px 0 25px 0; border-bottom:none; text-transform:uppercase;}
.event_container .desc { position:absolute; left:0; top:315px; font-size:15px; display:inline-block; margin:10px 0;}

.event_container .date {position:absolute; top:0; left:0; width:380px; height:327px; z-index:9; background:url(/images/event_container_mask.png) 0 0 no-repeat}
.event_container .date .num { position:absolute; right:0px; top:120px; width:120px; text-align:right; font-size:80px; font-family:MuseoSansCyrl-700; font-weight:bold; color:#FFF; text-shadow: 0 0 5px #333333 }
.event_container .date .month {position:absolute; right:0px; top:210px; width:140px; text-align:right; font-size:22px;  font-weight:bold; color:#333; text-transform:uppercase}

.category {display:inline; position:relative; float:left; width: 160px; height:165px; margin:15px 0 0 13px; border:1px solid #e9e9e9; text-align:center}
.title {padding:9px; margin-bottom:15px; background-color:#FFF; border-bottom:1px solid #CCC}

.page { padding:5px 10px; background-color:#ececec; border-radius:5px; }
.a_page { padding:5px 10px; background-color:#ececec; color:#F60; border-radius:5px; }
.footer_title { font-size: 18px; font-weight: normal; margin-bottom: 10px; color:#FFF; font:Verdana, Geneva, sans-serif}

.show-menu{text-decoration:none; color:#fff; background:#007a4a url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; display:none;}


.hint {display:inline-block; vertical-align:top; margin-top: 0px;}
.description { line-height:20px; float:left; width:100%;}
.description a {color:#d4127b}

.read_more {padding:0 10px; display:inline-block; margin:25px 0; border:1px solid #9c9d9d; font-size:14px; line-height:31px }

.fb_1 {width:600px; height:auto; float:left; margin-top:170px;}
.fb_1 .title {font-size:30px; line-height:30px; margin-bottom:15px; padding:30px 0; display:inline-block; background-color:transparent; color:#FFF; background:url(/images/fb1_title_back.png) center center no-repeat; border:none}
.fb_1 .info {font-size:16px; line-height:30px; margin-bottom:15px;  display:inline-block }
.fb_2 {width:400px; height:auto; float:right; margin-top:170px; line-height:20px; text-align:right; color:#000}
.res_title {font-size:30px; width:300px; line-height:30px; margin-bottom:10px;  display:inline-block}
.res_phone {font-size:46px; line-height:55px; display:inline-block; color:#c4007a}
.res_email {font-size:20px; line-height:30px; margin-bottom:20px; display:inline-block}
.res_email a { color:#333 }
.footer_title {font-size:24px; display:inline-block; margin-bottom:15px}



@media only screen and (min-width : 200px) and (max-width : 599px) {	
main.index {padding: 5% 0}

.show-menu{display:block; cursor:pointer; width:100%;}
.content {width:100%; }
main {padding:0 0 20px 0; width:100%}
main .content {width:95%; margin:0 2.5%}

.images, .txt_info {width:100%}
.top_nav {position:relative; height:auto; top:0}
#logo { text-align:center; width:40%; clear:both;  margin:0 auto; z-index:999}
#logo img {max-width:80%}
header nav {position:absolute; top:40px; left:0; clear:both; width:100%;}
footer {height:auto; min-height:inherit; background:#000}

.content h1.section_title {margin-top:0}

.event_container, .event_container.gallery {width:100%; margin:0 }
.event_container .image {margin-top:0}
.event_container img {max-width:100%}
.event_container.gallery .date, .event_container .date {width:100%; background-position:top right;}

.images_gallery {width:100%; margin-right:0; margin:0 auto; float:none; text-align:center}
.gall_img {margin-right:0}

.images img {width:100%; max-width:100%}
.description {width:100%; float:none}
.section_title {margin-bottom:20px; text-align:center; display:block; font-size:26px}

.fildset {width:100%; margin-bottom:20px}

.fb_1 {display:none}
.fb_2 {width:95%; height:auto; float:left; margin: 0 2.5%; padding-top:10px; line-height:20px; text-align:center; color:#FFF; }
.res_title { font-size:18px; line-height:22px}
.res_phone { font-size: 26px; line-height: 36px; }
.res_email { font-size:18px }
.res_email a { color:#FFF }
}




@media only screen and (min-width : 600px) and (max-width : 1200px) {	
main.index {padding: 5% 0}

#logo_bar {width:100%; position:relative; }
.show-menu{display:block; cursor:pointer; width:100%;}
.content {width:100%; }
main {padding:0 0 20px 0; width:100%}
main .content {width:95%; margin:0 2.5%}
.content h1.section_title {margin-top:0}

.images, .txt_info {width:100%}
.images img {width:100%; max-width:100%}

.event_container, .event_container.gallery {width:45%; margin:0 2.5% }
.event_container img {max-width:100%}
.event_container.gallery .date, .event_container .date {width:101%; background-position: top right; left:0}

.images_gallery {width:100%; margin-right:0; margin:0 auto; float:none; text-align:center}
.gall_img:nth-child(3n) {margin-right:50px}
.gall_img:nth-child(2n) {margin-right:0}

.images_gallery {width:100%; margin:0 auto; float:none}



.top_nav {position:relative; height:auto; top:0}
#logo { text-align:center; width:100%; clear:both;  margin:0}
header nav {position:absolute; top:40px; left:0; clear:both; width:100%;}
footer {height:auto; min-height:inherit; background:#000}

.description {width:100%; float:none}
.section_title {margin-bottom:20px; text-align:center; display:block; font-size:26px}

.fildset {width:100%; margin-bottom:20px}

.fb_1 {display:none}
.fb_2 {width:95%; height:auto; float:left; margin: 0 2.5%; padding-top:10px; line-height:20px; text-align:center; color:#FFF; }

.res_title { font-size:18px; line-height:22px}
.res_phone { font-size: 26px; line-height: 36px; }
.res_email { font-size:18px }
.res_email a { color:#FFF }
}


@media only screen and (min-width : 600px) and (max-width : 804px) {	
.gall_img, .gall_img:nth-child(3n)  { margin-right:0 }
}


@media all and (max-width: 1200px) { 
	nav  {height:auto; z-index:999}
	.menu-link { position:absolute; top:0; left:0; display: block; width:100%; color: #FFF; background:url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; }
	.menu-link:hover{ color: #FFF; }
	.menu ul li {width:110% ; height:40px; border-top:1px solid #000}
	.menu ul li a {padding:10px 20px; text-align:left }
 
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #000;}
  .menu > li > ul.sub-menu { padding: 0px; border: none;}
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: block;}
  .menu > ul { border-top: 1px solid #FFF; }
  .menu li, .menu > ul > li { display: block; z-index:10999; }
  .menu li a { color: #FFF; display: block; padding: 0.8em; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 5px;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #0DA461; height:auto; padding-left:20px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	}