html,
body{min-height:100%;min-width:1200px !important;border:1px solid transparent;}
.cntr, .top_menu{min-width:1200px !important}
a:first-letter{font-size:18px;}
.cntr{height:auto;min-width:800px !important}
.cntr .da-thumbs{list-style:none;padding:0;width:100%;min-width:740px;position:absolute;top:250px;right:0px;left:0;margin:0 auto;height:auto;}
.da-thumbs li{float:left;margin:1px;padding:0px;position:relative;background:transparent;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.da-thumbs li a,
.da-thumbs li a img{display:block;position:relative;}
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;background:#333;background:rgba(0,0,0,0.7);width:100%;height:100%;}
.da-thumbs li a div span{display:block;padding:5px 0;margin:20px;text-transform:uppercase;font-weight:normal;color:rgba(255,255,255,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.5);box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.da-thumbs li a div span b{font-size:18px;line-height:16px;}
.da-thumbs li a div span img{float:left;}
.cntr .papir{margin:170px 0 0 0;right:0;height:700px;}
.cntr .papir .race-img, .cntr .papir .lore-img, .cntr .papir .lore-bg{z-index:10;position:absolute;top:88px;right:324px;}
.cntr .papir .lore-img{right:880px !important;top:400px;z-index:20}
.cntr .papir .lore-bg{right:880px;z-index:3}
.cntr .papir .race-ico{position:absolute;top:30px;right:10px;}
.cntr .papir .race-vs, .cntr .papir .lore-next{z-index:5;position:absolute;top:576px;right:28px;}
.cntr .papir .lore-next{bottom:10px;}
.cntr .papir .race-vs-link{z-index:20;display:block;position:absolute;top:602px;right:28px;}
.cntr .papir .race-vs-link img{opacity:0;}
.cntr .papir .race-vs-link b, .lore .papir .race-vs-link b{display:block;width:80%;max-width:270px;margin-bottom:-80px;line-height:60px;font-size:50px;color:#fff !important;padding-left:20px;opacity:.5;text-transform:none;text-align:right;}
.cntr .papir .race-vs-link{display:block;text-decoration:none;}
.cntr .papir .race-vs-link:first-letter{font-size:40px}
.cntr .papir .race-bg{z-index:-1;position:absolute;top:0px;right:0px;}
.cntr .papir span, .lore .papir span{display:block;z-index:30;width:415px;height:90px;position:absolute;top:585px;right:350px;display:block;}
.cntr .papir span h1, .lore .papir span h1{color:#fff;margin:0;padding:0;width:400px;height:90px;font-family:'Humnst', sans-serif;font-size:50px;font-weight:700;text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.9);display:table-cell;vertical-align:middle;line-height:normal;}
.lore .papir span h1{width:415px;height:90px;line-height:40px;}
.lore .papir .race-vs-link div{display:block;width:220px;height:65px;vertical-align:middle;padding:0px;margin:0 0 -102px 20px;}
.lore .papir .race-vs-link div b{width:207px;height:65px;font-size:24px;display:table-cell;vertical-align:middle;line-height:20px;opacity:.7;text-align:right;padding:0px;}
.lore .papir .race-vs-link div b:first-letter{font-size:24px;margin:0;}
.cntr .papir .info{z-index:40;position:absolute;top:50px;right:35px;color:#000;width:780px;height:400px;font-family:'Humnst', sans-serif;line-height:17px;text-align:justify;font-size:14px;}
.lore .papir .info{font-size:16px;line-height:20px;}
.cntr .papir .info p{padding:0;margin:4px 0;text-shadow:0px 0px 4px rgba(255,255,255,0.5);}
.cntr .papir .info p:first-letter{margin-left:10px;}
.lore .papir .info p:first-letter{margin:0 2px 0 10px;font-size:24px;font-family:'AGFriquer', sans-serif;font-weight:700}
.tabs{position:relative;width:780px;height:auto;clear:both;margin:-30px 0 0 0;}
.tab{float:left;}
.tab label{width:50px;height:65px;background:url(../images/label-0.png) no-repeat;text-align:center;line-height:25px;color:#787487;font-family:'Humnst', sans-serif;font-size:20px;padding:10px;margin:2px;position:relative;left:278px;top:-14px;text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,1), 0px 0px 3px rgba(0,0,0,1);}
.lore .tab label{left:307px;top:-14px;}
.tab label img{margin:-4px 0 0 -1px}
.tab [type=radio]{display:none;}
.content{position:absolute;top:45px;opacity:0;left:0;right:0;bottom:0;padding:20px;}
[type=radio]:checked ~ label{opacity:1;background:url(../images/label.png) no-repeat;z-index:2;}
[type=radio]:checked ~ label ~ .content{opacity:1;z-index:1;}
.char-col-box{width:100%;max-width:760px;margin:0 auto;font-family:'Humnst', sans-serif;line-height:17px;text-align:justify;font-size:14px;}
.char-col{display:inline;float:left;padding:0;width:50%;max-width:370px;}
.char-cbox{display:block;padding:0;width:100%;height:auto;min-height:75px;position:relative;border:none;background:url(../images/races/icon-line.png) left top no-repeat;}
.halo{background:none;min-height:100px;}
.char-cbox img{position:absolute;top:0;left:2px}
.char-cbox .char-title{position:absolute;top:7px;left:75px;color:#fff;font-family:"Trebuchet MS", Helvetica, sans-serif;text-transform:uppercase;}
.char-cbox .char-info{margin:0 5px 0 80px;padding:30px 0 5px 0;color:#000;text-align:left;font-size:12px;line-height:normal;text-shadow:0px 0px 4px rgba(255,255,255,0.5);}
.halo .char-info{margin:0 5px 0 235px;padding:8px 0 5px 0;}
.halo .char-title{color:#000;font-size:18px;left:235px;}
.col-button{display:inline-block;width:32%;height:90px;float:none;margin:20px auto;}
.col-button img{margin:0 auto;}
#contact{top:auto;padding-top:500px !important;}
#footer .column a{color:#ffffaa;text-shadow:0px 0px 2px rgba(0,0,0,1);}
#cntr_main .cntr{height:auto;min-height:725px !important;}
.individ{top:0px !important;width:auto;min-width:1200px !important;}
.text{clear:both;font-family:"Trebuchet MS", Helvetica, sans-serif;color:#286ca9;font-weight:normal !important;text-shadow:0px 0px 2px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,1);font-size:22px;line-height:24px;text-align:justify;margin:0 auto;padding:0 15px 0 5px}
.text p{margin-bottom:20px}
.text p:first-letter{font-size:26px;color:#69b8ff}
@media screen and (max-width:1370px){html,
body{max-height:700px !important;}
.bg_cent{height:auto;overflow:hidden;background:#151521 url(../images/bg1_e_cent.jpg) no-repeat center -40px !important;background-size:1920px auto !important;}
.cntr .big_text h1, .cntr .big_text i{margin-top:10px !important;color:#ffffaa !important;line-height:24px !important;padding-right:20px;float:right;}
#cntr_main{margin-top:-80px !important;}
.lore{margin-top:-70px !important}
}
@media screen and (max-width:1280px){.da-thumbs{width:970px !important}
.footer-wrapper{display:none}
#cntr_main .cntr{height:auto;min-height:1200px !important;}
#contact{top:auto;padding-top:150px !important;}
}
@media screen and (max-width:1024px){.da-thumbs{width:730px !important}
.text{font-size:18px;line-height:18px;}
}
@media screen and (max-width:720px){.da-thumbs{width:500px !important}
}
@media screen and (max-width:500px){.da-thumbs{width:250px !important}
}