@font-face {
	font-family: 'Gotham Pro';
	src: url('../files/fonts/GothamPro.eot');
	src: url('../files/fonts/GothamPro.eot') format('embedded-opentype'),
	url('../files/fonts/GothamPro.woff') format('woff'),
	url('../files/fonts/GothamPro.ttf') format('truetype'),
	url('../files/fonts/GothamPro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../files/fonts/GothamPro-Light.eot');
	src: url('../files/fonts/GothamPro-Light.eot') format('embedded-opentype'),
	url('../files/fonts/GothamPro-Light.woff') format('woff'),
	url('../files/fonts/GothamPro-Light.ttf') format('truetype'),
	url('../files/fonts/GothamPro-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../files/fonts/GothamPro-Medium.eot');
	src: url('../files/fonts/GothamPro-Medium.eot') format('embedded-opentype'),
	url('../files/fonts/GothamPro-Medium.woff') format('woff'),
	url('../files/fonts/GothamPro-Medium.ttf') format('truetype'),
	url('../files/fonts/GothamPro-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Pro';
	src: url('../files/fonts/GothamPro-Bold.eot');
	src: url('../files/fonts/GothamPro-Bold.eot') format('embedded-opentype'),
	url('../files/fonts/GothamPro-Bold.woff') format('woff'),
	url('../files/fonts/GothamPro-Bold.ttf') format('truetype'),
	url('../files/fonts/GothamPro-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

*, a:focus {
	outline: none;
}
img {
	display:block;
}
a {
	color: inherit;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 110%;
}
ul, ol {
	padding-left: 20px;
}
html {
	width: 100%;
	height: 100%;
	font-size: 10px;
}
body {
	font-family: 'Gotham Pro', Helvetica, Arial, sans-serif;
	font-weight: normal;
	position: relative;
	background: #ffffff;
	color: #333;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
}

#body_frame, #centrer2, .load_frame, .scroll_frame {
	position: relative;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}

.page404_frame {
	height: 100vh;
}

.page404_frame h1 {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	text-align: center;
}

.popup_overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.84);
}

.popup_overlay.gallery_popup {
	background-color: rgba(255, 255, 255, 0.95);
}

.gallery_popup .g_btn_area:before,
.gallery_popup .g_btn_area:after {
	display: none;
}

.not-resizable {
	position: relative;
	width: 1280px;
	min-height: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

	.not-resizable {
		width: 1100px;
	}

}

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

	.not-resizable {
		width: 960px;
	}

}

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

	.not-resizable {
		width: 840px;
	}

}

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

	body {
		padding-top: 0;
	}

	.not-resizable {
		width: 100%;
	}

}

#preloader_frame {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
}

#preloader_frame.page-change, body.search #preloader_frame, body.favorite #preloader_frame {
	background-color: rgba(255, 255, 255, 0.95);
}

.preloader_img {
	position: absolute;
	width: 7em;
	height: 7em;
	top: 50%;
	left: 50%;
	margin: -3.5em;
}


#popup_video, .video_popup_center {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.close_btn {
	position: absolute;
	width: 4.6em;
	height: 4.6em;
	top: 0;
	right: 0;
	cursor: pointer;
	background-color: #676767;
}

.close_btn:after {
	content: '';
	position: absolute;
	width: 2.2em;
	height: 2.2em;
	top: 50%;
	left: 50%;
	margin: -1.1em 0 0 -1.1em;
	background: url('../i/sprite.svg?v6') -20.1em -0.5em;
	-webkit-background-size: 100em 100em;
	background-size: 100em 100em;
}

.div_100 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* Header */

.header {
	position: relative;
	width: 100%;
	height: 5em;
	z-index: 11;
	background-color: #ffffff;
}

.header:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.header__margin {
	position: relative;
	height: 5em;
}

.logo {
	position: relative;
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.header__slideshow {
	position: relative;
	padding-bottom: 20%;
	background-color: #000000;
}

.home_frame .header__slideshow {
	padding-bottom: 30%;
}

.header__slideshow-images {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.header__slideshow-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.menu__frame {
	position: relative;
}

.menu__item {
	position: relative;
	height: 6em;
	padding: 0;
	/*border-right: none;*/
	text-align: center;
}

.menu__item:first-child {
	/*border-left: none;*/
}

.menu__item > .menu__link {
	display: block;
	height: 100%;
	text-align: center;
	white-space: nowrap;
	color: #585a61;
}

.menu__link.active {
	/*background-color: #efefef;*/
	/*color: #585a61;*/
	font-weight: bold;
}

.menu__link:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.menu__link > span {
	display: inline-block;
	position: relative;
	margin-left: -0.1em;
	vertical-align: middle;
	font-size: 1.7em;
	text-decoration: none;
	line-height: 1.2;
	white-space: normal;
}

.menu__link > span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	top: 100%;
	left: 0;
	opacity: 0;
	background-color: #585a61;
	-webkit-transition: width .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: width .3s ease-in-out, opacity .3s ease-in-out;
	-ms-transition: width .3s ease-in-out, opacity .3s ease-in-out;
	-o-transition: width .3s ease-in-out, opacity .3s ease-in-out;
	transition: width .3s ease-in-out, opacity .3s ease-in-out;
}

.menu__link:hover > span:after {
	width: 100%;
	opacity: 1;
}

.menu__button {
	position: absolute;
	width: 6em;
	height: 5em;
	top: 0;
	right: 0;
	cursor: pointer;
}



/*.menu__button {*/
	/*display: inline-block;*/
	/*position: relative;*/
	/*width: 7.5em;*/
	/*height: 9em;*/
	/*cursor: pointer;*/
	/*background-color: #2f2d2e;*/
	/*-webkit-transition: background-color .3s;*/
	/*-moz-transition: background-color .3s;*/
	/*-ms-transition: background-color .3s;*/
	/*-o-transition: background-color .3s;*/
	/*transition: background-color .3s;*/
/*}*/

/*.menu__button:hover, .menu-opened .menu__button {*/
	/*background-color: #222021;*/
/*}*/

.menu__button-icon {
	position: absolute;
	width: 2.4em;
	height: 0.4em;
	top: 50%;
	left: 50%;
	margin: -0.2em 0 0 -1.2em;
	background-color: #000000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-ms-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s;
}


.menu__button-icon:before, .menu__button-icon:after {
	content: '';
	position: absolute;
	width: 2.4em;
	height: 0.4em;
	left: 0;
	background-color: #000000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-transition: -webkit-transform .4s ease-in-out;
	-moz-transition: -moz-transform .4s ease-in-out;
	-ms-transition: -ms-transform .4s ease-in-out;
	-o-transition: -o-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
}

.menu__button-icon:before {
	-webkit-transform: translateY(-0.9em);
	-moz-transform: translateY(-0.9em);
	-ms-transform: translateY(-0.9em);
	-o-transform: translateY(-0.9em);
	transform: translateY(-0.9em);
}

.menu__button-icon:after {
	-webkit-transform: translateY(0.9em);
	-moz-transform: translateY(0.9em);
	-ms-transform: translateY(0.9em);
	-o-transform: translateY(0.9em);
	transform: translateY(0.9em);
}

.menu-opened .menu__button-icon {
	background-color: rgba(255, 255, 255, 0);
}

.menu-opened .menu__button-icon:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-opened .menu__button-icon:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu__frame-mobile {
	visibility: hidden;
	position: fixed;
	width: 100%;
	top: -100%;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: #FFFFFF;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: visibility .6s ease-in-out, top .6s step-end, -webkit-transform .6s ease-in-out;
	-moz-transition: visibility .6s ease-in-out, top .6s step-end, -moz-transform .6s ease-in-out;
	-ms-transition: visibility .6s ease-in-out, top .6s step-end, -ms-transform .6s ease-in-out;
	-o-transition: visibility .6s ease-in-out, top .6s step-end, -o-transform .6s ease-in-out;
	transition: visibility .6s ease-in-out, top .6s step-end, transform .6s ease-in-out;
}

.menu-opened .menu__frame-mobile {
	visibility: visible;
	top: 5em;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: visibility .6s ease-in-out, top .6s step-start, -webkit-transform .6s ease-in-out;
	-moz-transition: visibility .6s ease-in-out, top .6s step-start, -moz-transform .6s ease-in-out;
	-ms-transition: visibility .6s ease-in-out, top .6s step-start, -ms-transform .6s ease-in-out;
	-o-transition: visibility .6s ease-in-out, top .6s step-start, -o-transform .6s ease-in-out;
	transition: visibility .6s ease-in-out, top .6s step-start, transform .6s ease-in-out;
}


.menu__list-mobile {
	position: absolute;
	top: 2em;
	right: 2em;
	bottom: 0;
	left: 2em;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	text-align: center;
}

.menu__list-mobile:before {
	content: '';
	display: block;
	height: 2em;
}

.menu__list-mobile .menu__link {
	display: block;
	padding: 0.8em 0;
	font-size: 1.8em;
	text-decoration: none;
	color: #000000;
}

.menu__list-mobile .menu__link + .menu__link {
	margin-top: 0.5em;
}

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

	.header {
		position: fixed;
	}

}

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

	.header, .menu__frame-mobile, .header__margin {
		font-size: 0.9em;
	}

	.logo {
		margin-left: 1em;
	}

}

/* Footer */

.footer {
	height: 40em;
	right: 7.5em;
	left: 7.5em;
	z-index: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f3f0ee;
	text-align: center;
}

.footer.sticky {
	position: absolute;
	top: 100%;
	margin-top: -40em;
}

.footer.fixed {
	position: fixed;
	bottom: 0;
}



/* Content */

.content__frame {
	color: #2e2f31;
}

.content__frame a, .content__anchor {
	cursor: pointer;
	text-decoration: underline;
	color: #c56566;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.content__frame a:hover, .content__anchor:hover {
	text-decoration: none;
	color: #a45556;
}

.content__frame .content__feedback-button {
	display: inline-block;
	position: relative;
	padding: 1em 1.5em;
	background-color: #c56566;
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff !important;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.content__frame .content__feedback-button:hover {
	background-color: #a45556;
}

.content__frame, .content__submenu, .content__submenu-list, .content__main {
	position: relative;
}

.content__main {
	padding-right: 3em;
}

.content__main video {
	max-width: 100%;
	background-color: #000000;
}

.content__submenu-list:after {
	content: '';
	display: block;
	clear: both;
}

.content__submenu-title {
	font-size: 2em;
	font-weight: bold;
}


.content__submenu-item {
	display: block;
	position: relative;
	float: left;
	clear: both;
	padding-right: 1em;
	font-size: 1.4em;
	text-decoration: none;
}

.content__submenu-item.active {
	cursor: default;
	font-weight: bold;
	-webkit-transform: translateX(1.5em);
	-moz-transform: translateX(1.5em);
	-ms-transform: translateX(1.5em);
	-o-transform: translateX(1.5em);
	transform: translateX(1.5em);
}

.content__submenu-item.feedback {
	margin-bottom: 1em;
}

.content__submenu-item + .content__submenu-item {
	margin-top: 1em;
}

.content__submenu-item.active:before {
	content: '';
	position: absolute;
	width: 1em;
	height: 2px;
	top: 50%;
	left: -1.5em;
	margin-top: -1px;
	background-color: #c56566;
}

.year-menu {
	position: relative;
	clear: both;
}

.year-menu__title {
	display: inline-block;
	position: relative;
	padding: 0.5em 0;
	cursor: pointer;
	font-size: 1.6em;
}

.year-menu.active .year-menu__title {
	color: #c56566;
}

.year-menu__title:before {
	content: '+';
	position: absolute;
	top: 50%;
	right: 100%;
	padding-right: 0.6em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.year-menu.active .year-menu__title:before {
	content: '—';
}

.year-menu__hidden {
	display: none;
	position: relative;
	height: 0;
	overflow: hidden;
}

.year-menu__hidden:before, .year-menu__hidden:after {
	content: '';
	display: block;
	height: 1em;
	clear: both;
}

.year-menu__hidden:after {
	height: 2em;
}

.content__main h1, .content__main h2 {
	position: relative;
	margin-bottom: 1.5em;
	padding-bottom: 0.4em;
	font-size: 3em;
}

.content__main h2 {
	margin-top: 2em;
	font-size: 2.2em;
}

.content__main h1:after, .content__main h2:after {
	content: '';
	position: absolute;
	width: 80%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #2e2f31;
}

.content__main p, ul {
	font-size: 1.6em;
	line-height: 1.5;
}

.content__main iframe {
	margin: 1em 0;
}

.content__main a.pdf {
	position: relative;
	display: inline-block;
	margin: 0.6em 0;
}

.content__main a.pdf:before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	margin-bottom: 5px;
	background: url('../i/pdf.png');
}

.content__main p > img {
	max-width: 100%;
	height: auto !important;
}




.content__gallery-container {
	position: relative;
	padding-bottom: 56.35%;
	background-color: rgba(255, 255, 255, 0.2);
}

.content__gallery-container .g_s_frame.contain .g_s {
	background-position: left center;
}

.content__gallery-temp {
	background: center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.content__gallery-fullscreen {
	position: absolute;
	width: 4em;
	height: 4em;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	background-color: rgba(76, 76, 76, 0.76);
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.content__gallery-fullscreen:hover, .content__gallery-fullscreen:active {
	background-color: #4C4C4C;
}

.mobile .content__gallery-fullscreen {
	background-color: rgba(76, 76, 76, 0.76);
}

.content__gallery-fullscreen:after {
	content: '';
	position: absolute;
	width: 2.5em;
	height: 2.5em;
	top: 50%;
	left: 50%;
	margin: -1.25em 0 0 -1.25em;
	background: url('../i/sprite.svg?v6') -20.9em -4em;
	-webkit-background-size: 100em 100em;
	background-size: 100em 100em;
}

.content__gallery-previews {
	position: relative;
	width: 100%;
	height: 11.5em;
	margin-top: 4.2em;

}

.content__gallery-previews-list {
	position: relative;
	display: inline-block;
	cursor: url('/assets/i/cur1.cur'), move;
	white-space: nowrap;
}
.content__gallery-previews-list:active {
	cursor: url('/assets/i/cur1.cur'), move;
}

.content__gallery-preview {
	display: inline-block;
	position: relative;
	height: 10em;
	cursor: pointer;
}

.content__gallery-preview.active {
	cursor: default;
}

.content__gallery-preview:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	top: 100%;
	left: 0;
	background-color: #c56566;
	-webkit-transition: height .4s;
	-moz-transition: height .4s;
	-ms-transition: height .4s;
	-o-transition: height .4s;
	transition: height .4s;
}

.content__gallery-preview.active:before, .content__gallery-preview:hover:before {
	height: 0.5em;
}

.content__gallery-preview:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.content__gallery-preview img {
	display: block;
	height: 100%;
}

.content__gallery-preview + .content__gallery-preview {
	margin-left: 0.5em;
}

.content__gallery-previews .textScroll__track {
	/* visibility: hidden; */
	height: 0.2em;
	top: auto;
	bottom: 100%;
	margin-bottom: 2em;
	background-color: #ececec;
}

.content__gallery-previews .textScroll__drag {
	width: 10em;
	height: 1em;
	top: 50%;
	margin-top: -0.5em;
	background-color: #c56566;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

.content__gallery-previews .textScroll__track_size {
	right: 10em;
}

.content__gallery-arrow {
	position: absolute;
	width: 10em;
	height: 10em;
	left: 100%;
	cursor: pointer;
}
.content__gallery-arrow.right {
	bottom: 10em;
	background-color: #ffffff;
}
.content__gallery-arrow.left {
	bottom: 0;
	background-color: #ebf1f4;
}

.content__gallery-arrow:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(172, 186, 201, 0.31);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.content__gallery-arrow:hover:before {
	opacity: 1;
}

.content__participants-table {
	position: relative;
	width: 100%;
	text-align: center;
}

.content__participants-table th, .content__participants-table td {
	padding: 1em 2em;
	font-size: 1.4em;
	border: 1px solid #ec9595;
}

.content__participants-table th {
	font-weight: 500;
	background-color: #f7dede;
}

.content__participants-table .n3 {
	width: 140px;
	padding: 5px;
}

.content__participants-table .n3 > img {
	width: 100%;
}

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

	.content__main iframe {
		width: 100%;
		margin: 0;
	}

}

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

	.content__frame {
		padding: 0 2em;
	}

	.content__main {
		padding: 0;
	}

	.year-menu__title:before {
		right: auto;
		left: 100%;
		padding: 0 0 0 0.6em;
	}
}

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

	.content__main h1 {
		margin-bottom: 1em;
	}

	.content__main iframe {
		width: 100%;
		height: 10em;
		margin: 0;
	}

	.content__main a > img {
		float: none !important;
		max-width: 100% !important;
		margin: 1em 0 !important;
	}

	.content__gallery-previews {
		height: 7.5em;
		margin-top: 0.8em;
	}

	.content__gallery-preview {
		height: 6em;
	}

	.content__gallery-previews .textScroll__track {
		visibility: hidden;
	}

	.content__participants-table th, .content__participants-table td {
		padding: 1em;
	}

	.content__participants-table .n3 {
		width: 150px;
	}

}

/* Anchor buttons */

.anchor-buttons {
	position: relative;
}

.anchor-buttons__item {
	display: inline-block;
	position: relative;
	margin: 0 1em 1em 0;
	padding: 1em 1.5em;
	vertical-align: top;
	cursor: pointer;
	background-color: #676767;
	font-size: 1.1em;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.anchor-buttons__item:hover {
	background-color: #c56566;
}

.mobile .anchor-buttons__item:hover {
	background-color: #676767;
}

.anchor-buttons__item.inactive {
	cursor: default;
	opacity: 0.5;
	background-color: #808080;
}

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

	.anchor-buttons__item {
		width: 100%;
		padding: 1em 0;
		margin: 0 auto 1em;
		text-align: center;
	}

}

/* Feedbacks */

.feedback_bg {
	position: relative;
	padding: 2em 0;
}


.feedback_sended {
	position: absolute;
	top: 0;
	right: 10%;
	left: 10%;
}

.feedback_inputs {
	position: relative;
}

.feedback_set_title {
	position: relative;
	margin: 2em 0 1em;
	font-size: 1.6em;
	font-weight: 500;
}

.feedback_set_title:first-child {
	margin-top: 0;
}

.feedback_input_frame {
	display: block;
	position: relative;
	width: 100%;
	max-width: 40em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.feedback_input_frame + .feedback_input_frame {
	margin-top: 1em;
}

.feedback_checkbox + .feedback_checkbox {
	margin-top: 3em;
}

.feedback_input_frame > span {
	font-size: 1.5em;
	color: #2e2f31;
}

.feedback_input_frame.hidden {
	display: none;
}

.feedback_bg input:not([type="radio"]), .feedback_bg input:not([type="checkbox"]), .feedback_bg textarea, .feedback_file_input_label, .feedback_select_active {
	width: 100%;
	padding: 0.7em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-opacity: 1;
	background: none;
	border: 1px solid #474344;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 2em;
	font-family: 'Gotham Pro', Helvetica, Arial, sans-serif;
	/*-webkit-text-fill-color: #2e2f31;*/
	color: #2e2f31;
	-webkit-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
}

.feedback_bg input[type="radio"], .feedback_bg input[type="checkbox"] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
}
.feedback_bg .vote_option {
	display: block;
	position: relative;
	margin-bottom: 1em;
	padding-left: 3em;
	cursor: pointer;
	font-size: 1.6em;
	font-family: 'Gotham Pro', Helvetica, Arial, sans-serif;
}

.feedback_bg .radio-mark {
	position: absolute;
	width: 2.2em;
	height: 2.2em;
	top: 50%;
	left: 0.1em;
	margin-top: -1.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.2em solid #2e2f31;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	border-radius: 4em;
	font-size: 0.55em;
}

.feedback_bg .radio-mark:after {
	content: '';
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	top: 50%;
	left: 50%;
	margin: -0.6em 0 0 -0.6em;
	opacity: 0;
	background-color: #2e2f31;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity .4s, -webkit-transform .4s;
	-moz-transition: opacity .4s, -moz-transform .4s;
	-ms-transition: opacity .4s, -ms-transform .4s;
	-o-transition: opacity .4s, -o-transform .4s;
	transition: opacity .4s, transform .4s;
}

.feedback_bg .checkbox-mark {
	position: absolute;
	width: 2.2em;
	height: 2.2em;
	top: 50%;
	left: 0.1em;
	margin-top: -1.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.2em solid #2e2f31;
	font-size: 0.55em;
}

.feedback_bg .checkbox-mark:after {
	content: '';
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	top: 50%;
	left: 50%;
	margin: -0.6em 0 0 -0.6em;
	opacity: 0;
	background-color: #2e2f31;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity .4s, -webkit-transform 	.4s;
	-moz-transition: 	opacity .4s, -moz-transform 	.4s;
	-ms-transition: 	opacity .4s, -ms-transform 		.4s;
	-o-transition: 		opacity .4s, -o-transform 		.4s;
	transition: 		opacity .4s, transform 			.4s;
}

input[type="radio"]:checked + .radio-mark:after, input[type="checkbox"]:checked + .checkbox-mark:after {
	opacity: 1;
	-webkit-transform: 	scale(1);
	-moz-transform: 	scale(1);
	-ms-transform: 		scale(1);
	-o-transform: 		scale(1);
	transform: 			scale(1);
}
/*

~ .vote_option:before {
	background-position: -25.7em -0.7em !important;
}
*/

.feedback_bg input.file_input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	opacity: 0;
}

.feedback_bg input.by_select {
	display: none;
}

.feedback_file_input_label, .feedback_select_active {
	padding-right: 3em;
	color: rgba(46, 47, 49, 0.75);
}

.feedback_select_active {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.feedback_file_input_label.filled, .feedback_select_active.filled {
	color: #2e2f31;
}

.feedback_file_input_label:after {
	content: '📂';
	position: absolute;
	top: 50%;
	right: 0.5em;
	font-size: 1.2em;
	font-family: sans-serif;
	-webkit-transform: 	translateY(-55%);
	-moz-transform: 	translateY(-55%);
	-ms-transform: 		translateY(-55%);
	-o-transform: 		translateY(-55%);
	transform: 			translateY(-55%);
}

.feedback_file_input_label > i {
	font-size: 0.7em;
	font-style: normal;
	opacity: 0.8;
}

.feedback_bg .error input, .feedback_bg .error textarea, .feedback_bg .error .feedback_file_input_label, .feedback_bg .error .feedback_select_active {
	border-color: #fc6c80;
}


/*.feedback_bg input:disabled {*/
	/*opacity: 0.5;*/
/*}*/


.feedback_bg textarea {
	height: 7em;
	resize: none;
}
.feedback_bg ::-webkit-input-placeholder {
	color: rgba(46, 47, 49, 0.75);
}
.feedback_bg :-moz-placeholder {
	color: rgba(46, 47, 49, 0.75);
}
.feedback_bg ::-moz-placeholder {
	color: rgba(46, 47, 49, 0.75);
}
.feedback_bg :-ms-input-placeholder {
	color: rgba(46, 47, 49, 0.75);
}

.feedback_select_frame.opened {
	z-index: 1;
}

.feedback_select_event {
	cursor: pointer;
	background: url('../i/blank.gif');
}

.feedback_select_event:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	right: 2em;
	margin: -0.5em 0 0 0;
	border-style: solid;
	border-width: 1em 0.5em 0 0.5em;
	border-color: #2e2f31 transparent transparent transparent;
}

.feedback_select_frame.opened .feedback_select_event:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.feedback_select_list {
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	margin-top: -1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border: 1px solid #474344;
}

.feedback_select_frame.opened .feedback_select_list {
	display: block;
}

.feedback_select_item {
	position: relative;
	padding: 0.5em 1em;
	cursor: pointer;
	font-size: 2em;
	-webkit-transition: background-color .3s, color .3s;
	-moz-transition: background-color .3s, color .3s;
	-ms-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}

.feedback_select_item:hover {
	background-color: #b15959;
	color: #FFFFFF;
}

.feedback_select_item.active {
	cursor: default;
	background-color: #ce7474;
	color: #FFFFFF;
}

.feedback_sended {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.feedback_sended:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.feedback_sended > div {
	display: inline-block;
	vertical-align: top;
	font-size: 1.6em;
	color: #2e2f31;
}
.send_btn {
	display: inline-block;
	position: relative;
	width: 12em;
	margin-top: 1em;
	padding: 0.8em 0;
	cursor: pointer;
	background-color: #75ab5d;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}

.send_btn:hover {
	background-color: #63924d;
}

.send_btn.no-active {
	cursor: default;
	background-color: #c56566;
}

.feedback_cancel_btn {
	display: inline-block;
	position: relative;
	margin-right: 2.5em;
	cursor: pointer;
	opacity: 0.5;
	font-size: 1.85em;
	text-decoration: underline;
	color: #FFFFFF;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.feedback_cancel_btn:hover {
	opacity: 1;
	text-decoration: none;
}

.feedback_name {
	position: relative;
	font-size: 1.85em;
	white-space: normal;
	color: rgba(255, 255, 255, 0.8);
}

.feedback_name > span {
	display: block;
	margin-bottom: 0.5em;
	font-size: 2.9em;
	font-weight: bold;
	line-height: 1;
	color: #FFFFFF;
}

.feedback_iframe {
	display: none;
}

.feedback_error_frame {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.7);
}

.feedback_error_inner {
	position: absolute;
	width: 50em;
	top: 50%;
	left: 50%;
	margin-left: -25em;
	padding: 2em 4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 2px solid #75ab5d;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.feedback_error_frame.error-state .feedback_error_inner {
	border: 2px solid #c56566;
}

.feedback_error_frame .val {
	display: inline-block;
	font-size: 1.4em;
}

.feedback_checkbox {
	cursor: pointer;
	padding-left: 4.5em;
	position: relative;
	width: auto;
}

.feedback_checkbox_btn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.2em solid #2e2f31;
	background-color: transparent;
	cursor: pointer;
	display: block;
	height: 2.2em;
	left: 0;
	position: absolute;
	top: 0.4em;
	-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);
	width: 2.2em;
}

/*.feedback_checkbox.error .feedback_checkbox_btn {*/
	/*border-color: #fc6c80;*/
/*}*/

/*.feedback_checkbox.error .feedback_checkbox_btn{*/
/*border-color: #848484;*/
/*}*/

.feedback_checkbox_btn:before{
	background-color: #2e2f31;
	content: "";
	display: block;
	height: 1em;
	left: 50%;
	margin: -0.5em;
	position: absolute;
	top: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform 200ms ease-in-out, visibility 200ms linear;
	-moz-transition: -moz-transform 200ms ease-in-out, visibility 200ms linear;
	-ms-transition: -ms-transform 200ms ease-in-out, visibility 200ms linear;
	-o-transition: -o-transform 200ms ease-in-out, visibility 200ms linear;
	transition: transform 200ms ease-in-out, visibility 200ms linear;
	visibility: hidden;
	width: 1em;
}


.feedback_checkbox.checked .feedback_checkbox_btn:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	visibility: visible;
}

.feedback_checkbox_label{
	font-size: 1.6em;
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.feedback_close {
	display: none;
}

.feedback_checkout{
	height: 2em;
	opacity: 1;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.feedback_checkout:after{
	background-color: #ffffff;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.feedback_checkout input{
	margin: 5px;
}

.g-recaptcha {
	width: 100% !important;
}

.open_disclaimer {
	text-decoration: underline;
	cursor: pointer;
}

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

	.feedback_bg {
		font-size: 0.8em;
	}

	.feedback_set_title {
		font-size: 2em;
	}

	.send_btn {
		display: block !important;
		width: 100%;
		max-width: 25em;
		padding: 1.4em 0;
		text-align: center;
	}

	.feedback_error_inner {
		width: 80%;
		left: 10%;
		margin-left: 0;
	}

	.feedback_error_frame .val {
		font-size: 2em;
	}

}

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

	.g-recaptcha {
		margin-left: -11px;
	}

}


/* GRID System */

.grid__row {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
}

.grid__item {
	display: inline-block;
	position: relative;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1rem;
}

.grid__item.col-12 {
	width: 100%;
}
.grid__item.col-11 {
	width: 91.66%;
}
.grid__item.col-10 {
	width: 83.33%;
}
.grid__item.col-9 {
	width: 75%;
}
.grid__item.col-8 {
	width: 66.66%;
}
.grid__item.col-7 {
	width: 58.33%;
}
.grid__item.col-6 {
	width: 50%;
}
.grid__item.col-5 {
	width: 41.66%;
}
.grid__item.col-4 {
	width: 33.33%;
}
.grid__item.col-3 {
	width: 25%;
}
.grid__item.col-2 {
	width: 16.66%;
}
.grid__item.col-1 {
	width: 8.33%;
}

.xs-visible, .s-visible {
	display: none;
}

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

	.xs-visible {
		display: block;
	}

	.xs-hidden {
		display: none;
	}

	.grid__item.xs-col-12 {
		width: 100%;
	}
	.grid__item.xs-col-11 {
		width: 91.66%;
	}
	.grid__item.xs-col-10 {
		width: 83.33%;
	}
	.grid__item.xs-col-9 {
		width: 75%;
	}
	.grid__item.xs-col-8 {
		width: 66.66%;
	}
	.grid__item.xs-col-7 {
		width: 58.33%;
	}
	.grid__item.xs-col-6 {
		width: 50%;
	}
	.grid__item.xs-col-5 {
		width: 41.66%;
	}
	.grid__item.xs-col-4 {
		width: 33.33%;
	}
	.grid__item.xs-col-3 {
		width: 25%;
	}
	.grid__item.xs-col-2 {
		width: 16.66%;
	}
	.grid__item.xs-col-1 {
		width: 8.33%;
	}

	.xs-visible {
		display: block;
	}

}

@media only screen and (max-width: 960px) and (min-width: 481px) {

	.s-hidden {
		display: none;
	}

	.s-visible {
		display: block;
	}

	.grid__item.s-col-12 {
		width: 100%;
	}
	.grid__item.s-col-11 {
		width: 91.66%;
	}
	.grid__item.s-col-10 {
		width: 83.33%;
	}
	.grid__item.s-col-9 {
		width: 75%;
	}
	.grid__item.s-col-8 {
		width: 66.66%;
	}
	.grid__item.s-col-7 {
		width: 58.33%;
	}
	.grid__item.s-col-6 {
		width: 50%;
	}
	.grid__item.s-col-5 {
		width: 41.66%;
	}
	.grid__item.s-col-4 {
		width: 33.33%;
	}
	.grid__item.s-col-3 {
		width: 25%;
	}
	.grid__item.s-col-2 {
		width: 16.66%;
	}
	.grid__item.s-col-1 {
		width: 8.33%;
	}

	.s-visible {
		display: block;
	}

}

@media only screen and (max-width: 1300px) and (min-width: 961px) {

	.grid__item.m-col-12 {
		width: 100%;
	}
	.grid__item.m-col-11 {
		width: 91.66%;
	}
	.grid__item.m-col-10 {
		width: 83.33%;
	}
	.grid__item.m-col-9 {
		width: 75%;
	}
	.grid__item.m-col-8 {
		width: 66.66%;
	}
	.grid__item.m-col-7 {
		width: 58.33%;
	}
	.grid__item.m-col-6 {
		width: 50%;
	}
	.grid__item.m-col-5 {
		width: 41.66%;
	}
	.grid__item.m-col-4 {
		width: 33.33%;
	}
	.grid__item.m-col-3 {
		width: 25%;
	}
	.grid__item.m-col-2 {
		width: 16.66%;
	}
	.grid__item.m-col-1 {
		width: 8.33%;
	}

	html {
		font-size: 9px;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 1301px) {

	.grid__item.l-col-12 {
		width: 100%;
	}
	.grid__item.l-col-11 {
		width: 91.66%;
	}
	.grid__item.l-col-10 {
		width: 83.33%;
	}
	.grid__item.l-col-9 {
		width: 75%;
	}
	.grid__item.l-col-8 {
		width: 66.66%;
	}
	.grid__item.l-col-7 {
		width: 58.33%;
	}
	.grid__item.l-col-6 {
		width: 50%;
	}
	.grid__item.l-col-5 {
		width: 41.66%;
	}
	.grid__item.l-col-4 {
		width: 33.33%;
	}
	.grid__item.l-col-3 {
		width: 25%;
	}
	.grid__item.l-col-2 {
		width: 16.66%;
	}
	.grid__item.l-col-1 {
		width: 8.33%;
	}

}

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

	.grid__item.xl-col-12 {
		width: 100%;
	}
	.grid__item.xl-col-11 {
		width: 91.66%;
	}
	.grid__item.xl-col-10 {
		width: 83.33%;
	}
	.grid__item.xl-col-9 {
		width: 75%;
	}
	.grid__item.xl-col-8 {
		width: 66.66%;
	}
	.grid__item.xl-col-7 {
		width: 58.33%;
	}
	.grid__item.xl-col-6 {
		width: 50%;
	}
	.grid__item.xl-col-5 {
		width: 41.66%;
	}
	.grid__item.xl-col-4 {
		width: 33.33%;
	}
	.grid__item.xl-col-3 {
		width: 25%;
	}
	.grid__item.xl-col-2 {
		width: 16.66%;
	}
	.grid__item.xl-col-1 {
		width: 8.33%;
	}

}

/* Common Styles */

.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
}

.bs-bb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}

.h05em {
	height: 0.5em;
}
.h1em {
	height: 1em;
}
.h2em {
	height: 2em;
}
.h3em {
	height: 3em;
}
.h4em {
	height: 4em;
}
.h5em {
	height: 5em;
}
.h6em {
	height: 6em;
}
.h7em {
	height: 7em;
}
.h8em {
	height: 8em;
}
.h9em {
	height: 9em;
}
.h10em {
	height: 10em;
}
.h20em {
	height: 20em;
}

.va-frame {
	white-space: nowrap;
}
.va-frame:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.va-top {
	display: inline-block;
	vertical-align: top;
}
.va-middle {
	display: inline-block;
	vertical-align: middle;
}
.va-bottom {
	display: inline-block;
	vertical-align: bottom;
}

.ta-left {
	text-align: left;
}
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}
.ta-justify {
	text-align: justify;
}


.ws-nw {
	white-space: nowrap;
}

.svg-sprite {
	background-image: url('../i/sprite.svg?v6');
	-webkit-background-size: 100em 100em;
	background-size: 100em 100em;
}
.png-sprite {
	background-image: url('../i/sprite.png?v6');
	-webkit-background-size: 100em 100em;
	background-size: 100em 100em;
}

.bgc-white {
	background-color: #ffffff;
}
.bgc-cream {
	background-color: #efeeea;
}

.mobile .mobile-hidden {
	display: none;
}


/* Media Queries */

@media only screen and (orientation: landscape) {

}