.nspMainPortalMode1 { position: relative; }
.nspMainPortalMode1 .nspArts { 
overflow: hidden;	
padding: 5px;
}
.nspMainPortalMode1 .nspArt { 
overflow: hidden;	
    -webkit-box-shadow: 0 0 6px 0 #d9d8d8;
    box-shadow: 0 0 6px 0 #d9d8d8;
    width: calc(100% - 5px);
    margin-bottom: 15px;
}

.nspMainPortalMode1 .nspArt:hover {
	background: #fff;
	transition: 1s;
	
}
.nspMainPortalMode1 .nspTopInterface { float: right; margin-top: -28px; }
.nspMainPortalMode1 .nspTopInterface .nspNext,
.nspMainPortalMode1 .nspTopInterface .nspPrev { background: transparent url('modules/mod_news_pro_gk4/interface/images/nsp_portal_mode_1_interface.png') no-repeat 0 -28px; cursor: pointer; display: block; height: 14px; text-indent: -999em; width: 11px; }
.nspMainPortalMode1 .nspTopInterface .nspNext { background-position: 0 -42px; }
.nspMainPortalMode1 .nspTopInterface .nspNext:hover { background-position: 0 -14px; }
.nspMainPortalMode1 .nspTopInterface .nspPrev:hover { background-position: 0 0; }
/* basic CSS rules */
.nspMainPortalMode1 .nspArt h4.nspHeader{}
	.nspMainPortalMode1 .nspArt .nspHeader a{color: cornflowerblue;}
	.nspMainPortalMode1 .nspArt h4.nspHeader a:hover{}
.nspMainPortalMode1 .nspArt img.nspImage{border-radius: 5px;}
.nspMainPortalMode1 .nspArt p.nspText{float:none; margin: 8px;}
	.nspMainPortalMode1 .nspArt p.nspText a{}
	.nspMainPortalMode1 .nspArt p.nspText a:hover{}
.nspMainPortalMode1 .nspArt p.nspInfo{font-size:11px; color:#b3b6b7;}
	.nspMainPortalMode1 .nspArt p.nspInfo a{}
	.nspMainPortalMode1 .nspArt p.nspInfo a:hover{}
.nspMainPortalMode1 .nspArt .tleft{ text-align:left; }
.nspMainPortalMode1 .nspArt .tright{ text-align:right; }
.nspMainPortalMode1 .nspArt .tcenter{ text-align:center; }
.nspMainPortalMode1 .nspArt .tjustify{ text-align:justify; }
.nspMainPortalMode1 .nspArt .fleft{float:left;}
.nspMainPortalMode1 .nspArt .fright{float:right;}
.nspMainPortalMode1 .nspArt .fnone{ clear:both;width:100%;float:none; }
.nspMainPortalMode1 .readon_class.left,
.nspMainPortalMode1 .readon_class.right,
.nspMainPortalMode1 .readon_class.center{clear:both;}
.nspMainPortalMode1 .readon_class.left{float:left;}
.nspMainPortalMode1 .readon_class.right{float:right;}
.nspMainPortalMode1 .readon_class.center{display:inline;float:none;}
/* make element unvisible */
.nspMainPortalMode1 .unvisible{ height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
/* font-size classes */
.nspFs80{ font-size:80%; }
.nspFs90{ font-size:90%; }
.nspFs100{ font-size:100%; }
.nspFs110{ font-size:110%; }
.nspFs120{ font-size:120%; }
.nspFs130{ font-size:130%; }
.nspFs140{ font-size:140%; }
.nspFs150{ font-size:150%; }
.nspFs160{ font-size:160%; }
.nspFs170{ font-size:170%; }
.nspFs180{ font-size:180%; }
.nspFs190{ font-size:190%; }
.nspFs200{ font-size:200%; }// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {margin: 0; padding:0;}

.main_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    font-family: "Raleway", sans-serif;
}

.wrapper_back {
    background-image: url(images/w4opt.jpg);
	background-image: url(images/w4opt.webp);
	background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-size: cover;
	background-attachment: fixed;
}

.content_block {
    width: 1260px;
    display: flex;
    flex-direction: column;
   
    margin: 0 auto;
}

.servera_content_main, .middle_main_block {
     background: #ffffffe6;
}

.top_header {
    display: block;
    height: 150px;
}

.main_block {
    width: 1200px;
    display: flex;
    flex-direction: column;
}

.mainpage_column {
    width: 70%;
    display: flex;
	flex-direction: column;
}

.mainpage_sidebar {
    width: 30%;
}

.middle_main_block {
    display: flex;
    flex-direction: row;
}

.main_menu {
    background: transparent;
}

.vip_block {
    display: flex;
    justify-content: space-evenly;
}

.left_vip,
.right_vip,
.standart_left,
.standart_right 
{
    display: flex;
    flex-direction: column;
    width: calc(50% - 40px);
    padding: 0px 0px;
}

.server_vip_block {
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 0 9px 0 #BABABA;
    box-shadow: 0 0 9px 0 #BABABA;
    margin-bottom: 10px;
	border: 2px solid transparent;
}

.server_vip_block:hover {
	-webkit-box-shadow: 0 0 9px 0 #BABABA;
    box-shadow: 0px 0px 12px 5px #a3a3a3;
	transition: 1s;
}




.serv_vip_line {
    display: flex;
    flex-direction: row;
        padding: 5px 5px;
}

.serv_vip_line>div {
    display: flex;
    align-items: center;

}

.serv_line1 {
    color: #5130af;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
}

.serv_line2, .serv_line3 {
    background: #fff;
}

.serv_line3 {
    font-size: 14px;
}

.serv_line1 a {
    color: #673AB7;
    font-weight: bold;
}

.serv_logo {
    width: 50px;
}

.serv_link {
    width: 200px;
}

.serv_rates {
    width: 50px;
}

.serv_chronicle {
    width: 100px;
}

.serv_start{
    width: 100px;
}

.serv_buff {
    width: 200px;
}

.serv_donat {
    width: 200px;
}

.serv_mp {
    width: 200px;
}

.serv_buff img, .serv_mp img, .serv_donat img {
    width: 25px;
    height: 25px;
    padding-right: 5px;
}

.right_vip .serv_line1 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.standart_block {
    display: flex;
    justify-content: space-evenly;
}
.standart2
{
    flex-direction: column;
	padding: 20px 30px;
	width: calc(100% - 60px);
}

.server_standart_block {
    
}

.serv_standart_line {
    display: flex;
    flex-direction: row;
border-bottom: 1px solid #e5e5e5;
    padding: 15px 5px;
}

.serv_standart_line:hover, serv_standart_line:focus {
    background: #e5e5e5;
}

.serv_standart_line>div{
    display: flex;
    align-items: center;
}

.serv_standart_line>div a {
    color: #59518d;
    font-weight: bold;
}


.main-nav {
  background: #492681eb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}


/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #2e8cb8;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}


.vip_title, .vip_title h1 {
    font-size: 26px;
    font-weight: bold;
}

.vip_title {
    padding: 20px 0px;
}

h1, h2 {
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 0;
}

h1 {
    font-size: 26px;
    font-weight: bold;
}

h2 {
    font-size: 22px;
    font-weight: 500;
}

.standart_title {
    font-size: 22px;
    font-weight: 500;
}

.border {
list-style: none;
padding: 0;
}
.border li {
font-family: "Trebuchet MS", "Lucida Sans";
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d2250; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
font-size: 20px;
letter-spacing: 2px;
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #8bc63e50;}
.border li:nth-child(3){border-color: #fcba3050;}
.border li:nth-child(4){border-color: #1ccfc950;}
.border li:nth-child(5){border-color: #49322450;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #f05d2250;}
.border li:nth-child(2):hover {border-right: 10px solid #8bc63e50;}
.border li:nth-child(3):hover {border-right: 10px solid #fcba3050;}
.border li:nth-child(4):hover {border-right: 10px solid #1ccfc950;}
.border li:nth-child(5):hover {border-right: 10px solid #49322450;}



ul.menu {
list-style: none;
margin: 0;
}
ul.menu li {
margin: 2px 0;
position: relative;
}
ul.menu a {
width: calc(100% - 40px);
color: #808285;
text-decoration: none;
border-left: 6px solid #ABC7EA;
display: block;
padding-left: 25px;
height: 35px;
line-height: 35px;
font-size: 20px;
position: relative;
transition: 0.3s linear;
}
ul.menu a:before {
content: "";
width: 6px;
height: 70%;
background: #9e9e9e82;
position: absolute;
top: 15%;
left: -12px;
}
ul.menu li:before {
content: "";
width: 6px;
height: 40%;
background: #dfc9f3;
position: absolute;
top: 30%;
left: -12px;
}
ul.menu a:hover {background: #D4D8D9;}


.itemFullText ul {
	margin-inline-start: 30px;
}

.itemFullText li {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0px;
	list-style-type: none;
}

.catItemTitle {
	font-weight: normal;
}

.catItemTitle a {
	color: #333;
}

div.itemFullText {
	padding: 20px 20px;
	background: #fff;
}

.itemFullText table {
	
}

.itemFullText tr {
	border-bottom: 1px #C5C5C5 solid;
}

.itemFullText td {
	padding: 5px 2px;
}

.itemFullText tr:hover {
  background-color: #f5f5f5;
}

#text tr:hover {
	background: #f1f1f1;
}

.footer {
	background: #000;
	color: #fff;
	font-size: 14px;
}

.footer_wr {
	padding: 5px 20px;
}

@media screen and (max-width:1400px) {
	.wrapper_back {background-size: contain;}
}


@media screen and (min-width: 990px) and (max-width:1280px) {
	.content_block {width: calc(100% - 40px);}
	.wrapper_back {background-size: contain;}
}

@media screen and (min-width: 768px) and (max-width:989px) {
	.content_block {width: calc(100% - 40px);}
	.mainpage_column {width: 100%;}
	.mainpage_sidebar {width: calc(100% - 40px); padding: 0px 20px;}
	.middle_main_block {flex-direction: column;}
	.wrapper_back {background-size: contain;}
}

@media screen and (max-width: 768px){
	.content_block {width: calc(100% - 40px);}
		.mainpage_column {width: 100%;}
	.mainpage_sidebar {width: calc(100% - 40px); padding: 0px 20px;}
	.middle_main_block {flex-direction: column;}
	.standart_block, .vip_block {flex-direction: column;}
	.left_vip, .right_vip, .standart_left, .standart_right {
		width: calc(100% - 40px); margin: 0 auto;
	}
	.itemFullText img {
		width: 100%;
		max-width: 500px;
	}
	.wrapper_back {
		background-size: contain;
		background-image: url(images/w4opt-600.webp);
		}
	
	
}

@media screen and (max-width: 450px) {
	.content_block {width: calc(100% - 0px);}
		.left_vip, .right_vip, .standart_left, .standart_right {
		width: calc(100% - 10px); margin: 0 auto;
	}
	.standart2 {
		padding: 20px 10px;
		width: calc(100% - 20px);
	}
	
	.wrapper_back {
		background-image: url(images/w4opt-460.webp);
	}
}