@charset "utf-8";

/* Font */
h2{font-family:Impact,Charcoal,sans-serif;font-size:40px;font-size:4rem}
h2>em{color:#FFF;font-style:normal;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
h2 a{font-family:Titillium Web,Verdana, Geneva, sans-serif;color:#999;font-size:14px;padding-left:10px;text-transform:lowercase}

section h2{margin-top:40px}
.block{display:none!important}
/* Mobile ******************************************************************************************/

/* Main IMG */
.gb-event{background:#FFF;min-height:625px}
.gb-mobile{background:#d7d7d7;background-size:100% auto;min-height:770px}
.gb-mrg{background:#FFF}


/* Main Video */  
@media screen and (max-width: 770px){#video_area{display: none;}.mvBG{display: none}.guerra-infinita, .world-champion{text-align: center;}.world-champion2,.guerra-infinita2{text-align: center}}
@media (min-width: 1023px){#video_area {height: 740px;max-height: 740px;}}
@media (min-width: 768px){.world-champion2,.guerra-infinita2{display:none;}}
#video_area .mvBG {margin-top: -60px;min-height: 740px;}
#video_area .mvBG {width: 100%;height: auto;z-index: 0;background: url(img/gb-mainTop-gbM.jpg) no-repeat center center;background-size: cover}}
#video_area {position: relative;z-index: 1;overflow: hidden;background: #000 url(img/gb-mainTop-gbM.jpg) no-repeat center center;background-size: cover}
#video_area2 {max-height: 289px;position: relative;z-index: 1;overflow: hidden;background-size: cover}
#video_area2 .mvBG {margin-top: -300px;min-height: 740px;}
.dotBg {position: absolute;background: url(img/dot.png) center top;width: 100%;height: 100%;z-index: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: .6;}


/* Main BG */
.gb-event{background:#FFF;min-height:625px}
.gb-mobile{background:#d7d7d7;background-size:100% auto;min-height:770px}
.gb-mrg{background:#FFF}

.gbTop{position:relative;background:url(img/gb-mainTop-gbM.jpg) no-repeat center bottom;border-top:3px solid #f6d902;min-height:530px;color:#FFF;z-index:0}
.gbTop h1{position:absolute;margin-top:20px;left:50%;margin-left:-75px;display:inline-block;zoom:1.1;*display:inline;z-index:1000;background:url(img/gunbound_logo1.png) no-repeat top center;background-size:100%;width:130px;height:115px;z-index:999}
.gbTop h1>a{display:inline-block;zoom:1;*display:inline;width:130px;height:115px}



.shing {
  position: relative;
}

.shing::after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  content: '';
  border-radius: 30%;
  background: -110px center no-repeat;
  background-image: linear-gradient(125deg,rgba(255,255,255,0) 30%,#FFF 30%,#FFF 50%,rgba(255,255,255,0) 50%);
  background-clip: padding-box;
  opacity: .2;
  transition: background-position 0.4s;
}

.shing:hover:after {
  background-position: 130px center;
}


.gbTop h2{margin-top:190px;text-shadow:0 0 5px #000, 0 0 5px #000;/* For IE 8 */*text-shadow:none;*filter:none;color:#FFF}
.gbTop p{margin-top:15px;color:#FFF}

.after_login p.search{position:relative;display:inline-block;zoom:1;*display:inline;background:#FFF;width:90%;padding:4px 2% 6px;height:43px;border:3px solid #999;border-radius:30px;overflow:hidden;*margin-top:3px}
.after_login p.search .txt{float:left;border:0;width:180px;height:16px;font-size:16px;font-size:1.6rem;margin:-5px 0;padding:20px 0}
.after_login p.search .btn{ position:absolute;top:0;right:-2px;width:100px;height:60px;color:#FFF;background:#999;font-family:Impact,Charcoal,sans-serif;font-size:22px;font-size:2.2rem;text-transform:uppercase;margin:-5px 0}

.gb-event{
	/* Permalink - use to edit and share this gradient: ../colorzilla.com/gradient-editor/#feffff+0,a8a8a8+100 */
	background:rgb(254,255,255);/* Old browsers */
	background:-moz-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(230,230,230,1) 100%);/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,255,255,1)),color-stop(100%,rgba(230,230,230,1)));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(230,230,230,1) 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(230,230,230,1) 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(230,230,230,1) 100%);/* IE10+ */
	background:linear-gradient(to bottom,rgba(254,255,255,1) 0%,rgba(230,230,230,1) 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff',endColorstr='#e6e6e6',GradientType=0) /* IE6-9 */}
	
.search-area{text-align:center;padding-top:40px;padding-bottom:40px}
.search-area a{display:inline-block;font-family:Impact,Charcoal,sans-serif;color:#333;background:#FFF;width:90%;padding:14px 2% 6px;height:33px;border:3px solid #333;border-radius:30px;
	text-transform:uppercase;font-size:2.2rem;font-size:22px;line-height:1em;overflow:hidden;text-align:center;z-index:1;zoom:1}
	
.search-area a:hover{color:#999}
	
.search-area p.search{position:relative;display:inline-block;zoom:1;*display:inline;background:#FFF;width:90%;padding:4px 2% 6px;height:43px;border:3px solid #999;border-radius:30px;overflow:hidden;*margin-top:3px}
.search-area p.search .txt{float:left;border:0;min-width:180px;width:100%;height:16px;font-size:16px;font-size:1.6rem;padding:13px 0;outline:none;}
.search-area p.search .btn{outline:none;position:absolute;top:0;right:-2px;width:100px;height:60px;color:#FFF;background:#999;font-family:Impact,Charcoal,sans-serif;font-size:22px;font-size:2.2rem;text-transform:uppercase;margin:-5px 0}


/* slide */
.slides .slide{overflow:hidden;position:relative;max-width:450px;margin:0 auto}
.slides .slide li{display:block;width:100%}
.slides .slide li a{display:block}
.slides_control{width:100% !important;max-height:500px !important;min-height:198px;padding:0}

.slides a.prev,.slides a.next{display:inline-block;overflow:hidden;position:absolute;text-indent:-9999px;width:25px;height:46px;
	background:url(img/next_pre.png) no-repeat;top:50%;margin-top:-20px;z-index:9}
.slides a.prev{left:5px;background-position:0 0;opacity:0.4;filter:alpha(opacity=40) /* For IE8 and earlier */}
.slides a.prev:hover{opacity:1;filter:alpha(opacity=100) /* For IE8 and earlier */}
.slides a.next{right:5px;background-position:-27px 0;opacity:0.4;filter:alpha(opacity=40) /* For IE8 and earlier */}
.slides a.next:hover{opacity:1;filter:alpha(opacity=100) /* For IE8 and earlier */}

.slides .page{position:absolute;bottom:10px;text-align:center;list-style:none;z-index:8;width:95%}
.slides .page li{display:inline-block;zoom:1;*display:inline}
.slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(img/num.png) 0 0 no-repeat;line-height:999px;text-indent:-9999px;margin-right:5px}
.slides .page li.current a{background-position:0 -20px;z-index:9}	

/* News area */
.news-area h2 em{color:#C00}
.news-area a:hover{color:#C00}
.news-list{padding:20px 0}
.news-list li{display:inline-block;zoom:1;*display:inline;padding-right:10px}
.news-list li.on a{ color:#C00;font-weight:bold}
.news-list li:after{content:"|";padding-left:10px;color:#CCC}
.news-list li:last-child{padding-right:0}
.news-list li:last-child:after{content:""}
.news-list li>a{color:#666}
.news li{padding:10px 0}
.news li p{display:inline-block;zoom:1;*display:inline;max-width:300px;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:-4px}
.news li p a{ color:#333}
.news li .news-type{color:#C00; margin-right:5px}
.news li .news-date{float:right;font-size:12px;font-size:1.2rem;color:#999;}


/* Movile */
.mobileList{display:none}
.gb-mobile>div>div{width:100%;padding-top:80px}
.mobileLi>li{display:inline-block;zoom:1;*display:inline;width:80px;height:80px;margin-right:5px;margin-bottom:5px;background:url(img/movil-list.png) no-repeat;cursor:pointer}
*:first-child+html .mobileLi>li{float:right}
*:first-child+html .gb-mobile:after{content:"";display:block;clear:both}
.mobileLi>li:hover, .mobileLi>li.on{background:url(img/movil-list_ov.png) no-repeat}

.mobileLi>li.mobile01{background-position:0 0}
.mobileLi>li.mobile02{background-position:-83px 0}
.mobileLi>li.mobile03{background-position:-166px 0}
.mobileLi>li.mobile04{background-position:-251px 0}
.mobileLi>li.mobile05{background-position:-335px 0}
.mobileLi>li.mobile06{background-position:-419px 0}

.mobileLi>li.mobile07{background-position:0 -83px}
.mobileLi>li.mobile08{background-position:-83px -83px}
.mobileLi>li.mobile09{background-position:-166px -83px}
.mobileLi>li.mobile10{background-position:-251px -83px}
.mobileLi>li.mobile11{background-position:-335px -83px}
.mobileLi>li.mobile12{background-position:-419px -83px}

.mobileLi>li.mobile13{background-position:0 -166px}
.mobileLi>li.mobile14{background-position:-83px -166px}
.mobileLi>li.mobile15{background-position:-166px -166px}
.mobileLi>li.mobile16{background-position:-251px -166px}
.mobileLi>li.mobile17{background-position:-335px -166px}
.mobileLi>li.mobile18{background-position:-419px -166px}

.mobileLi>li.mobile19{background-position:0 -249px}
.mobileLi>li.mobile20{background-position:-83px -249px}
.mobileLi>li.mobile21{background-position:-166px -249px}
.mobileLi>li.mobile22{background-position:-251px -249px}
.mobileLi>li.mobile23{background-position:-335px -249px}
.mobileLi>li.mobile24{background-position:-419px -249px}

.mobileLi>li.mobile25{background-position:0 -332px}
.mobileLi>li.mobile26{background-position:-83px -332px}
.mobileLi>li.mobile27{background-position:-166px -332px}
.mobileLi>li.mobile28{background-position:-251px -332px}

#mobileInfo{position:relative}
.gb-mobile span{vertical-align:top;display:inline-block;zoom:1;*display:inline;width:25px;height:38px;cursor:pointer;margin-top:70px}
.gb-mobile span.prev{position:absolute;top:80px;left:0;background:url(img/next_pre.png) no-repeat;margin-right:10px;opacity:0.6;filter:alpha(opacity=60)}
.gb-mobile span.next{position:absolute;top:80px;right:0;background:url(img/next_pre.png) no-repeat -26px 0;margin-left:10px;opacity:0.6;filter:alpha(opacity=60)}

.gb-mobile span.prev:hover,.gb-mobile span.next:hover, #mobileInfo span.prev:hover, #mobileInfo span.next:hover{opacity:1;filter:alpha(opacity=100)}

#mobileInfo ol{margin:20px 0 40px;min-width:317px}
#mobileInfo ol>li{display:inline-block;zoom:1;*display:inline;min-height:100px;min-width:280px;width:98%;margin-left:0 !important;margin-bottom:0 !important}
#mobileInfo .item_img{vertical-align:top;display:inline-block;zoom:1;*display:inline;width:40%;height:100px;margin-top:20px;text-align:center}
#mobileInfo ol>li ul{vertical-align:top;display:inline-block;zoom:1;*display:inline;width:55%}
#mobileInfo ol>li li{font-size:13px;font-size:1.3rem;color:#999}

#mobileInfo h4{font-size:22px;font-size:2.2rem;color:#960;margin-bottom:20px}
#mobileInfo h5{font-size:18px;font-size:1.8rem;color:#960;margin-bottom:5px;margin-top:20px}

.attr{display:inline-block;zoom:1;*display:inline;width:60%}
.attr>li{background:none;display:block;width:100%;height:20px}
.attr>li:hover{ background:none}

.attr>li em{border-top:ridge #63C 15px;display:inline-block;zoom:1;*display:inline;width:inherit;height:0;margin:0;padding:0;width:15px;margin-right:1px}
.attr>li>span{display:inline-block;zoom:1;*display:inline;width:30%;height:17px;color:#666;background:url(img/movil_icon.png) no-repeat;padding-left:10%;margin-top:0}
.attr>li.attr1 em{border-color:#63C}
.attr>li.attr1>span{background-position:0 0}
.attr>li.attr2 em{border-color:#36C}
.attr>li.attr2>span{background-position:0 -24px;border-color:#36C}
.attr>li.attr3 em{border-color:#C00}
.attr>li.attr3>span{background-position:0 -48px;border-color:#C00}
.attr>li.attr4 em{border-color:#090}
.attr>li.attr4>span{background-position:0 -72px;border-color:#090}
.attr>li.attr5 em{border-color:#990}
.attr>li.attr5>span{background-position:0 -96px;border-color:#990}


/* Movie Ranking Clan-serch */
.gb-mrg{min-height:400px}
.gb-mrg>div>div{padding:0 10%;
	vertical-align:top;
	min-height:300px;margin-top:40px;padding:0;
	min-width:280px;width:100%}
		
.gb-movie p>a{opacity:0.5;filter:alpha(opacity=50)}
.gb-movie p>a:hover{opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}

.gb-movie{position:relative;max-width:956px;margin-top:10px;height:280px\9;}
.gb-movie .youtube_btn a{position:absolute;width:70px;height:49px;top:50%;left:50%;margin-left:-35px;margin-top:-5px;z-index:10;cursor:pointer}
.gb-movie .video{width:100%;min-height:256px;background:url(.img/mrg_img02.jpg) center top no-repeat\9; background-size:100% 100%}

.gb-movie video {width:100%;display:none\9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */
    opacity: .7; }

.gb-ranking li{background:#333 url(img/mrg_img02.gif) no-repeat;padding:14px 0 15px 70px;color:#CCC;border-bottom:1px solid #999}
.gb-ranking li:hover{opacity:0.8;filter:alpha(opacity=80)}
.gb-ranking li.rank1{background-position:7px 0;border-top-left-radius:10px;border-top-right-radius:10px;color:#FC0}
.gb-ranking li.rank2{background-position:7px -50px;color:#FC0}
.gb-ranking li.rank3{background-position:7px -100px}
.gb-ranking li.rank4{background-position:7px -150px}
.gb-ranking li.rank5{background-position:7px -196px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-bottom:0}

.gb-ranking p{display:inline-block;zoom:1;*display:inline;color:#CCC;font-size:14px;font-size:1.4rem;margin-top:20px}
.gb-ranking p>a{color:#666;padding:10px 5px;font-weight:normal;text-transform:capitalize}
.gb-ranking p>a.on{color:#C00;font-weight:bold}

.gb-guild p.search{background:#e7e8eb url(img/tweets.gif) no-repeat right 100%;  border-radius: 10px;min-height: 145px;padding: 70px 0 30px 40px;}
.gb-guild p.search input[type=text]{float:left;border-radius:5px;background:#FFF;height:38px;width:60%;margin-right:5%;padding:5px 2%;font-size:18px;font-size:1.8rem;border:0;margin-bottom:20px}
.gb-guild p.search input[type=button]{float:left;border-radius:5px;background:#333;width:48px;height:48px;margin-bottom:20px;cursor:pointer}
.gb-guild p.search a{display:block;text-align:center;color:#666;width:200px}

.gb-guild span{display:inline-block;zoom:1;*display:inline;padding:10px 0}
.gb-guild label{color:#999;cursor:pointer; margin-bottom:10px}
.gb-guild label:hover, .gb-guild .on{color:#C00; font-weight:bold}
.gb-guild input[type=radio]{vertical-align:-1px}


/* Modal Window */
.modalWin{position:absolute;top:0;left:0;width:100%;height:900px;margin:0 auto;z-index:9999 !important}
.modalWin .bg{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* IE 7 and olders */
opacity:.8}
.modalWin .fg{position:fixed;top:50%;left:50%;width:700px;height:540px;margin:-275px 0 0 -350px;padding:0;background:#000;border:5px solid #333}
.modalWin .fg .close{position:absolute;top:-15px;right:-50px;z-index:99;cursor:pointer}
.modalWin .fg .left{position:absolute;top:280px;left:-50px;z-index:99;cursor:pointer}
.modalWin .fg .right{position:absolute;top:280px;right:-50px;z-index:99;cursor:pointer}

/* wide Mobile *******************************************************************************************/
@media all and (min-width:640px){
.gb-guild p.search input[type=text]{width:80%}
	
}
/* Tablet & Deasktop ******************************************************************************************/
@media all and (min-width:768px){
/* mainTop Area*/ 
.gbTop{background:#FFF url(img/gb-mainTop-gb.jpg) no-repeat center top;height:530px;overflow:hidden; width:100%; padding:0}
.gbTop *{text-align:center}
.gbTop h1{    margin-left: -65px;width: 130px;height: 130px;margin-top: 35px;}
.gbTop h1>a{width:130px;height:130px}
.search-area{margin-top:0!important;}
.sub_area h4 {margin-top:0!important;}
.out_time{font-size: 12px;margin: 5px 0;}
.bordesito{border-width:0;}
.gbTop h2{font-size:60px;color:#FFF;margin-top:260px}
.gbTop p{text-align:center}

.gb-mobile{min-height:770px}
.gb-mrg{background-size:100% auto}

.img-tank{ position:absolute;display:inline-block;width:276px;height:293px;background:url(img/gb-mainTop-img1.png) no-repeat;z-index:1;left:50%;margin-left:-630px;top:100px;z-index:9}
.img-ninja{position:absolute;display:inline-block;width:603px;height:686px;background:url(img/gb-mainTop-img2.png) no-repeat;z-index:1;right:50%;margin-right:-800px;top:0;z-index:9}

/* search Area*/ 
.search-area a{width:115px;padding:4px 2% 6px;height:43px}
.search-area p.search{width:260px;padding:4px 2% 6px;height:43px;*margin-top:3px;margin-right:15px}

/* event Area*/ 
.slides{padding-top:20px}
.slides .slide li{width:100%}
.slides_control{max-width:450px;margin:0 auto}

/* news Area*/ 
.news-area h2{margin-top:20px}
.news li{text-align:left;cursor: pointer}


.news-area{float:left;width:48%}

/* Mobile */
.gb-mobile h2{margin:20px 0 40px}
.gb-mobile>div>div{display:inline-block;zoom:1;*display:inline;width:48%;float:right;padding-top:50px}
.gb-guild p.search input[type=text]{width:80%}

#mobileInfo{margin-right:5%;width:43%}
.mobileList{display:block}

#divMobileInfo{overflow-y:auto;max-height:450px}

}

/* Tablet *******************************************************************************************/
@media all and (min-width:768px) and (max-width:1023px){

}
/* Deasktop *******************************************************************************************/
@media all and (min-width:1024px){
::selection{background:#ee3042;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
::-moz-selection{background:#ee3042;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
a:hover{color:#FFF;-webkit-transition:color 0.3s;transition:color 0.3s}

section{text-align:inherit}
section h2{margin-top:0}
.bordesito{border-top: 2px solid #960;border-bottom: 2px solid #960;}
/* GB MAIN */
.img-tank{position:absolute;display:inline-block;width:276px;height:293px;background:url(img/gb-mainTop-img1.png) no-repeat;z-index:1;left:50%;margin-left:-630px;top:100px;z-index:9}
.img-ninja{position:absolute;display:inline-block;width:603px;height:686px;background:url(img/gb-mainTop-img2.png) no-repeat;z-index:1;right:50%;margin-right:-900px;top:0;z-index:9}


.news-area{float:right;display:inline-block;zoom:1;*display:inline;width:40%}

/* Movie Ranking Clan-serch */
.gb-mrg>div>div{float:left;vertical-align:top;
	min-height:300px;margin-top:40px;margin-right:2%;padding:0;
	min-width:230px;width:30%;max-width:100%;}

.gb-ranking p{float:right}
.gb-guild p.search input[type=text]{width:60%}

}