html, body, div, span, applet, object, iframe,
h1, h2 , h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video , input, textarea{
    margin: 0;
    padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main{
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{ outline:0; border:0; text-decoration:none; }
a img{ outline:0; border:0; }
img{ max-width:100%; }

button{ outline:0; }
.anim{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.anim-hover{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* FONTS */

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

@font-face {
  font-family: 'UniversLTStd-UltraCn';
  src:  url('../fonts/UniversLTStd-UltraCn/UniversLTStd-UltraCn-.eot#iefix') format('embedded-opentype'),
  		url('../fonts/UniversLTStd-UltraCn/UniversLTStd-UltraCn.otf')  format('opentype'),
		url('../fonts/UniversLTStd-UltraCn/UniversLTStd-UltraCn.woff') format('woff'),
		url('../fonts/UniversLTStd-UltraCn/UniversLTStd-UltraCn.ttf')  format('truetype'),
		url('../fonts/UniversLTStd-UltraCn/UniversLTStd-UltraCn.svg#UniversLTStd-UltraCn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src:  url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular-.eot#iefix') format('embedded-opentype'),
  		url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.otf')  format('opentype'),
		url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.woff') format('woff'),
		url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.ttf')  format('truetype'),
		url('../fonts/BrandonGrotesque-Regular/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonGrotesque-Black';
  src:  url('../fonts/BrandonGrotesque-Black/BrandonGrotesque-Black-.eot#iefix') format('embedded-opentype'),
		url('../fonts/BrandonGrotesque-Black/BrandonGrotesque-Black.otf')  format('opentype'),
		url('../fonts/BrandonGrotesque-Black/BrandonGrotesque-Black.woff') format('woff'),
		url('../fonts/BrandonGrotesque-Black/BrandonGrotesque-Black.ttf')  format('truetype'),
		url('../fonts/BrandonGrotesque-Black/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "BodoniSvtyTwoITCTT-Book";
  src: url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.eot"); /* IE9*/
  src: url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book-.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.woff") format("woff"), /* chrome、firefox */
  url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.svg#Bodoni SvtyTwo ITC TT Book") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "BodoniSvtyTwoITCTT-Bold";
  src: url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold.eot"); /* IE9*/
  src: url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold-.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold.woff") format("woff"), /* chrome、firefox */
  url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/BodoniSvtyTwoITCTT-Bold/BodoniSvtyTwoITCTT-Bold.svg#Bodoni SvtyTwo ITC TT Bold") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Abadi-MT-Condensed-Light";
  src: url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light.eot"); /* IE9*/
  src: url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light-.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Abadi-MT-Condensed-Light/Abadi-MT-Condensed-Light.svg#Abadi MT Condensed Light") format("svg"); /* iOS 4.1- */
}
/* 
@font-face {
  font-family: 'BodoniSvtyTwoITCTT-Book';
  src:  url('../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book-.eot#iefix') format('embedded-opentype'),
		url('../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.woff') format('woff'),
		url('../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.ttf')  format('truetype'),
		url('../fonts/BodoniSvtyTwoITCTT-Book/BodoniSvtyTwoITCTT-Book.svg#BodoniSvtyTwoITCTT-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
 */
@font-face {
  font-family: 'FagoCo';
  src:  url('../fonts/FagoCo/FagoCo-.eot#iefix') format('embedded-opentype'),
		url('../fonts/FagoCo/FagoCo.woff') format('woff'),
		url('../fonts/FagoCo/FagoCo.ttf')  format('truetype'),
		url('../fonts/FagoCo/FagoCo.svg#FagoCo') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* STYLES */

html{ background-color:#000000; }
html, body { height: 100vh;}

body.mac{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 
.center-vert-out{ display:table; vertical-align:middle; height:100%; width:100%;}
.center-vert-in{ display:table-cell; vertical-align:middle; height:100%;}

header{}
.header.desktop{ background-color:#000000; width:100%; height:78px; position:fixed; overflow:hidden; box-sizing:border-box; padding:0 40px; top:0; z-index:1000;
	transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-webkit-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
}
body.header-shrinked .header.desktop{ height:60px; }
a#logo{ width:80px; display:block; position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-18px; }
nav.menu{}
nav.menu a{ font-family: 'UniversLTStd-LightUltraCn'; font-size:18px; line-height:18px; letter-spacing:1px; color:#cccecf; text-transform:uppercase;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
nav.menu a.current , nav.menu a:hover{ color:#f5a720; }
body.mac nav.menu a{ font-family: 'UniversLTStd-UltraCn'; font-size:16px; line-height:18px; letter-spacing:0.5px; }

.with-submenu{ position:relative; display:inline-block; vertical-align:top; }
.with-submenu a{font-family: 'UniversLTStd-UltraCn'; font-size:16px; line-height:18px; letter-spacing:0.5px; }
.with-submenu a.submenu-item{ position:relative; padding-right:14px; cursor:pointer; }
.with-submenu a.submenu-item:after{ content:""; position:absolute; right:0; top:50%; margin-top:-3px; background-image:url("img/arrow-submenu.png"); background-repeat:no-repeat; background-position:top center; background-size:cover; width:9px; height:4px;}
.with-submenu a.submenu-item:hover:after{ background-position:bottom center; }
.with-submenu .submenu-box{ position:absolute; width:auto;box-sizing:border-box; padding:8px 15px; top:17px; display:none;}
.with-submenu .submenu-box a{ cursor:pointer; margin-left:0 !important;}

nav.menu.left{ float:left; }
nav.menu.left a{ margin-right:15px; }
nav.menu.right{ float:right; }
nav.menu.right a{ margin-left:15px; }

.header.mobile{ display:none; background-color:#000000; width:100%; height:60px; position:fixed; box-sizing:border-box; padding:0 18px; top:0; z-index:1000; }
#logo-mobile{ float:left; width:65px;  display:block; position:absolute; }
#btn-mobile{ float:right; width:26px; height:18px; display:block; position:relative; cursor:pointer; }
#btn-mobile span.line{ width:100%; height:2px; background-color:#fff; position:absolute; left:0;

	-ms-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;

	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
#btn-mobile.active span.line , #btn-mobile:hover span.line{ background-color:#f5a720; }
#btn-mobile span.line.top{ top:0; }
#btn-mobile.active span.line.top , #btn-mobile:hover span.line.top{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px;
}
#btn-mobile span.line.center{ top:8px; }
#btn-mobile.active span.line.center , #btn-mobile:hover span.line.center{ opacity:0; }
#btn-mobile span.line.bottom{ bottom:0; }
#btn-mobile.active span.line.bottom , #btn-mobile:hover span.line.bottom{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom:8px;
}

.menu-mobile-out{ background-color: #000; height: calc(100vh - 60px); left: 0; position: fixed; top: -100%; width: 100%; z-index:500;
	transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
}
.menu-mobile-out.on{ top:60px;}

.menu.mobile{}
.menu.mobile a{ font-family: 'UniversLTStd-LightUltraCn'; font-size:26px; line-height:50px; letter-spacing:1px; color:#cccecf; text-transform:uppercase; text-align:center; display:block;
	transition: color 0.3s ease , background-color 0.3s ease;
	-moz-transition: color 0.3s ease , background-color 0.3s ease;
	-webkit-transition: color 0.3s ease , background-color 0.3s ease;
	-o-transition: color 0.3s ease , background-color 0.3s ease;
}
.menu.mobile a.current , .menu.mobile a:hover{ color:#f5a720;  background-color:#e71c24; }

.menu.mobile .with-submenu{ display:block; }
.menu.mobile .with-submenu .submenu-box{ position: relative; top: 0px; padding: 0px; }
.menu.mobile .with-submenu a.submenu-item{ padding-right:0;}
.menu.mobile .with-submenu a.submenu-item:after{ display:none !important; }
.menu.mobile .with-submenu a.submenu-item span{ width:46px; position:relative; display:block; margin:auto; }
.menu.mobile .with-submenu a.submenu-item span:after{ content:""; position:absolute; right:0; top:50%; margin-top:-3px; background-image:url("img/arrow-submenu.png"); background-repeat:no-repeat; background-position:top center; background-size:cover; width:9px; height:4px;}

#go_down_arrow{ animation: 1s ease-in-out 0s normal none infinite running anim_intro_arrow; bottom: 30px; cursor: pointer; left: 50%; position: fixed; z-index: 250; width:36px; margin-left:-18px; opacity:1;
	transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
}
#go_down_arrow.hide{ opacity:0; }
#go_down_arrow img{ height: auto; max-width: 100%; }
@keyframes anim_intro_arrow {
	0%{bottom: 30px;}
	50%{bottom: 40px;}
	100%{bottom: 30px;}
}
@keyframes anim_intro_arrow {
	0%{bottom: 30px;}
	50%{bottom: 40px;}
	100%{bottom: 30px;}
}


footer{ height:90px; background-color:#000; text-align:center; color:#cccecf; line-height:90px; font-family: 'UniversLTStd-UltraCn';}
footer a{ font-family: 'UniversLTStd-UltraCn'; letter-spacing:1px; font-size:15px; color:#cccecf; }

main{ padding-top:78px; 
	transition: padding-top 0.5s ease;
	-moz-transition: padding-top 0.5s ease;
	-webkit-transition: padding-top 0.5s ease;
	-o-transition: padding-top 0.5s ease;
}
body.header-shrinked main{ padding-top:60px; }

main.closed{ /*height: calc(100vh - 78px ); overflow: hidden; */}


#slider-out{ position:relative; min-height:450px; }
#slider-out:before{ content:""; display:block; padding-bottom:36%; }
#slider-in{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slick-list , .slick-track{ height:100%; }
.slick-arrow{ position:absolute; background-position:center center; background-repeat:no-repeat; background-size:contain; background-color:transparent; border:none; text-indent:-9000px; width:20px; height:40px; z-index:10; padding:0;
top:50%; margin-top:-20px; cursor:pointer; opacity:0.7;
	transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}
.slick-arrow:hover{ opacity:1; }
.slick-arrow.slick-prev{ left:40px; background-image:url("img/arrow-left.png"); }
.slick-arrow.slick-next{ right:40px; background-image:url("img/arrow-right.png"); }
ul.slick-dots{ text-align:center; position:relative; bottom:50px;}
ul.slick-dots li{ display:inline-block; width:8px; height:8px; border-radius:50%; overflow:hidden; margin:0 9px;}
ul.slick-dots li button{ background:#fff none; border:none; width:100%; height:100%; cursor:pointer; padding:0; text-indent:-9000px;
	transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
}
ul.slick-dots li.slick-active button, ul.slick-dots li button:hover{ background:#f5a720 none; }

.slider-item{ width: 100%; height: 100%; position:relative;}
.slider-item.video-item{ cursor:pointer; }
.slider-item .slider-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.slider-item .slider-content{ position:relative; overflow:hidden; z-index:10;height:100%; color:#fff;}
.slider-item.two-col .slider-content{ max-width:1080px; width:86%; margin:auto; }
.slider-item.two-col .slider-content .col{ box-sizing: border-box; display: inline-block; height: 100%; padding-left: 3%; width: 48%; }
.slider-item.two-col .slider-content .col.left img{}

.slider-item.two-col .slider-content .col.right h2{ font-family: 'BodoniSvtyTwoITCTT-Bold'; font-size:40px; line-height:40px; letter-spacing:-1px; margin-bottom:10px; color:#904444 }
.slider-item.two-col .slider-content .col.right p{ font-family: 'FagoCo'; font-size:17px; line-height:22px; letter-spacing:0.5px; max-width:400px;color:#904444}

.slider-item.full .slider-content{ max-width:1080px; margin:auto; text-align:center;}
.slider-item.full .slider-content h2{ font-family: 'BodoniSvtyTwoITCTT-Bold'; font-size:76px; line-height:80px; letter-spacing:-1px; }
.slider-item.full .slider-content p{ font-family: 'FagoCo'; font-size:21px; line-height:25px; letter-spacing:1px; color:#cccecf;}

#works-out{ position:relative; overflow:hidden; padding-bottom:0;}
#works-out.works-done{ padding-bottom:0; }
#works-out ul{position:relative; overflow:hidden;}
li.work-item{ float:left; position:relative; cursor:pointer; }
.alm-listing li{ padding:0 !important; margin:0 !important;}
.work-item-in{ position:absolute; left:0; top:0; width:100%; height:100%; }
li.work-item.half{ width:50%; }
li.work-item.half:before{ content:""; display:block; padding-bottom:50%; }
li.work-item.quarter{ width:25%; }
li.work-item.quarter:before{ content:""; display:block; padding-bottom:50%; }
li.work-item .work-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
li.work-item .work-content{ height:100%; position:relative; z-index:10; overflow:hidden; box-sizing:border-box; padding:0 40px; color:#fff; text-align:center; background-color:transparent;}
li.work-item:hover .work-content{ animation: work-change-text-color 3s infinite;}

li.work-item .work-content p{ font-size:14px; line-height:18px; letter-spacing:1px; color:#fff; font-family: 'FagoCo';text-shadow: 0px 0px 25px #000;
	transition: color 0.8s ease;
	-moz-transition: color 0.8s ease;
	-webkit-transition: color 0.8s ease;
	-o-transition: color 0.8s ease;
}
li.work-item:hover .work-content p{ animation: work-change-text-color-one 3s infinite 1s; color:#f5a720; }

li.work-item .work-content h2{ font-size:41px; line-height:50px; font-family: 'FagoCo'; letter-spacing:-1px; color:#fff; margin-bottom:2px; text-shadow: 0px 0px 35px #000;
	transition: color 0.8s ease;
	-moz-transition: color 0.8s ease;
	-webkit-transition: color 0.8s ease;
	-o-transition: color 0.8s ease;
}
li.work-item.quarter .work-content h2{ font-family: 'FagoCo'; font-size:21px; line-height:26px; }

li.work-item:hover .work-content h2{ animation: work-change-text-color-two 3s infinite 0.8s; color:#fff; }

li.work-item .work-content .work-content-bg{ position:absolute; left:0; top:0; bottom:0; right:0; z-index:-1; background-color: #904444; opacity:0;
	transition: opacity 0.8s ease , background-color 0.8s ease;
	-moz-transition: opacity 0.8s ease , background-color 0.8s ease;
	-webkit-transition: opacity 0.8s ease , background-color 0.8s ease;
	-o-transition: opacity 0.8s ease , background-color 0.8s ease;
}
li.work-item:hover .work-content .work-content-bg{ animation: work-change-bg-color 3s infinite 1s; opacity:1;}

@keyframes work-change-text-color-one{
    0%{ color:#f5a720;}
    50%{ color:#f5a720;}
    100%{ color:#f5a720;}	
}
@keyframes work-change-text-color-two{
    0%{ color:#fff;}
    50%{ color:#e71c24;}
    100%{ color:#fff;}	
}

@keyframes work-change-bg-color{
    0%{ background-color: #904444; }
    50%{ background-color: #904444; }
    100%{ background-color: #904444; }	
}

.alm-btn-wrap{padding:0 !important;}
.alm-btn-wrap #load-more{ /*margin:0 !important; padding:0 !important; height:30px; */ }
.alm-btn-wrap #load-more.done{ display:none !important; }

/* PLAYER */

#player-wrapper{ height:calc(100vh - 78px ); width:100%; position:fixed; top:78px; left:0; background-color:#000; z-index:1000; overflow:hidden; display:none; 
	transition: height 0.5s ease , top 0.5s ease;
	-moz-transition: height 0.5s ease , top 0.5s ease;
	-webkit-transition: height 0.5s ease , top 0.5s ease;
	-o-transition: height 0.5s ease , top 0.5s ease;
}
body.header-shrinked #player-wrapper{ height:calc(100vh - 60px ); top:60px; }


#player{ height: 100%; width: 100%; }
#player .vjs-loading-spinner{ z-index:10; }
#player #player-video-custom{ width:100% !important; height:100% !important; }
#player #player-video-custom video{
	background-color:transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
	max-width:100%;
    min-height: 100%;
	max-height:100%;
    width: auto;
    height: auto;
    z-index: 15;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/*.video-js .vjs-tech{ position:relative !important; }*/

.player-controls{ position:absolute; left:0; bottom:30px; width:100%; box-sizing:border-box; padding:0 44px; z-index:20; height:21px; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}
.timeline{ width:calc(100% - 16px - 26px - 40px); margin-left:36px; top:8px; height:5px; position:relative; background-color:#fff; cursor:pointer;}
.timeline .buffer{ position:absolute; left:0; top:0; height:100%; background-color:#e81c24; }
.timeline .progress{ position:absolute; left:0; top:0; height:100%; background-color:#f5a720; }
.player-controls .btn{ background-position:center center; background-repeat: no-repeat; background-size:contain;
position:absolute; cursor:pointer; z-index:10; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}
.player-controls .btn.hidden{ opacity: 0; filter: alpha(opacity=0); z-index:0;}
.player-controls .play{ width:16px; height:21px; background-image:url("img/play.png"); left:44px; top:0; }
.player-controls .pause{ width:14px; height:18px; background-image:url("img/pause.png"); left:44px; top:1.5px;}
.player-controls .full{ width:26px; height:14px; background-image:url("img/fullscreen.png"); right:44px; top:3.5px; }

.player-click-sector{ position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; z-index:19; }

.btn.close{ width:24px; height:24px; background-image:url("img/close.png"); left:44px; top:26px; background-position:center center; background-repeat: no-repeat; background-size:contain; position:absolute; cursor:pointer; z-index:20; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}

.player-info{ position:absolute; left:44px; top:70px; color:#fff; z-index:20; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}
.player-info p{ font-size:14px; line-height:16px; letter-spacing:1px; font-family: 'FagoCo'; }
.player-info h2{ font-size:39px; line-height:39px; font-family: 'BodoniSvtyTwoITCTT-Bold'; letter-spacing:-1px; }

#player-wrapper.hide-elements .player-controls{ opacity: 0; filter: alpha(opacity=0); }
#player-wrapper.hide-elements .btn.close{ opacity: 0; filter: alpha(opacity=0); }
#player-wrapper.hide-elements .player-info{ opacity: 0; filter: alpha(opacity=0); }
#player-wrapper.paused .player-controls{ opacity: 1; filter: alpha(opacity=100); }
#player-wrapper.paused .btn.close{ opacity: 1; filter: alpha(opacity=100); }
#player-wrapper.paused .player-info{ opacity: 1; filter: alpha(opacity=100); }

.vjs-control-bar{ display:none !important; }

/* PAGE */
.page-header{ height:360px; position:fixed; width:100%;}
.page-header.white{ background-color:#fff; }
.page-header.black{ background-color:#000; }
.page-title{ text-align:center; padding:40px; position:relative;}
.page-title:before{ content:""; position:absolute; top:0; width:30px; height:2px; left:50%; margin-left:-15px; background-color:#231f20;}
.page-title:after{ content:""; position:absolute; bottom:0; width:30px; height:2px; left:50%; margin-left:-15px; background-color:#231f20;}
.page-title h1{ font-family: 'BodoniSvtyTwoITCTT-Bold'; font-size:58px; line-height:60px; letter-spacing:-1px; color:#e71c24; margin-bottom:10px; }
.page-title p{ font-family: 'FagoCo'; font-size:19px; line-height:22px; letter-spacing:1px; color:#231f20; }
.page-icon{ position:absolute; width:70px; height:70px; left:50%; margin-left:-35px; top:-35px; }


.page-header.black .page-title:before{ background-color:#ffffff;}
.page-header.black .page-title:after{ background-color:#ffffff;}
.page-header.black .page-title h1{ color:#ffffff; }
.page-header.black .page-title p{ color:#ffffff; }
.page-header.black .page-title p.yellow{ color:#f5a720; }

.page-content{ width:100%; position:relative; z-index:10; background-color:#000; margin-top:360px; }
ul.records-list{ position:relative; overflow:hidden; padding-top:160px; padding-bottom:100px; width:1150px; margin:auto;}
li.records-item{ float:left; width:30%; position:relative; margin-left:5%; margin-bottom:5%;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
}
li.records-item:nth-child(3n+1){ margin-left:0; }
li.records-item:before{ content:""; display:block; padding-bottom:100%; }
li.records-item .flipper{ box-sizing:border-box; border-width:10px; border-style:solid; width:100%; height:100%; position:absolute; top:0; left:0;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	
	transition: 0.6s;
	transform-style: preserve-3d;
}
li.records-item:hover .back, li.records-item .hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

li.records-item :hover .front, li.records-item.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}		
.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);

	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}


li.records-item .flipper .records-content{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; } 
li.records-item .flipper .records-content.front{ text-align:center; } 
li.records-item .flipper .records-content.front h2{ text-transform:uppercase; color:#fff; font-size:90px; line-height:90px; padding:0 20px; font-family: 'UniversLTStd-LightUltraCn'; letter-spacing:1px; }
li.records-item .flipper .records-content.front h2.black{ color:#000; }
li.records-item .flipper .records-content.front h2.small{ font-size:34px; line-height:20px; }
li.records-item .flipper .records-content.back{ background-color:#fff; padding:20px; box-sizing:border-box; }
li.records-item .flipper .records-content.back h3{ text-transform:uppercase; font-size:51px; line-height:51px; font-family: 'UniversLTStd-LightUltraCn'; letter-spacing:1px; }
li.records-item .flipper .records-content.back .records-text{ max-width:210px; margin-top:5px;}
li.records-item .flipper .records-content.back .records-text p{ font-family: 'FagoCo'; font-size:19px; line-height:22px; color:#000; }
li.records-item .flipper .records-content.back .records-listen{ position:absolute; bottom:20px; }
li.records-item .flipper .records-content.back .records-listen p{ font-family: 'FagoCo'; font-size:17px; line-height:22px; color:#000; }
li.records-item .flipper .records-content.back .records-listen ul{ overflow:hidden; }
li.records-item .flipper .records-content.back .records-listen ul li{ display:inline-block; vertical-align:middle; margin-left:20px; }
li.records-item .flipper .records-content.back .records-listen ul li:first-child{ margin-left:0; }
li.records-item .flipper .records-content.back .records-listen ul li.bandcamp{ width:64px; }
li.records-item .flipper .records-content.back .records-listen ul li.youtube{ width:73px; }
li.records-item .flipper .records-content.back .records-listen ul li.spotify{ width:44px; }
li.records-item .flipper .records-content.back .records-listen ul li a{ display:block; }
li.records-item .flipper .records-content.back .records-listen ul li a img{}

.page-content.full{ margin:0; height:100%; height:calc(100vh - 90px - 78px); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.page-content .two-col-out{ margin:auto; width:840px; overflow:hidden; position:relative; box-sizing:border-box; }
.page-content .two-col-out .col{ float:right; width:48%; }
.page-content .two-col-out .col:first-child{ float:left; }
.page-content .two-col-out .col .text{}
.page-content .two-col-out .col .text p{ font-size:27px; line-height:31px; letter-spacing:-0.5px; font-family: 'BodoniSvtyTwoITCTT-Book'; color:#fff;}
.page-content .two-col-out .col .text .tel-out{ margin-top:30px; }
.page-content .two-col-out .col .text .tel-out p{ font-size:15px; line-height:18px; letter-spacing:1px; font-family: 'FagoCo'; color:#fff;}
.page-content .two-col-out .col .text .tel-out p.tel{ font-size:27px; line-height:34px; letter-spacing:-0.5px; font-family: 'BodoniSvtyTwoITCTT-Bold'; color:#f5a720; }

.two-col-out.full-height{ width:100%; height:100%; }
.two-col-out.full-height .col{ height:100%; }

.two-col-out.full-height #slider-out{ height:100%; }
.two-col-out.full-height #slider-out:before{ padding-bottom:0%; }
.two-col-out.full-height #slider-out .slider-item{ background-position:center center; background-repeat:no-repeat; background-size:cover; }
.two-col-out.full-height .slick-arrow.slick-prev{ left:20px; }
.two-col-out.full-height .slick-arrow.slick-next{ right:20px; }
.page-content .two-col-out.full-height .col{ width:50%; }
.page-content .two-col-out.full-height .col .text{ padding-left:20%; padding-right:14.5%; box-sizing:border-box; width:100%; }
.page-content .two-col-out.full-height .col .text h3{ font-size:34px; line-height:34px; letter-spacing:0px; font-family: 'BodoniSvtyTwoITCTT-Bold'; color:#e71c24; margin-bottom:4px; }
.page-content .two-col-out.full-height .col .text p{ font-size:14px; line-height:18px; letter-spacing:0px; font-family: 'FagoCo'; color:#231f20; padding-bottom:18px; }

.premio-destacado{ width:100%; height:300px; background-color:#fff; }
.premio-destacado-in{ width:382px; position:relative; left:50%; margin-left:-174px; overflow:hidden; }
.premio-logo{ float:left; width:120px; margin-right:54px;}
.premio-logo .logo{ width:90px; margin:0 auto 14px;}
.premio-logo p{ font-family: "Abadi-MT-Condensed-Light"; font-size:17px; line-height:20px; color:#000000; text-align:center; }
.premio-line{ margin-top:24px; height:74px; width:1px; background-color:#231f20; float:left; }
.premio-text{ float:left; margin-left:40px; margin-top:30px;  }
.premio-text .premio-star{ width:17px; height:16px; background-position:center center; background-repeat:no-repeat; background-size:contain; float:left; margin-right:10px;}
.premio-text .premio-star.gold{ background-image:url("img/star-gold.png"); }
.premio-text .premio-star.silver{ background-image:url("img/star-silver.png"); }
.premio-text .premio-star.bronze{ background-image:url("img/star-bronze.png"); }
.premio-text .premio-name{ float:left; }
.premio-text .premio-name p{font-family: "Abadi-MT-Condensed-Light"; font-size:20px; line-height:21px; color:#000000;}
.premio-text .premio-name p a{ display:block; color:#000; text-decoration:underline; cursor:pointer; }

.premios-list{ background-color:#eceded; }
.premios-in{ width:1120px; margin:auto; padding:135px 0 150px; overflow:hidden; position:relative; }
/*.premio-col{ float:left; width:14%; margin-bottom:50px; margin-left:14.5%; }*/
.premio-col{ display:inline-block; width:14%; margin-bottom:50px; margin-left:14.2%; vertical-align:top; }
.premio-col:first-child{ margin-left:0; }
.premio-col:nth-child(4n+1){ margin-left:0; }
.premio-col .premio-logo{ float:none; width:100%; margin-right:0; box-sizing:border-box; padding-left:22px; }
.premio-col .premio-logo .logo{ width:auto; margin:0 0 16px; height:54px; }
.premio-col .premio-logo .logo img{ height:100%; width:auto; background-blend-mode: multiply;}
.premio-col .premio-logo p{ text-transform:uppercase; text-align:left; position:relative; padding-bottom:4px; margin-bottom:18px; }
.premio-col .premio-logo p:after{ content:""; position:absolute; left:0; bottom:0; width:130px; height:1px; background-color:#231f20; }
.premio-box{ display:block; overflow:hidden; }
.premio-box .premio-star{ width:15px; height:14px; background-position:center center; background-repeat:no-repeat; background-size:contain; float:left; margin-right:6px;}
.premio-box .premio-star.gold{ background-image:url("img/star-gold.png"); }
.premio-box .premio-star.silver{ background-image:url("img/star-silver.png"); }
.premio-box .premio-star.bronze{ background-image:url("img/star-bronze.png"); }
.premio-box .premio-name{ float:left; width:134px; margin-bottom:18px; }
.premio-box .premio-name p{font-family: "Abadi-MT-Condensed-Light"; font-size:14px; line-height:16px; color:#000000;}
.premio-box .premio-name p a{ display:block; color:#000; text-decoration:underline; cursor:pointer; }
.premio-box .premio-name p a:hover{ color:#f5a720; }

.premio-col.full-row{ width:100%; margin-left:0; margin-right:0; }
.premio-col.full-row .premios-out{ overflow:hidden; }
/*.premio-col.full-row .premio-box{ display:block; float:left; width:14%; margin-left:14.5%; min-height:50px;}*/
.premio-col.full-row .premio-box{display: inline-block; width:14%;margin-left: 14.2%;vertical-align: top;}
.premio-col.full-row .premio-box:nth-child(4n+1){ margin-left:0; }

form.custom-form{ width:320px; float:right; }
form.custom-form p{ font-family: 'FagoCo'; font-size:15px; line-height:18px; color:#fff; margin-bottom:8px; }
form.custom-form .form-box{ margin-bottom:6px; }
form.custom-form .form-box input{ width:100%; height:34px; box-sizing:border-box; padding:0 18px; color:#58595b; font-size:18px; font-family: "Abadi-MT-Condensed-Light"; }
form.custom-form .form-box input.wpcf7-not-valid{ border:1px solid red !important; }
form.custom-form .form-box textarea{ width:100%; height:154px; resize:none; box-sizing:border-box; padding:8px 17px; color:#58595b; font-size:18px; font-family: "Abadi-MT-Condensed-Light"; }
form.custom-form .form-box textarea.wpcf7-not-valid{ border:1px solid red !important; }
form.custom-form .form-box input.submit{ background-color:#000; font-family: 'FagoCo'; font-size:15px; line-height:18px; color:#fff; cursor:pointer;
	transition: background-color 0.3s ease , color 0.3s ease;
	-moz-transition: background-color 0.3s ease , color 0.3s ease;
	-webkit-transition: background-color 0.3s ease , color 0.3s ease;
	-o-transition: background-color 0.3s ease , color 0.3s ease;
 }
form.custom-form .form-box input.submit:hover{ background-color:#fff; color:#000; }

form#form-gestion .form-box input.wpcf7-not-valid{ border:1px solid #f5a720 !important; }
form#form-gestion .form-box textarea.wpcf7-not-valid{ border:1px solid #f5a720 !important; }

/* CONTACTO */
#google-map{ position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; z-index:0;}
#form-wrapper{ position:absolute; right:40px; bottom:32px; z-index:20; }
form#form-contacto .form-box input{border:1px solid rgba(35,31,32,0.4);}
form#form-contacto .form-box textarea{ border:1px solid rgba(35,31,32,0.4); }

span.wpcf7-not-valid-tip{ display:none !important; opacity:0 !important; height:0; width:0; z-index:-1; position:relative;}
.wpcf7-response-output{ display:none !important; opacity:0 !important; height:0; width:0; z-index:-1; position:relative;}

#info-wrapper{ position:absolute; width:300px; left:40px; top:32px; }
#info-wrapper .info-box{ width:100%; box-sizing:border-box; padding:28px 32px; color:#fff; font-family: 'BodoniSvtyTwoITCTT-Bold'; font-size:18px; line-height:22px; text-align:center; margin-bottom:6px;}
#info-wrapper .info-box.red{ background-color:#e81c24; }
#info-wrapper .info-box.black{ background-color:#000; }
#info-wrapper .info-box p{}
#info-wrapper .info-box a{ color:#fff;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
#info-wrapper .info-box a:hover{ color:#f5a720; }

@media all and (max-width:1191px) and (min-width:0px){
	ul.records-list{ width:60%; max-width:400px; }	
	li.records-item{ width: 100%; margin-left:0%; margin-bottom:6%; }
	li.records-item:nth-child(2n+1){ margin-left:0; }	
	li.records-item:nth-child(3n+1){ margin-left:0%; }	
	li.records-item:first-child{ margin-left:0; }
	
	.premios-in{ width:90%; }
	.premio-col{ width:20%; margin-left:6%; }
	/*.premio-col.full-row .premio-box{ width:20%; margin-left:6.666666666666667%; }*/
	.premio-col.full-row .premio-box{ width:20%; margin-left:6%; }	
}
@media all and (max-width:1024px) and (min-width:0px){
	li.work-item.quarter{ width:50%; }
	li.work-item.quarter .work-content h2{ font-size:41px; line-height:41px; }
	
	ul.records-list{ width:90%; }	
	
}
@media all and (max-width:900px) and (min-width:0px){
	.header.desktop{ display:none; }
	.header.mobile{ display:block; }
	
	main{ padding-top: 60px; }	
	/*.page-content.full{ min-height:calc(100vh - 90px - 60px); height:auto; }*/	
	
	.premio-col{width:45%; margin-left:9%; }
	.premio-col:nth-child(2n+1){ margin-left:0; }
	.premio-col:nth-child(4n+1){ margin-left:0; }	
	
	/*.premio-col.full-row .premio-box{ width:20%; margin-left:6.666666666666667%; }*/
	.premio-col.full-row .premio-box{ width:45%; margin-left:9%; }
	.premio-col.full-row .premio-box:nth-child(2n+1){ margin-left:0; }	
}
@media all and (max-width:840px) and (min-width:0px){
	
	.page-content .two-col-out{ margin:auto; width:100%; }
	
	/*.page-content.full{ min-height:calc(100vh - 90px - 78px); height:auto; }*/
	.page-content.full{ min-height:calc(100vh - 90px - 60px); height:auto; }	
	/*body.page-gestion .page-content.full{ height:calc(100vh - 90px - 60px); }*/
	
	.page-content .two-col-out{ margin:auto; width:100%; }
	.page-content .two-col-out .col{ float:none; width:100%; }
	.page-content .two-col-out .col:first-child{ float:none; }
	.page-content .two-col-out .col .text{ padding:8% 20px; box-sizing:border-box; width:100%; }
	form.custom-form{ margin:40px auto; float:none; width:100%; padding:0 20px; box-sizing:border-box;}	
		
	.page-content .two-col-out.full-height{ width:100%;}
	.page-content .two-col-out.full-height .col{ float:none; width:100%; box-sizing:border-box;  }
	.page-content .two-col-out.full-height .col .text{ padding:8% 20px; box-sizing:border-box; width:100%; }
	.page-content .two-col-out.full-height .col .text h3{ font-size:34px; line-height:34px; letter-spacing:0px; font-family: 'BodoniSvtyTwoITCTT-Bold'; color:#e71c24; margin-bottom:4px; }
	.page-content .two-col-out.full-height .col .text p{ font-size:14px; line-height:18px; letter-spacing:0px; font-family: 'FagoCo'; color:#231f20; padding-bottom:18px; }	
	
	#google-map{ position: relative !important; top: auto; left: auto; bottom: auto; right: auto; width:100%; height:70vh; z-index:0;}
	#form-wrapper{ position:relative; right:auto; bottom:auto; z-index:20; width:90%; max-width:320px; margin:auto; }
	form#form-contacto .form-box input{ border:1px solid #fff; }
	form#form-contacto .form-box textarea{ border:1px solid #fff; }	
	#info-wrapper{ position:relative; width:90%; max-width:300px; margin:auto; left:auto; top:auto; }

}
@media all and (max-width:768px) and (min-width:0px){

	.slider-item.two-col .slider-content .col.right h2{ font-size:30px; line-height:30px; }
	.slider-item.two-col .slider-content .col.right p{ font-size:15px; line-height:19px; }
	
}
@media all and (max-width:680px) and (min-width:0px){
	li.work-item.half{ width:100%; }
	li.work-item.quarter{ width:100%; }

	/*body.page-gestion .page-content.full{ min-height:calc(100vh - 90px - 60px); height:auto; }*/


}

@media all and (max-width:560px) and (min-width:0px){
	footer{ height: auto; line-height: 22px; padding:20px;}
	footer a{ display:block; }
	footer a.separador{ display:none; }
	
	.page-title h1{ font-size:40px; line-height:50px; }
	
	.premio-destacado{ height:auto;}
	.premio-destacado-in{ width:auto; position:relative; left:0; margin-left:0; padding:60px 20px;}	
	.premio-logo{ float:none; margin:0 auto 20px;}
	.premio-logo .logo{ width:90px; margin:0 auto 14px;}
	.premio-logo p{ font-family: "Abadi-MT-Condensed-Light"; font-size:17px; line-height:20px; color:#000000; text-align:center; }
	.premio-line{ display:none; }
	.premio-text{ float:none; margin:auto; text-align:center;}
	.premio-star{ display:none; }
	.premio-text .premio-name{ float:none; }

	.premio-col{width:100%; margin-left:0%; }
	.premio-col:nth-child(2n+1){ margin-left:0; }		
	.premio-col .premio-box .premio-star{ display:block; }
	.premio-col .premio-logo{ padding:0; }
	.premio-col .premio-logo .logo img{ display:block; margin:auto; }
	.premio-col .premio-logo p{text-align: center;}
	.premio-col .premio-logo p:after{ position:absolute; left:50%; margin-left:-65px;}
	.premio-box{ width:165px; margin: auto; }

	.premio-col.full-row .premio-box{ width:165px; margin:0 auto 20px; display:block; }
	.premio-col.full-row .premio-box:nth-child(2n+1){ margin:auto; }	

	li.records-item .flipper .records-content.back h3{ font-size:36px; line-height:36px; }
	li.records-item .flipper .records-content.back .records-text p{ font-size:16px; line-height:19px; }
	li.records-item .flipper .records-content.back .records-listen p{ font-size:15px; line-height:18px; }
	
	
}

@media all and (max-width:340px) and (min-width:0px){
	form#form-contacto{ padding:0;}
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}