@font-face {
    font-family: 'teleneobold';
    src: url('fonts_teleneo/teleneo-bold-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneobold_italic';
    src: url('fonts_teleneo/teleneo-bolditalic-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneoextrabold';
    src: url('fonts_teleneo/teleneo-extrabold-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneoextrabold_italic';
    src: url('fonts_teleneo/teleneo-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneomedium';
    src: url('fonts_teleneo/teleneo-medium-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneomedium_italic';
    src: url('fonts_teleneo/teleneo-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneoregular';
    src: url('fonts_teleneo/teleneo-regular-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneoregular_italic';
    src: url('fonts_teleneo/teleneo-regularitalic-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneothin';
    src: url('fonts_teleneo/teleneo-thin-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'teleneothin_italic';
    src: url('fonts_teleneo/teleneo-thinitalic-webfont.woff2') format('woff2'),
         url('fonts_teleneo/teleneo-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





body {
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'teleneoregular',Arial;
	position: relative;
}

body strong {
	font-family: 'teleneobold';
	font-weight: normal;
}
body *{
	box-sizing: border-box;
}

body .top-bar {
	position: fixed;
	height: 80px;
	width: 100%;
	left:0;
	top:0;
	padding: 0 15px;
	color:white;
	background:#e20074;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

body .top-bar .r-side {
	padding-right: 60px;
}

body .right-menu {
	font-family: 'teleneomedium';
	font-size: 17px;
	position: fixed;
	top:80px;
	right: 0;
	width: 300px;
	height: calc(100% - 80px);
	background:#e2e2e2;
	padding-right: 25px;
	padding-top: 80px;
	z-index: 12500;
	  -webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;	
}
body .right-menu.hidden {
	right: -331px;
}

body .right-menu .show-hide-btn {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	bottom:50px;
	right: calc(100% - 5px);
	display: block;
	padding: .6em 3em .6em 2em;
	background: #e20074;
	color:white;
	cursor: pointer;
}
body .right-menu .show-hide-btn ._1 {
	display: block;
}
body .right-menu.hidden .show-hide-btn ._1 {
	display: none;
}
body .right-menu .show-hide-btn ._2 {
	display: none;
}
body .right-menu.hidden .show-hide-btn ._2 {
	display: block;
}

/*body .right-menu .start-item {
	display: block;
	text-align: right;
	color:#777;
	font-weight: 600;
	margin:1.5em 0 .8em;
}
*/
body .right-menu .m-item-holder {
	/*overflow-y: auto;*/
	height: 100%;
}
body .right-menu .m-item-holder .m-item{
	display: block;
	width: 100%;

	background:#e20074;
	color:white;
	line-height: 1.1em;
	margin:1px 0 0 0 ;
	padding: .6em .75em;
	text-decoration: none;
}

body .right-menu .m-item-holder .m-item.active-not-selected,
body .right-menu .m-item-holder .m-item.lvl0.active{
	background:#888;
}
body .right-menu .m-item-holder .m-item.active{
	position: relative;
	
}
body .right-menu:not(.hidden) .m-item-holder .m-item.active:after{
	position: absolute;
	content:"";
	top:0;
	right: calc(100% - 3px);
	width: 40px;
	height: 100%;
	background:#e20074  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAYCAYAAAAcYhYyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREQwMDhCNTIwNUYxMUU4Qjg0MUIzMTI3NjU4QjNENCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREQwMDhCNDIwNUYxMUU4Qjg0MUIzMTI3NjU4QjNENCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVGNkExQTExRDQ4MTFFOEIxRDNDQjY4QTVFOEI2MTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVGNkExQTIxRDQ4MTFFOEIxRDNDQjY4QTVFOEI2MTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6izJaoAAAApUlEQVQ4T62VUQqDQAxEt/5Kb+BFLX5qD+lltklxYAxhm8124Emi5Iki8VFrLSarMAvbt4tEJcRLQHbBXnfhhgVISITCEyCHcBuy6OEpnEIrTRGKRUiLuEmL7ImU6NZcdIt4mOkS2WEmLPKGmYjoPV1f/0jcu4Phxxl+sV0ChYeVboHCTUTgrgYUaYGih8gqaC4nFK2l9HO7cTO8HkFqUf/hl1HKBxGA0JTZbAjqAAAAAElFTkSuQmCC') center no-repeat;
	background-size: 15px auto;

}
body .right-menu .m-item-holder .m-item.lvl1{
	background:#aaa;
	font-size: 16px;
	border-left: 8px solid #e2e2e2;
	width: calc(100% - 8px);
	display: none;
}

/*body .right-menu .m-item-holder .m-item.lvl0.active ~ .m-item.lvl1{
	display: block;
}*/

body .right-menu .m-item-holder .m-item.lvl2{
	background:#bbb;
	font-size: 16px;
	border-left: 22px solid #e2e2e2;
	width: calc(100% - 8px);
	display: none;
}

body .right-menu .special-item{
	background:url(lqt-images/yt-ico.png) left center /contain no-repeat ;
	padding-left: 50px;
	position: absolute;
	bottom: 15px;
	left:18px;
	font-size: 12px;
	color:#888;
	text-decoration: none;
}
body .right-menu .special-item:hover{
	text-decoration: underline;
}



/*--------------------------- LEFT MENU ---------------------------*/

body .left-menu {
	position: fixed;
	box-sizing: border-box;
	top:80px;
	left: 0;
	width: 300px;
	height: calc(100% - 80px);
	background:#e2e2e2;

	z-index: 12500;
	  -webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;	


}
body .left-menu.hidden {
	left: -301px;
}
body .left-menu .item-depend {
	padding: 25px;
	overflow-y: auto;
	height: 100%;
}
body .left-menu .show-hide-btn {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	top:50px;
	left: calc(100% - 5px);
	display: block;
	padding: .6em 1em;
	background: #e20074;
	color:white;
	cursor: pointer;
}
body .left-menu .show-hide-btn .arrow {
	display: inline-block;
	width: 1em;
	height: 1em;
	background:#e20074  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAYCAYAAAAcYhYyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREQwMDhCNTIwNUYxMUU4Qjg0MUIzMTI3NjU4QjNENCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREQwMDhCNDIwNUYxMUU4Qjg0MUIzMTI3NjU4QjNENCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVGNkExQTExRDQ4MTFFOEIxRDNDQjY4QTVFOEI2MTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVGNkExQTIxRDQ4MTFFOEIxRDNDQjY4QTVFOEI2MTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6izJaoAAAApUlEQVQ4T62VUQqDQAxEt/5Kb+BFLX5qD+lltklxYAxhm8124Emi5Iki8VFrLSarMAvbt4tEJcRLQHbBXnfhhgVISITCEyCHcBuy6OEpnEIrTRGKRUiLuEmL7ImU6NZcdIt4mOkS2WEmLPKGmYjoPV1f/0jcu4Phxxl+sV0ChYeVboHCTUTgrgYUaYGih8gqaC4nFK2l9HO7cTO8HkFqUf/hl1HKBxGA0JTZbAjqAAAAAElFTkSuQmCC') center no-repeat;
	background-size: contain;
	transform: rotate(180deg);
     -webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;	
	
}
body .left-menu.hidden .show-hide-btn .arrow {
	transform: rotate(0deg)
	
}
body .left-menu.hidden .show-hide-btn .h {
	display:inline-block;
}
body .left-menu .show-hide-btn .h {
	display:none;
	margin-left: 8px;
	line-height: 1.0em;
}
body .left-menu .header {
	font-size: 25px;
}
body .left-menu .text {
	margin:1em 0px;
	font-size: 16px;
	line-height: 1.2em;
}
body .left-menu ul.typ li {
	margin:1em 0px;
	font-size: 14px;
	line-height: 1.2em;
}
body .left-menu ul.cert li{
	list-style: none;
	margin:8px 0;
}
body .left-menu ul.cert li a{
	display: flex;
	background:url(lqt-images/cert_ico.png) left top no-repeat;
	min-height: 50px;
	padding-left: 55px;
	align-items: center;
	font-size: 14px;
	color:#333;
}


/*--------------------------- PHOTO BAR ---------------------------*/

body .photo-bar {
	position: absolute;
	bottom:-200px;
	right: 500px;
	width: auto;
	text-align: right;
	height: 150px;
	z-index: 12500;
}
body .photo-bar.shown {
	bottom:0;
}
body .photo-bar .photo-item{
	display: inline-block;
	background:url(lqt-images/photo_ico_white.png) bottom center no-repeat;
	width: 120px;
	height: 90px;
	text-align: center;
	color:white;
	font-size: 14px;
	text-decoration: none;
	vertical-align: baseline;
	position: relative;
}
body .photo-bar .photo-item span{
	position: absolute;
	width: 100%;
	display: block;
	bottom:75px;
	text-align: center;

}
body .photo-bar .photo-item.active,
body .photo-bar .photo-item:hover{
	background-image:url(lqt-images/photo_ico_mag.png);
}
body .photo-bar .video-item{
	display: inline-block;
	background:url(lqt-images/video_ico.png) bottom center no-repeat;
	width: 120px;
	height: 90px;
	text-align: center;
	color:white;
	font-size: 14px;
	text-decoration: none;
	vertical-align: baseline;
	position: relative;
}
body .photo-bar .video-item span{
	position: absolute;
	width: 100%;
	display: block;
	bottom:75px;
	text-align: center;

}
body .photo-bar .video-item.active,
body .photo-bar .video-item:hover{
	background-image:url(lqt-images/video_ico_mag.png);
}
/*--------------------------- OVERLAY CONTENT ---------------------------*/

body .overlay-content {
	position: absolute;
	top:80px;
	bottom:0;
	left: 0;
	right: 0;
	padding-right: 350px;
	z-index: 12400;
	background:#c5c5c5;
	display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: translateY(120vh);
      -webkit-transition: all .6s ease-in-out;
	  -moz-transition: all .6s ease-in-out;
	  -o-transition: all .6s ease-in-out;
	  transition: all .6s ease-in-out;
	}
body .overlay-content.shown {
	transform: translateY(0px);
}
body .overlay-content.shown iframe {
	width: 800px;
	height: 450px;
	margin-top: -100px
}

body .overlay-content .after-film-show {
	display: none;
	width: 1000px;
	height: 650px;
	margin-top: -100px;
	background: url(lqt-images/piramida_00345.png) center /contain no-repeat;
	position: relative;
}
body .overlay-content .after-film-show span {
	position: absolute;
	font-size: 18px;
	color:#E0006C;
	font-family: 'teleneomedium'
}
body .overlay-content .after-film-show span a {
	color:#E0006C;
}
body .overlay-content .after-film-show span.s1 {
	right: calc(50% + 120px);
	top:200px;
}
body .overlay-content .after-film-show span.s2 {
	right: calc(50% + 135px);
	top:230px;
}
body .overlay-content .after-film-show span.s3 {
	right: calc(50% + 150px);
	top:260px;
}
body .overlay-content .after-film-show span.s4 {
	right: calc(50% + 165px);
	top:290px;
}
body .overlay-content .after-film-show span.s5 {
	right: calc(50% + 180px);
	top:320px;
}



body .overlay-content .after-film-show span.s10 {
	left: calc(50% + 90px);
	top:150px;
}
body .overlay-content .after-film-show span.s11 {
	left: calc(50% + 110px);
	top:180px;
}
body .overlay-content .after-film-show span.s12 {
	left: calc(50% + 130px);
	top:210px;
}
body .overlay-content .after-film-show span.s13 {
	left: calc(50% + 150px);
	top:240px;
}
body .overlay-content .after-film-show span.s14 {
	left: calc(50% + 170px);
	top:270px;
}
body .overlay-content .after-film-show span.s15 {
	left: calc(50% + 190px);
	top:300px;
}
body .overlay-content .after-film-show span.s16 {
	left: calc(50% + 210px);
	top:330px;
}
body .overlay-content .after-film-show span.s17 {
	left: calc(50% + 230px);
	top:360px;
}
body .overlay-content .after-film-show span.s18 {
	left: calc(50% + 250px);
	top:390px;
	padding-right: 50px;
}



@media screen and (max-height: 750px){ 

	body .right-menu {
		padding-top: 15px;
	}
	body .right-menu .m-item-holder .m-item {
		padding: 8px 8px 8px  15px; 
	}

	body .photo-bar.shown {
	  bottom: 0px;
	  height: 75px;
	}
	body .photo-bar .photo-item {
	  background-size: 50px auto;
	  width: 80px;
	  height: 60px;
	  font-size: 14px;
	}
	body .photo-bar .photo-item span {
		bottom: 50px;
	}
	body .photo-bar .video-item {
	  background-size: 50px auto;
	  width: 80px;
	  height: 60px;
	  font-size: 14px;
	}
	body .photo-bar .video-item span {
		bottom: 50px;
	}

	body .overlay-content.shown iframe {
		width: 712px;
		height: 400px;
		/*margin-top: -100px;*/
		margin-left: 50px
	}


}

@media screen and (max-height: 850px){ 

	body .right-menu {
		padding-top: 15px;
	}
	body .right-menu .m-item-holder {
		overflow: auto;
		height: calc(100% - 60px)
	}


	body .right-menu .m-item-holder .m-item {
		padding-right: 30px;
	}

	body .right-menu:not(.hidden) .m-item-holder .m-item.active:after{
		position: absolute;
		content:"";
		top:50%;
		transform: translateY(-50%) rotate(180deg);
		right: 0px;
		width: 30px;
		height: 100%;
		background-size: 10px auto;
		background-position: 50% center;
		/*border-radius: 50%;*/
		/*border:2px solid white;*/

	}

	body .right-menu .m-item-holder .m-item:last-child {
		margin-bottom: 15px;
	}

}