@font-face {
    font-family: 'colaborate-regularregular';
    src: url('ColabReg-webfont.eot');
    src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabReg-webfont.woff') format('woff'),
         url('ColabReg-webfont.ttf') format('truetype'),
         url('ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}



@font-face {
    font-family: 'colaborate-thinregular';
    src: url('ColabThi-webfont.eot');
    src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabThi-webfont.woff') format('woff'),
         url('ColabThi-webfont.ttf') format('truetype'),
         url('ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { background: #191919; font-family: 'colaborate-thinregular'}

.loader { position: fixed; z-index: 900; top: 0; left: 0; height: 100%; width: 100%; text-align: center; color: #ac8955; background: #191919; }
.loader span { display: inline-block; position: absolute; margin-left:-49px; top: 50%; height: 20px; width: 98px; margin-top: -10px; line-height: 20px; font-size: 12px; }
.loader img { display: inline-block; position: absolute; top: 50%; margin-left:-45px; width: 90px; margin-top: -100px; }

.big-bg { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }

.wrapper { position: relative; width: 100%; height: 100%; text-align: center; }

.logo { display: inline-block; position: relative; top: 190px; width: 20%; }
.logo img { width: 100%; }

.container_menu { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; border-top: 1px solid #717171; background: #191919; }

.menu { display: inline-block; position: relative; height: 70px; margin: 0; list-style: none; padding-left:0}

.li_menu { display: inline-block; position: relative; height: 100%; vertical-align: middle; padding: 0 10px; }
.li_menu a { display: block; position: relative; width: 100%; height: 100%; color: #fff; text-decoration: none; }
.li_menu a span { position: relative; display: block; }
.li_menu a:hover { color: #ac8955; }
.menu-btn-responsive{display:none}

@media screen and (max-width: 1024px)
{
	.big-bg{width:100%; height:90%}
	.container_menu{height:10%}
	.logo{width:50%}
	.logo img{max-width:500px}
}
@media screen and (max-width: 620px)
{
	.big-bg{position:fixed; height:100%}
	.container_menu{height:10%;top:0; bottom:initial; background:none}
	.menu{display:none}
	.menu-btn-responsive{display:block; color:#fff; font-size:22px; cursor:pointer; padding-top:0; margin-top:150px}
	.li_menu{padding:0px 0; width:100%; text-align:center}
	.li_menu a{padding:20px 10px !important;box-sizing:border-box}
	.li_menu a span{top:0 !important; margin-left:0 !important}
}