@font-face {
    font-family: 'fontello';
    src: url("../font/fontello.eot");
    src: url("../font/fontello.eot?#iefix") format('embedded-opentype'), url("../font/fontello.woff") format('woff'), url("../font/fontello.ttf") format('truetype'), url("../font/fontello.svg#fontello") format('svg');
    font-weight: normal;
    font-style: normal;
}


#page {
	position: relative;
	opacity: 1;
	filter: alpha(opacity = 100);
	transition: opacity .2s ease-in-out;
   	-moz-transition: opacity .2s ease-in-out;
   	-webkit-transition: opacity .2s ease-in-out;
   	min-height: 100%;
   	max-width: 100%;
}

#page.desktop .section-wrapper.type_news, #page .news-detail-box {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


#page.scroll-y {
    overflow-y: scroll;
}

#page > .section-wrapper { padding: 50px 0px;}
#page > .section-wrapper.type_slideshow { padding: 0px; background: #fff;}

#page.desktop > .section-wrapper {
    z-index: 0;
}

.container, .content {
	max-width: 920px;
	margin: 0 auto;
	position: relative;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 0;
}

.container.full-width, .full-width {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body > .spinner {
	display: none;
}

body.loading > .spinner {
	display: block;
}

body.loading #page {
	opacity: 0;
	filter: alpha(opacity = 0);
}

body.no-scroll {
    overflow: hidden;
}

header {
	background: #353535;
	padding: 20px;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

header .text-under-menu {
    margin: 0 -20px -20px;
}

header.opacity {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1000;
}

header > .container > .inner {
	display: table;
    height: 100%;
    min-height: 60px;
	top: 0;
}


header .logo {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

header .logo a {
	display: inline-block;
    text-decoration: none;
}

header .logo-text a { white-space: nowrap; }

header .logo img {
	border: none;
}

header nav.menu {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 0;
}

header nav.menu .menu-item {
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

header nav.menu .menu-item, header nav.menu .menu-item a {
	font-size: 16px;
	text-decoration: none;
	color: #7a7a7a;
	line-height: 1.5em;
}

/* Header alternate */

header.alternate {
    display: block;
    padding: 0px;
    position: fixed;
    margin: 0px;
    top: 0px;
    text-align: center;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

header.alternate nav.menu { display: block; }
header.alternate .container { padding-top: 13px; margin-bottom: 17px }
header.alternate .inner { margin: 0 auto; min-height: 0 }

header.alternate.visible { visibility: visible; display: block }

header .text-under-menu a { display: inline-block }

section {
	margin: 0px;
	padding: 0px;
}

/* Gallery */
section.gallery .about {
	display: none;
	padding-top: 20px;
}

section.gallery .about .counter {
	color: #afafaf;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: -0.02em;
	font-weight: auto;
	padding-right: 20px;
}

section.gallery .about .title {
	color: #353535;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

section.gallery .about .desc  {
	padding-top: 18px;
	font-size: 14px;
	letter-spacing: -0.02em;
}

/* Grid cell */
.one-height-grid {}
.one-height-grid-row { padding: 0; margin: 0;}
.one-height-grid-row:after {clear: both}
.one-height-grid-row .one-height-grid-cell {float: left; padding: 0; margin: 0; overflow: hidden;}
.one-height-grid-row .one-height-grid-cell  img {
    display: block; opacity: 0;
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
    margin: 0 auto;
}

/* Section Container */
section > .container {
	position: relative;
	display: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	height: 0;
}

section.video > .container {
	padding-bottom: 0px;
}

section > .container section {
	visibility: hidden;
	padding-top: 0;
	margin-bottom: 0;

}

section > .container.state-showing .navCategory,
section > .container.state-loading .navCategory {
	visibility: hidden;
}

section > .container a.close {
	position: relative;
	display: block;
	font-family: Verdana;
    text-decoration: none;
    z-index: 1000;
    text-align: center;
    margin-bottom: 54px;
    padding-top: 34px;
}

section > .container a.close .icon-cancel {
	font-size: 45px;
	color: #d4d4d4;
}

section > .container > .spinner {
	display: none;
}

/* Form Elements */
.f-text,
.f-textarea {
	outline: none;
	font-family: Arial;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding: 5px 19px;
	margin: 0 0 42px 0;
	resize: none;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	border-bottom: 1px solid #dddddd;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background: transparent;
}

.f-text {
	height: 34px;
}

.f-textarea {
	height: 110px;
}

.button {
	border: 1px solid #dddddd;
	background: transparent;
	color: #a8a8a8;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	line-height: 13px;
	padding: 15px 36px;
	margin: 0;
	font-weight: 400;
	display: inline-block;
}

.button.large {
	border-radius: 31px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -0.02em;
	padding: 17px 0;
	margin: 0;
	outline: none;

}

.circle-button {
	background: #c85952;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	cursor: pointer;
	font-family: Arial;
}

.circle-button { text-decoration: none;}

.circle-button i {
	position: relative;
	top: 11px;
	vertical-align: top;
}

.circle-button.large {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	font-size: 25px;
}

.circle-button.large i {
	top: 16px;
}

.scroll-to-top {
	position: absolute;
	left: 0px;
	top: 0;
	display: block;
}

.scroll-to-top i {
	top: 7px;
}

/* --- News --- */
.fluid-grid .item {
    margin: 10px;
    background: #eee;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1 ease-out;
}

.fluid-grid .item .date, .item .text{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 15px;
    width: 100%;
    background: #fff;
    font-size: 10px;
}

.fluid-grid .item:hover {
    cursor: pointer;
}

.fluid-grid .item .text {
    font-size: 11px;
}

.fluid-grid .item img {
    width: 100%;
    display: block;
    opacity: 1;
    filter: alpha(opacity = 100);
}

.fluid-grid .item img.blank {
    height: 0;
}
.fluid-grid .item.loading {
    opacity: 0;
    filter: alpha(opacity = 0);
}

.news .fluid-grid .item {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4 ease-out;
}

.news .fluid-grid.hover .item { opacity: 0.8; }
.news .fluid-grid.hover .item:hover { opacity: 1 }

.news-button-box {
    padding: 40px 0px 0px 0px;
    text-align: center;
    min-height: 86px;
}

.photos-loading,
.news-loading {
	height: 42px; margin: 0 0 6.5%; display: none; opacity: 0; 	filter: alpha(opacity = 0);
}

.photos-loading > .spinner,
.news-loading > .spinner {
	display: block;
}

.news-detail-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: rgba(210,193,83,0.5);
     -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.news-detail-box.scroll-y {
    visibility:hidden;
    display:block;
}

.news-detail-box .news-detail {
    position: relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 15px;
    background: #fff;
}

.news-detail-box .news-detail .close {
    position: absolute;
    right: 25px;
    top: 19px;
    z-index: 9999;
}

.news-detail-box .news-detail .news-detail-text .date {
    font: 12px Arial;
    padding-bottom: 20px;
}

.news-detail-box .news-detail .news-detail-text h2 {
    font-size: 20px;
    padding: 0px 0px 50px 0px;
    margin: 0px;
    text-align: left;
}

.news-detail-box .news-detail .news-detail-text .text {
    padding-bottom: 50px;
}

.news-detail-box .one-height-grid {
    padding-bottom: 50px;
}

.news-detail-box .social-box {
    padding-top: 0px;
}

.news-detail-box .news-page-control {
    margin: 0;
    padding: 50px 0px 35px 0px;
}

.social-icons, .share-box {padding:0 0 15px 0; text-align: center}
.social-icons i {font-size: 24px; margin: 0px 5px 5px 5px;}
.social-icon-box a { text-decoration: none; }

/* --- Footer ---*/
footer {
	background: #d2c153;
	padding: 30px 0 35px 0;
	font-size: 14px;
	letter-spacing: -0.02em;
	position: absolute;
	bottom: 0;
	width: 100%;
    /* position: relative; */
}

footer .container .social {white-space: nowrap; vertical-align: top; text-align: center;}
footer .container .copyright-text {margin-bottom: 20px; text-align: center; font-size: 14px;}
footer .container .copyright-text .copyright {padding-top: 15px;}
footer .container .copyright-text .copyright a {text-decoration: none}
/*** Share ***/
.social-box {
	text-align: center;
    padding-top: 40px;
}

.social-box .button {
    border: none;
    background: none;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    padding: 0px;
    margin: 0;
    border-radius: 0px;
    font-weight: 400;
    letter-spacing: 1;
    display: block;

}

.social-box .share {
	display: inline-block;
	height: 21px;
	margin-right: 8px;
	margin-bottom: 8px;
	vertical-align: top;
	letter-spacing: 0;
}

.social-box .share:last-child {
	margin-right: 0;
}

.copy-protector.tooltip {
	display: none;
	position: absolute;
	background: white;
	padding: 4px;
	border-radius: 5px;
	font-size: 11px;
	z-index: 9999;
	opacity: 0.7
}
.copy-protect {
    -webkit-user-select: none;                /* disable cut copy paste */
    -webkit-touch-callout: none;              /* disable callout, image save panel */
    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}

/* img.copy-protect {-webkit-backface-visibility: hidden;} */

.share-box { /*position: absolute; top: -50px;*/ }
.submit { cursor: pointer; }

@media screen and (max-width:960px) {
	.container {
		max-width: 960px;
	}

    .container.full-width, .full-width {
        max-width: 960px;
        max-width: 960px;
        margin: 0;
    }

	.f-text, .f-textarea {
		padding: 10px 19px;
		font-size: 16px;
	}

	.circle-button.large {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		font-size: 17px;
	}

	.circle-button.large i {
		top: 9px
	}

	.lenta .lenta-next {
		margin-right: -60px;
	}

	.lenta .lenta-prev {
		margin-left: -60px;
	}

	.button.large {
		font-size: 16px;
		line-height: 30px;
		padding: 10px;
		border-radius: 25px;
	}

	.scroll-to-top {
		left: 20px;
	}
}



/* Grid wrapper */
.static-grid {
    visibility: hidden;
    position: relative;
    width: 100%
}

.static-grid:after  {
    clear: both;

}

/* Grid cell */
.static-grid .static-grid-item {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.static-grid.pointer {
    cursor: pointer;
}

.static-grid .static-grid-item .static-grid-cell {
    position: relative;
    height: 100%;
    margin: 0px;
}

/* Image */
.static-grid .static-grid-item  .static-grid-cell .image {
   width: 100%;
   overflow: hidden;
}

.static-grid .static-grid-item  .static-grid-cell .image.h  img.w,
.static-grid .static-grid-item  .static-grid-cell .image.w  img.w  {max-width: 100%}
.static-grid .static-grid-item  .static-grid-cell .image.h  img.h,
.static-grid .static-grid-item  .static-grid-cell .image.w  img.h {max-height: 100%}

/* Transition */
.static-grid .static-grid-item  .static-grid-cell .image img,
.static-grid.hover .static-grid-item  .static-grid-cell .description {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4 ease-out;
    /*
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; */
}

.static-grid .static-grid-item  .static-grid-cell .image img {
    background: rgba(255, 255, 255, 1);
    opacity: 0;
}

.static-grid .static-grid-item  .static-grid-cell .image img.loaded {
    opacity: 1;
}

.static-grid.pointer .static-grid-item  .static-grid-cell:hover .image img {
    opacity: 0.8;
}

.static-grid.hover .static-grid-item  .static-grid-cell:hover .image img {
    opacity: 0.4
}

/* Description */
.static-grid.hover .static-grid-item  .static-grid-cell  .description {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
 	height: 100%;
 	width: 100%;
    opacity: 0;
}

.static-grid.hover .static-grid-item  .static-grid-cell:hover .description {
    opacity: 1;
}

/* Description bottom */
.static-grid .static-grid-item  .static-grid-cell  .description {
    position: relative;
    opacity: 1;
}

.static-grid .static-grid-item  .static-grid-cell  .description .cell {
    display: table;
    width: 100%;
    height: 100%
}

.static-grid .static-grid-item  .static-grid-cell  .description .cell .middle {
 	display: table-cell;
    text-align: center;
	vertical-align: middle;
    color: #333;
    font-size: 14px;
    padding: 5px 5px 0px 5px;
}

/* Transition */
.static-grid.hover.static-grid-item  .static-grid-cell .image img,
.static-grid.hover .static-grid-item  .static-grid-cell .description {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* Grid width */
.static-grid.c1 .static-grid-item {width: 100%}
.static-grid.c2 .static-grid-item {width: 50%}
.static-grid.c3 .static-grid-item {width: 33.3333%}
.static-grid.c4 .static-grid-item {width: 25%}
.static-grid.c5 .static-grid-item {width: 20%}
.static-grid.c6 .static-grid-item {width: 16.6666%}
.static-grid.c7 .static-grid-item {width: 14.2857%}
.static-grid.c8 .static-grid-item {width: 12.5%}
.static-grid.c9 .static-grid-item {width: 11.1111%}
.static-grid.c10 .static-grid-item {width: 10%}

/* Clear float for last grid irem in row */
.static-grid.c1 .static-grid-item,
.static-grid.c2 .static-grid-item:nth-child(2n + 1),
.static-grid.c3 .static-grid-item:nth-child(3n + 1),
.static-grid.c4 .static-grid-item:nth-child(4n + 1),
.static-grid.c5 .static-grid-item:nth-child(5n + 1),
.static-grid.c6 .static-grid-item:nth-child(6n + 1),
.static-grid.c7 .static-grid-item:nth-child(7n + 1),
.static-grid.c8 .static-grid-item:nth-child(8n + 1),
.static-grid.c9 .static-grid-item:nth-child(9n + 1),
.static-grid.c10 .static-grid-item:nth-child(10n + 1) {
    clear: both;
}

/* Mobile */
@media only screen and (max-width: 640px) {
    .static-grid.c1 .static-grid-item,
    .static-grid.c2 .static-grid-item,
    .static-grid.c3 .static-grid-item,
    .static-grid.c4 .static-grid-item,
    .static-grid.c5 .static-grid-item,
    .static-grid.c6 .static-grid-item,
    .static-grid.c7 .static-grid-item,
    .static-grid.c8 .static-grid-item,
    .static-grid.c9 .static-grid-item,
    .static-grid.c10 .static-grid-item   {
        clear: both;
        width: 100%;
    }

}

#page > .section-wrapper {
    position: relative;
    /*-webkit-transform: translate3d(0,0,0);*/ /* Windows 10 problem*/
    /*background-color: #fff;*/
}

#page > .section-wrapper.ghost {
    display: none;
    padding: 0;
	width: 100%;
    /*will-change: transform;*/
    /*transform: translateY(0);*/
}


.section-wrapper.type_slideshow{
	 position: absolute;
	 top:0;
	 width:100%;
     will-change: transform;
    transform: translateY(0);
 }

.section-wrapper.type_slideshow.fixed{
	position: fixed;
}

.tablet-lenta {
    font-size: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.tablet-lenta > div {
    display: inline-block;
    overflow: hidden;
}

strong {
    font-weight: bold;
}