@charset "utf-8";
@font-face{
    font-family:'korean';
    src:url(../fonts/1HoonGomusin.woff) format('woff')
}
*{
    margin:0 auto;
    font-size:0
}
img{
    display:inline
}
div{
    display:grid
}
body{
    background:#1b1714;
    font-family:'Onest',sans-serif;
    background-image:url(../images/bg.jpg);
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center center
}
button{
    background:none;
    color:inherit;
    border:0;
    padding:0;
    font:inherit;
    cursor:pointer;
    outline:inherit
}

.language-dropdown{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
}
.language-dropdown .language-select{
    width:80px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:5px;
	border: 1px solid #826a5c;
	background: #523c36;
	background: linear-gradient(180deg,rgba(82, 60, 54, 1) 1%, rgba(77, 60, 60, 1) 33%, rgba(84, 57, 13, 1) 100%);
    align-self:center;
    color:#f1e1cc;
    text-transform:uppercase;
    font-size:12px
}
.language-dropdown .texts{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px
}
.language-dropdown .languages{
    position:absolute;
    top:100%;
    left:0;
    width:80px;
    background-color:#3e2f25;
    border-radius:4px;
    margin-top:5px;
    display:none;
    z-index:200
}
.language-dropdown .languages a{
    box-sizing:border-box;
    margin:0 auto;
    line-height:40px;
    float:left;
    color:#d7e8ff;
    width:100%;
    height:48px;
    padding-left:12px;
    font-size:12px;
    text-decoration:none
}
.language-dropdown .languages a:hover{
    background-color:#684f3e
}
.language-dropdown .languages a i{
    margin-top:9px
}
.language-dropdown .flags{
    display:block;
    float:left;
    width:32px;
    height:31px;
    margin-right:5px
}
.language-dropdown .flag-en{
    background:url(../images/en.png)
}
.language-dropdown .flag-de{
    background:url(../images/de.png)
}
.language-dropdown .flag-tr{
    background:url(../images/tr.png)
}
.language-dropdown .flag-ro{
    background:url(../images/ro.png)
}
.language-dropdown .flag-es{
    background:url(../images/es.png)
}
.language-dropdown .flag-cz{
    background:url(../images/cz.png)
}
.language-dropdown .flag-fr{
    background:url(../images/fr.png)
}
.language-dropdown .flag-gr{
    background:url(../images/gr.png)
}
.language-dropdown .flag-hu{
    background:url(../images/hu.png)
}
.language-dropdown .flag-it{
    background:url(../images/it.png)
}
.language-dropdown .flag-pl{
    background:url(../images/pl.png)
}
.language-dropdown .flag-pt{
    background:url(../images/pt.png)
}
.sidebar-navigation{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    left:0
}
.sidebar-navigation .nav-item{
    display:block;
    background-image:url(../images/nav_1.png);
    background-repeat:no-repeat;
    left:-14px;
    width:67px;
    height:50px;
    margin-bottom:5px;
    position:relative;
    transition:all ease .3s
}
.sidebar-navigation .nav-item .korean{
    position:absolute;
    top:19px;
    width:32px;
    left:13px;
    text-align:center;
    font-size:12px;
    color:#846f57;
    font-family:'korean'
}
.sidebar-navigation .nav-item:hover .korean,.sidebar-navigation .nav-item.active .korean{
    color:#b06432
}
.sidebar-navigation .nav-item:hover,.sidebar-navigation .nav-item.active{
    background-image:url(../images/nav_2.png);
    background-repeat:no-repeat;
    left:0
}
.sidebar-navigation .nav-item span{
    display:none;
    position:absolute;
    left:110%;
    top:50%;
    transform:translateY(-50%);
    color:#b06432;
    font-size:12px;
    white-space:nowrap
}
.sidebar-navigation .nav-item:hover span,.sidebar-navigation .nav-item.active span{
    display:block
}
.sidebar-navigation .chevron{
    display:block;
    color:#846f57;
    width:14px;
    height:8px;
    margin-left:6px
}
.sidebar-navigation .chevron.up{
    background:url(../images/nav_arrow_u.png) no-repeat;
    margin-bottom:10px
}
.sidebar-navigation .chevron.down{
    background:url(../images/nav_arrow_d.png) no-repeat;
    margin-top:10px
}
.sidebar-navigation .chevron:hover{
    filter:brightness(120%)
}
.nav-group{
    display:none
}
.nav-group[data-set=1]{
    display:block
}
.sidebar-r-navigation{
    position:fixed;
    bottom:1%;
    transform:translateY(-50%);
    right:0
}
.sidebar-r-navigation .nav-item{
    display: block;
    right: -15px;
    width: 125px;
    height: 77px;
    margin-bottom: 15px;
    position: relative;
    transition: all ease .3s
}
.sidebar-r-navigation .nav-item.dc{
    background-image:url(../images/nav_1_dc.png);
    background-repeat:no-repeat
}
.sidebar-r-navigation .nav-item.web{
    background-image:url(../images/nav_1_web.png);
    background-repeat:no-repeat
}
.sidebar-r-navigation .nav-item.dc:hover,.sidebar-r-navigation .nav-item.dc.active{
    background-image:url(../images/nav_2_dc.png);
    background-repeat:no-repeat;
    right:0
}
.sidebar-r-navigation .nav-item.web:hover,.sidebar-r-navigation .nav-item.web.active{
    background-image:url(../images/nav_2_web.png);
    background-repeat:no-repeat;
    right:0
}
.sidebar-r-navigation .nav-item span{
    display:none;
    position:absolute;
    right:110%;
    top:50%;
    transform:translateY(-50%);
    color:#b06432;
    font-size:12px;
    white-space:nowrap;
    display:block
}
.sidebar-navigation .nav-item:hover span,.sidebar-navigation .nav-item.active span{
    display:block
}
.presentation{
    width:750px
}

.presentation .title0{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:-58px;
	margin-bottom:85px;
}

.presentation .title{
    font-size:14px;
	font-weight:bold;
	width:350px;
    text-align:center;
	margin-left:-215px;
    color:#ff9102;
	position:absolute;
}

.presentation .title2{
    font-size:14px;
	width:350px;
    text-align:center;
	margin-left:-215px;
    color:#ff9102;
	position:absolute;
    margin-top:269px;
}

.presentation .title3{
    font-size:14px;
	font-weight:bold;
	width:350px;
    text-align:center;
	margin-left:-215px;
    color:#ff9102;
	position:absolute;
    margin-top:537px;
}

.presentation .title4{
    font-size:14px;
	font-weight:bold;
	width:350px;
    text-align:center;
	margin-left:-214px;
    color:#ff9102;
	position:absolute;
    margin-top:807px;
}

.presentation .title5{
    font-size:14px;
	font-weight:bold;
	width:350px;
    text-align:center;
	margin-left:-215px;
    color:#ff9102;
	position:absolute;
    margin-top:1076px;
}

.presentation .title6{
    font-size:14px;
	font-weight:bold;
	width:350px;
    text-align:center;
	margin-left:-215px;
    color:#ff9102;
    margin-top:1344px;
}


.presentation .inner{
    color:#e6cfae
}
.introduction,.introduction.en{
    background:url(../images/introduction-en.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:838px
}
.introduction.tr{
    background:url(../images/introduction-tr.jpg)
}

.introduction.de{
    background:url(../images/introduction-de.jpg)
}

.introduction.es{
    background:url(../images/introduction-es.jpg)
}

.introduction.it{
    background:url(../images/introduction-it.jpg)
}

.introduction.cz{
    background:url(../images/introduction-cz.jpg)
}

.introduction.pt{
    background:url(../images/introduction-pt.jpg)
}

.introduction.ro{
    background:url(../images/introduction-ro.jpg)
}

.introduction.pl{
    background:url(../images/introduction-pl.jpg)
}

.introduction .inner{
    margin-top:900px
}
.introduction .text{
    width:350px;
    text-align:center;
	margin-left:-215px;
    font-size:14px;
    position:absolute;
    margin-top:80px;
	text-shadow: 0 0 8px #2b2b2b;
}

.introduction .text2{
    width:350px;
    text-align:center;
	margin-left:-215px;
    font-size:14px;
	position:absolute;
    margin-top:330px;
	text-shadow: 0 0 8px #2b2b2b;
}

.introduction .text3{
    width:350px;
    text-align:center;
	position:absolute;
	margin-left:-215px;
    font-size:14px;
	position:absolute;
    margin-top:600px;
	text-shadow: 0 0 8px #2b2b2b;
}

.introduction .text4{
    width:350px;
    text-align:center;
	position:absolute;
	margin-left:-215px;
    font-size:14px;
	position:absolute;
    margin-top:875px;
	text-shadow: 0 0 8px #2b2b2b;	
}

.introduction .text5{
    width:350px;
    text-align:center;
	position:absolute;
	margin-left:-215px;
    font-size:14px;
	position:absolute;
    margin-top:1150px;
	text-shadow: 0 0 8px #2b2b2b;	
}

.introduction .text6{
    width:350px;
    text-align:center;
	position:absolute;
	margin-left:-215px;
    font-size:14px;
	position:absolute;
    margin-top:1425px;
	text-shadow: 0 0 8px #2b2b2b;
}

.qol{
    background:url(../images/qol.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:873px
}
.qol .inner{
    margin-top:83px;
    display:block
}

.qol .selector{
    width:750px;
    height:65px;
    margin-top:-8px;
    text-align:center;
    font-size:14px;
    display:flex;
    align-items:center
}

.selector{
    width:750px;
    height:65px;
    margin-top:55px;
    text-align:center;
    font-size:14px;
    display:flex;
    align-items:center
}
.eq_changes .selector{
    margin-top:55px
}
.common_drops .selector{
    margin-top:141px
}
.selector.sm{
    color:#7a4f32;
    font-size:12px;
    width:290px;
    margin-top:-3px;
    position:absolute;
    bottom:0
}
.selector .arrow{
    width:34px;
    height:50px;
    cursor:pointer;
    transition:all .3s ease
}
.selector .arrow.sm{
    width:29px;
    height:34px;
    cursor:pointer;
    transition:all .3s ease
}
.selector .arrow:hover,.selector .arrow.sm:hover{
    -webkit-filter:brightness(140%);
    filter:brightness(140%)
}
.selector .arrow.left{
    margin-left:20px;
    background:url(../images/arrow-l.png) no-repeat
}
.selector .arrow.right{
    margin-right:20px;
    background:url(../images/arrow-r.png) no-repeat
}
.selector .arrow.sm.left{
    margin-left:20px;
    background:url(../images/arrow-sm-l.png) no-repeat
}
.selector .arrow.sm.right{
    margin-right:20px;
    background:url(../images/arrow-sm-r.png) no-repeat
}
.selector .arrow.disabled,.selector .arrow.sm.disabled{
    opacity:.5;
    pointer-events:none;
    cursor:default
}
.list ul li{
    font-size:20px;
    width:357px;
    height:69px;
    margin-top:31px
}
.list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:4px
}
.split-list{
    list-style-type:none;
    padding:0;
    margin:0;
    width:50%
}
.split-list li{
    width:357px;
    height:69px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.split-list.right-align li{
    justify-content:flex-end;
    padding-right:10px;
    text-align:right
}
.split-list.left-align li{
    justify-content:flex-start;
    padding-left:10px;
    text-align:left
}
.split-list li:last-child:nth-child(odd){
    width:100%
}
.instructions{
    background:url(../images/instructions.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:920px
}
.instructions .inner{
    margin-top:77px;
    display:block
}
.instructions .text{
    width:600px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.classes{
    background:url(../images/classes.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:668px
}
.classes .inner{
    margin-top:77px;
    display:block
}
.classes .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.beginning{
    background:url(../images/beginning.jpg) no-repeat;
    width:750px;
    height:817px
}
.beginning .inner{
    margin-top:77px;
    display:block
}
.beginning .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.autohunt{
    background:url(../images/autohunt.jpg) no-repeat;
    width:750px;
    height:910px
}
.autohunt .inner{
    margin-top:77px;
    display:block
}
.autohunt .text{
    width:600px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.metinqueue{
    background:url(../images/metinqueue.jpg) no-repeat;
    width:750px;
    height:910px
}
.metinqueue .inner{
    margin-top:77px;
    display:block
}
.metinqueue .text{
    width:600px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.dungeonlimit{
    background:url(../images/dungeonlimit.jpg) no-repeat;
    width:750px;
    height:905px
}
.dungeonlimit .inner{
    margin-top:77px;
    display:block
}
.dungeonlimit .text{
    width:600px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.dungeonlimit .text2{
    width:210px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:55px;
	margin-left:-5px;
	color:#b07575;
}

.dungeonlimit .text3{
    width:200px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:43px;
	margin-left:-5px;
	color:#b0a375;
}

.casualmod{
    background:url(../images/casualmod.jpg) no-repeat;
    width:750px;
    height:737px
}
.casualmod .inner{
    margin-top:77px;
    display:block
}
.casualmod .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.casualmod .text2{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:460px;
	
}

.casualmod .text3{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
}

.oboloscoin{
    background:url(../images/oboloscoin.jpg) no-repeat;
    width:750px;
    height:939px
}
.oboloscoin .inner{
    margin-top:77px;
    display:block
}
.oboloscoin .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.oboloscoin .text2{
    width:250px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 400px;
    margin-left:420px;	
    color: #a4957f;
	
}

.oboloscoin .text3{
    width:250px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 425px;
    margin-left:420px;	
	
}

.guild{
    background:url(../images/guild.jpg) no-repeat;
    width:750px;
    height:1275px
}
.guild .inner{
    margin-top:77px;
    display:block
}
.guild .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.guild .text2{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 800px;		
}

.guild .text3{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 820px;	
    color: #a2675b;
	
}

.guild .text4{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 869px;
    margin-left:8px;	
	
}

.guild .text5{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 917px;
    margin-left:8px;	
	
}

.guild .text6{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 966px;
    margin-left:8px;	
	
}

.guild .text7{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 1014px;
    margin-left:8px;	
	
}

.guild .text8{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 869px;
    margin-left:375px;	
	
}

.guild .text9{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 917px;
    margin-left:375px;		
	
}

.guild .text10{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 966px;
    margin-left:375px;		
	
}

.guild .text11{
    width:350px;
    text-align:left;
    font-size:13px;
	text-shadow: 0 0 8px #111111;
    position: absolute;
    margin-top: 1014px;
    margin-left:375px;		
	
}



.multifarmblock{
    background:url(../images/multifarmblock.jpg) no-repeat;
    width:750px;
    height:861px
}
.multifarmblock .inner{
    margin-top:77px;
    display:block
}
.multifarmblock .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.lowlevel{
    background:url(../images/lowlevel.jpg) no-repeat;
    width:750px;
    height:817px
}
.lowlevel .inner{
    margin-top:77px;
    display:block
}
.lowlevel .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.zeushadesstone{
    background:url(../images/zeushadesstone.jpg) no-repeat;
    width:750px;
    height:817px
}
.zeushadesstone .inner{
    margin-top:77px;
    display:block
}
.zeushadesstone .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.zeushadesstone .text2{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#feceff;
	text-shadow: 0 0 10px #feceff;
    margin-top:450px
}

.zeushadesstone .text3{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#d1f7ba;
	text-shadow: 0 0 10px #d1f7ba;
}

.zeushadesstone .text4{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
}

.zodiaccalendar{
    background:url(../images/zodiaccalendar.jpg) no-repeat;
    width:750px;
    height:1371px
}
.zodiaccalendar .inner{
    margin-top:77px;
    display:block
}
.zodiaccalendar .text{
    width:600px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.zodiaccalendar .text2{
    width:300px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:570px
}

.zodiaccalendar .text3{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:530px
}

.aura{
    background:url(../images/aura.jpg) no-repeat;
    width:750px;
    height:1004px
}
.aura .inner{
    margin-top:77px;
    display:block
}
.aura .text{
    width:700px;
    text-align:center;
    font-size:14px;
	text-shadow: 0 0 8px #111111;
    margin-top:60px
}

.aura .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    margin-top:695px
}

.wiki{
    background:url(../images/wiki.jpg) no-repeat;
    width:750px;
    height:817px
}
.wiki .inner{
    margin-top:77px;
    display:block
}
.wiki .text{
    width:700px;
    text-align:center;
	text-shadow: 0 0 8px #111111;
    font-size:14px;
    margin-top:670px
}

.ranking{
    background:url(../images/ranking.jpg) no-repeat;
    width:750px;
    height:1174px
}
.ranking .inner{
    margin-top:77px;
    display:block
}
.ranking .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.ranking .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:474px
}

.pet{
    background:url(../images/pet.jpg) no-repeat;
    width:750px;
    height:1672px
}
.pet .inner{
    margin-top:77px;
    display:block
}
.pet .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.pet .text2{
    width:200px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:250px;
	margin-right:2px;
}

.pet .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:300px
}

.pet .text4{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 611px;
    margin-left: 88px;
}
.pet .text5{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 659px;
    margin-left: 88px;
}

.pet .text6{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 708px;
    margin-left: 88px;
}

.pet .text7{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 756px;
    margin-left: 88px;
}

.pet .text8{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 805px;
    margin-left: 88px;
}

.pet .text9{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 611px;
    margin-left: 425px;
}

.pet .text10{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 659px;
    margin-left: 425px;
}

.pet .text11{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 708px;
    margin-left: 425px;
}

.pet .text12{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 756px;
    margin-left: 425px;
}

.pet .text13{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 805px;
    margin-left: 425px;
}

.energy{
    background:url(../images/energy.jpg) no-repeat;
    width:750px;
    height:1299px
}
.energy .inner{
    margin-top:77px;
    display:block
}
.energy .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.energy .text2{
    width:275px;
    text-align:center;
    font-size:12px;
    color: #a4957f;
    margin-top:55px;
	margin-right:225px;
}

.energy .text3{
	width:250px;
	color: #c73a3a;
    text-shadow: 1px 1px 5px #000;
    text-align: center;
    font-size: 13px;
    width: 250px;
    position: absolute;
    margin-top: 340px;
    margin-left: 230px;
}

.energy .text4{
	color: #d4bb6e;
    text-shadow: 1px 1px 5px #000;
    text-align: center;
    font-size: 13px;
    width: 250px;
    position: absolute;
    margin-top: 425px;
    margin-left: 230px;
}

.energy .text5{
	color: #41ebff;
    text-shadow: 1px 1px 5px #000;
    text-align: center;
    font-size: 13px;
    width: 250px;
    position: absolute;
    margin-top: 525px;
    margin-left: 230px;
}

.energy .text6{
    text-shadow: 1px 1px 5px #000;
    text-align: center;
    font-size: 13px;
    width: 250px;
    position: absolute;
    margin-top: 610px;
    margin-left: 230px;
}

.energy .text7{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:730px;
	position: absolute;
}

.energy .text8{
    width:700px;
    text-align:center;
    font-size:14px;
	color: #5e8561;
    text-shadow: 1px 1px 5px #000;	
}

.energy .text9{
    width:700px;
    text-align:center;
    font-size:14px;
	color: #6ba56f;
    text-shadow: 1px 1px 5px #000;
}

.energy .text10{
    width:700px;
    text-align:center;
    font-size:14px;
	color: #66d06d;
    text-shadow: 1px 1px 5px #000;
}

.energy .text11{
    width:700px;
    text-align:center;
    font-size:14px;
	color: #51ff5d;
    text-shadow: 1px 1px 5px #000;
}

.energy .titlee{
    font-size:32px;
	text-shadow: 0 0 20px #06fffc;
    text-decoration: underline;
    text-align:center;
    color:#06fffc;
	margin-top:755px;
	margin-bottom:5px;
}

.sash{
    background:url(../images/sash.jpg) no-repeat;
    width:750px;
    height:2183px
}
.sash .inner{
    margin-top:77px;
    display:block
}
.sash .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.sash .text2{
    width:250px;
    text-align:center;
    font-size:14px;
	color:#a4957f;
    text-shadow: 1px 1px 5px #000;
    margin-top:940px;
	margin-left:5px;
}

.sash .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:10px
}

.sash .text4{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 42px;
    margin-left: 68px;
}
.sash .text5{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 90px;
    margin-left: 68px;
}

.sash .text6{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 139px;
    margin-left: 68px;
}

.sash .text7{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 188px;
    margin-left: 68px;
}

.sash .text8{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 237px;
    margin-left: 68px;
}

.sash .text9{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 42px;
    margin-left: 400px;
}

.sash .text10{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 90px;
    margin-left: 400px;
}

.sash .text11{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 139px;
    margin-left: 400px;
}

.sash .text12{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 188px;
    margin-left: 400px;
}

.sash .text13{
    text-shadow: 1px 1px 5px #000;
    text-align: left;
    font-size: 14px;
    width: 417px;
    position: absolute;
    margin-top: 237px;
    margin-left: 400px;
}

.sash .text14{
    width:200px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:670px;
	margin-left:10px;
}


.sash .titlee{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:30px;
	margin-bottom:5px;
}

.biologist{
    position:relative;
}
.biologist{
    background:url(../images/biologist.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:1528px
}
.biologist .inner{
    margin-top:78px
}
.biologist .text{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:149px;
	margin-left:-230px;
}
.biologist .text2{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:878px;
    margin-left:-290px
}

.biologist .text3{
    text-align:center;
    font-size:12px;
    width:180px;
    position:absolute;
    top:650px;
	margin-left:60px;
}

.biologist .text4{
    text-align:center;
    font-size:12px;
    width:180px;
    position:absolute;
    top:650px;
	margin-left:282px;
}

.biologist_quests{
    width:750px;
    height:1490px;

}
.biologist_quests .inner{
    margin-top:100px;
    display:block

}
.biologist_quests .text{
    text-align:left;
    font-size:14px;
    width:700px;
    position:absolute;
    top:5963px;
    margin-left:-171px
}


.biologist_quests .text6{
    text-align:center;
    font-size:14px;
    width:101px;
    position:absolute;
    top:37px;
    margin-left:-322px
}
.biologist_quests .text7{
    text-align:center;
    font-size:14px;
    width:101px;
    position:absolute;
    top:37px;
    margin-left:-234px
}
.biologist_quests .text8{
    text-align:center;
    font-size:14px;
    width:154px;
    position:absolute;
    top:37px;
    margin-left:-133px
}
.biologist_quests .text9{
    text-align:center;
    font-size:14px;
    width:350px;
    position:absolute;
    top:37px;
    margin-left:27px
}
.biologist_quests .text10{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
    top:90px;
    margin-left:-234px
}
.biologist_quests .text11{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
    top:90px;
    margin-left:-133px
}
.biologist_quests .text12{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
    top:90px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text13{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
    top:132px;
    margin-left:-234px
}
.biologist_quests .text14{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
 margin-top:-43px;
    left:505px
}
.biologist_quests .text15{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
 top:132px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text14{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
 top:175px;
    margin-left:-234px
}
.biologist_quests .text16{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
 top:175px;
    margin-left:-234px
}
.biologist_quests .text17{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
 top:175px;
    margin-left:-133px
}
.biologist_quests .text18{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
 top:175px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text19{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
 top:220px;
    margin-left:-234px
}
.biologist_quests .text20{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
 top:220px;
    margin-left:-133px
}
.biologist_quests .text21{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
 top:220px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text22{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
 top:265px;
    margin-left:-234px
}
.biologist_quests .text23{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
 top:265px;
    margin-left:-133px
}
.biologist_quests .text24{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
  top:265px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text25{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
 top:308px;
    margin-left:-234px
}
.biologist_quests .text26{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
   top:308px;
    margin-left:-133px
}
.biologist_quests .text27{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
 top:308px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text28{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
  top:353px;
    margin-left:-234px
}
.biologist_quests .text29{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:353px;
    margin-left:-133px
}
.biologist_quests .text30{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
  top:353px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text31{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
  top:396px;
    margin-left:-234px
}
.biologist_quests .text32{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:396px;
    margin-left:-133px
}
.biologist_quests .text33{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
  top:396px;
    margin-left:27px;
	color:#fccd90;
}
.biologist_quests .text35{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
  top:440px;
    margin-left:-234px
}
.biologist_quests .text36{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:440px;
    margin-left:-133px
}
.biologist_quests .text37{
    text-align:center;
    font-size:11px;
    width:350px;
    position:absolute;
    top:443px;
    margin-left:35px;
	color:#fccd90;
}
.biologist_quests .text38{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
  top:485px;
    margin-left:-234px
}
.biologist_quests .text39{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:485px;
    margin-left:-133px
}
.biologist_quests .text40{
    text-align:center;
    font-size:11px;
    width:350px;
    position:absolute;
    top:487px;
    margin-left:35px;
	color:#fccd90;
}
.biologist_quests .text41{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
    top:528px;
    margin-left:-234px
}
.biologist_quests .text42{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:528px;
    margin-left:-133px
}
.biologist_quests .text43{
    text-align:center;
    font-size:11px;
    width:300px;
    position:absolute;
    top:525px;
    margin-left:55px;
    color:#fccd90;
}
.biologist_quests .text44{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:25982px;
    margin-left:-353px
}
.biologist_quests .text45{
    text-align:left;
    font-size:14px;
    width:700px;
    position:absolute;
    top:26182px;
    margin-left:-143px
}
.biologist_quests .text46{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
  top:572px;
    margin-left:-234px
}
.biologist_quests .text47{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
  top:572px;
    margin-left:-133px
}
.biologist_quests .text48{
    text-align:center;
    font-size:11px;
    width:350px;
    position:absolute;
    top:575px;
    margin-left:35px;
	color:#fccd90;
}
.biologist_quests .text49{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
    top:615px;
    margin-left:-234px
}
.biologist_quests .text50{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
    top:615px;
    margin-left:-133px
}
.biologist_quests .text51{
    text-align:center;
    font-size:11px;
    width:350px;
    position:absolute;
    top:618px;
    margin-left:35px;
	color:#fccd90;
}
.biologist_quests .text52{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
   top:660px;
    margin-left:-234px
}
.biologist_quests .text53{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
    top:660px;
    margin-left:-133px
}
.biologist_quests .text54{
    text-align:center;
    font-size:11px;
    width:350px;
    position:absolute;
    top:662px;
    margin-left:35px;
	color:#fccd90;
}
.biologist_quests .text55{
    text-align:center;
    font-size:12px;
    width:101px;
    position:absolute;
    top:26477px;
    margin-left:-234px
}
.biologist_quests .text56{
    text-align:center;
    font-size:12px;
    width:154px;
    position:absolute;
    top:26477px;
    margin-left:-133px
}
.biologist_quests .text57{
    text-align:center;
    font-size:12px;
    width:350px;
    position:absolute;
    top:26477px;
    margin-left:27px
}
.biologist_quests .text58{
    text-align:left;
    font-size:14px;
    width:350px;
    position:absolute;
    top:26567px;
    margin-left:-270px
}
.biologist_quests .text59{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:26648px;
    margin-left:-350px
}

.talisman{
    background:url(../images/talisman.jpg) no-repeat;
    width:750px;
    height:1468px
}
.talisman .inner{
    margin-top:77px;
    display:block
}
.talisman .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.talisman .text2{
    width:400px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:979px;
	margin-left:285px;
	position:absolute;
}

.talisman .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:870px;
	position:absolute;
}

.talisman .text4{
    width:400px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:1100px;
	margin-left:285px;
	position:absolute;
}

.alchemy{
    background:url(../images/alchemy.jpg) no-repeat;
    width:750px;
    height:1237px
}
.alchemy .inner{
    margin-top:80px;
    display:block;
    width:749px
}
.alchemy .text{
    text-align:left;
    font-size:14px;
    width:417px;
    position:absolute;
    margin-top:80px;
    margin-left:108px
}
.alchemy .text2{
    text-align:left;
    font-size:14px;
    width:499px;
    position:absolute;
    margin-top:190px;
    margin-left:32px
}
.alchemy .text3{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:380px;
    position:absolute;
    margin-top:200px;
    margin-left:-3px
}
.alchemy .text4{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:344px;
    position:absolute;
    margin-top:200px;
    margin-left:394px
}
.alchemy .text5{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:344px;
    position:absolute;
    margin-top:560px;
    margin-left:-3px
}
.alchemy .text6{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:344px;
    position:absolute;
    margin-top:560px;
    margin-left:394px
}
.alchemy .text7{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:344px;
    position:absolute;
    margin-top:925px;
    margin-left:-3px
}
.alchemy .text8{
    text-align:center;
	text-shadow: 1px 1px 5px #000;
    font-size:12px;
    width:344px;
    position:absolute;
    margin-top:925px;
    margin-left:394px
}

.buffi{
    background:url(../images/buffi.jpg) no-repeat;
    width:750px;
    height:1048px
}
.buffi .inner{
    margin-top:77px;
    display:block
}
.buffi .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.buffi .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:476px
}

.battlepass{
    background:url(../images/battlepass.jpg) no-repeat;
    width:750px;
    height:976px
}
.battlepass .inner{
    margin-top:77px;
    display:block
}
.battlepass .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.battlepass .text2{
    width:450px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:705px;
	margin-left:20px;
}

.gaya{
    background:url(../images/gaya.jpg) no-repeat;
    width:750px;
    height:976px
}
.gaya .inner{
    margin-top:77px;
    display:block
}
.gaya .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.gaya .text2{
    width:450px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:705px;
	margin-left:20px;
}

.advancedskills{
    background:url(../images/advancedskills.jpg) no-repeat;
    width:750px;
    height:1371px
}
.advancedskills .inner{
    margin-top:77px;
    display:block
}
.advancedskills .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.advancedskills .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:582px;
	position:absolute;
	
}

.advancedskills .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:1095px;
	position:absolute;
	
}

.advancedskills .title00{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:660px;
	margin-bottom:85px;
}

.storage{
    background:url(../images/storage.jpg) no-repeat;
    width:750px;
    height:976px
}
.storage .inner{
    margin-top:77px;
    display:block
}
.storage .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.storage .text2{
    width:450px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:705px;
	margin-left:20px;
}

.shop{
    background:url(../images/shop.jpg) no-repeat;
    width:750px;
    height:2952px
}
.shop .inner{
    margin-top:77px;
    display:block
}
.shop .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.shop .text2{
    width:450px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:155px;
	margin-left:-15px;
	position:absolute;
}

.shop .text3{
    width:450px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:203px;
	margin-left:-15px;
	position:absolute;
}

.shop .text4{
    width:450px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:253px;
	margin-left:-15px;
	position:absolute;
}

.shop .text5{
    width:450px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:303px;
	margin-left:-15px;
	position:absolute;
}

.shop .text6{
    width:450px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:351px;
	margin-left:-15px;
	position:absolute;
}

.shop .text7{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:1335px;
	position:absolute;
}


.shop .title01{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:535px;
}

.shop .title02{
    font-size:32px;
	width:750px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:1210px;
	position:absolute;
}

.shop .title03{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:2535px;
	margin-left:27px;
	position:absolute;
}

.shop .title04{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:2535px;
	margin-left:371px;
	position:absolute;
}

.shop .text8{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2625px;
	position:absolute;
}
.shop .text9{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2675px;
	position:absolute;
}
.shop .text10{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2725px;
	position:absolute;
}
.shop .text11{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2775px;
	position:absolute;
}
.shop .text12{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2825px;
	position:absolute;
}
.shop .text13{
    width:700px;
    text-align:center;
    font-size:14px;
	color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:2875px;
	position:absolute;
}

.love{
    background:url(../images/love.jpg) no-repeat;
    width:750px;
    height:874px
}
.love .inner{
    margin-top:77px;
    display:block
}
.love .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.love .text2{
    width:450px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:705px;
	margin-left:20px;
}

.bossbonus{
    background:url(../images/bossbonus.jpg) no-repeat;
    width:750px;
    height:976px
}
.bossbonus .inner{
    margin-top:77px;
    display:block
}
.bossbonus .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.bossbonus .text2{
    width:200px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:105px;
	margin-left:438px;
	color:#759bb0;
}

.bossbonus .text3{
    width:200px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:20px;
	margin-left:438px;
	color:#786a5d;
}

.enigma{
    background:url(../images/enigma.jpg) no-repeat;
    width:750px;
    height:1551px
}
.enigma .inner{
    margin-top:77px;
    display:block
}
.enigma .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.enigma .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:755px;
	position:absolute;
}

.enigma .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:1108px;
	position:absolute;
}

.enigma .text4{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:1157px;
	position:absolute;
}

.enigma .text5{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:1207px;
	position:absolute;
}

.enigma .text6{
    width:200px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:1277px;
	margin-left:250px;
	position:absolute;
}



.enigma .title01{
    font-size:32px;
	width:700px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:625px;
	position:absolute;
}

.loki{
    background:url(../images/lokieye.jpg) no-repeat;
    width:750px;
    height:1141px
}
.loki .inner{
    margin-top:77px;
    display:block
}
.loki .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.loki .text2{
    width:675px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:685px;
	position:absolute;
}

.loki .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#89a78a;
    text-shadow: 1px 1px 5px #000;
    margin-top:750px;
	position:absolute;
}

.loki .text4{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#e6cfae;
    text-shadow: 1px 1px 5px #000;
    margin-top:850px;
	position:absolute;
}

.loki .text5{
    width:700px;
    text-align:center;
    font-size:14px;
    color:#bc5959;
    text-shadow: 1px 1px 5px #000;
    margin-top:875px;
	position:absolute;
}




.loki .title01{
    font-size:32px;
	width:700px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:625px;
	position:absolute;
}

.coin{
    background:url(../images/coin.jpg) no-repeat;
    width:750px;
    height:772px
}
.coin .inner{
    margin-top:77px;
    display:block
}
.coin .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.coin .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:700px;
	color:#83b7d4;
}

.challange{
    background:url(../images/challange.jpg) no-repeat;
    width:750px;
    height:956px
}
.challange .inner{
    margin-top:77px;
    display:block
}
.challange .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.challange .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:700px;
	color:#83b7d4;
}

.dungeon{
    background:url(../images/dungeon.jpg) no-repeat;
    width:750px;
    height:956px
}
.dungeon .inner{
    margin-top:77px;
    display:block
}
.dungeon .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.dungeon .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:700px;
	color:#83b7d4;
}

.mission{
    background:url(../images/mission.jpg) no-repeat;
    width:750px;
    height:1147px
}
.mission .inner{
    margin-top:77px;
    display:block
}
.mission .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.mission .title01{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:330px;
	margin-left:-25px;
	position:absolute;
}

.mission .text2{
    width:250px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:420px;
	margin-left:25px;
    color:#e6cfae;
	position:absolute;
}

.mission .title02{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:500px;
	margin-left:-25px;
	position:absolute;
}

.mission .text3{
    width:250px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:590px;
	margin-left:25px;
    color:#e6cfae;
	position:absolute;
}

.mission .title03{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:672px;
	margin-left:-25px;
	position:absolute;
}

.mission .text4{
    width:250px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:760px;
	margin-left:25px;
    color:#e6cfae;
	position:absolute;
}

.dungeonsystems{
    background:url(../images/dungeonsystems.jpg) no-repeat;
    width:750px;
    height:1157px
}
.dungeonsystems .inner{
    margin-top:80px;
    display:block
}
.dungeonsystems .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.dungeonsystems .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:90px;
}

.dungeonsystems .text3{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:730px;
	position:absolute;
}

.dungeonsystems .title01{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:515px;
}

.dungeonsystems .title02{
    font-size:32px;
	width:700px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:590px;
	position:absolute;
}

.dungeonlist{
    background:url(../images/dungeonlist.jpg) no-repeat;
    width:750px;
    height:1536px
}
.dungeonlist .inner{
    margin-top:80px;
    display:block
}
.dungeonlist .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.dungeonlist .title0{
    color:#77bd3f;
	text-shadow: 0 0 20px #77bd3f;
}

.dungeonlist .title01{
    font-size:32px;
	text-shadow: 0 0 20px #dbbf00;
    text-align:center;
    color:#dbbf00;
	margin-top:702px;
}

.dungeonlist .title02{
    font-size:32px;
	text-shadow: 0 0 20px #c51616;
    text-align:center;
    color:#c51616;
	margin-top:818px;
}

.dungeonlist .text2{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:50px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text3{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:170px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text4{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:290px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text5{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:410px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text6{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:530px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text7{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:135px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text8{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:255px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text9{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:375px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text10{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:495px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text11{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:615px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text12{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:735px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text13{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:136px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text14{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:256px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text15{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:376px;
	margin-left:50px;
	position:absolute;
}

.dungeonlist .text16{
    width:700px;
    text-align:left;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:496px;
	margin-left:50px;
	position:absolute;
}

.events{
    background:url(../images/events.jpg) no-repeat;
    width:750px;
    height:1161px
}
.events .inner{
    margin-top:80px;
    display:block
}
.events .text{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:20px;
	margin-left:-350px;
	position:absolute;
}

.events .text2{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:20px;
	margin-left:100px;
	position:absolute;
}

.events .text3{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:120px;
	margin-left:-350px;
	position:absolute;
}

.events .text4{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:120px;
	margin-left:100px;
	position:absolute;
}

.events .text5{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:220px;
	margin-left:-350px;
	position:absolute;
}

.events .text6{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:220px;
	margin-left:100px;
	position:absolute;
}

.events .text7{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:320px;
	margin-left:-350px;
	position:absolute;
}

.events .text8{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:320px;
	margin-left:100px;
	position:absolute;
}

.events .text9{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:420px;
	margin-left:-350px;
	position:absolute;
}

.events .text10{
    width:350px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:420px;
	margin-left:105px;
	position:absolute;
}

.events .text11{
    width:350px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:520px;
	margin-left:-355px;
	position:absolute;
}

.events .text12{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:520px;
	margin-left:100px;
	position:absolute;
}

.events .text13{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:620px;
	margin-left:-350px;
	position:absolute;
}

.events .text14{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:620px;
	margin-left:100px;
	position:absolute;
}

.events .text15{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:720px;
	margin-left:-350px;
	position:absolute;
}

.events .text16{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:720px;
	margin-left:100px;
	position:absolute;
}

.events .text17{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:820px;
	margin-left:-350px;
	position:absolute;
}

.events .text18{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:820px;
	margin-left:100px;
	position:absolute;
}

.events .text19{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:920px;
	margin-left:-350px;
	position:absolute;
}

.events .text20{
    width:350px;
    text-align:center;
    font-size:16px;
    text-shadow: 1px 1px 5px #000;
    margin-top:920px;
	margin-left:100px;
	position:absolute;
}

.extra{
    background:url(../images/extra.gif) no-repeat;
    width:750px;
    height:1125px
}
.extra .inner{
    margin-top:80px;
    display:block
}
.extra .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.extra .title01{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:30px;
	margin-left:-35px;
	position:absolute;
}

.extra .title02{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:30px;
	margin-left:382px;
	position:absolute;
}

.extra .title03{
	width:700px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:481px;
	position:absolute;
}

.extra2{
    background:url(../images/extra2.gif) no-repeat;
    width:750px;
    height:1123px
}
.extra2 .inner{
    margin-top:80px;
    display:block
}
.extra2 .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.extra2 .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:640px;
	position:absolute;
}

.extra3{
    background:url(../images/extra3.gif) no-repeat;
    width:750px;
    height:1002px
}
.extra3 .inner{
    margin-top:80px;
    display:block
}
.extra3 .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.extra3 .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:610px;
	position:absolute;
}


.extra3 .title01{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:335px;
	margin-left:-35px;
	position:absolute;
}


.extra3 .title02{
	width:350px;
    font-size:22px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:335px;
	margin-left:382px;
	position:absolute;
}


.end{
    background:url(../images/end.jpg) no-repeat;
    width:750px;
    height:351px
}
.end .inner{
    margin-top:80px;
    display:block
}
.end .text{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:60px
}

.end .text2{
    width:700px;
    text-align:center;
    font-size:14px;
    text-shadow: 1px 1px 5px #000;
    margin-top:610px;
	position:absolute;
}



.dungeons{
    background:url(../images/dungeons.jpg) no-repeat;
    width:750px;
    height:231px
}
.dungeons .inner{
    margin-top:79px;
    display:block
}
.dungeons .text{
    width:700px;
    text-align:center;
    font-size:14px;
    margin-top:73px
}
.dungeons_wrap{
    background-image:url(../images/dungeons_base.jpg);
    width:750px;
    height:546px;
    position:relative
}

.comparison-slider-wrapper{
    position:relative;
    width:645px;
    height:330px;
    margin:69px auto 0 auto;
    background-color:white;
    .comparison-slider{
        position:relative;
        width:100%;
        margin:0;
        box-sizing:border-box;
        >img{
            width:100%;
            height:auto;
            display:block
        }
        .overlay{
            display:none;
            position:absolute;
            width:250px;
            bottom:20px;
            right:20px;
            background-color:rgba(0,0,0,0.4);
            padding:10px;
            box-sizing:border-box;
            color:#DDD;
            text-align:right;
            @include media('tabletUpwards'){
                display:block
            }
        }
        .resize{
            position:absolute;
            top:0;
            left:0;
            height:100%;
            width:50%;
            overflow:hidden;
            >img{
                display:block
            }
            .overlay{
                right:auto;
                left:20px;
                text-align:left
            }
        }
        .divider{
            position:absolute;
            width:2px;
            height:100%;
            background-color:#768393;
            left:50%;
            top:0;
            bottom:0;
            margin-left:-1px;
            cursor:ew-resize;
            &:before{
                content:"";
                position:absolute;
                width:20px;
                height:20px;
                left:-9px;
                top:50%;
                margin-top:-10px;
                background-color:#768393;
                transform:rotate(45deg);
                transition:all .1s ease-in-out
            }
            &:after{
                content:"";
                position:absolute;
                width:12px;
                height:12px;
                left:-5px;
                top:50%;
                margin-top:-6px;
                background-color:#f7f7f7;
                transform:rotate(45deg);
                transition:all .1s ease-in-out
            }
            &.draggable{
                &:before{
                    width:30px;
                    height:30px;
                    left:-12px;
                    margin-top:-15px
                }
                &:after{
                    width:20px;
                    height:20px;
                    left:-9px;
                    margin-top:-10px;
                    background-color:#64432d
                }
            }
        }
    }
    .caption{
        position:relative;
        width:100%;
        padding:10px;
        box-sizing:border-box;
        font-size:12px;
        font-style:italic
    }
}
.comp-handle{
    position:absolute;
    left:50%;
    top:0;
    z-index:2;
    width:5px;
    height:100%;
    background:#fff;
    cursor:ew-resize
}

.common_drops{
    position:relative
}
.common_drops1{
    background:url(../images/common_drops1.html);
    background-repeat:no-repeat;
    width:750px;
    height:244px
}
.common_drops1 .inner{
    margin-top:17px
}
.common_drops1 .text{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:100px;
    margin-left:25px
}
.common_drops1 .text2{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:201px;
    margin-left:-267px
}
.drop-wrap{
    background:url(../images/common_drops_base.html);
    background-repeat:no-repeat;
    width:750px;
    height:579px;
    margin-top:0
}
.common_drops2{
    width:750px;
    height:579px;
    margin-top:0
}
.common_drops2.p1{
    background:url(../images/common_drops_p1.html);
    background-repeat:no-repeat
}
.common_drops2.p2{
    background:url(../images/common_drops_p2.html);
    background-repeat:no-repeat
}
.common_drops2.p3{
    background:url(../images/common_drops_p3.html);
    background-repeat:no-repeat
}
.common_drops3{
    background:url(../images/common_drops2.html);
    background-repeat:no-repeat;
    width:750px;
    height:427px;
    margin-top:0
}
.common_drops3 .inner{
    margin-top:17px
}
.common_drops3 .text{
    text-align:left;
    font-size:14px;
    width:700px;
    position:absolute;
    top:885px;
    margin-left:-182px
}
.common_drops3 .text2{
    text-align:center;
    font-size:14px;
    width:435px;
    position:absolute;
    top:962px;
    margin-left:-346px
}

.eq_changes{
    position:relative
}
.eq_changes1{
    background:url(../images/eq_changes.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:360px
}

.eq_changes1 .title0{
    font-size:32px;
	text-shadow: 0 0 20px #ff9102;
    text-align:center;
    color:#ff9102;
	margin-top:-58px;
}

.eq_changes1 .inner{
    margin-top:82px
}
.eq_changes1 .text{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:190px;
    margin-left:25px
}
.eq_changes1 .text2{
    text-align:center;
    font-size:14px;
    width:700px;
    position:absolute;
    top:222px;
    margin-left:-267px
}
.eq-wrap{
    background:url(../images/eq_changes_base.jpg);
    background-repeat:no-repeat;
    width:750px;
    height:590px;
    margin-top:0
}
.eq_changes2{
    width:750px;
    height:590px;
    margin-top:0
}

.eq_changes2 .text1{
    text-align:left;
    font-size:12px;
    width:100px;
	color:#e6cfae;
    position:absolute;
    top:400px;
    margin-left:-365px

}
.eq_changes2 .text2{
    text-align:left;
    font-size:12px;
    width:100px;
	color:#e6cfae;
    position:absolute;
    top:490px;
    margin-left:-365px

}
.eq_changes2 .text3{
    text-align:left;
    font-size:12px;
    width:70px;
	color:#e6cfae;
    position:absolute;
    top:565px;
    margin-left:-365px

}
.eq_changes2 .text4{
    text-align:left;
    font-size:12px;
    width:70px;
	color:#e6cfae;
    position:absolute;
    top:647px;
    margin-left:-365px

}
.eq_changes2 .text5{
    text-align:left;
    font-size:12px;
    width:100px;
	color:#e6cfae;
    position:absolute;
    top:755px;
    margin-left:-365px

}
.eq_changes2 .text6{
    text-align:left;
    font-size:12px;
    width:70px;
	color:#e6cfae;
    position:absolute;
    top:745px;
    margin-left:-50px

}

.eq_changes2 .text7{
    text-align:left;
    font-size:12px;
    width:100px;
	color:#e6cfae;
    position:absolute;
    top:845px;
    margin-left:-365px

}

.eq_changes2.p1{
    background:url(../images/eq_changes_p1.jpg);
    background-repeat:no-repeat
}
.eq_changes2.p2{
    background:url(../images/eq_changes_p2.jpg);
    background-repeat:no-repeat
}
.eq_changes2.p3{
    background:url(../images/eq_changes_p3.jpg);
    background-repeat:no-repeat
}
.eq_changes2.p4{
    background:url(../images/eq_changes_p4.html);
    background-repeat:no-repeat
}
.eq_changes .row-base{
    display:block
}
.eq_changes .row1{
    margin-top:94px;
    display:flex
}
.eq_changes .row2{
    margin-top:63px;
    display:flex
}
.eq_changes .bonus-text{
    width:247px;
    text-align:center;
    font-size:12px;
    color:#e6cfae;
    height:65px
}

@media (max-width:850px){
    .sidebar-navigation,.sidebar-r-navigation{
        display:none
    }
}
.hidden{
    display:none !important
}
.footer{
    text-align:center;
    font-size:12px;
    position:absolute;
    bottom:10px;
    color:#e6cfae
}

    .1comparison-slider{
        position:relative;
        width:100%;
        margin:0;
        box-sizing:border-box;
        >img{
            width:100%;
            height:auto;
            display:block
        }
        .aoverlay{
            display:none;
            position:absolute;
            width:250px;
            bottom:20px;
            right:20px;
            background-color:rgba(0,0,0,0.4);
            padding:10px;
            box-sizing:border-box;
            color:#DDD;
            text-align:right;
            @include media('tabletUpwards'){
                display:block
            }
        }
        .aresize{
            position:absolute;
            top:0;
            left:0;
            height:100%;
            width:50%;
            overflow:hidden;
            >img{
                display:block
            }
            .overlay{
                right:auto;
                left:20px;
                text-align:left
            }
        }
        .adivider{
            position:absolute;
            width:2px;
            height:100%;
            background-color:#382418;
            left:50%;
            top:0;
            bottom:0;
            margin-left:-1px;
            cursor:ew-resize;
            &:before{
                content:"";
                position:absolute;
                width:20px;
                height:20px;
                left:-9px;
                top:50%;
                margin-top:-10px;
                background-color:#382418;
                transform:rotate(45deg);
                transition:all .1s ease-in-out
            }
            &:after{
                content:"";
                position:absolute;
                width:12px;
                height:12px;
                left:-5px;
                top:50%;
                margin-top:-6px;
                background-color:#533724;
                transform:rotate(45deg);
                transition:all .1s ease-in-out
            }
            &.adraggable{
                &:before{
                    width:30px;
                    height:30px;
                    left:-14px;
                    margin-top:-15px
                }
                &:after{
                    width:20px;
                    height:20px;
                    left:-9px;
                    margin-top:-10px;
                    background-color:#64432d
                }
            }
        }
    }
    .acaption{
        position:relative;
        width:100%;
        padding:10px;
        box-sizing:border-box;
        font-size:12px;
        font-style:italic
    }
}
.acomp-handle{
    position:absolute;
    left:50%;
    top:0;
    z-index:2;
    width:5px;
    height:100%;
    background:#fff;
    cursor:ew-resize
}

.discord-widget {
    z-index: 9;
    position: fixed;
    bottom:1%;
    transform: translateY(-50%);
    left: 10px;
}

.discord-widget img {
    width: 100%;
}

.background-video-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}

.background-video-container video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	margin: 0;
	padding: 0;
}

.video-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: -1;
}