@charset "windows-1251";
@import url('swiper.css');
@import url('normalize.css');
@import url('2minimal2.css');
@import url('contacts.css');

/* Reset ********************************************************************************/
/**,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/******************************************************************************** Reset */

body, html { height: 100%; }
body {
	font-family: Helvetica, Arial, sans-serif;
/*	font-size: 1em;
	line-height: 1.5;*/
	background-color: #222;
	color: #fff;
/*	background-image: url(../img/metal-82.jpg);*/
/*		padding-top: 50px;
		padding-bottom: 50px;
		box-sizing: border-box;*/
}
a {
	text-decoration: none;
	outline: none;
}

/* Logo **********************************************************************************/
#logoBoxL {
	position: absolute;
	left: 59px;
	height: 100px;
	overflow: hidden;
	z-index: 30;
/*	opacity: 0.5;*/
	/*transition***********************************************/
	transition:			top 0.3s, width 0.3s, opacity 0.3s;/* ease-out;*/
	-webkit-transition: top 0.3s, width 0.3s, opacity 0.3s;/* ease-out;*/
	-moz-transition:	top 0.3s, width 0.3s, opacity 0.3s;/* ease-out;*/
	-o-transition:		top 0.3s, width 0.3s, opacity 0.3s;/* ease-out;
	/**********************************************************/
}
#logoBoxL a { outline: none; }
#logoBoxL a img, #logoBoxL img { height: 100%; }
.logoBoxActive {
	top: 0px;
	opacity: 1;
	width: 250px;
}
.logoBoxPassive {
	top: 0;
	opacity: 0.7;
	width: 48px;
}
/********************************************************************************** Logo */


.topBar {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 50px;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0);
	overflow: hidden;
	/*transition********************************************/
	transition:			height 0.3s, top 0.3s;
	-webkit-transition: height 0.3s, top 0.3s;
	-moz-transition:	height 0.3s, top 0.3s;
	-o-transition:		height 0.3s, top 0.3s;
	/*******************************************************/
}

.botMenu {
	position: absolute;
	bottom: 0; 
	left: 0;
	z-index: 15;
}

/* Site Menu ****************************************************************************/
.siteMenu {
	position: absolute;
	top: 10px;
	right: 20px;
}
.siteMenu a {
	position: relative;
	display: block;
	float: right;
	font-size: 25px;
	color: #333;
	text-shadow: 0 0 7px #fff;
	outline: none;
	cursor: pointer;

	/*transition***********************************************/
	transition:			transform 0.5s;
	-webkit-transition: transform 0.5s;
	-moz-transition:	transform 0.5s;
	-o-transition:		transform 0.5s;
	/**********************************************************/
}
.siteMenu a:hover {
	color: #fff;
	text-shadow: 0 0 7px #000;
	transform: rotate(225deg);
}
.siteMenu a.lang-flag { margin: 8px 10px 0 0; }
.siteMenu a.icon-share { margin: 5px 15px 0 0; }
.siteMenu a.icon-email { margin: 5px 11px 0 0; }
.siteMenu a.preview-button.icon-th-large { margin: 6.5px 15px 0 0; font-size: 22px; }
/**************************************************************************** Site Menu */


/* contacts/social/language *************************************************************/
.social {
	position: absolute;
	right: 67px;
	top: 45px;
}
.social a, .language a {
	display: block;
	color: #333;
	font-size: 25px;
	text-shadow: 0 0 7px #fff;
	margin-top: 15px;

	/*transition***********************************************/
	transition:			transform 0.5s;
	-webkit-transition: transform 0.5s;
	-moz-transition:	transform 0.5s;
	-o-transition:		transform 0.5s;
	/**********************************************************/
}

.social a:hover {
	color: #fff;
	text-shadow: 0 0 7px #000;
	cursor: pointer;
	transform: rotate(225deg);
}

.language {
	position: absolute;
	right: 30px;
	top: 48px;
}
.language a div:before {
	display: block;
	margin: 0 0 0 -53px;
	padding: 5px 12px 0 0;
	font-size: 12px;
	color: #777;
	content: attr(alt);
	opacity: 0;

	/*transition********************************************/
	transition:			opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition:	opacity 0.3s;
	-o-transition:		opacity 0.3s;
	/*******************************************************/
}
.language a div:hover:before { opacity: 1; }
/************************************************************* contacts/social/language */

.top-200 { top: -200px; }
/*.top-50 { top: 0; }*/
/*.height50 { height: 40%; top: 60%; }
/*.top-50p { margin-top: -60%; }*/


/* Transition ***************************************************************************/
.trans-opacity {
	/*transition***********************************************/
	transition:			opacity 0.3s;/* ease-out;*/
	-webkit-transition: opacity 0.3s;/* ease-out; /* Safari 3.1 to 6.0 */
	-moz-transition:	opacity 0.3s;/* ease-out;*/
	-o-transition:		opacity 0.3s;/* ease-out;
	/**********************************************************/
}
.trans-opacity-05 {
	/*transition***********************************************/
	transition:			opacity 0.5s;/* ease-out;*/
	-webkit-transition: opacity 0.5s;/* ease-out; /* Safari 3.1 to 6.0 */
	-moz-transition:	opacity 0.5s;/* ease-out;*/
	-o-transition:		opacity 0.5s;/* ease-out;
	/**********************************************************/
}
.trans-opacity-1 {
	/*transition***********************************************/
	transition:			opacity 1s;
	-webkit-transition: opacity 1s;
	-moz-transition:	opacity 1s;
	-o-transition:		opacity 1s;
	/**********************************************************/
}
.trans-margin {
	/*transition***********************************************/
	transition:			margin 0.5s, opacity 1s;
	-webkit-transition: margin 0.5s, opacity 1s;
	-moz-transition:	margin 0.5s, opacity 1s;
	-o-transition:		margin 0.5s, opacity 1s;
	/**********************************************************/
}
.trans-move {
	/*transition***********************************************/
	transition:			top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	-moz-transition:	top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	-o-transition:		top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
	/**********************************************************/
}
.trans-hw {
	/*transition***********************************************/
	transition:			height 0.5s, width 0.5s;
	-webkit-transition: height 0.5s, width 0.5s;
	-moz-transition:	height 0.5s, width 0.5s;
	-o-transition:		height 0.5s, width 0.5s;
	/**********************************************************/
}
.trans-max-h {
	/*transition********************************************/
	transition:			max-height 0.3s, height 0.3s;/* max-height 0.3s;*/
	-webkit-transition: max-height 0.3s, height 0.3s;/* max-height 0.3s;*/
	-moz-transition:	max-height 0.3s, height 0.3s;/* max-height 0.3s;*/
	-o-transition:		max-height 0.3s, height 0.3s;/* max-height 0.3s;*/
	/*******************************************************/
}
.trans-rotate {
	/*transition***********************************************/
	transition:			transform 0.5s;
	-webkit-transition: transform 0.5s;
	-moz-transition:	transform 0.5s;
	-o-transition:		transform 0.5s;
	/**********************************************************/
}
.blurblock {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
/*************************************************************************** Transition */


/* Swiper *******************************************************************************/
.swiper-pages {
	top: 0;
	height: 100%;
/*	z-index: 10;*/

	/*transition***********************************************/
	transition:			height 0.5s, top 0.5s; /* ease-out;*/
	-webkit-transition: height 0.5s, top 0.5s;/* ease-out; /* Safari 3.1 to 6.0 */
	-moz-transition:	height 0.5s, top 0.5s;/* ease-out;*/
	-o-transition:		height 0.5s, top 0.5s;/* ease-out;
	/**********************************************************/
}
/*.swiper-pages { height: auto;/* 100%;* }/*uncomment to fit image!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*.scroll-container .swiper-slide { min-width: 100%; }*/ /*uncomment to fit image!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.scroll-container {
	width: 100%;
	height: 100%;

/*	-webkit-transition: 1000ms;
	-moz-transition:	1000ms;
	-ms-transition:		1000ms;
	-o-transition:		1000ms;
	transition:			1000ms;
	-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);*/
}

.swiper-slide {
	width: 100%;
	height: auto;
}
.swiper-slide img {
	position: relative;
	margin-top: 0;
	opacity: 0.2;
	width: 100%;
}
.swiper-slide-h { height: 100%; }
/*.swiper-slide-visible, .swiper-slide-active { opacity: 1; }*/
.swiper-slide-active img { opacity: 1; }

.img-slide, .descr-slide {
	opacity: 0.2;

	/*transition***********************************************/
	transition:			opacity 1s;/* ease-out;*/
	-webkit-transition: opacity 1s;/* ease-out; /* Safari 3.1 to 6.0 */
	-moz-transition:	opacity 1s;/* ease-out;*/
	-o-transition:		opacity 1s;/* ease-out;
	/**********************************************************/
}
/*.img-slide {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}*/

.img-slide-element {
	position: relative;
	float: left;
	width: 25%;
	padding: 50px 0 50px 0;
	background-size: contain;
}
.page-inner { padding-top: 10px; }
/******************************************************************************* Swiper */


/* Vertical *****************************************************************************/
.vertical {
	/* Center text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dimblock {
	opacity: 0.2;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}
.c-pointer { cursor: pointer; }
/*.shiftTop { height: 0; }*/
.page-100p { height: 100%; }
/***************************************************************************** Vertical */


/* Aligne center ************************************************************************/
.alignCenter
{
	position: absolute;
	width: 100%;
}
.alignCenter:after
{
	content: '';
	display: block;
	clear: both;
}
.alignCenter2left
{
	position: relative;
	right: 50%;
	float: right;
	z-index: 20;
}
.alignCenter2right
{
	position: relative;
	z-index: 1;
	right: -50%;
}
/************************************************************************ Aligne center */


/* Nav buttons **************************************************************************/
.nav-button-h, .nav-button-v {
	position: absolute;
	z-index: 20;
	opacity: 0.5;
	cursor: pointer;
}
.nav-button-h {
	top: 50%;
	width: 30px;
	height: 60px;
	margin-top: -30px;
}
.nav-button-v {
	left: 50%;
	width: 60px;
	height: 50px;
	margin-left: -30px;
}
.nav-button-h:hover, .nav-button-v:hover { opacity: 1; }

.nav-left { left: 5px; }
.nav-right { right: 5px; }

.nav-down {
	bottom: 0;
	-webkit-animation: bounce 5s infinite cubic-bezier(.75, .01, .99, 1.01);
	animation: bounce 5s infinite cubic-bezier(.75, .01, .99, 1.01);
}
.nav-down:hover {
	-webkit-animation: none;
	animation: none;
}
.nav-up { top: 12px; }
/************************************************************************** Nav buttons */


/* Pagination ***************************************************************************/
.paginationBar { top: 0; }
.pagination {
	position: relative;
	z-index: 20;
}
.paginationBar-v {
	position: absolute;
	right: 20px;
	bottom: 100px;
	z-index: 30;
}
.pagination-v {
	position: relative;
	z-index: 30;
}

.paginationBar-v > .pagination-v .swiper-pagination-bullet,
.swiper-pagination-bullet {
	display: block;
	float: left;
/*	width: 10px;
	height: 10px;
	border-radius: 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	margin: 0 4px 0 4px;*/
	box-sizing: border-box;
	background-color: #333;
	box-shadow: 0px 0px 7px #fff;
	opacity: 1;

	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin: 6px 3px 0 3px;
	/*transition***********************************************/
	transition:			height 0.3s, width 0.3s, margin 0.3s, border-radius 0.3s, background-color 0.3s, box-shadow 0.3s;
	-webkit-transition: height 0.3s, width 0.3s, margin 0.3s, border-radius 0.3s, background-color 0.3s, box-shadow 0.3s;
	-moz-transition:	height 0.3s, width 0.3s, margin 0.3s, border-radius 0.3s, background-color 0.3s, box-shadow 0.3s;
	-o-transition:		height 0.3s, width 0.3s, margin 0.3s, border-radius 0.3s, background-color 0.3s, box-shadow 0.3s;
	/**********************************************************/
}
.paginationBar-v > .pagination-v .swiper-pagination-bullet {
	margin: 9px 0 0 8px;
}
.paginationBar-v .pagination-v .swiper-pagination-bullet:hover,
.swiper-pagination-bullet:hover {
	background-color: #fff;
	cursor: pointer;

	box-shadow: 0px 0px 7px #000;
/*	height: 16px;
	width: 16px;
	border-radius: 8px;
	margin: 2px -1px 0 -1px;*/
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover {
	background-color: #5ae;
/*	height: 17px;*/
	cursor: default;

	box-shadow: 0px 0px 7px #fff;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	margin: 2px 0px 0 0px;
}
.paginationBar-v > .pagination-v .swiper-pagination-bullet-active,
.paginationBar-v > .pagination-v .swiper-pagination-bullet-active:hover {
	background-color: #5ae;
	width: 19px;
	cursor: default;
	margin: 9px 9px 0 0;
}
.paginationBar-v > .pagination-v .swiper-pagination-bullet { display: block; }

/*************************************************************************** Pagination */

i1, i2, i3, i5 {
	display: block;
	font-family: 'Jura'/*'Roboto'*/, Calibri, Arial, sans-serif;
	font-weight: 300;
	color: #5ae;
	font-size: 20px;
	padding-bottom: 8px;
}
i2 {
	color: #aaa;
	font-size: 22px;
}
i3 {
	color: #ccc;
	font-size: 18px;
}
i5 {font-size: 1px; }

/* Descr ********************************************************************************/
.descrColumns, .halfColumn, .quartColumn, .quart3Column {
	display: block;
	float: left;
/*	background-color: #06F;*/
	font-family: 'Jura'/*'Roboto'*/, Calibri, Arial, sans-serif;
	font-weight: 300;
	width: 25%;
	box-sizing: border-box;
	padding: 1%;
}
.halfColumn {
	width: 50%;
	padding: 0 1% 0 0;
}
.quartColumn { padding: 0 1% 0 0; }
.quart3Column {
	width: 75%;
	padding: 0 1% 0 0;
}
ul.descrList {
	margin: 0;
	padding: 2px 0 15px 0;
}
ul.descrList li {
	margin-left: 20px;
	padding: 4px 0 0 0;
}
ul.descrList ul li { font-size: 13px; }
ul.descrLine li {
	margin: 0;
	padding-right: 10px;
	font-size: 14px;
	display: inline;
}
ul.descrList li ul  {
	margin: 0;
	padding: 2px 0 0 5px;
}

/******************************************************************************** Descr */


/* led color ****************************************************************************/
#ledColor {
	margin-top: 10px;
	width: 220px;
	height: 35px;
}
#ledColor a {
	width: 17px;
	height: 17px;
	float: left;
	margin: 5px 5px 0 0;
	cursor: help;
	border-radius: 2px;
}
#ledColor a:after {
	position: absolute;
	margin: 30px 0 0 0px;
	padding: 3px 9px 3px 9px;
	content: attr(data-info);
/*	border: 1px dotted #888;*/
	background-color: #bbb;
	border-radius: 3px;
	border-top-left-radius: 1px;
	font-family: 'Jura'/*'Roboto'*/, Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: #222;
	opacity: 0;
	pointer-events: none;
}
#ledColor a:before {
	border: solid;
	border-color: transparent;
	border-bottom-color: #bbb;
/*	border-left-color: #111;*/
	border-width: 8px 8px 8px 8px;
	content: "";
	position: absolute;
	margin: 14px 0 0 0px;
	z-index: 99;
	opacity: 0;
}
#ledColor a:hover:after, #ledColor a:hover:before { opacity: 1; }

.k8500	 { background-color: #a0ccff; }
.k6000	 { background-color: #ddeeff; }
.k4000	 { background-color: #ffffff; }
.k3000	 { background-color: #ffffbb; }
.k2300	 { background-color: #ffff99; }
.kpink	 { background-color: #ff00ff; }
.kred	 { background-color: #ff0000; }
.kyellow { background-color: #fff000; }
.kgreen	 { background-color: #00ff00; }
.kblue	 { background-color: #0000ff; }
/**************************************************************************** led color */

.swiper-imgMenu, .swiper-imgMenuF { max-height: 60px; }

/* video ********************************************************************************/
.videoWindow, .videoWindowNext {
	position: relative;
	width: 100%;
/*	height: 100%;*/
}

.videoControls {
	position: absolute;
	width: 100px;
	left: 50%;
	bottom: 70px;
	margin-left: -50px;
	z-index: 90;
}
.videoControls a {
	font-size: 2em;
	text-shadow: 0 0 7px #000;
	cursor: pointer;
	opacity: 0.5;
}
.videoControls a:hover { opacity: 1; }

.playButton {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	line-height: 60px;
	width: 90px;
	height: 60px;
	background-size: cover;
	background-color: #C60;
	border-radius: 2px;
	font-size: 3em;
	text-shadow: 0 0 7px #000;
	text-align: center;
	z-index: 10;
}
.playButton1 { background-image: url(../img/light-win/vitr04a.jpg); }
.playButton2 { background-image: url(../img/light-win/vitr04b.jpg); }
.cancelButton {
	position: absolute;
	width: 100%;
	text-align: right;
	font-size: 2.5em;
	text-shadow: 0 0 7px #000;
	z-index: 20;
}
.playButton a, .cancelButton a { cursor: pointer; }
/******************************************************************************** video */

.animateGif { margin-top: 20px; }
.animateGif img { border-radius: 2px; }

.slideLink {
	text-decoration: none;
	color: #ace;
}
.slideLink:hover {
	color: #ea5;
}


/* Preview ******************************************************************************/
.previewBox {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: -100%;
	background-color: #222;
	padding-left: 60px;
	box-sizing: border-box;
/*	background-image: url(../img/concrete-2.jpg);*/
/*	background-image: url(../img/metal-81.jpg);*/
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 0;
}
.contactBox {
	position: absolute;
	width: 100%;
	max-height: 100%;
	margin-top: -100%;
	background-image: url(../img/metal-82.jpg);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
}
.previewBoxMargin {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
}
.previewPart {
	display: inline-block;
	width: 100%;
	padding-left: 0.1vw;
}
.previewPart a {
	position: relative;
	display: block;
	float: left;
	font-size: 0;
	width: 19.77%;
	height: 12.2%;
	overflow: hidden;
	margin: 0.1vw;
}
.previewPart a img { width: 100%; }
.previewPart a:hover:before {
	position: absolute;
	display: block;
	width: 100%;
	min-height: 45px;
	height: auto;
	bottom: 0;
	content: attr(dinfo);
	background-color: rgba(0,0,0,0.75);
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;
	font-family: 'Jura'/*'Roboto'*/, Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 1vw;
	font-color: #fff;
	z-index: 10;
}
.previewPart a:hover { cursor: pointer; }
.previewPartName {
	position: relative;
	margin-left: -60px;
	color: #fff;
}

.descrIcon {
	position: absolute;
	display: block;
	bottom: 0;
	left: -5px;
	z-index: 15;
	opacity: 0.5;
}
.descrIcon:hover { opacity: 1; }

/*.img-contours {
	width: 540px;
	height: 333px;
	background-image: url(../img/light-contour/contours.jpg);
	background-size: 100% 500%;
	background-repeat: no-repeat;
}
.img-contours01 { background-position: 0 0; }
.img-contours02 { background-position: 0 25%; }
.img-contours03 { background-position: 0 50%; }
.img-contours04 { background-position: 0 75%; }
.img-contours05 { background-position: 0 100%; }*/
/****************************************************************************** Preview */


/* Icon Menu ****************************************************************************/
.iconMenu {
	position: relative;
	padding: 0 0 0px 51px;
	bottom: 0px;
	height: 50px;
	overflow: hidden;
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
	/*transition********************************************/
	transition:			max-height 0.3s, bottom 0.3s; /* linear 0.3s;*/
	-webkit-transition: max-height 0.3s, bottom 0.3s; /* Safari 3.1 to 6.0 */
	-moz-transition:	max-height 0.3s, bottom 0.3s;
	-o-transition:		max-height 0.3s, bottom 0.3s;
	/*******************************************************/
}
.iconMenu div {
	opacity: 0.4;
	cursor: pointer;
}
.iconMenu div:hover { opacity: 1; }
/**************************************************************************** Icon Menu */


.botBar {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	max-height: 500px;
	overflow: hidden;
	z-index: 10;
	/*transition********************************************/
	transition:			max-height 0.3s;
	-webkit-transition: max-height 0.3s;
	-moz-transition:	max-height 0.3s;
	-o-transition:		max-height 0.3s;
	/*******************************************************/
}
.botBar0 { max-height: 50px; }


/* Img Menu *****************************************************************************/
.imgMenu, .imgMenuF {
	position: relative;
	left: 0px;
	padding-left: 55px;/*105px;*/
	width: 100%;
/*	height: 60px;*/
	height: auto;
	z-index: 20;
	overflow: hidden;
	background-color: rgba(0,0,0,0.35);

	/*transition********************************************/
	transition:			padding-left 0.3s, height 0.3s;/* max-height 0.3s;*/
	-webkit-transition: padding-left 0.3s, height 0.3s;/* max-height 0.3s;*/
	-moz-transition:	padding-left 0.3s, height 0.3s;/* max-height 0.3s;*/
	-o-transition:		padding-left 0.3s, height 0.3s;/* max-height 0.3s;*/
	/*******************************************************/
}
.imgMenu a, .imgMenuF a {
	display: block;
	float: left;
/*	width: 60px;
	height: 60px;*/
	cursor: pointer;
	opacity: 0.4;

	/*transition********************************************/
	transition:			padding 0.2s, width 0.2s, height 0.2s, margin 0.2s;
	-webkit-transition: padding 0.2s, width 0.2s, height 0.2s, margin 0.2s;
	-moz-transition:	padding 0.2s, width 0.2s, height 0.2s, margin 0.2s;
	-o-transition:		padding 0.2s, width 0.2s, height 0.2s, margin 0.2s;
	/*******************************************************/
}
.imgMenu a.currentImgMenu, .imgMenuF a.currentImgMenu { cursor: default; }
.imgMenu a:hover, .imgMenu a.currentImgMenu, .imgMenuF a:hover, .imgMenuF a.currentImgMenu { opacity: 1; }
/***************************************************************************** Img Menu */


.iconHint {
	position: relative;
	left: 0;/*58px;*/
	padding: 2px 0 0 57px;
	height: 50px;
	color: #fff;
	font-family: 'Exo 2'/*'Jura''Roboto'*/, Calibri, Arial, sans-serif;
	font-weight: 100;
	font-size: 35px;
	text-shadow: 0 0 7px #000;
	z-index: 20;
}

.iconHintSmall {
	font-style: normal;
	color: #5ae;
}

.colontitle {
	display: block;
	float: left;
	width: 100%;
	height: 60px;
	margin-left: -45px;
	padding-right: 45px;
}

.colontitleMain {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 8;
	background-color: rgba(17,17,17,0.8);
}


@media screen and (max-width: 480px) {
	body {
		padding-top: 50px;
		padding-bottom: 50px;
		box-sizing: border-box;
	}
	#logoBoxL {
		left: 5px;
		height: 50px;
	}
	.logoBoxActive {
		opacity: 0.85;
		width: 125px;
	}
	.logoBoxPassive {
		opacity: 0.7;
		width: 24px;
	}

	.topBar { background-color: #111; }
	.siteMenu { top: 8px; }

	.swiper-imgMenu, .swiper-imgMenuF { max-height: 300px; }
	.img-slide, .descr-slide { opacity: 0.1; }

	.paginationBar-v > .pagination-v .swiper-pagination-bullet,
	.swiper-pagination-bullet {
		width: 4px;
		height: 4px;
		border-radius: 2px; 
		margin: 2px 2px 0 2px;
		box-shadow: none; /*0px 0px 5px #fff;*/
		background-color: #777;
	}
	.swiper-pagination-bullet-active,
	.swiper-pagination-bullet-active:hover {
		height: 8px;
		width: 8px;
		border-radius: 4px; 
		margin: 0;
		background-color: #5ae;
	}

	i2 { font-size: 20px; }
	i3 { font-size: 16px; }
	.descrColumns {
		width: 100%;
		padding: 1% 3%;
	}

	.contactBox { margin-top: -150%; }

	.nav-button-h {
		width: 15px;
		height: 30px;
		margin-top: -15px;
	}
	.nav-button-v { visibility: hidden; }

	.videoWindow, .videoWindowNext { background-color: #111; height: auto; }
	.videoWindowNext { margin-top: 6px; }
	.videoControls { bottom: 0; }
	.page-100p { height: auto; }

	.iconHint { background-color: rgba(17,17,17,0.8); }
	.imgMenu, .imgMenuF { background-color: rgba(0,0,0,0.5); }
	.imgMenu, .imgMenuF { height: auto; }
	.imgMenu a, .imgMenuF a {
		margin-left: -6px;
		float: none;
	}
	.imgMenu a:before, .imgMenuF a:before,
	.imgMenu a.currentImgMenu:before, .imgMenuF a.currentImgMenu:before {
		content: attr(data-info);
		position: absolute;
		margin: 10px 0 0 15px;
		left: 100px;
		font-family: 'Exo 2'/*'Jura'/*'Roboto'*/, Calibri, Arial, sans-serif;
		font-weight: 100;
		font-size: 1.55em;
	}
	.imgMenu a.currentImgMenu:before, .imgMenuF a.currentImgMenu:before { color: #5ae; }

	.previewBox { padding-left: 40px; }
	.previewPart { padding-left: 0.2vw; }
	.previewPart a {
		width: 32.8%;
		height: 20.2%;
		margin: 0.2vw;
	}
	.previewPart a:hover:before {
		min-height: 0;
		padding: 5px 5px 5px 5px;
		font-size: 2.5vw;
	}
	.previewPartName { margin-left: -40px; }
	.previewBoxMargin { height: 0; }
	.descrIcon { visibility: hidden; }
	.colontitle { height: 50px; }
}

@media screen and (max-width: 480px) and (max-height: 400px) {
	.swiper-imgMenu, .swiper-imgMenuF { max-height: 272px; }
}

@media screen and (max-width: 480px) and (min-height: 400px) and (max-height: 450px) {
	.swiper-imgMenu, .swiper-imgMenuF { max-height: 310px; }
}

@media screen and (max-width: 480px) and (min-height: 450px) {
	.swiper-imgMenu { max-height: 360px; }
	.swiper-imgMenuF { max-height: 360px; }
}
@media screen and (min-width: 480px) and (max-width: 500px) {
}
@media screen and (min-width: 480px) and (max-width: 641px) {
	.videoControls { bottom: 0; }
	.page-100p { height: auto; }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	#logoBoxL {
		left: 5px;
		height: 63px;
	}
	.logoBoxActive {
		opacity: 0.85;
		width: 156px;
	}
	.logoBoxPassive {
		opacity: 0.7;
		width: 30px;
	}

	.paginationBar-v > .pagination-v .swiper-pagination-bullet,
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		border-radius: 3px; 
		margin: 3px 3px 0 3px;
		box-shadow: none; /*0px 0px 5px #fff;*/
		background-color: #777;
	}
	.swiper-pagination-bullet-active,
	.swiper-pagination-bullet-active:hover {
		height: 12px;
		width: 12px;
		border-radius: 6px; 
		margin: 0;
		background-color: #5ae;
	}

	i2 { font-size: 20px; }
	i3 { font-size: 16px; }
	.descrColumns {
		width: 50%;
		padding: 1% 2%;
	}

/*	.shiftTop { height: 60px; }*/
	.previewPart { padding-left: 0.2vw; }
	.previewPart a {
		width: 32.8%;
		height: 20.2%;
		margin: 0.2vw;
	}
	.previewPart a:hover:before {
		min-height: 40px;
		padding: 5px 5px 5px 35px;
		font-size: 2.3vw;
	}
	.previewPartName {
		font-size: 4vw;
/*		padding-left: 37px;*/
	}
	.previewBoxMargin { height: 60px; }
	.descrIcon { bottom: -3px; }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#logoBoxL {
		left: 25px;
		height: 63px;
	}
	.logoBoxActive {
		opacity: 0.85;
		width: 156px;
	}
	.logoBoxPassive {
		opacity: 0.7;
		width: 30px;
	}

	i2 { font-size: 20px; }
	i3 { font-size: 16px; }
	.descrColumns { width: 33.3%; }

	.previewPart a {
		width: 24.5%;
		height: 15.1%;
	}
	.previewPart a:hover:before { font-size: 1.6vw; }
	.previewPartName { font-size: 3vw; }
	.previewBoxMargin { height: 60px; }
}
@media screen and (min-width: 768px) and (max-width: 901px) {
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.previewPart a:hover:before { font-size: 1.3vw; }
	.previewPartName { font-size: 2.5vw; }
}

/*@media screen and (min-aspect-ratio: 8/5) and (max-aspect-ratio: 16/9) {
	.videoControls { left: 26.5%; background-color: #0F9; }
}*/

.maxHeight0 { max-height: 0; }
.ishidden { visibility: hidden; }
.transparent { opacity: 0; }
.page-shaded { opacity: 0.2; }
.page-unshade { opacity: 1; }

.topBarH0 { height: 100px; }
.topBarH1 { height: 100px; }
.topBarH2 { height: 145px; }
.top-0 { top: 0; }
.dorotate { transform: rotate(45deg); }

.noanimate {
	-webkit-animation: none;
	animation: none;
	opacity: 0.5;
}

/* animation */
@-webkit-keyframes bounce {
	0%	{ bottom: 0px; opacity: 1; }
	75%	{ bottom: 0px; opacity: 1; /*background-color: transparent;*/ }
	82%	{ bottom: 25px; opacity: 1; }
	83%	{ bottom: 25px; opacity: 1; /*background-color: #5ae; border-radius: 30px/25px;*/ }
	89%	{ bottom: 0px; opacity: 1; }
	91%	{ bottom: 4px; opacity: 1; }
	93%	{ bottom: 0px; opacity: 1; /*background-color: transparent;*/ }
	94%	{ bottom: 1px; opacity: 1; }
	95%	{ bottom: 0px; opacity: 1; }
	100% { bottom: 0px; opacity: 1; }
}
@keyframes bounce {
	0%	{ bottom: 0px; opacity: 1; }
	75%	{ bottom: 0px; opacity: 1; /*background-color: transparent;*/ }
	82%	{ bottom: 25px; opacity: 1; }
	83%	{ bottom: 25px; opacity: 1; /*background-color: #5ae; border-radius: 30px/25px;*/ }
	89%	{ bottom: 0px; opacity: 1; }
	91%	{ bottom: 4px; opacity: 1; }
	93%	{ bottom: 0px; opacity: 1; /*background-color: transparent;*/ }
	94%	{ bottom: 1px; opacity: 1; }
	95%	{ bottom: 0px; opacity: 1; }
	100% { bottom: 0px; opacity: 1; }
}