@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebas.otf');
    src: url('../fonts/bebas.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
/*img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }*/
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;}
.logo{overflow: hidden;}
.block-menu{width: 210px;position: relative;}
.block-menu .icon_toggle{margin: auto;display: block; width: 32px; height: 32px; background: url(../images/front/icon_toggle.png) no-repeat; text-indent: -9999px; cursor: pointer;}
.block-menu .list_menu{display: none;width: 209px; position: absolute; left: 1px;top: -23px; background: url(../images/front/bg_menu.png) repeat;
-webkit-animation: mymove .5s forwards;
animation: mymove .5s forwards;}
.block-menu .list_menu ul{text-align: center; padding: 20px 0;}
.block-menu .list_menu ul li a{font: 400 13px/20px 'Roboto', sans-serif; color: #555; padding: 10px 0; text-transform: uppercase;display: block;}
.block-menu .list_menu ul li:hover a,
.block-menu .list_menu ul li.active a{background: #fff; color: #e70101;}
.block-menu:hover > .list_menu{display: block;}
@-webkit-keyframes mymove {
    0%   {top:-200px;}
    25%  {top:-150px;}
    50%  {top:-100px;}
    75%  {top:-50px;}
    100% {top:-23px;}
}

#outer_container .thumbScroller{overflow: inherit;}

#outer_container .thumbScroller .container,
#outer_container{margin: 0 auto !important; padding: 0;}
#thumbnails_wrapper{background: #000; opacity: 1 !important; bottom: -40px; transition: bottom .3s ease;}
#thumbnails_wrapper:hover{bottom: -20px;}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height: auto;}
#outer_container .thumbScroller .content:hover{margin-top: -20px; background: #000;}
#outer_container .thumbScroller .content div{margin: 0;}
#outer_container .thumbScroller .content div a{padding: 0;}
#outer_container .thumbScroller img{border: none;}

#bg{background: #000;}
#bg a{width: 21px; height: 35px; text-indent: -9999px; display: block; background: url(../images/front/sprite.png) no-repeat;}
#bg a.nextImageBtn{background-position: -26px 0px; right: 15px;}
#bg a.prevImageBtn{background-position: 0px 0px; left: 15px;}
#bg a.nextImageBtn:hover{background-position: -26px -40px;}
#bg a.prevImageBtn:hover{background-position: 0px -40px;}
.title{position: absolute; bottom: 100px; left: 0;z-index: 20;width: 100%;}
.title h3{font: 400 26px/20px 'bebas', sans-serif; color: #ff00f6; text-transform: uppercase; text-shadow:-1px -1px 5px #fff; margin-bottom: 15px;}
.title span{font: 400 14px/20px 'Roboto', sans-serif; color: #fff ;display: block;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){}