body{
    background: url(/Design/Images/new_bg.png) no-repeat 50% 50% fixed;
    background-size: cover;
	margin:0;
}
.ins{
        background-color: #fff5cb;width: 90%;
	margin:auto;
	margin-top: 50px;
	border-style: solid;
	border-width: 0px 15px;
	-moz-border-image: url(/Design/Images/02/in_bg.png) 0 12 repeat;
	-webkit-border-image: url(/Design/Images/02/in_bg.png) 0 12 repeat;
	-o-border-image: url(/Design/Images/02/in_bg.png) 0 12 repeat;
	border-image: url(/Design/Images/02/in_bg.png) 0 12 repeat;

}
.ok, .bad, .warning {
  color: #e0e0e0;
  display: block;
  text-align: center;
  padding: 8px 12px;
  margin: 5px 10px;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 0.5px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ok {
  background: linear-gradient(135deg, #3c9f34, #2e6f20);
  border: 1px solid #2a6620;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bad {
  background: linear-gradient(135deg, #cc3b3b, #992d2d);
  border: 1px solid #A13328;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.warning {
  background: linear-gradient(135deg, #f7b733, #f57c00);
  border: 1px solid #e65100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.ok:hover, .bad:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.buttons { color: #fff;display: block; background: url('/img/stilius/v2/buttons_left.png') no-repeat 0% 0%, url('/img/stilius/v2/buttons_right.png') no-repeat 100% 0%, url('/img/stilius/v2/buttons_center.png') repeat-x 0% 0%; padding: 3px 15px 8px 15px; margin: 3px 0px;  }
.buttons img { display: inline-block; margin: -6px 0px -10px -10px; }
   .block {
    background-color: #080808;
    padding: 0px;
    margin: -1px;
    text-align: center;
    color: #908787;
    font-size: 12px;
    border-style: solid;
    border-width: 7px 0px;
    -webkit-border-image: url(/Design/Images/02/block_bg.png) 12 0 repeat;
}

@media screen and (max-width: 600px) {
body{
    background: url(https://i0.wp.com/blog.travian.com/wp-content/uploads/2021/07/1960x1008.png?w=1960&ssl=1) no-repeat 50% 50% fixed;
}
.Mbn{display:none;}
.Mob{display:block;}

.ins{
width: 90%;
margin-top: 20px;
}
}


a {
 text-decoration: none;
}
li {
 list-style: none;
}
.navbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 3px;
    background-color: #080808;
 color: #fff;
    border-style: solid;
    border-width: 7px 0px;

    -webkit-border-image: url(/Design/Images/02/block_bg.png) 12 0 repeat;

}
.nav-links a {
 color: #fff;
}
/* LOGO */
.logo {
 font-size: 28px;
margin-left:25px;
}
/* NAVBAR MENU */
.menu {
 display: flex;
 gap: 1em;
 font-size: 18px;
}
.menu li:hover {
 background-color: #4c9e9e;
 border-radius: 5px;
 transition: 0.3s ease;
}
.menu li {
 padding: 5px 14px;
}
/* DROPDOWN MENU */
.services {
 position: relative; 
}
.dropdown {
 background-color: rgb(1, 139, 139);
 padding: 1em 0;
 position: absolute; /*WITH RESPECT TO PARENT*/
 display: none;
 border-radius: 8px;
 top: 35px;
}
.dropdown li + li {
 margin-top: 10px;
}
.dropdown li {
 padding: 0.5em 1em;
 width: 8em;
 text-align: center;
}
.dropdown li:hover {
 background-color: #4c9e9e;
}
.services:hover .dropdown {
 display: block;
}/*RESPONSIVE NAVBAR MENU STARTS*/
/* CHECKBOX HACK */
/*HAMBURGER MENU*/
.hamburger {
 display: none;
 font-size: 24px;
 user-select: none;
}
/* APPLYING MEDIA QUERIES */
@media (max-width: 768px) {

.menu { 
 display:none;
 position: absolute;
 background-color:teal;
 right: 0;
 left: 0;
 text-align: center;
 padding: 16px 0;
}
.menu li:hover {
 display: inline-block;
 background-color:#4c9e9e;
 transition: 0.3s ease;
}
.menu li + li {
 margin-top: 12px;
}
input[type=checkbox]:checked ~ .menu{
 display: block;
}
.hamburger {
 display: block;
}
.dropdown {
 left: 50%;
 top: 30px;
 transform: translateX(35%);
}
.dropdown li:hover {
 background-color: #4c9e9e;
}
}
img.icon{vertical-align: middle; position: relative; top: -1px;padding: 0; margin: 0;border-spacing: 0;}
.form-input {
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 15px;
    width: 70%;
    height: 33px;
    border: 1px solid #d0ae86;
    border-radius: 3px;
    background-color: #ffefc3;
    box-shadow: 0 0 0 1px #fff9d0, inset 0 1px 5px rgb(0 0 0 / 10%);
    color: #5a6b22;
    text-align: left;
    font-family: Cambria;
    line-height: 24px;
}

.btn {
	font-family: Lucida Console;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 130px;
    height: 44px;
    margin: 2px;
    padding: 0 10px;
    font-size: 12px;
    color: #ececec;
    text-align: center;
    background: #345881 -webkit-gradient(linear,left top,left bottom,color-stop(50%,#345881),color-stop(50%,#224971));
    background: #345881 linear-gradient(#345881 50%,#224971 50%);
    border: 2px solid;
    border-color: #3c6695 #3c6695 #193654 #193654;
    outline: 2px solid #07111a;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.block2 {
    border-style: solid;
    border-width: 15px 0px;
    -webkit-border-image: url(/Design/Images/02/block_bg.png) 14 0 repeat;
margin-left: -2px;
margin-right: -2px;

}
.Desc {
padding: 10px;
background-color: #eadfb0;
margin-left: 2px;
margin-right: 2px;
text-align: center;
font-size: 14px;

}
.links-purple, .links-red {
	padding:9px;
	border:0px solid #071d32;
	color:#c9e1ab;
	text-shadow:#241733 0px 1px 0px;
	margin-top:5px;
	display:inline-block;
	min-width:90%;
}

.links-purple, .links-red span{
	display:inline-block;
	margin-top:5px;
}

.links-purple {	background:url(/Design/Images/01/974.png) no-repeat top;}
.links-red {	background:  url(/Design/Images/01/978.png) no-repeat top;}
.links-brown  {	background: url(/Design/Images/01/979.jpg) no-repeat top;}
.meniu {padding: 8px;}
.container {
  font-size: 0; /*remove white space*/
}

.section {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .section {
    display: block;
    width: auto;
  }
.Mbn{display:none;}
.Mob{display:block;}

    background: url(https://i0.wp.com/blog.travian.com/wp-content/uploads/2021/07/1960x1008.png?w=1960&ssl=1) no-repeat 50% 50% fixed;
    background-size: cover;

}
@media (max-width: 1200px) {
.Mob{display:block;}

  .section {
    display: block;
    width: auto;
  }
.Mbn{display:none;}
    background: url(https://i0.wp.com/blog.travian.com/wp-content/uploads/2021/07/1960x1008.png?w=1960&ssl=1) no-repeat 50% 50% fixed;
    background-size: cover;

}
@media (max-width: 1400px) {
.Mob{display:block;}
  .section {
    display: block;
    width: auto;
  }
.Mbn{display:none;}
}
@media (min-width: 1400px) {.Mob{display:none;}}


.hero{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background-image:url(https://x10000000.aspidanetwork.com/gpack/delusion_4.5/img/layout/heroBorder.png);border-radius:50%}
.hero2{position:relative;left:10px;bottom:0;z-index:2}
.paper{
border-color:transparent;border-style:solid;border-width:28px 30px 30px 34px;border-image:url(https://x10000000.aspidanetwork.com/gpack/delusion_4.5/img/components/Box/default_paper.png) 28 30 30 34 fill stretch
}
.paper2{
border-color:transparent;border-style:solid;border-width:28px 30px 30px 34px;border-image:url(/Design/Images/02/error_paper2.png) 28 30 30 34 fill stretch
}




.left{text-align: left;}
.center{text-align: center;}
.inline{display:inline;}
#Captext {display:none; color: brown; font-weight: bold;}
.SubmitButton{
	background: url(/Design/Images/01/inp.png) no-repeat;
	color: #e0c087;
	margin-top: 7px;
	border: 0px;
	width:123px;
	height:31px;
	text-align:center;


}
.bold{font-weight: bold;}
.brown{color: brown;}
a { color: #595850;  text-decoration: none; padding: 2px;}

a:hover { color: #000000; text-decoration: none;}
.power {width: 30%; height: 200px;  display: inline-block; background-size: 100% 100%; border: 1px solid black; box-shadow: 0 0 50px black inset, 0 0 10px black; }
.p_text { display: block; background: #00000090; padding: 5px; border: 1px solid black;  color: #fff;}
.p_textBottom { display: block; background: #00000090; padding: 5px; border: 1px solid black;top: 115px; position:absolute; width: 122px; left: 0px;}
.Hlink,.Ilink,.new,.unread {
	color: #000000;
	padding: 8px;
        font-size: 12px;
        background-color: #E9E5D2;
	display:block;
}
.Ilink {
        background-color: #DED6B7;
}
.new {
        background-color: #BDDFA9;
}

.Dash {  	
	border: 1px dashed black;
}
.unread {  	
        background-color: #ECC3C3;
}
.top1{margin-top: -1px;}
.pad10 {padding: 10px;}
.col-container, .bcol {
  display: table;
  width: 100%;
 word-wrap: break-word;
}

.col {
  display: table-cell;
  padding: 3px;

}


a.col:hover{background: #E0D6AA;}

	.naujienos_pranesimas {
    padding: 2px 5px;
    font-size: small;
    background-color: #fff5cb;
    border: 1px solid #111;
    border-radius: 5px;

}

.Rel {position:relative;}
.MedalDc{top:30%;left: 33%; position:absolute; color: gold;}
.SelectLeft{display:inline-block;background-color: #CBBC7B;border-radius:5px 0px 0px 5px; border-right:0px;}
.SelectLeft:hover{background-color: #BEAF6C;}

.SelectRight{display:inline-block;border-left:0px;border-radius:0px 5px 5px 0px;  margin-right:3px;}
.SelectRight:hover{background-color: #E8DEB0;}

.SelectedOP1 {border: 2px solid green; border-right: 0px;}
.SelectedOP2 {border: 2px solid green; border-left: 0px;}
.Pagination {
  padding: 5px;
  text-align: center;
}



.Pagination-block-out {
  color: #000;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #ffa200;
  border-radius: 3px;
}



.Pagination-block {
  color: #000;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #252e35;
  border-radius: 3px;
background: #eadfb0;
}



.Pagination-block:hover, .Pagination-block:active {
  background: #C1B684;
  border: 1px solid #252e35;
  color: #000;
}
.Pagination-active {
background: #C2B684;
}