body{
	font-family: 'gotham_bookregular';
	color: #FFF;
}
p{
	font-family: 'gotham_bookregular';
	color: #FFF;
	font-size: 2.6vw;
}
p.black{
	font-family: 'gotham_bookregular';
	color: #000;
	font-size: 2.5vw;
}
h1,h2,h3,h4,h5{
	font-family: 'gotham_boldregular';
	color: #2B4552;
	padding:0; margin:0;
}
.border{border-top:solid 1px #fff;}

h3{
	font-size: 4.5vw;
}
.white{
	color: #FFF;
}
.yellow{
	color: #E5C33E;
}
.date_news{
}
.title_news{
	
}
@media only screen and (min-width : 768px) {
	p{
		font-family: 'gotham_bookregular';
		color: #FFF;
		font-size: 16px;
	}
	p.black{
		font-family: 'gotham_bookregular';
		color: #000;
		font-size: 16px;
	}
	h1,
	.h1 {
	  font-size: 36px;
	}
	h2,
	.h2 {
	  font-size: 30px;
	}
	h3,
	.h3 {
	  font-size: 24px;
	}
	h4,
	.h4 {
	  font-size: 18px;
	}
	h5,
	.h5 {
	  font-size: 14px;
	}
	h6,
	.h6 {
	  font-size: 12px;
	}
}

.no-gap{padding:0; margin:0;}
#homepage_section4{
	margin-top: 70px;
}
#news_devider{
	margin-top: 28px;
	margin-bottom: 25px;
}
/*--------------- MENU------------------------- */
header{
	text-align: left;
	font-size: 18px;
	height: auto;
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/Menu-BG.png)repeat ;
	width: 95%;
	color: #fff;
	font-family: 'GothamExtraLight-Regular';
	// set animation
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	position:absolute;
	right:0;
	left:0;
	margin:0 auto;
	top:71px;
	z-index: 1;
}
header.sticky {
	position: fixed;
	width: 100%;
	top:0;
	padding: 0 0 0 11px;
	z-index: 1000;
	// set animation
	 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.submenu-header{
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/subMenu-repeat.png) ;
	background-repeat: repeat-x;
	width: 95%;
	height: 36px;
	font-size: 14px;
	color: #fff;
	line-height: 17px;
	font-family: 'GothamExtraLight-Regular';
	// set animation
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	display: none;
	
}
.submenu-sticky{
	position: fixed;
	width: 100%;
	height: 36px;
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/subMenu-repeat.png) ;
	background-repeat: repeat-x;
	font-size: 14px;
	line-height: 38px;
	font-family: 'GothamExtraLight-Regular';
	color: #fff;
	top: 59px;
	padding: 0 0 0 11px;
	z-index: 1000;
	display: none;
}

.submenu-header ul.submenu-play {
    text-align: left;
    width: 179px;
    height: 37px;
  
}

.box_menu{
	padding: 0 0 0 11px;
}
header #menu li a{
	color: #FFF;
	text-decoration: none;
}
header #menu li a:hover{
	color: #FF9600;
	text-decoration: none;
}
header li a.active{
	color: #FF9600;
	text-decoration: none;
}
.submenu-header a{
	color: #FFF;
	text-decoration: none;
}
.submenu-header a:hover{
	color: #FF9600;
	text-decoration: none;
}
.submenu-sticky a{
	color: #FFF;
	text-decoration: none;
}
.submenu-sticky a:hover{
	color: #FF9600;
	text-decoration: none;
}
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
 header, .js #menu {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
	}
}
.logo{
	float: left;
	padding:10px;
}
.box-list-menu{
	float: left;
	margin-left: 53px;
	margin-top: 3px;
}
.box-list-menu > .menu > li{line-height: 58px;}
.box_donwnload_menu{
	float: right;
}     
.box-menu-homepage{overflow:auto;}
.submenu1{margin-left:15%;}
.submenu2{margin-left:20%;}
.submenu1, .submenu2{display:none;}
.submenu1 li a, .submenu2 li a{color:#fff;}
.submenu1 li a:hover, .submenu2 li a:hover{color: #FF9600; text-decoration:none;}
/*----------------------------HOMPAGE--------------------------------------*/
#homepage_section1{
	background-color:#000;
	width: 100%;
}
#homepage_section2{
	margin-top: -102px;
}
#homepage_section4 > .container-fluid > .row > .col-xs-12 > a{display:block; height:auto;position:relative; overflow:hidden;}
#homepage_section4 > .container-fluid > .row > .col-xs-12 > a > span{position:absolute;bottom:-29%;color:#fff;width:100%;background:rgba(68, 183, 178, 0.8);padding:5px 0 30px 0; text-align:center; font-size:16px; right:0; left:0; margin:0 auto; -webkit-transition: bottom 0.5s;transition: bottom 0.5s;}
#homepage_section4 > .container-fluid > .row > .col-xs-12 > a:hover > span{bottom:0;}
#homepage_section5{
	background-size:cover !IMPORTANT; 
	background-position:left top !IMPORTANT; 
	background-color:#000 !IMPORTANT;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;  
}
#homepage_section6{
	background-size:cover !IMPORTANT; 
	background-position:right top !IMPORTANT; 
	background-color:#000 !IMPORTANT;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
}
#homepage_section7{
	background-size:cover !IMPORTANT; 
	background-position:left top !IMPORTANT; 
	background-color:#000 !IMPORTANT;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
}
#homepage_section8{
	background-size:cover !IMPORTANT; 
	background-position:right top !IMPORTANT; 
	background-color:#000 !IMPORTANT;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
}
#homepage_section9{
	background-size:cover !IMPORTANT; 
	background-position:left top !IMPORTANT; 
	background-color:#000 !IMPORTANT;
	width: 100% !IMPORTANT;
	height: auto !IMPORTANT;
}
/* Small Devices, Tablets */
	#homepage_section10{
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/image-download-bg-mobile-720px.jpg) no-repeat; 
	background-size:cover; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 944px;
}

@media only screen and (min-width : 768px) {
	#homepage_section10{
		background:url(../../../img-sub/allservice/lostsaga2017/homepage/BG-Bawah.jpg) no-repeat; 
		background-size:cover; 
		background-position:center top; 
		background-color:#000;
		width: 100%;
		height: 1286px;
		padding-top: 707px;
	}
}

#news_devider{
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/news-divider.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 55px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 55px;
}
#footer{
	background-color: #3C3C3C;
	padding: 7px;
}
.button_sosmed{
	margin-top: 291px;
}
.event-title{
	font-family: 'GothamMedium-Regular';
	/*font-size: 62px;*/
	font-size: 4vw;
	line-height:4vw;
}
#socmed_main{
	background: url(../../../img-sub/allservice/lostsaga2017/heroes/medsos-repeat.jpg);
    background-repeat: repeat-x;
	width: 100%;
	height: 104px;
	padding-top: 23px;
}

.seperatebg{
	background:url(../../../img-sub/allservice/lostsaga2017/homepage/ornament-putih.png) no-repeat center top;
	height:74px;
	position:absolute; bottom:0;
	width:100%; margin:0 auto;
}

.rowcontent .box-event{padding:10px; margin:20% 0 10%;}

.imgnews a{display:block; height:auto; margin:0 1px;position:relative; overflow:hidden;}
.imgnews a span{position:absolute;bottom:1px;color:#fff;width:100%;background:rgba(0, 0, 0, 0.8);padding:10px; padding-top:10px; text-align:left; font-size:16px; right:0; left:0; margin:0 auto;}
.imgnews a span:hover{color:#FF9600;}

/*----------------------------GAME----------------------------*/

#game_section_1{
	background:url(../../../img-sub/allservice/lostsaga2017/game/bg-1.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 2367px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 2367px;
	padding-top: 23px;
}
#game_section_2{
	background:url(../../../img-sub/allservice/lostsaga2017/game/bg-2.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 970px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 970px;
	padding-top: 46px;
}
#game_section_3{
	background:url(../../../img-sub/allservice/lostsaga2017/game/bg-3.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 974px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 974px;
	padding-top: 43px;
}
#game_section_4{
	background:url(../../../img-sub/allservice/lostsaga2017/game/bg-4.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 1600px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 1600px;
	padding-top: 43px;
}

/*HISTORY*/
.carousel-inner.vertical {
  height: 100%;
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
.carousel-inner.vertical > .item.next,
.carousel-inner.vertical > .item.active.right {
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
.carousel-inner.vertical > .item.prev,
.carousel-inner.vertical > .item.active.left {
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
.carousel-inner.vertical > .item.next.left,
.carousel-inner.vertical > .item.prev.right,
.carousel-inner.vertical > .item.active {
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: auto;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 100%;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -100%
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -100%;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 100%;
}
.carousel-inner.vertical {
    height: 100%
}
.carousel-inner.vertical > .item{
margin-top: 80px;
}
#carousel-content-event.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); 
  filter: alpha(opacity=50);
  opacity: .5;
}
#carousel-content-event .carousel-control.left{
  	background: none;
	margin-top: 739px;
    margin-left: 579px;
	width: 71px;
	height: 71px;
	background-image: none;
}
#carousel-content-event .carousel-control.right{
	right: 543px;
    left: auto;
    background: none;
    margin-top: 1155px;
    width: 71px;
    height: 71px;
	background-image: none;
}

#carousel-map-generic .carousel-control.right{
	background-image: none;
	top: 227px;
}
#carousel-map-generic .carousel-control.left{
	background-image: none;
	top: 227px;
}

#carousel-map-generic1 .carousel-control.right{
	background-image: none;
	top: 227px;
}
#carousel-map-generic1 .carousel-control.left{
	background-image: none;
	top: 227px;
}
#carousel-map-generic2 .carousel-control.right{
	background-image: none;
	top: 227px;
}
#carousel-map-generic2 .carousel-control.left{
	background-image: none;
	top: 227px;
}




#carousel-map2-generic .carousel-control.right{
	background-image: none;
	top: 227px;
}
#carousel-map2-generic .carousel-control.left{
	background-image: none;
	top: 227px;
}
#carousel-map-generic .list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box_carousel_history{
	height: 1283px;
}
.box_introduction{
	margin-top: 42px;
	text-align: justify;
}
.box_game_mode{
	width: 260px;
	height: 416px;
	color: #000;
	background-color: #FFF;
}
#game_section_4 h2,#game_section_4 h1, #game_section_4 p{
	color: #787878;
	text-align: center;
}
#carousel-mode-generic .carousel-control.right{
	background-image: none;
	top: 367px;
}
#carousel-mode-generic .carousel-control.left{
	background-image: none;
	top: 367px;
}
#carousel-mode2-generic .carousel-control.left{
	background-image: none;
	top: 367px;
}
#carousel-mode2-generic .carousel-control.right{
	background-image: none;
	top: 367px;
}
.box_game_download{
	margin-top: 403px;
}
.box_text{
	padding: 9px;
    text-align: center;
    width: 260px;
    height: 177px;
    overflow: hidden;
}
.box_text p{
	font-size: 14px;	
}
.map-category-menu li a.map1{
	background:url(../../../img-sub/allservice/lostsaga2017/game/battle.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map1:hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/battle-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map1hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/battle-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map2{
	background:url(../../../img-sub/allservice/lostsaga2017/game/plaza.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map2:hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/plaza-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map2hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/plaza-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map3{
	background:url(../../../img-sub/allservice/lostsaga2017/game/dungeon.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map3:hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/dungeon-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.map-category-menu li a.map3hover{
	background:url(../../../img-sub/allservice/lostsaga2017/game/dungeon-hover.png) no-repeat 50% 0 transparent; 
	width: 191px;
	height: 43px;
	display: block;
}
.box_plaza, .box_dungeon{
	display: none;
}
.cont_image{
	position: relative;
	width: 244px;
}
.image{
	  display: block;
	  width: 100%;
	  height: auto;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.cont_image:hover .overlay {
  height: 30%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.text_news{
 white-space: nowrap; 
  color: white;
  font-size: 10px;
  position: absolute;
  overflow: auto;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.cont_image1{
	position: relative;
	width: 948px;
}
.image1{
	display: block;
	width: 100%;
	height: auto;
}
.overlay1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.cont_image1:hover .overlay {
  height: 30%;
}
.text1 {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*--------------------------PETS-------------------------*/

#pets_section_1{
	background:url(../../../img-sub/allservice/lostsaga2017/pets/bg.jpg) no-repeat 50% 0 transparent; 
	background-size:1900px 1845px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	height: 1845px;
	padding-top: 23px;
}
.pet_type{
	background:url(../../../img-sub/allservice/lostsaga2017/pets/pet-type.png) no-repeat 50% 0 transparent; 
	background-size: 172px 166px; 
	background-position: center top; 
	width: 172px;
	height: 166px;
	text-align: center;
}
.pet_level{
	background:url(../../../img-sub/allservice/lostsaga2017/pets/pet-bg.png) no-repeat 50% 0 transparent; 
	background-size: 166px 166px; 
	background-position: center top; 
	width: 166px;
	height: 166px;
	text-align: center;
}
.top{
	 margin-top: 35px;
}
.bold{
	font-weight: 700;
	color: #000;
}
.sub_bold{
	color: #000;
}
.table-borderless tr td,.table-borderless thead tr th ,.table-borderless tr{
   border: solid 1px transparent; 
}
#sectionYellow{background:url(../../../img-sub/allservice/lostsaga2017/heroguide/yellow-bg.jpg) repeat bottom; border-top:solid 5px #9B9B9B; position:relative; z-index:10;}
.downloadBottom{position:absolute; right:0; left:0; margin:0 auto; background:url(../../../img-sub/allservice/lostsaga2017/heroguide/download.png) no-repeat; width:191px; height:54px; bottom:35%;}
.downloadBottom:hover{background:url(../../../img-sub/allservice/lostsaga2017/heroguide/download-hover.png) no-repeat;}
/*--------------------------NEWS-------------------------*/

#news_section_1{
	background:url(../../../img-sub/allservice/lostsaga2017/news/Main-BG-News.jpg)no-repeat right top / cover; 
	background-color:#FFF;
	width: 100%;
	height: auto;
	color: #000;
	padding-top:23px;
}
.news-table tr{
	background-color: #FFF;
	border: solid 1px #CCC;
	color: #000;
	
}
.title-news{
	background:url(../../../img-sub/allservice/lostsaga2017/news/list-news-bg.jpg) no-repeat; 
	background-size:264px 181px; 
	background-color:#FFF;
	width: 1170px;
	color: #000;
	padding: 10px;
	color: #000;
}
.title-news a{
	color: #159FA1;
}
.title-news p{
	font-family: 'GothamExtraLight-Regular';
	color: #000;
}
.pagination_box{
	color: #FFF;
	cursor: pointer;
}
.grid-item-news{
	width: 380px;
}
.grid-item-news--width2{
	width: 760px;
}
.type-news{
	width: 10%;
	text-align: center;
	background-color: #FEAE00;
}
.viewer-news{
	width: 10%;
	text-align: center;
}
#pageNavPosition{
	color: #000;
}
.pg-selected{
	color: #FEAE00;
}
.row-news-2{
	padding-top: 13px;
}

#news-rows{
	background:url(../../../img-sub/allservice/lostsaga2017/news/list-news-bg.jpg) no-repeat; 
	background-size:264px 181px; 
	background-color:#FFF;
	width: 100%;
	color: #000;
	padding: 10px;
	border: solid 1px #CCC;
	margin-top: 7px;
	height: 127px;
}
#news_section2{
	background:url(../../../img-sub/allservice/lostsaga2017/news/bottom.png) no-repeat; 
	background-size: 1900px 306px; 
	background-position: center top; 
	background-color: #FFF;
	width: 100%;
	height: 306px;
}

/*------------------MEDIA---------------------------------------------------------------*/
#media_section1{
		background:url(../../../img-sub/allservice/lostsaga2017/media/BG-Section1.jpg) no-repeat; 
		background-size: 1900px 1179px; 
		background-position:center top; 
		background-color:#000;
		width: 100%;
		padding-top: 23px;
		color: #000;
		height: auto;
		min-height: 856px;
}
#media_section1 h1{
	color: #2B4552;
}
#media_section1 p{
	color: #000
}
#media_section2{
	background:url(../../../img-sub/allservice/lostsaga2017/media/BG-Section2.jpg) no-repeat; 
	background-size:cover; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	padding-top: 23px;
	color: #000;	
	min-height: 551px;
}
#media_section3{
	background:url(../../../img-sub/allservice/lostsaga2017/media/BG-Section3.jpg) no-repeat; 
	background-size: cover; 
	background-position: center top; 
	background-color: #000;
	width: 100%;
	padding-top: 23px;
	color: #000;
	min-height: 800px;
	padding-top: 136px;
}

#media_section4{
	background:url(../../../img-sub/allservice/lostsaga2017/media/BG-Section4.jpg) no-repeat; 
	background-size: cover; 
	background-position: center top; 
	background-color: #000;
	width: 100%;
	color: #000;
	min-height: 982px;
}

.box-full-client{
	background:url(../../../img-sub/allservice/lostsaga2017/media/Frame1.png) no-repeat; 
	background-size:574px 307px; 
	background-position:center top; 
	background-color:#000;
	width: 100%;
	color: #000;	
	height: 307px;
}
.box-patch-client{
	background:url(../../../img-sub/allservice/lostsaga2017/media/Frame2.png) no-repeat; 
	background-size:574px 307px;
	background-position:center top; 
	background-color:#000;
	width: 100%;
	color: #000;	
	height: 307px;
}
.box-desc-download{
	padding: 81px 10px 10px 10px;
	text-align: center;	
	height: 151px;		
}
.box-button-download{
	padding: 53px 10px 10px 10px;
}
.button-download{
	float: left;
}
.button-version{
	float: left;
	margin-left: 50px;
}
.grid-item-media {width: 284px; } 
.grid-item-media2{width: 580px;}
.wallpaperlist{margin-top:25px;}
.wallpaperlist .overlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin:0 auto; height: 100%;width: 90%;opacity: 0;transition: .5s ease;background-color: #FF9600;}
.wallpaperlist a:hover .overlay{opacity: .7;}
.wallpaperlist .text{color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
#KreonModalLayerWallpaper .bottombutton{background-color:#B3B3B3; padding:10px; overflow:auto;}
#KreonModalLayerWallpaper label{color:#fff; font-size:30px;}
#KreonModalLayerWallpaper .modal-dialog{width:65%; height:auto; background:transparent; margin:5px auto;}
#KreonModalLayerWallpaper .modal-content{background:transparent; padding:0; border:0; box-shadow:none;}
#KreonModalLayerWallpaper .modal-body button.close{position:absolute; right:13px; top:0; color:red; font-size:56px; text-shadow:none; opacity:.8}
#KreonModalLayerWallpaper .modal-body button:hover.close{color:red; text-shadow:0 1px 0 #fff;}
#KreonModalLayerWallpaper .bottombutton .downloadS{background:url(../../../img-sub/allservice/lostsaga2017/media/1024x768.png)no-repeat; width:76px; height:76px; display:inline-block; margin:0 10px;}
#KreonModalLayerWallpaper .bottombutton .downloadM{background:url(../../../img-sub/allservice/lostsaga2017/media/1366x768.png)no-repeat; width:76px; height:76px; display:inline-block; margin:0 10px;}
#KreonModalLayerWallpaper .bottombutton .downloadL{background:url(../../../img-sub/allservice/lostsaga2017/media/1920x1080.png)no-repeat; width:76px; height:76px; display:inline-block; margin:0 10px;}
#KreonModalLayerWallpaper .bottombutton .downloadS:hover{background:url(../../../img-sub/allservice/lostsaga2017/media/1024x768-hover.png)no-repeat;}
#KreonModalLayerWallpaper .bottombutton .downloadM:hover{background:url(../../../img-sub/allservice/lostsaga2017/media/1366x768-hover.png)no-repeat;}
#KreonModalLayerWallpaper .bottombutton .downloadL:hover{background:url(../../../img-sub/allservice/lostsaga2017/media/1920x1080-hover.png)no-repeat;}
/*------------RARE_ITEM------------*/
#heroes-section1{background:url(../../../img-sub/allservice/lostsaga2017/rareitem/bg-1.jpg)no-repeat; background-size:cover; background-position:center;padding-top: 23px; border-bottom:solid 3px #9B9B9B;}
#heroes-section2{background:url(../../../img-sub/allservice/lostsaga2017/rareitem/bg-2.jpg)no-repeat; background-size:cover; background-position:right; border-bottom:solid 3px #9B9B9B;}
#heroes-section3{background:url(../../../img-sub/allservice/lostsaga2017/rareitem/bg-3.jpg)no-repeat; background-size:cover; background-position:left; border-bottom:solid 3px #9B9B9B;}
#heroes-section4{background:url(../../../img-sub/allservice/lostsaga2017/rareitem/bg-4.jpg)no-repeat; background-size:cover; background-position:right;}
#heroes-section1 h1, #heroes-section1 h3{color:white;}
.no-gap{margin:0; padding:0;}
#carousel-armor-generic .carousel-control.right, #carousel-armor2-generic .carousel-control.right, #carousel-helmet-generic .carousel-control.right, #carousel-helmet2-generic .carousel-control.right, #carousel-trinket-generic .carousel-control.right, #carousel-trinket2-generic .carousel-control.right{
	background-image: none;
	top: 190px;
}
#carousel-armor-generic .carousel-control.left, #carousel-armor2-generic .carousel-control.left, #carousel-helmet-generic .carousel-control.left, #carousel-helmet2-generic .carousel-control.left, #carousel-trinket-generic .carousel-control.left, #carousel-trinket2-generic .carousel-control.left{
	background-image: none;
	top: 190px;
}
#carousel-armor3-generic .carousel-control.right, #carousel-armor4-generic .carousel-control.right, #carousel-helmet3-generic .carousel-control.right, #carousel-helmet4-generic .carousel-control.right, #carousel-trinket3-generic .carousel-control.right, #carousel-trinket4-generic{
	background-image: none;
	top: 90px;
}
#carousel-armor3-generic .carousel-control.left, #carousel-armor4-generic .carousel-control.left, #carousel-helmet3-generic .carousel-control.left, #carousel-helmet4-generic .carousel-control.left, #carousel-trinket3-generic .carousel-control.left, #carousel-trinket4-generic .carousel-control.left{
	background-image: none;
	top: 90px;
}
#heroes-section2 ul li,#heroes-section3 ul li,#heroes-section4 ul li{
	background:url(../../../img-sub/allservice/lostsaga2017/rareitem/images/item-bg.jpg) no-repeat; 
	background-position:center top;
	background-size: 106px 201px ;
	width: 106px;
	height: 201px;
}
.box_title_rare{
	margin-top: 37px;
	width: 96px;
	height: 68px;
	padding: 5px;
	overflow: hidden;
}
.box_title_rare p{
	font-size: 14px;
}
.hero_overlay{
    position: absolute;
    color: #fff;
    width: 139px;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    font-size: 11px;
    margin-top: -74px;
	text-align: center;
	min-height: 75px;
}
.hero_overlay:hover{background: rgba(255, 174, 0, 0.8);}
.hero_overlay.active{background: rgba(255, 174, 0, 0.8);}
.news_page_overlay{
    position: absolute;
    color: #fff;
    width: 350px;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    font-size: 11px;
    margin-top: -74px;
	text-align: left;
	min-height: 75px;
}

.homepage_overlay_link{
	position: absolute;
    color: #fff;
    width: 100%;
    background: rgb(68, 183, 178, 0.8);
    padding: 23px;
    text-align: center;
    font-size: 11px;
    margin-top: -114px;
	border-right: solid 2px #FFF;
}
.font_56{
	font-size: 56px;
	margin: 0;
	line-height: 24px;
}
.p_16{
	font-size: 24px;
	padding: 0;
}
.top_margin{
	padding-top: 65px;
}
.f_title{
	font-size: 48px;
}
.f_title_black{
	font-size: 48px;
	color: #000;
}
.img100{
	width: 100%
}
.abu_abu{
	color: #2B4552;
}
.item_list li{
	background:url(../../../img-sub/allservice/lostsaga2017/rareitem/images/latest-rare-item_03.png) no-repeat; 
	background-size:100%;
	background-position:center top; 
	width: 108px;
	color: #000;	
	height: 235px;
	padding-top: 18px;
	text-align: center;
}
.title_news_bleu{
	color: #44B7B2;
}

/*********************** HERO *****************************/
#heroes-section{background:url(../../../img-sub/allservice/lostsaga2017/heroes/bg.jpg)no-repeat; background-size:100% 100%; background-position:center;padding-top: 23px;padding-bottom: 78px;}
#heroes-section p, #heroes-section h1, #heroes-section h5{color:#2B4552;}
#heroes-section p[font-size:12px;]
#heroes-section .heroes_bg_white{background-color:transparent; padding:20px;}
.styled-select {
	color:black;
    background: url(../../../img-sub/allservice/lostsaga2017/heroes/15xvbd5.png) no-repeat 96% 0;
    height: 29px;
    overflow: hidden;
    width: 240px;
    display:none;
}
.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px;
    /* If you add too much padding here, the options won't show in IE */
	width: 268px;
}
.styled-select.slate {
    background: url(../../../img-sub/allservice/lostsaga2017/heroes/2e3ybe1.jpg) no-repeat right center;
    height: 34px;
    width: 240px;
}
.styled-select.slate select {
    border: 1px solid #ccc;
    font-size: 16px;
    height: 34px;
    width: 268px;
}
.slate {
    background-color: #ddd;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: transparent;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#thumbsSmall,#thumbsMedium{
	display:none;
}

@media screen and (max-width: 1200px) {
   
	#thumbsBig{
		display:none;
	}
	#thumbsSmall{
		display:block;
	}
	.menuBig{display:none}
	.styled-select {
	   display:block;
	}
}
#thumbsBig li{
	padding: 11px;
}
.box_search_hero{
	width: 297px;
}
.videoHeroalala{text-align: left !important;margin-top: -60px;font-size: 50px;display: block;margin-left: -20px;}