@font-face{
font-family:"Circe W10 Regular";
src:url("../f/circe/ebfbe6d4-5f99-45c5-bea2-01fd1b40dadb.eot?#iefix");
src:url("../f/circe/ebfbe6d4-5f99-45c5-bea2-01fd1b40dadb.eot?#iefix") format("eot"),url("../f/circe/f84c3466-88ee-46f3-9012-6fa656636e7f.woff") format("woff"),url("../f/circe/6093b3c4-f9b7-42d3-a410-47230f7228a5.ttf") format("truetype"),url("../f/circe/229a8a5e-e23f-420c-aed8-16cc00d3ff4d.svg#229a8a5e-e23f-420c-aed8-16cc00d3ff4d") format("svg");
}
@font-face{
font-family:"Circe W10 Bold";
src:url("../f/circe/0479c0aa-74c7-4f6a-8744-9d6734f2f985.eot?#iefix");
src:url("../f/circe/0479c0aa-74c7-4f6a-8744-9d6734f2f985.eot?#iefix") format("eot"),url("../f/circe/84218a92-1de6-472f-ad37-d69415707bcb.woff") format("woff"),url("../f/circe/50e7a980-3bfc-4cb2-afa8-7c6749e0e53c.ttf") format("truetype"),url("../f/circe/0a35e2b1-c0f1-465e-8726-061812583247.svg#0a35e2b1-c0f1-465e-8726-061812583247") format("svg");
}
@font-face{
font-family:"Circe W10 Extra Bold";
src:url("../f/circe/7e7dcbd4-b923-46ee-abeb-31eb1f0b8f53.eot?#iefix");
src:url("../f/circe/7e7dcbd4-b923-46ee-abeb-31eb1f0b8f53.eot?#iefix") format("eot"),url("../f/circe/1f95579b-05ff-43af-a434-4f8de516ef56.woff") format("woff"),url("../f/circe/d5b7f816-e267-45ad-9863-d8ba1a13bcf8.ttf") format("truetype"),url("../f/circe/747d012b-eeb5-4f8f-9653-edc6a20292ff.svg#747d012b-eeb5-4f8f-9653-edc6a20292ff") format("svg");
}



/* Reset
------------------------------------------------------------------------- */
HTML {
	font-size:100.01%;
	}
HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,
H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,
ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,
FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,
STRONG,SUB,SUP,TT,VAR,DL,DT,DD,OL,UL,
LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,
CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD,HR {
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-family:inherit;
	font-size:1em;
	}
	
DFN,I,CITE,VAR,ADDRESS,EM {
	font-style:normal;
	}
TH,H1,H2,H3,H4,H5,H6 {
	font-weight:normal;
	}
TEXTAREA,INPUT,SELECT {
	font-family:arial,sans-serif;
	font-size:1em;
	}
INPUT[type=button],
INPUT[type=submit] {
	cursor:pointer;
	}
SMALL {
	font-size:.85em;
	}
OL,UL {
	list-style:none;
	}
TABLE {
	border-collapse:collapse;
	border-spacing:0;
	}
CAPTION,TH,TD {
	text-align:left;
	}
:focus {
	outline:none;
	}
SUP,SUB {
	vertical-align:baseline;
	position:relative;
	top:-.5em;
	font-size:.85em;
	}
SUB {
	top:.5em;
	}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}
	
/* Global 
------------------------------------------------------------------------- */

HTML {
	height:100%;
	-webkit-text-size-adjust: none;
	}
	
body {
	}
	
	.invert p,
	.invert li {
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}

EM {font-style:italic;}
	

.clear {
	display:block;
	clear:both;
	}

.clearleft {
	display:block;
	clear:left;
	}
	
.nobr {white-space:nowrap;}


/* Grid
............................................ */	

.fw {
	width:100%;
	clear:both;
	}
.hw {
	float:left;
	width:50%;
	}
	
	.hw img {max-width:100%;}

.col {
	float:left;
	}
	.col.inline-col {
		float:none;
		display:inline-block;
		vertical-align:top;
		}
	
	.col img {
		max-width:100%;
		width:auto;
		height:auto;
		}

.col2 {
	width:50%;
	}
	
.col6 {
	width:66.67%;
	}
	
.col3 {
	width:33.33%;
	}

.col4 {
	width:25%;
	}
	
.col20 {
	width:20%;
	}

.col30 {
	width:30%;
	}
	
.col70 {
	width:70%;
	}

.col75 {
	width:75%;
	}
	
.col-6-1 {
	width:16.66%;
	}
	
.col-6-2 {
	width:33.33%;
	}
	
.col-6-3 {
	width:50%;
	}
	
.col-6-4 {
	width:66.66%;
	}
	
.col-6-5 {
	width:83.33%;
	}

.col-6-15 {
	width:24.223%;
	}
	
.col-6-45 {
	width:75.778%;
	}

.col-box {
	padding:0 10px 0;
	}

.row {
	clear:both;
	position:relative;
	}
	.row .row-box {
		position:relative;
		padding-left:20px;
		padding-right:20px;
		overflow:hidden;
		}
	.row.cols .row-box {
		padding-left:10px;
		padding-right:10px;
		}
	.subrow {
		clear:both;
		position:relative;
		overflow:hidden;
		}
		
hr.pads {
	margin:0 20px;
	}
	.row.cols hr.pads {
		margin:0 10px;
		}
		

/* Vertical rythm */

.vpad-3-6 {
	padding-top:3em;
	padding-bottom:6em;
	overflow:hidden;
	}
.vpad-3-3 {
	padding-top:3em;
	padding-bottom:3em;
	overflow:hidden;
	}
.vpad-6-6 {
	padding-top:6em;
	padding-bottom:6em;
	overflow:hidden;
	}
.vpad-6-10 {
	padding-top:6em;
	padding-bottom:10em;
	overflow:hidden;
	}
	
.vpad-10-10 {
	padding-top:10em;
	padding-bottom:10em;
	overflow:hidden;
	}

	


/*
.fitter {
	position:relative;
	}
*/
	






/* Typo
............................................ */	

body {
	font-family:'Circe W10 Regular', Helvetica, Arial, Sans-serif;
	font-size:10px;
	}

STRONG {
	font-family:'Circe W10 Bold', Helvetica, Arial, Sans-serif;;
	font-weight:normal;
	}
	
h2 {
	font-family:'Circe W10 Bold';
	}
	
.ugc {
	font-size:2.1em;
	line-height:1.4em;
	overflow:hidden;
	}
	
	.ugc hr {
		margin:1.7em 0 1.5em;
		}
	
	.ugc p+p,
	.ugc p+ul,
	.ugc p+ol,
	.ugc p+h2,
	.ugc ul+h2,
	.ugc ol+h2,
	.ugc blockquote+h2,
	.ugc img+h2,
	.ugc p+h4,
	.ugc ul+h4,
	.ugc ol+h4,
	.ugc blockquote+h4,
	.ugc p+div,
	.ugc h2+div
	 {
		margin-top:1em;
		}
		.ugc img+h2 {
			margin-top:1.2em;
			}
		
		.ugc p+h3,
		.ugc ul+h3,
		.ugc ol+h3,
		.ugc blockquote+h3,
		.ugc img+h3 {
			margin-top:.5em;
			}
		
	.ugc h2+ul,
	.ugc h2+ol {
		margin-top:.5em;
		}

	.ugc li {
		margin-bottom:.5em;
		}
	
	.ugc a {
		text-decoration:underline;
		}
		
		.ugc a:hover {text-decoration:none;}
	
	.ugc *+h1 {
		margin-top:.7em;
		}
			
	.ugc h1 {
		font-family:'Circe W10 Bold';
		font-size:2.4em;
		line-height:1em;
		margin-bottom:.4em;
		}
			
	.ugc h2 {
		font-family:'Circe W10 Bold';
		font-size:1.8em;
		line-height:1.2em;
		margin-bottom:.3em;
		}
	.ugc h3 {
		font-size:1.55em;
		line-height:1.3em;
		margin:0 0 .4em;
		}
		.ugc h2 + h3 {margin-top:0;}
	.ugc h4 {
		font-family:'Circe W10 Bold';
		line-height:1.45em;
		margin:0;
		}
		
	.ugc img {
		max-width:100%;
		/* margin-top:1.35em !important; */
		margin-bottom:1.65em !important;
		display:block;
		max-height:560px;
		}
	.ugc *+p img {
		margin-top:1.35em !important;
		}
	
	.ugc ul,
	.ugc ol {
		position:relative;
		/* margin-left: 1.5em; */
		padding-left: 1.5em;
		}
		
		.ugc ul ul,
		.ugc ul ol,
		.ugc ol ol,
		.ugc ol ul {
			margin-top:1em;
			margin-left:0;
			}
	
	.ugc ol {
		list-style:decimal;
		/* list-style-position:inside; */
		}
	
	.ugc ul li:before {
		position: absolute;
		left: 0;
		content: '\2014';
		}
		
	.ugc blockquote {
		font-style:italic;
		margin:1em 0;
		padding:2em;
		border:1px solid rgba(0,0,0,.1);
		}
		.invert .ugc blockquote {border-color:rgba(255,255,255,.15);}

		
.phone {white-space:nowrap;}



/* Style 
............................................ */	

body {
	background:#e9e9e9;
	color:#000;
	}
	
	.invert {
		background:#000;
		color:#fff;
		}

::selection {
	background: #fef4e1;
}
::-moz-selection {
	background: #fef4e1;
}

hr {
	display:block;
	height:1px;
	background:#bababa;
	clear:both;
	}
	.invert hr {
		background:#282828;
		}

A {	
	color:#000;
	text-decoration:none;
	}
	.invert a {
		color:#fff;
		}
	
	.text a {
		text-decoration:underline;
		}
		
	a:visited {
		}
		
	a:hover {
		text-decoration:underline;
		}

	a.icon-link .fa {padding-right:.3em;}
		
.border-top {border-top:1px solid #bababa;}
.border-bottom {border-bottom:1px solid #bababa;}
	.invert.border-top {border-top:1px solid #282828;}
	.invert.border-bottom {border-bottom:1px solid #282828;}
	.invert .border-top {border-top:1px solid #282828;}
	.invert .border-bottom {border-bottom:1px solid #282828;}
		
.phone-link {cursor:default;}
.phone-link:hover {text-decoration:none;}

.hidden {
	display:none;
	}


/* Header */

header {
	}
	
	h1.logo {
		display:block;
		width:160px;
		height:68px;
		background:url(../i/mosmuseum-logo.svg) top center no-repeat;
		background-size:100%;
		text-indent:-9999px;
		margin:0;
		padding:0;
		}
		
	header .departments-link li {
		display:block;
		}

	header .contacts {
		padding-top:.25em;
		font-size:1.5em;
		line-height:1.6em;
		}
		
		header .contacts p {
			white-space:nowrap;
			}

	header .departments-link {
		display:block;
		overflow:hidden;
		border:1px solid #282828;
		-webkit-transition:	all 0.4s ease;
		-moz-transition:	all 0.4s ease;
		transition:			all 0.4s ease;
		border-radius:3px;
		margin-top:.45em;
		padding-top:1.45em;
		padding-bottom:.45em;
		}
		
		header .departments-link:hover {border-color:#555;}
	
		header .departments-link h2 {
			font-size:1.5em;
			text-transform:uppercase;
			letter-spacing:.05em;
			margin-left:36px;
			position:relative;
			}
			
			header .departments-link h2 .fa {
				position:absolute;
				top:.6em;
				left:-20px;
				}
			
		header .departments-link li {
			font-size:1.5em;
			line-height:.95em;
			margin-right:.9em;
			margin-bottom:.5em;
			}


/* Nav */

.main-nav {
	padding:0;
	overflow:hidden;
	}
	.main-nav hr.row-box {
		display:block;
		clear:none;
		padding:0;
		margin-right:20px;
		margin-left:20px;
		margin-bottom:8px;
		}

.main-nav .panel {
	width:100%;
	background:#000;
	color:#fff;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	}
	
	.main-nav .panel.fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		}
		
		.main-nav .panel .row-box {overflow:hidden;}
		
	.main-nav ul {
		padding-top:.8em;
		padding-right:135px;
		padding-bottom:.8em;
		-webkit-transition:	all 0.3s ease-in;
		-moz-transition: 	all 0.3s ease-in;
		-o-transition: 		all 0.3s ease-in;
		transition: 		all 0.3s ease-in;
		}

	.main-nav li {
		font-size:2.1em;
		display:inline-block;
		margin:0 .8em 0 0;
		}
		
		.main-nav li a {
			display:block;
			padding:.45em 0;
			}
		
		nav .current,
		nav .parent {
			font-family:'Circe W10 Extra Bold';
			}
			nav .current a:hover {
				cursor:default;
				text-decoration:none;
				}
	
	.sublogo {
		display:block;
		position:absolute;
		top:0;
		left:-80px;
		width:23px;
		height:36px;
		background:url(../i/mosmuseum-logo-alt.svg) top center no-repeat;
		background-size:100%;
		text-indent:-9999px;
		-webkit-transition:	all 0.3s ease-in;
		-moz-transition: 	all 0.3s ease-in;
		-o-transition: 		all 0.3s ease-in;
		transition: 		all 0.3s ease-in;
		}
	
	.depkult {
		display:none;
		opacity:0;
		position:absolute;
		top:0;
		margin-top:2px;
		right:20px;
		width:113px;
		height:43px;
		text-indent:-9999px;
		background:url(../i/depkult.png) top center no-repeat;
		-webkit-transition:	all 0.3s ease-in;
		-moz-transition: 	all 0.3s ease-in;
		-o-transition: 		all 0.3s ease-in;
		transition: 		all 0.3s ease-in;
		}
		
/* 		.depkult.show {display:block;} */
		
		.main-nav .panel.fixed hr {background:#000;}
		
		.main-nav .panel.fixed .sublogo {
			left:20px;
			}
		
		.main-nav .panel.fixed ul {
			padding-left:48px;
			padding-right:87px;
			}
		
		.main-nav .panel.fixed .depkult {
			right:-113px;
			}


/* Sidenav & sidetitle */

.side {
	/* padding-bottom:10em; */
	margin-right:20px;
	padding-bottom:30px;
	}
	
	.side .title {
		border-top:4px solid #000;
		padding:.5em 0 .6em;
		font-size:2.7em;
		font-family:"Circe W10 Extra Bold";
		}
		
	.side .menu li {
		font-size:1.7em;
		border-bottom:1px solid #bababa;
		}
		
		.side .menu a {
			display:block;
			padding:.85em 0 .7em;
			}
	.col-box {min-height:1px;overflow:visible;}
	
	.sticky-relative {overflow:hidden;}



/* Footer */

footer .social-links li {clear:left;}

footer .info h2,
footer p,
footer td {
	font-size:1.5em;
	line-height:1.1em;
	}
	
	footer .border-top {overflow:hidden;}
	
	footer .info h2,
	footer p,
	footer li,
	footer table {
		margin-bottom:.5em;
		}
		
	footer .info h3,
	footer li {
		font-size:1.2em;
		text-transform:uppercase;
		letter-spacing:.1em;
		}
		footer .lang {
			font-size:.8em;
			text-transform:uppercase;
			letter-spacing:.1em;
			vertical-align:top;
			}
		
		footer .info table+h3 {
			margin-top:1.1em;
			}
		footer .info h3 {
			margin-top:1.5em;
			margin-bottom:.6em;
			}
		
		footer ul ul {
			margin:.7em 0 1.3em;
			}
		
		footer li li {
			font-size:1.2em;
			text-transform:none;
			letter-spacing:0;
			margin-bottom:.25em;
			}
			
		footer td {padding:0 .5em .4em 0;}
		
footer .col a {text-decoration:underline;}
	footer .col a:hover {text-decoration:none;}

.dev {
	line-height:1em!important;
	text-align:right;
	}
	
/* Departments popup */

.departments-logo {
	display:block;
	width:280px;
	height:148px;
	background:url(../i/association-logo.svg) top center no-repeat;
	background-size:100%;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}

#departments {
	background:#fff;
	}
	
	#departments .col-box {
		padding-right:50px;
		margin-bottom:6em;
		}
		
	#departments .about p {
		font-size:1.7em;
		line-height:1.4em;
		margin-bottom:.5em;
		width:85%;
		}
			
	#departments .preview {
		max-width:80%;
		min-width:160px;
		margin-bottom:1em;
		}
		
	#departments h3 {
		font-family:"Circe W10 Bold";
		font-size:2em;
		line-height:1em;
		margin-bottom:.3em;
		}
		
/* .contact-card */
	
	.contact-card.pads {
		margin-left:4em;
		}
	
	.contact-card p {
		font-size:1.7em;
		line-height:1.2em;
		}
		
	.contact-card .link {
		margin:.5em 0 1.5em;
		}
	
	.contact-card a {text-decoration:underline;}
		.contact-card a:hover {text-decoration:none;}
		
	.contact-card .status {
		font-size:1.2em;
		text-transform:uppercase;
		letter-spacing:.1em;
		margin-top:.6em;
		}
	

/* Promo */

.promo-slider {
	position:relative;
	overflow:hidden;
	background:#e9e9e9;
	}
	
	#slider {
		position:relative;
		overflow:hidden;
		}

	
	.promo-item {
		position:relative;
		overflow:hidden;
		}
	
	.slide {
		float:left;
		position:relative;
		overflow:hidden;
		}
		
		
		.promo-content {
/*
			-webkit-transition:	all 0.6s ease;
			-moz-transition:	all 0.6s ease;
			transition:			all 0.6s ease;
*/
			}
			.promo-content .row-box {overflow:visible;}
		
		.slide .prev-link,
		.slide .next-link {
			margin-top:.07em;
			font-size:5.1em;
			display:inline-block;
			}
		
		.slide .next {
			text-align:right;
			}
			
		
		.promo-item .title {
			font-family:"Circe W10 Bold";
			font-size:6.2em;
			line-height:.92em;
			margin-bottom:.2em;
			}
			
			.promo-item .col-6-2 .title  {
				font-size:6em;
				}
			
			
		.promo-item .interval {
			font-family:"Circe W10 Bold";
			font-size:4.4em;
			line-height:1em;
			margin-bottom:.3em;
			}
			
			.promo-item .col-6-2 .interval  {
				font-size:3.2em;
				}
			
		.promo-item .details {
			font-family:"Circe W10 Bold";
			font-size:2.4em;
			line-height:1em;
			}
			
			.promo-item .col-6-2 .details  {
				font-size:2em;
				}
			
			.promo-item .details span {
				padding:0 .3em;
				}
			
		.promo-item .buy_button {
			margin-top:2em;
			font-size:2.4em;
			border:4px solid;
			}
			
		.promo-item .extra_text {
			font-size:2.1em;
			line-height:1.4em;
			}
			
		.promo-item .extra_pic {
			max-width:100%;
			}

.button {
	-webkit-transition:	box-shadow 0.3s ease;
	-moz-transition:	box-shadow 0.3s ease;
	transition:			box-shadow 0.3s ease;
	}
	.button:hover {
		text-decoration:none;
		-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
		}
		
.buy_button {
	display:inline-block;
	font-family:"Circe W10 Extra Bold";
	margin-bottom:12px;
	padding:.6em .8em .5em;
	border-radius:6px;
	font-size:2em;
	border:3px solid #000;
	}
	
	
	
	.promo-content {
		position:absolute;
		width:100%;
		top:0;
		z-index:5;
		}
	
	.promo-image {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		}
		
	.promo-hr {
		position:absolute;
		bottom:0;
		}


/* Social */

.social {
	
	}
	
	.social-links {
		/* overflow:hidden; */
		display:inline-block;
		margin-right:1em;
		padding-bottom:1.6em;
		margin-bottom:1em;
		}
	.social-links li  {
			width:40px;
			height:40px;
			float:left;
			margin-right:.5em;
			text-align:center;
			}
			.social-links li a {
				display:block;
				width:34px;
				height:34px;
				border:3px #000 solid;
				border-radius:6px;
				font-size:21px;
				line-height:37px;
				}
				
	.social h2 {
		display:inline-block;
		vertical-align:top;
		}
	
	.social-likes__button  {
		display:block;
		padding:.3em .65em 0;
		margin-bottom:0;
		font-size:2.1em;
		line-height:1.2em;
		vertical-align:top;
		}
		
	.social-likes__widget .fa {padding-right:.35em;}
	.social-likes__widget:hover {
		cursor:pointer;
		}
	
	
		
.social-likes__counter  {display:none;}
.logged-in .social-likes__counter {display:inline-block;padding-left:.5em;opacity:.5;}


/* Lang */

.lang p {
	text-align:right;
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:3.6em;
	}
	.lang p a {text-decoration:underline;}
		.lang p a:hover {text-decoration:none;}

/* Popup */

.popup {
	position:fixed;
	overflow:scroll;
	z-index:7777;
	top:0;
	left:0;
	display:none;
	width:100%;
	}
	
	
	.popup .close {
		position:absolute;
		font-size:2em;
		top:0;
		right:20px;
		}

	.popup .close .fa-times {
		font-size:2em;
		}

	
/* Home
............................................ */	
		
.social.row h2 {
	font-family:"Circe W10 Extra Bold";
	font-size:2.7em;
	line-height:1.488em;
	}
	
	.social.row h2 span {
		display:inline-block;
		position:relative;
		top:.135em;
		}
		
	.social.row .social-likes {
		display:block;
		/* overflow:hidden; */
		}
		
	.social.row .social-likes__widget {
			float:right;
			width:auto;
			height:3.4em;
			margin-left:14px;
			border:3px solid #000;
			border-radius:6px;
			}
			
.home .news .side {margin:0;padding-bottom:0;position:relative;}
.home .news {
	position:absolute;
	top:0;
	right:7%;
	width:21.5%;
	}
	
	
/* News
............................................ */		

.news-list {
		padding-top:2.1em;
		padding-bottom:30px;
		}

.news-list li {
	margin-bottom:2.1em;
	}
	
	.video-thumb-link img {
		height:100px;
		border-radius:6px;
		-webkit-transition:	box-shadow 0.3s ease;
		-moz-transition:	box-shadow 0.3s ease;
		transition:			box-shadow 0.3s ease;
		}
		
		.video-thumb-link {
			position:relative;
			display:inline-block;
			width:auto;
			height:100px;
			margin-bottom:1.5em;
			}
		.video-thumb-link .fa-play {
			position:absolute;
			top:30px;
			left:50%;
			margin-left:-14px;
			font-size:40px;
			color:#fff;			
			
			}
		.news-list a:hover img {
			-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
			box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
			}

	.news-list li .date {
		font-size:1.2em;
		text-transform:uppercase;
		letter-spacing:.1em;
		margin-bottom:.3em;
		}
		.news-list a:hover {text-decoration:none;}
			.news-list a:hover h3 {text-decoration:underline;}
		
	.news-list li h3 {
		font-size:1.7em;
		line-height:1.05em;
		font-family:"Circe W10 Bold";
		}


	/* Video */
	
	.embed object,
	.embed embed,
	.embed .fc-panel {margin:0 auto;text-align:center;}
	
	.ugc .video-wrapper iframe {
		width:100%;
		}

/* Pages
............................................ */		

.group_title {
	border-top:4px solid #000;
	padding:.5em 0 1.1em;
	font-size:2.7em;
	font-family:"Circe W10 Bold";
	}

.title + .button {
	margin-top:1em;
	}

		
/* Content page 
............................................ */		


.content-page .sidenav {
	width:auto;
	width:17em;
	}
	
.content-page .col-ugc {
	width:50%;
	min-width:500px;
	/* max-width:660px; */
	}
	

	
	

/* Events 
............................................ */	
	
.grid {
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:2em;
	position:relative;
	overflow:hidden;
	}
	
	.grid li {
		display:inline-block;
		vertical-align:top;
		}
		
		.home .grid li {width:50%;}
		.events .grid li {width:33.33%;}
		
		.grid a {
			display:block;
			margin:0 20px 40px;
			background:#fff;
			border-radius:6px;
			overflow:hidden;
			-webkit-transition:	box-shadow 0.3s ease;
			-moz-transition:	box-shadow 0.3s ease;
			transition:			box-shadow 0.3s ease;
			}
			
			.grid a:hover {
				-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
				-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
				box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.25);
				text-decoration:none;
				}
	
	.grid img {
		display:block;
		}
		
	.grid .ill {
		overflow:hidden;
		height:210px;
		opacity:0;
		-webkit-transition:	opacity 0.3s ease;
		-moz-transition:	opacity 0.3s ease;
		transition:			opacity 0.3s ease;
		}
			.grid .ill.show {
				opacity:1;
				}
			
			.grid .ill img {
				width:auto;
				max-width:none;
				}
	
	.grid .content {
		padding:23px 20px 25px;
		}
		
		.grid h3 {
			font-size:2.1em;
			line-height:1.1em;
			font-family:"Circe W10 Bold";
			margin-bottom:.3em;
			}
		.grid .interval {
			font-size:1.2em;
			text-transform:uppercase;
			letter-spacing:.1em;
			margin-bottom:1em;
			} 
		.grid .description {
			font-size:1.5em;
			line-height:1.2em;
			margin-bottom:1em;
			}
			
		.grid .place {
			color:#222;
			font-size:1.5em;
			line-height:1.2em;
			margin-bottom:1em;
			}
			
			
.event-page .ugc {
	width:70%;
	}

.logos {
	padding-top:3em;
	}
	
	.logos-list {
		}
	
	.logos-list li {
		display:inline-block;
		margin-right:2.5em;
		margin-bottom:3em;
		vertical-align:middle;
		}
		
		.logos-list img {
			max-width:120px;
			max-height:80px;
			vertical-align:middle;
			}

.event-page .buy_button,
.event-page .social-likes__widget  {
	padding:0!important;
	display:block;
	width:100%;
	text-align:center;
	}
	
	.event-page .buy_button {
		line-height:.9em;
		margin-bottom:2em;
		}
	.event-page .buy_button span {
		display:block;
		width:auto;
		margin:.5em auto .4em;
		padding:0 .3em;
		}
	
	.event-page .social-likes__widget {
		font-size:.85em;
		line-height:.8em;
		border-radius:6px;
		border:2px solid #000;
		margin-bottom:1em;
		}
		
		.event-page .social-likes__button {
			padding-top:.5em;
			}

.content-page .news-list {
	font-size:1.2em;
	}

.fotorama {
	width:100%;
	background:#fff;
	border-radius:6px;
	margin:3em 0 5em;
	}
	.ugc .fotorama {
		margin:5em 0;
		}
	
	.fotorama__wrap {
		width:auto!important;
		margin:25px 15px 0;
		}
		
	.fotorama__nav-wrap {
		padding-top:1em;
		padding-bottom:1em;
		}
		
		.fotorama__nav__frame .fotorama__dot {
			border-color:#bfbfbf;
			background:#bfbfbf;
			}
			
			.fotorama__nav__frame.fotorama__active .fotorama__dot {
				border-color:#7f7f7f;
				background:#7f7f7f;
				}
				
	.fotorama__caption {
		text-align:center;
		}
		.fotorama__caption__wrap {
			font-family:'Circe W10 Regular', Helvetica, Arial, Sans-serif;
			}

/* Partners
............................................ */	

.partners .logos-list {
	margin-bottom:3em;
	text-align:center;
	}

	.partners .logos-list li {
		display: inline-block;
		width:180px;
		height:120px;
		margin: 0 3em 6em;
		text-align:center;
		vertical-align: middle;
		line-height:120px;
		}
	.partners .logos-list img {
		max-width:180px;
		max-height:120px;
		vertical-align:middle;
		}
/* Contacts
............................................ */	

.contacts .social-links {margin-top:2em;}

.contacts .item {
	overflow:hidden;
	background:#fff;
	border-radius:6px;
	margin-bottom:4em;
	position:relative;
	}
	
	.contacts .info {
		padding:25px 20px 50px;
		}
		
		.contacts .info h2 {
			font-size:2.7em;
			line-height:.8em;
			margin-bottom:.5em;
			}
		.contacts .info p,
		.contacts .info table {
			font-size:1.5em;
			line-height:1.1em;
			}
		.contacts .info p,
		.contacts table {
			margin-bottom:.7em;
			}
			
		.contacts .info td {
			padding: 0 .5em .4em 0;
			}
			
		.contacts .info .address,
		.contacts .info .phone,
		.contacts .info .email {
			font-size:2.1em;
			}
		.contacts .info .address {
			margin-bottom:0;
			}	
		.contacts .info .phone {
			margin-bottom:.5em;
			}
		
		.contacts .info h3,
		.contacts .info .status {
			font-size:1.2em;
			text-transform:uppercase;
			letter-spacing:.1em;
			margin-top:1.5em;
			margin-bottom:.6em;
			}
		
		.status i {
			color:red;
			}
		
		.contacts .info .email {
			position:absolute;
			left:20px;
			bottom:10px;
			}
			
			
		.contacts .map {min-height:400px;}
	
/* Responsive
------------------------------------------------------------------------- */

/* Retina
............................................ */

@media only screen and (min-width: 760px) and 
and (-webkit-min-device-pixel-ratio: 2.0) {

.depkult {
	background-image:url(../i/depkult@2x.png);
	}
		
}


/* Wide
............................................ */

@media only screen
and (min-width : 1440px) {

.main-nav hr.row-box {
	max-width:1360px;
	margin-left:auto;
	margin-right:auto;
	}
.row-box {
	max-width:1360px;
	margin:0 auto;
	}

	.row.cols .row-box  {
		max-width:1380px;
		margin:0 auto;
		}

/*
	hr.pads {
		margin:0 auto;
		max-width:1360px;
		}
*/

}

/* Narrow
............................................ */

@media only screen 
and (max-width : 1270px) {

body {
	font-size:9px;
	}
	
#header .col-6-1 {
	width:20%;
	}
	
#header .col-6-4 {
	width:60%;
	}
	
		
	#header .departments-link .departments-title.col4 {
		width:100%;
		}
		
		header .departments-link h2 .fa {
			position:relative;
			top:0;
			left:0;
			}
		
	#header .departments-link .col4 {
		width:33.33%;
		}
		
		#header .departments-link .col4 h2,
		#header .departments-link .col4 li {
			margin:0 10px 10px;
			}

.grid {
	margin-left:-10px;
	margin-right:-10px;
	}

.grid a {
	margin: 0 10px 20px;
	}
	
}


/* Short
............................................ */

@media only screen 
and (min-height : 600px) {


	
}


/* Tablet
............................................ */

@media only screen 
and (max-width : 1024px) {

body {
	font-size:8.5px;
	}
	


#header {
	padding-bottom:3em;
	}
	
	h1.logo {
		width: 120px;
		height: 51px;
		}
	
	#header .col-6-1 {
		width:22.5%;
		}
		
	#header .col-6-4 {
		width:55%;
		}
	
.main-nav ul {
	padding-top:1.1em;
	padding-bottom:1.1em;
	}
	
	.main-nav li a {
		padding:.3em 0;
		}
		
.events .grid li {
	width:50%;
	}

		
	
.side .title {
	font-size:2.4em;
	}


.contacts.row .col3 {
	width:42%;
	}
	
.contacts.row .col6 {
	width:58%;
	}



}

@media only screen 
and (max-width : 900px) {
	
#header .departments-link .col4 {
	width:50%;
	}
			
.home .main .col-6-1,
.home .main .col-6-3  {
	width:68%;
	}
	
	.home .main .side {
		margin-right:0;
		padding-bottom:2em;
		}
		
	.home .news {
		width:28%;
		padding:0;
		right:20px;
		}
		
	.grid .content {
		padding: 18px 15px 25px;
		}
		
.home .social .col.col2 {width:70%;}
.home .social .col.col2.lang {width:30%;}
		
footer .col-6-1.social,
footer .col-6-1.dev {
	width:100%;
	}
footer .col-6-1 {
	width:25%;
	}
	
footer .social-links li {
	clear:none;
	}
	
.event-page {
	
	}
	
	.single .promo-content .col-6-1,
	.event-page .blank {
		display:none;
		}
	
	.event-page .col-6-1 {
		width:28%;
		margin-left:5.33%;
		float:right;
		}
	
	.event-page .ugc {
		width:100%;
		}
	
.contacts.row .col3 {
	width:50%;
	}
	
.contacts.row .col6 {
	width:50%;
	}

}




/* Mobile
............................................ */

.inner-header .mobile-nav-link {display:none;}
.mobile-only {display:none;} 
.desktop-only {display:block;}

@media only screen 
and (max-width : 740px) {

.mobile-only {display:block;}
.desktop-only {display:none!important;}


a:hover,
a.icon-link:hover span,
a.icon-link:hover div span {text-decoration:none;}


.buy_button {display:none!important;}

body {
	padding-top:58px;
	}

/* Global grid */

.row.cols .row-box {
	padding:0;
	}

.col {
	float:none;
	width:100%!important;
	}

.col2,
.col3,
.col20,
.col70 {
	width:100%;
	position:relative!important;
	}
	
.col+.col {
	margin-top:1em;
	}
	

.social {
	padding:.5em 0 .3em;
	}

/* Header and nav */

#header {
	width:100%;
	position:fixed;
	padding-top:7px;
	padding-bottom:11px;
	z-index:4444;
	top:0;
	left:0;
	}
	
	h1.logo {
		width:94px;
		height:40px;
		}

.mobile-nav-link {
	position:absolute;
	top:0;
	right:0;
	font-size:2em;
	padding:.75em 10px;
	}
	
	.mobile-nav-link i {
		margin-left:.3em;
		}


nav.main-nav {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:3333;
	overflow:scroll;
	}

nav.invert,
.main-nav .panel {
	color:#000;
	background:#fff;
	padding-bottom:60em;
	}
	
	nav.invert a {
		color:#000;
		}
	
	.nav-contacts {
		font-size:1.9em;
		overflow:hidden;
		border-bottom:1px solid #dcdcdc;
		}
		
		.nav-contacts p {
			padding:1.1em 0 1em;
			}
			
			.nav-contacts a {margin:0 10px;}
		
		.nav-contacts .address {
			float:left;
			width:54%;
			border-right:1px solid #dcdcdc;
			}
		.nav-contacts .phone {
			float:right;
			width:45%;
			text-align:right;
			}
	
	.main-nav .row-box {padding:0;}
	
	.main-nav .panel {margin-bottom:0;}
	
	.main-nav ul {
		margin:0;
		padding:0;
		}
		
		.main-nav li {
			width:100%;
			margin:0;
			padding:0;
			text-align:center;
			border-bottom:1px solid #dcdcdc;
			}
			
			.main-nav li a {
				display:block;
				padding:.9em 1em .75em;
				margin:0;
				}


.home .promo-content .row-box {overflow:visible;}
.home .promo-content .col-6-1 .col-box {
	width:6em!important;
	height:6em;
	position:absolute;
	top:-8em;
	}
	
	.home .promo-content .col-6-1 .prev {
		left:0;
		}
	.home .promo-content .col-6-1 .next {
		right:0;
		text-align:right;
		}
		
		
	.promo-item .title {
			font-family:"Circe W10 Bold";
			font-size:3.2em;
			line-height:1em;
			margin-bottom:.2em;
			}
			
			.promo-item .col-6-2 .title  {
				font-size:3.2em;
				}
			
			
		.promo-item .interval {
			font-family:"Circe W10 Bold";
			font-size:2.4em;
			line-height:1em;
			margin-bottom:.6em;
			}
			
			.promo-item .col-6-2 .interval  {
				font-size:2.4em;
				}
			
		.promo-item .details {
			font-family:"Circe W10 Bold";
			font-size:1.6em;
			line-height:1em;
			}
			
			.promo-item .col-6-2 .details  {
				font-size:1.6em;
				}
			
			.promo-item .details span {
				padding:0 .3em;
				}
			
		.promo-item .buy_button {
			margin-top:1.2em;
			display:block;
			text-align:center;
			font-size:2.4em;
			border:4px solid;
			}
			
		.promo-item .extra_pic {
			margin-top:1.8em;
			}
			
			
		.promo-item .extra_text {
			margin-top:1.8em;
			font-size:1.6em;
			line-height:1.4em;
			}
			
		.promo-content.vpad-10-10 {
			padding-bottom:3em;
			}
		.promo-content.vpad-10-10.no-bg {
			padding-top:2em;
			}
		
		
.social {
	text-align:center;
	}
	
	.home .social .row-box {
		padding:3.5em 0 1em;
		}
	
	.social-links {
		margin-right:0;
		margin-bottom:0;
		padding-bottom:1em;
		}
	.social-links li  {
			float:none;
			display:inline-block;
			margin:0 .5em;
			text-align:center;
			}
		
	.social h2 {margin-bottom:0;}
		
	.social.row .social-likes__widget {
		float:none;
		margin:1em 0 0;
		height:auto;
		}
		
	.social-likes__button {
		padding:.5em .65em .4em;
		line-height:1.4em;
		}
	
	.social .lang {
		display:none;
		font-size:1.3em;
		}
		.social .lang p {
			text-align:center;
			line-height:1em;
			}
		

.side {
	margin-right:0;
	padding-bottom:15px;
	}
	
.side .title {
	font-size:3em;
	padding-bottom:0;
	}
.side .menu {
	margin-top:1em;
	}


.group_title {
	padding-bottom:.6em;
	}


footer .col.col-6-1 {
	float:left;
	width:50%!important;
	}

	footer .col.col-6-1.dev {
		width:100%!important;
		text-align:center;
		padding-top:2em;
		}
		
.vpad-6-6 {
	padding-top:2em;
	padding-bottom:2em;
	}	
.vpad-3-6 {
	padding-bottom:2em;
	}
.vpad-6-10 {
	padding-top:2em;
	padding-bottom:4em;  
	}

.content-page .col-ugc {min-width:0;}

.ugc-main {
	margin:1em auto 1em;
	}

.ugc {
	font-size:1.8em;
	}
	
	.ugc h1 {
		font-size:1.8em;
		}
		
	.ugc h2 {
		font-size:1.5em;
		}
	
	.ugc h3 {
		font-size:1.3em;
		}

.fotorama {
	margin:2em 0 4em;
	}
	.ugc .fotorama {margin-top:4em;}
	.fotorama__wrap {
		margin:20px 6px 0;
		}
		
.event-page .col-6-1:last-child {
	margin-top:4em;
	}
	.event-page .col-6-1:last-child .side {padding-bottom:0;}


.news-list {padding-bottom:0;}
.news-list li:last-child {margin-bottom:0;}

.partners .logos-list {
	margin-bottom:1em;
	}

	.partners .logos-list li {
		width:120px;
		height:80px;
		margin: 0 1em 2em;
		line-height:80px;
		}
	.partners .logos-list img {
		max-width:120px;
		max-height:80px;
		}


.contacts .info {
	padding: 20px 15px 10px;
	}
	
	.contacts .info h3 {
		font-size:1.4em;
		}
	.contacts .info p,
	.contacts .info table {
		font-size:1.8em;
		line-height:1.2em;
		}

.contacts .info .email {
	position:relative;
	left:auto;
	bottom:auto;
	}
	
.contact-card.pads {
	margin-top:2em;
	margin-left:0;
	}
	
.map {display:none;}

.mobile_map_link {
	margin-top:1.2em;
	display:block;
	border-radius: 6px;
 	font-size: 2em;
	border: 3px solid #000;
	line-height: .9em;
	padding:.7em;
	text-align:center;
	}	
	
		
.popup .close .fa-times {
  top: 12px;
  right: 12px;
  font-size:.8em;
  }
		

}

@media only screen 
and (max-width : 400px) {

.hw {
	float:none;
	width:auto;
	}

.grid li {
	width: 100%!important;
	}


}