@charset "utf-8";
/* CSS Document */
html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;overflow-x:auto;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
a{ text-decoration:none;}
body{ margin:0px; padding:0px; background:#fff; font-family: Arial;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

.clear{ clear:both;}

.logo{ width: 300px; height: 204px; margin: 0px auto; padding: 25px 0px;}
.logo a{ display: block; width: 300px; height: 204px; background:url(../images/logo.png) no-repeat center center; text-indent: -9999px;}

.city{ height: 400px; background:url(../images/bg/city_bg.jpg) no-repeat top center #f0f0f0;}
.city .characters{ height: 400px; background:url(../images/bg/character_bg.png) no-repeat top center;}

.inner{ width: 1000px; margin: 0px auto;}

.strip_banner{height: 100px; background:url(../images/bg/star_bg.jpg) no-repeat center center; border-bottom: solid 1px #ccc;}

.game_info{ background: #f0f0f0; padding: 0px 0px 40px 0px; border-bottom: solid 1px #ccc;}
.game_info .title{ width: 588px; height: 34px; background:url(../images/title/hosgeldiniz.png) no-repeat center center; text-indent: -9999px; margin: 0px auto; margin-bottom: 20px;}
.game_info .text{ font-family: 'Titillium Web', sans-serif, Arial; font-size: 18px; color: #231f20; line-height: 150%; text-align: justify; margin-bottom: 20px;}
.game_info .video{ width: 720px; padding: 10px; background:url(../images/bg/video_bg.png) repeat-x top left #da6922; margin: 0px auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.game_info .video iframe{ display: block;}

.starter_pack{ padding: 20px 0px;}
.starter_pack .left{ width: 500px; float: left; margin-right: 20px;}
.starter_pack .right{ width: 480px; float: left; padding: 20px 0px 0px 0px;}
.starter_pack .right .title{ font-size: 20px; color: #231f20; margin-bottom: 15px;}
.starter_pack .right .text{ font-size: 13px; color: #484848; line-height: 150%; margin-bottom: 15px;}
.starter_pack .right .button a{ display: inline-block; width: 203px; height: 48px; overflow: hidden; background:url(../images/button/satin_al.png) no-repeat top center; cursor: pointer; text-indent: -9999px; -moz-box-shadow: 3px 4px 1px rgba(153, 153, 153, 1); -webkit-box-shadow: 3px 4px 1px rgba(153, 153, 153, 1); box-shadow: 3px 4px 1px rgba(153, 153, 153, 1);}
.starter_pack .right .button a:hover{ background:url(../images/button/satin_al.png) no-repeat bottom center;}

#awOnePageButton .view-slide{display: none;}

.starter_pack .showcase-load{height: 340px; overflow: hidden;}
.starter_pack .showcase-onepage{}
.starter_pack .showcase{ width:1000px; height:350px;position: relative;margin: auto;}
.starter_pack .showcase-arrow-previous{ display: none;}
.starter_pack .showcase-arrow-next{ display: none;}
.starter_pack .showcase-content{ width:1000px; height:340px;}
.starter_pack .showcase-content-wrapper{height: 340px;width: 1000px;display: table-cell;vertical-align: middle;}
.starter_pack .showcase-button-wrapper{clear: both;width:1000px; height:10px; padding:0px;}
.starter_pack .showcase-button-wrapper span{margin:0px 3px; float:left;cursor: pointer; display:block; width:10px; height:10px; background:url(../images/icon/thumb.png) no-repeat top center;}
.starter_pack .showcase-button-wrapper span.active{background:url(../images/icon/thumb.png) no-repeat bottom center;}

.gallery{ padding: 40px 0px; background:url(../images/bg/gallery_bg.png) repeat-x top left #da6922;}
.gallery .title{ width: 373px; height: 31px; background:url(../images/title/ekran_goruntuleri.png) no-repeat center center; text-indent: -9999px; margin: 0px auto; margin-bottom: 30px;}
.gallery .list{ width: 1000px; height: 160px;}
.jcarousel-skin-tango-gallery .jcarousel-container { width:912px; height:160px; padding:0px 44px;}
.jcarousel-skin-tango-gallery .jcarousel-container-horizontal { width: 912px; height: 160px; }
.jcarousel-skin-tango-gallery .jcarousel-clip-horizontal { width: 912px; height: 160px; overflow:hidden; }
.jcarousel-skin-tango-gallery .jcarousel-item { width: 200px; height: 150px; padding: 5px; background: #fff; margin-right:24px; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in;}
.jcarousel-skin-tango-gallery .jcarousel-item:hover{ background: #231f20;}
.jcarousel-skin-tango-gallery .jcarousel-next-horizontal { position: absolute; top:64px; right:0px; width: 22px; height: 32px; cursor: pointer; background: url(../images/icon/right.png) no-repeat; }
.jcarousel-skin-tango-gallery .jcarousel-prev-horizontal { position: absolute; top:64px; left:0px; width: 22px; height: 32px; cursor: pointer; background: url(../images/icon/left.png) no-repeat; }

.characters{ padding: 40px 0px; border-bottom: solid 1px #ccc;}
.characters .title{ width: 472px; height: 34px; background:url(../images/title/kahramanlar.png) no-repeat center center; text-indent: -9999px; margin: 0px auto; margin-bottom: 30px;}
.characters .list{ padding: 0px 0px 20px 0px;}
.characters .list ul li{ width: 220px; position: relative; float: left; margin-right: 40px; margin-bottom: 30px;}
.characters .list ul li .photo{ width: 218px; height: 218px; border: solid 1px #e2e2e2; margin-bottom: 10px;}
.characters .list ul li .name{ text-align: center; font-size: 14px; color: #ee3a50; font-family: 'Titillium Web', sans-serif, Arial; font-weight: bold;}
.characters .list ul li .content{ width: 218px; height: 218px; position: absolute; top: 1px; left: 1px; font-size: 14px; font-family: 'Titillium Web', sans-serif, Arial; overflow: hidden;}
.characters .list ul li:hover .photo{ border: solid 1px #231f20;}
.characters .list ul li:hover .content{ background:rgba(0,0,0,0.5);}
.characters .list ul li .content a{ display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; background: #ee3a50; color: #fff; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in;}
.characters .list ul li .content a:hover{ background: #231f20;}
.characters .list ul li .content .info{ position: absolute; top: -65px; left: 30px;}
.characters .list ul li .content .buy{ position: absolute; bottom: -65px; left: 30px;}
.characters .list ul li.showhidelink{ width: 1000px; height: 48px; border: none; margin: 0px; padding: 10px 0px 0px 0px; text-align: center;}
.characters .list ul li.showhidelink a{ display: inline-block; width: 203px; height: 48px; overflow: hidden; cursor: pointer; -moz-box-shadow: 3px 4px 1px rgba(153, 153, 153, 1); -webkit-box-shadow: 3px 4px 1px rgba(153, 153, 153, 1); box-shadow: 3px 4px 1px rgba(153, 153, 153, 1);}
.characters .list ul li.showhidelink a:hover img{ margin-top: -48px;}

.characters .content ul.tabs{margin: 0; padding: 0; float: left; list-style: none; height:90px; width: 100%;}
.characters .content ul.tabs li{width:500px; float:left; margin: 0; padding: 0px 0px 30px 0px; height:60px; background:url(../images/bg/tab_bg.png) no-repeat top center; overflow: hidden; position: relative; text-align: center;}
.characters .content ul.tabs li a{ display: block; text-align: center; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5;}
.characters .content ul.tabs li a:hover{}
.characters .content ul.tabs li.active{ background:url(../images/bg/tab_bg.png) no-repeat bottom center;}
.characters .content ul.tabs li.active a{ filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; -webkit-opacity: 1.0; opacity: 1.0;}
.characters .content .tab_container{ clear:both; background:#fff;}
.characters .content .tab_content{ width:1000px; padding:30px 0px 0px 0px;}

.playset_packs{ padding: 40px 0px; background: #f0f0f0; border-bottom: solid 1px #ccc;}
.playset_packs .title{ width: 343px; height: 28px; background:url(../images/title/playset.png) no-repeat center center; text-indent: -9999px; margin: 0px auto; margin-bottom: 30px;}
.playset_packs .text{ font-family: 'Titillium Web', sans-serif, Arial; font-size: 16px; color: #231f20; line-height: 150%; text-align: justify; margin-bottom: 20px;}
.playset_packs .list ul li{ width: 300px; float: left; margin-right: 50px;}
.playset_packs .list ul li .photo{ width: 300px; height: 220px;}
.playset_packs .list ul li .name{ text-align: center; font-size: 15px; font-family: 'Titillium Web', sans-serif, Arial; font-weight: bold;}
.playset_packs .list ul li .name a{ color: #ee3a50;}
.playset_packs .list ul li:hover .name a{ color: #231f20;}
.playset_packs .list ul li .text{ text-align: justify; font-size: 14px; padding: 10px 0px 0px 0px; font-family: Arial;}
.playset_packs .list ul li .text a{ color: #231f20;}

.footer{ width: 1000px; height: 32px; line-height: 32px; margin: 0px auto; padding: 20px 0px;}
.footer .left{ float: left; font-size: 12px; color: #999;}
.footer .left a{ color: #666;}
.footer .left a:hover{ text-decoration: underline;}
.footer .right{ float: right;}
.footer .right ul li{ float: left; margin-left: 20px;}