@font-face {
  font-family: "UTM Bebas";
  src: url('../fonts/UTMBebas.eot?v=4.0.3');
  src: url('../fonts/UTMBebas.eot?#iefix&v=4.0.3') format('embedded-opentype'),
       url('../fonts/UTMBebas.woff?v=4.0.3') format('woff'),
       url('../fonts/UTMBebas.ttf?v=4.0.3') format('truetype'),
       url('../fonts/UTMBebas.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Reset CSS*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
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;
}
strong { font-weight:bold;}
a, a:hover { text-decoration:none;}


/*structure*/
body { font-family:Tahoma, Helvetica, sans-serif; font-size:12px; line-height:16px; background: #ececec;}
#container { width: 1000px; margin:0 auto; position:relative; background: #ececec;}
#container .close{width: 25px; height: 25px; display: block; position: absolute; top: 50px; right: 204px;}
#container .logo{display: block; position: absolute; top: 15px; left: 100px;}
#container .slide_game{width: 100%; height: 610px; position: relative; top: 100px;}
.slide_game .slide_ctn{width: 995px; margin: 0 auto;}
#container .top_menu{position: absolute; top: 40px; right: 120px;}
.top_menu ul li{float: left; margin: 0 0 0 50px;}
.top_menu ul li .top_mn{display: block; color: #bebebe; font-family: "UTM Bebas", "Tahoma"; font-size: 20px; font-weight: normal; text-transform: uppercase;}
.top_menu ul li .top_mn:hover{color: #6e6e6e;}

.slides li .info_game{width: 442px; position: absolute; right: 0; bottom: 30px;}
.info_game .sum_info{width: 100%; background: url(../images/bg_info_game.png) repeat; padding: 15px 10px 15px 10px;}
.info_game .sum_info h1{font-family: "UTM Bebas", "Tahoma"; font-size: 23px; font-weight: normal; text-transform: uppercase; color: #ffffff; margin-bottom: 13px;}
.info_game .sum_info p{color: #fff; font-size: 11px; padding-right: 30px;}

.btn_game{width: 240px; overflow: hidden;}
.btn_game ul li{float: left; margin: 0; padding: 0;}
.btn_game ul li .btn{height: 50px; background: url(../images/btn.png) no-repeat; display: block;  -webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;}
.btn_game ul li .btn1{width: 130px; background-position: 0 0;}
.btn_game ul li .btn2{width: 36px; background-position: -130px 0;}
.btn_game ul li .btn3{width: 35px; background-position: -166px 0;}
.btn_game ul li .btn4{width: 36px; background-position: -200px 0;}

.btn_game ul li .btn:hover{background: url(../images/btn.png) no-repeat;}
.btn_game ul li .btn1:hover{background-position: 0 -50px;}
.btn_game ul li .btn2:hover{background-position: -130px -50px;}
.btn_game ul li .btn3:hover{background-position: -166px -50px;}
.btn_game ul li .btn4:hover{background-position: -200px -50px;}

#carousel{height: 126px !important;}
#carousel ul li{width: 141px; background: url(../images/border_thumb.png) no-repeat 100% 50%; cursor: pointer; text-align: center;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5.5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Modern browsers */
  opacity: 0.5;
  }
  #carousel ul li.flex-active-slide{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5.5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Modern browsers */
  opacity: 1;}
  #carousel ul li.last_item{background: none;}
#carousel ul li img{width: 70px; height: auto; margin: 0 auto 5px auto;}
#carousel ul li p{
    color: #3b3b3b;
   font-family: "UTM Bebas";
   font-size: 20px;
   font-weight: normal;
   text-transform: uppercase;
   line-height: 1.4;
}


#slider .flex-direction-nav{display: none !important;}

div#footer{border-top:2px solid #d8d8d8;background:#fff;position:absolute;bottom:0;width:100%;padding:20px 0;font-size:11px}
div#footer .footer-logo{
  width: 70px;
  height: 70px;
  background: transparent url('../images/logo-amo-black.png') no-repeat center top 0px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-right: 15px;
}
div#footer .links{padding-top:5px}

html, body {
width: 100%;
height: 100% !important;
padding: 0 !important;
}
.center-container {
width: 935px;
margin: 0 auto;
}
.m-t-tiny {
margin-top: 3px;
}

.fleft{float:left;display:inline;width: 350px}
.fright{float:right;display:inline}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

#body-container {
width: 100%;
min-height: 100%;
position: relative;
}