@font-face {
	font-family: 'CustomTOR';
	src: url('./CustomTOR.eot');
	src: local('CustomTOR'), url('./CustomTOR.woff') format('woff'), url('./CustomTOR.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_2792">Text with this font applied</p> */
.fontsforweb_fontid_2792 {
	font-family: 'CustomTOR' !important;
}
@viewport {
    width: 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}

/*low res*/

  @media (min-width: 300px) {
body{
background:url('../images/background1_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
  font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
container {
      width: 750px; }
#branding {
  padding-bottom:0px;
  margin-top:0px;
  margin-left:0px;
	position: relative;
	z-index: 100;
 }
.container {
      width: 750px; }
#branding {
  padding-bottom:0px;
  margin-top:0px;
  margin-left:0px;
	position: relative;
	z-index: 100;
 }
body#forum{
	background:url('../images/forumfon.jpg') top center, url('../images/background-wow-repeat.jpg') center;
	background-repeat: no-repeat, repeat-y;
	  background-color: #000;
	  color: #fff;
	  font-family: Arial;
	  overflow-y: scroll;
	overflow-x: hidden;
	margin: 0;
	}
body#ideology{
background:url('../images/background2_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
  font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#members{
background:url('../images/background3_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#faq{
background:url('../images/background4_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#gallery{
background:url('../images/background5_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#structure_and_rules{
background:url('../images/background6_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#members_profile{
background:url('../images/background7_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#history{
background:url('../images/History-page_back_small.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}

.white{
color:#fff;
padding-left:5px;
padding-right:5px;
text-align:center;
font-family: Arial;
font-weight:400;
font-size: 16px;
line-height: 25px;
}

.white1{
color: #fff;
margin-top: -20px;
padding-left: 0px;
padding-right: 0px;
font-weight: 400;
text-align: left;
font-family: Arial;
width: 420px;
float: left;
text-decoration: none;
font-size: 15px;
line-height: 23px;
}

.white2 {
    color: #fff;
	margin-top: -20px;
	padding-left: 85px;
    padding-right:0px;
    text-align: center;
	font-family: Arial;
    font-weight: 400;
    text-align: left;
    width: 420px;
    float: left;
	text-decoration: none;
	font-size: 15px;
	line-height: 23px;
}

}

/*high res*/
  @media (min-width: 1400px) {
body{
background:url('../images/background1.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#ideology{
background:url('../images/background2.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#members{
background:url('../images/background3.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#faq{
background:url('../images/background4.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#gallery{
background:url('../images/background5.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#structure_and_rules{
background:url('../images/background6.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#members_profile{
background:url('../images/background7.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}
body#history{
background:url('../images/History-page_back.jpg')  no-repeat top center;
  background-color: #000;
  color: #fff;
    font-family: Arial;
  overflow-y: scroll;
overflow-x: hidden;
margin: 0;
}

.white{
color:#fff;
padding-left:5px;
padding-right:5px;
text-align:center;
font-family: Arial;
font-weight:400;
font-size: 18px;
line-height: 25px;
}

.white1{
color: #fff;
margin-top: -20px;
padding-left: 0px;
padding-right: 0px;
font-weight: 400;
text-align: left;
font-family: Arial;
width: 420px;
float: left;
text-decoration: none;
font-size: 17px;
line-height: 23px;
}

 .white2{
color:#fff;
margin-top: -20px;
padding-left:75px;
padding-right:0px;
font-weight:400;
text-align:left;
font-family: Arial;
width:420px;
float:right;
text-decoration: none;
font-size: 17px;
line-height: 23px;
}

}

.big_kryg{
background:url('../images/big_kryg1.png')  no-repeat top center;
background-size:100%;
height: 150%;
background-position-y: 40px;
}
.container, .container_krag {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  *zoom: 1; }

.fullwidth-block {
padding:0px 0;

  }

  .fullwidth-block_ideology1 {
background:url('../images/alliance-shine-down.png') no-repeat top center;
padding:180px 0px 0px 0px;
margin-top:1px;
  }
  .fullwidth-block_ideology2 {
background:url('../images/horde-shine-down.png') no-repeat top center;
padding:20px 0;
margin-top:40px;
  }
.fullwidth-block1 {
border-top:1px solid #daa521;
margin-top:250px;
 background-color: rgba(0, 0, 0, 0.7);
  }
.colophon {
    color:#ded69f;
    padding-top:20px;
    padding-bottom:20px;
    clear: both;
	font-family: Times New Roman;
	text-align:center;
	font-size:16px;
	font-weight: 400;
 }
.rectangle_big{
background-color: rgba(0, 0, 0, 0.4);
width:100%;
height:auto;
margin-top:-32px;
outline: 1px solid #daa521;
outline-offset: -2px;
-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
}
.rectangle_structure1{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -15px 5px;
width:100%;
height:270px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
}
.rectangle_structure2{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -285px 5px;
width:100%;
height:270px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
}
.rectangle_structure3{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -15px -265px;
width:100%;
height:300px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
}
.rectangle_structure4{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -15px -540px;
width:100%;
height:270px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
margin-top: 30px;
}
.rectangle_structure5{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -285px -545px;
width:100%;
height:270px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
margin-top: 30px;
}
.rectangle_structure6{
background-color: rgba(0, 0, 0, 0.6);
background-image: url('../images/krag_structure.png');
background-position: -620px 15px;
width:100%;
height:855px;
outline: 1px solid #daa521;
outline-offset: -2px;
cursor:pointer;
}

.rectangle:hover .rectangle_back{
transition: background 0.5s linear;
background: radial-gradient(100% 120px at top,rgba(232, 202, 0, 0.4), rgba(134, 104, 26, 0.1) , rgba(0, 0, 0, 0));
}
.rectangle_back{
transition: background 0.5s linear;

top:30px;
}
.first_letter::first-letter {
    font-size: 300%;
}
.gold{
color:#daa521;
text-align:center;
padding-top:8px;
text-transform:uppercase;
font-family: 'CustomTOR';
font-weight:300;
font-size: 2em;
-webkit-margin-before: 0.7em;
-webkit-margin-after: 0.7em;
}
.gold_faq{
color:#daa521;
text-align:center;
padding-top:8px;
text-transform:uppercase;
text-shadow:1px 1px 4px rgba(0,0,0,1);
font-family: 'Arial';
font-weight:300;
font-size: 1.3em;
-webkit-margin-before: 0.7em;
-webkit-margin-after: 0.7em;
}
.gold_structure{
    color: #daa521;
    font-size:20px;
	font-weight:400;
	text-align:center;
    padding-top:10px;
    border-radius: 3px;
    box-sizing:content-box;
}
.gold_member_profile{
color:#daa521;
text-align:center;
padding-top:0px;
text-transform:uppercase;
font-family: 'CustomTOR';
font-weight:300;
}
.white1_member_profile{
color:#fff;
text-align:center;
font-weight:400;
text-align:left;
float:left;
text-decoration: none;
line-height: 17px;
}
.white_big_ideology{
font-size:35px;
color:#fff;
text-align:center;
line-height: 28px;
text-shadow:0px 0px 4px rgba(0,0,0,1);
text-transform:uppercase;
font-family: 'CustomTOR';
font-weight:300;
background: radial-gradient(80% 70px at bottom,rgba(232, 202, 0, 0.5), rgba(134, 104, 26, 0) , rgba(0, 0, 0, 0));
}

h8{
font-size: 25px;
}
.white_history{
color:#fff;
margin-right: auto;
margin-left: auto;
padding: 15px;
width:500px;
text-align:center;
font-weight:400;
font-size: 30px;
line-height: 30px;
position: absolute;
margin-top: 450px;
margin-left:220px;
background:rgba(0,0,0,0.7);
}

.white_structure{
color:#fff;
padding-left:5px;
padding-right:5px;
text-align:center;
font-weight:400;
padding:50px 30px 0px 30px;
font-size: 17px;
line-height: 22px;
}
.white_center{
color:#fff;
padding-left:180px;
padding-right:180px;
text-align:left;
font-weight:400;
padding-top:20px;
line-height: 28px;
font-size: 16px;
}
li{
list-style: none;
}

.star{
    background-image:url('../images/triangle.png');
    background-repeat: no-repeat;
    background-position:145px 22px;
}


.white1_answers{
color: #fff;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
font-weight: 400;
text-align: left;
width: 420px;
float: left;
text-shadow:1px 1px 4px rgba(0,0,0,1);
font-size: 17px;
line-height: 25px;
}

.white1_faq{
color:#fff;
padding-left:0px;
padding-right:80px;
text-align:center;
font-weight:400;
text-align:left;
float:left;
text-decoration: none;
line-height:23px;
font-size:16px;
}
.white1_faq:hover{
color:#daa521;
}

.normal_link{
color:#daa520;
padding-left:0px;
padding-right:80px;
text-align:center;
font-weight:400;
text-align:left;
float:left;
text-decoration: none;
line-height:23px;
font-size:16px;
}
.normal_link:hover{
color:#ded69f;
}

.white_big{
color:#fff;
margin-top: 25px;
padding-left:0px;
padding-right:50px;
text-align:center;
text-align:left;
text-transform:uppercase;
font-size:47px;
font-family: 'CustomTOR';
font-weight:300;
}
.white_big_structure{
text-shadow:1px 1px 4px rgba(0,0,0,1);
color:#fff;
padding-left:0px;
text-align:center;
text-transform:uppercase;
font-size:30px;
font-family: 'CustomTOR';
font-weight:300;
}
.white_big_membername{
color:#fff;
padding-left: 80px;
padding-right: 80px;
text-align:center;
font-size:38px;
font-weight:400;
position:absolute;
margin-top:350px;
background:linear-gradient(90deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.gold_membername{
color:#daa521;
padding-left: 150px;
padding-right: 150px;
text-align:center;
font-size:20px;
font-weight:400;
position:absolute;
margin-top:397px;
background:linear-gradient(90deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));
}


    @media (min-width: 320px) {
  .fullwidth-block_ideology {
background:url('../images/alliance-shine-up.png') no-repeat top center;
padding:76px 0px 65px 0px;
margin-top: 263px;
  }
#rectangle_slider_height{
height:405px;
padding-left: 65px;
padding-right: 15px;
}
#structure_devisions_height{
height: 406px;
}
#index_themed_height{
height:1062px;
}
	  .menu_simple{
height:220px;
margin-left: 30px;
margin-top: -10px;
}
	    #branding .logo1 {
    margin-right:0px;
	margin-top: -10px;
    width: 100%;
}
	.col-md-15 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	width:50%;
}
.buttons{
background: url('../images/a_center.png')no-repeat;
background-size: 100% 100%;
height: 55px;
float: left;
}
.arrow{
background: url('../images/a09.png')no-repeat;
background-position: -25px -30px;
width:110px;
height:55px;
float: left;
cursor:pointer;
transition: all 0.25s linear;
}
.arrow:hover{
background: url('../images/a010.png')no-repeat;
background-position: -25px -30px;
width:110px;
height:55px;
float: left;
cursor:pointer;
transition: all 0.25s linear;
}
.arrow_text{
width: 131px;
float: left;

}

    .container {
      width: 750px; }
#branding {
  padding-bottom:0px;
  margin-top:0px;
  margin-left:0px;
 }

   #branding .footer {
    margin-top: 0px;
	width:550px;
}
   #branding .footer1 {
    margin-top: 0px;
	width:550px;
}
   #branding .member_profile {
    margin-top: 0px;
	width:100%;
}


 .white2_answers {
    color: #fff;
	margin-top: 0px;
	padding-left: 50px;
    padding-right:0px;
    text-align: center;
    font-weight: 400;
    text-align: left;
    width: 420px;
    float: left;
	text-shadow:1px 1px 4px rgba(0,0,0,1);
	font-size: 17px;
	line-height: 25px;
}

 .white2_faq {
    color: #fff;
	padding-left:50px;
padding-right:0px;
    text-align: center;
    font-weight: 400;
    text-align: left;
    width: 350px;
    float: left;
	text-decoration: none;
	line-height:23px;
}
.white2_faq:hover{
color:#daa521;
}
.gold_big_right {
    color: #daa521;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'CustomTOR';
    font-weight: 300;
    float: right;
}
.gold_big {
    color: #daa521;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'CustomTOR';
    font-weight: 300;
}
.white_right {
    color: #fff;
    padding-left: 20px;
    text-align: center;
    font-weight: 400;
    text-align: center;
    width: 360px;
    float: right;
    line-height: 30px;
}
#col_margin{
margin-top:0px;
margin-left:12px;
}
#single-max:after {
    content: "";
    display: block;
    position: relative;
    left: -2%;
    bottom: 100px;
    height: 70%;
    border-left: 1px solid #daa521;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
  *zoom: 1; }
  .row:after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    height: 0; }
.row1 {
  margin-left: 0px;
  margin-right: 0px;
  *zoom: 1; }
  .row1:after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    height: 0; }
.logo{
    width: 74px;
    margin-left: 213px;
    margin-top: 39px;
}
.link1{
width:500px;
margin-left:280px;
margin-top:0px;
}
.link2{
width:500px;
margin-left:19px;
margin-top:31px;
}
.link3{
width:500px;
margin-left:485px;
margin-top:24px;
}
.link4{
width:500px;
margin-top:69px;
margin-left:-77px;
}
.link5{
width:500px;
margin-left:500px;
margin-top:75px;
}
.link6{
width:500px;
margin-left:19px;
margin-top:126px;
}
.link7{
width:500px;
margin-top:124px;
margin-left:456px;
}
.link8{
width:500px;
margin-left:280px;
margin-top:150px;
}

.col-md-1 {
  float: left;
  margin-right:10px;
  width: 100%;
}
.col-md-1 img{
width:100%;
}
.col-md-2 {
  float: left;
  width: 100%;
}
.col-md-2 img{
width:100%;
}
.col-md-3 {
  float: left;
  width: 100%;
}
.col-md-4 {
  float: left;
  width: 50%;
}
.col-md-5 {
  float: left;
  width: 100%;
}
.col-md-6, .col-md-6 img  {
  float: left;
  width: 100%;
}
.col-md-7 {
  float: left;
  width: 100%;
}
.col-md-8 {
  float: left;
  width: 18.5%;
}
.col-md-10 {
  float: left;
  width: 46%;
  margin-bottom:18px;
  height:270px;
}
.col-md-10 img{
  float: left;
  width: 100%;
}
.col-md-11 {
  float: right;
  width: 46%;
  margin-bottom: 18px;
  height:283px;
}
.col-md-11 img{
  float: right;
  width: 100%;
}
.col-md-12 {
  float:left;
  width:28%;
}
.col-md-13 {
  float:left;
  width:8%;
}
.col-md-14 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	width:56%;
}

.col-md-16 {
  float:left;
  width:32%;
}
.col-md-17 {
  float:left;
  width:38%;
}
.col-md-4_structure {
  float: left;
  width: 46%;
}
.col-md-3_structure {
  float: left;
  width: 90%;
  margin-top: 15px;
}
.col-md-2_structure{
  float: left;
  width: 57%;
}
.cols_rank_box{
  background:url('../images/rank-box.png')no-repeat;
  background-size:100%;
  height:400px;
}

	  }
  @media (min-width: 400px) {

    .container {
      width: 992px; }
#branding {
  padding-bottom:0px;
  margin-top:0px;
  margin-left:0px;
 }
 .white_structure_rules{
color:#fff;
padding:0px 15px 15px 15px;
text-align:left;
font-weight:400;
font-size: 17px;
line-height: 19px;
}
 #branding_member_profile {
 background:url('../images/Member_profile_background.png') no-repeat;
 background-size: 100%;
 height:550px;
 margin-top: 40px;
 }
 .white_right_ideology {
    color: #fff;
    text-align: center;
	font-family: Times New Roman;
    font-weight: 400;
    text-align: center;
    width: 500px;
    float: right;
    line-height: 25px;
	padding-right:0px;
}
.white_left_ideology {
    color: #fff;
    text-align: center;
	font-family: Timew New Roman;
    font-weight: 400;
    text-align: center;
    width: 500px;
    float: right;
    line-height: 25px;
	padding-right:0px;
}



 .white2_faq{
    color: #fff;
	padding-left:50px;
padding-right:0px;
    text-align: center;
    font-weight: 400;
    text-align: left;
    width: 350px;
    float: left;
	text-decoration: none;
line-height:23px;
	}
.gold_big_right {
    color: #daa521;
    padding-left: 50px;
    padding-right:60px;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'CustomTOR';
    font-weight: 300;
    float: left;
}
.gold_big_left{
color: #daa521;
padding-left: 0px;
padding-right:0px;
text-align: center;
text-transform: uppercase;
font-size: 45px;
font-family: 'CustomTOR';
font-weight:300;
float:right;
}
.white_right {
    color: #fff;
    padding-left: 20px;
    text-align: center;
    font-weight: 400;
    text-align: center;
    width: 360px;
    float: left;
    line-height: 30px;
    font-size: 17px;
}
#col_margin{
margin-top:-4px;
margin-left:0px;
}
.rectangle{
transition: background-color 0.3s linear;
transition: outline 0.3s linear;
background-color: rgba(0, 0, 0, 0.4);
width:100%;
height:135px;
outline: 1px solid rgba(0,0,0,0);
outline-offset: -2px;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}
 .rectangle:hover{
transition: background-color 0.3s linear;
transition: outline 0.3s linear;
background-color: rgba(0, 0, 0, 0.6);
width:100%;
height:135px;
outline: 1px solid #daa521;
outline-offset: -2px;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
cursor:pointer;
}
#single-max:after {
    content: "";
    display: block;
    position: relative;
    left: 20%;
    bottom:-8px;
    width: 60%;
	height:0px;
    border-top: 1px solid #daa521;
	border-left: 0px solid #daa521;
}
#single-max1:after {
    content: "";
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    border-top: 1px solid #000;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0), #eeeeee ,rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0), #eeeeee, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0), #eeeeee, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0), #eeeeee , rgba(0, 0, 0, 0)); /* Standard syntax (must be last) */
    height: 2px;
}
#single-max_membername:after {
    content: "";
    display: block;
    position: relative;
    right: 30px;
    top: -46px;
    width: 122%;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0));/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* Standard syntax (must be last) */
    height: 2px;
}
#single-max_membername1:after {
    content: "";
    display: block;
    position: relative;
    right: 20px;
    top: 1px;
    width: 122%;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0));/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* Standard syntax (must be last) */
    height: 2px;
}
#single-max_slide:after {
    content: "";
    display: block;
    position: relative;
    right: 40px;
    top: 0px;
    width: 122%;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0));/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* Standard syntax (must be last) */
    height: 1px;
}
#single-max_slide1:after {
    content: "";
    display: block;
    position: relative;
    right: 10px;
    top: 0px;
    width: 125%;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0));/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0), #d8a421 , #d8a421, #d8a421, rgba(0, 0, 0, 0)); /* Standard syntax (must be last) */
    height: 1px;
}

   #branding .footer {
    margin-right:0px;
    margin-top:0px;
	width:550px;
}
   #branding .footer1 {
    margin-right:0px;
    margin-top: 0px;
	width:550px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
  *zoom: 1; }


.col-md-1 {
  float: left;
  margin-right:10px;
  width: 40%;
}
.col-md-1 img{
width:100%;
}
.col-md-2 {
  float: left;
  width: 55%;
}
.col-md-2 img{
width:100%;
}
.col-md-3 {
  float: left;
  width: 100%;
}
.col-md-4 {
  float: left;
  width: 50%;
}
.col-md-5 {
  float:right;
  width: 60%;
}
.col-md-7 {
  float:left;
  width: 60%;
}
.col-md-9 {
  float:left;
  width: 20%;
}
.one_col {
  float:left;
  width:100%;
  margin:0px 0px 0px 35px;
}
.two_col {
  float:left;
  width:100%;
  margin:50px 0px 0px 0px;
}
.three_col {
  float:left;
  width:100%;
  margin:18px 0px 0px 40px;
}
.four_col {
  float:left;
  width:100%;
  margin:0px 0px 0px 10px;
}
.five_col {
  float:left;
  width:100%;
  margin:25px 0px 0px 35px;
}
.six_col {
  float:left;
  width:100%;
  margin:25px 0px 0px 0px;
}
#example-one {
color:#000;
border-radius: 50%;
border: 2px solid #daa520;
width:45px;
height:45px;
-webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:0px;
margin-left:43%;
}

#example-two {
   color:#000;
   border-radius: 50%;
   border: 1px solid #daa520;
   width:22px;
   height:22px;
   -webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:-35px;
margin-left:50%;
}
#example-three {
   color:#000;
   border-radius: 50%;
   border: 1px solid #daa520;
   width:15px;
   height:15px;
   -webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:-9px;
margin-left:37.7%;
}
.gradient1{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:-18px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image:
linear-gradient(to right, rgba(0, 0, 0, 0), #daa520 49.8%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)55.3%, #daa520 45%,#daa520 58.5%, rgba(0, 0, 0, 0) 58.5%,rgba(0, 0, 0, 0) 61%,#daa520 35%, rgba(0, 0, 0, 0)) 100% 0;
width:80%;
margin-left:34px;
}

.gradient3{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:7px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image:
linear-gradient(to right, rgba(0, 0, 0, 0), #daa520 51.4%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)53.7%, #daa520 45%, rgba(0, 0, 0, 0)) 100% 0;
width:80%;
margin-left:34px;
}

.gradient2{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:8px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to right, rgba(0, 0, 0, 0),#daa520 42%, rgba(0, 0, 0, 0) 42%,rgba(0, 0, 0, 0) 43.5%,#daa520 43.5%, #daa520 48.4%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)52.4%, #daa520 45%, rgba(0, 0, 0, 0)) 100% 0;
width: 90%;
}
	  }
  @media (min-width: 1400px) {
    .fullwidth-block_ideology {
background:url('../images/alliance-shine-up.png') no-repeat top center;
padding:76px 0px 65px 0px;
margin-top: 88px;
  }
 #rectangle_slider_height{
height:438px;
padding-left: 15px;
padding-right: 15px;
}
#index_themed_height{
height:890px;
}
#structure_devisions_height{
height:232px;
}
  	    #branding .logo1 {
    margin-right:0px;
	margin-top:0px;
    width: 100%;
}
 .col-md-15 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	width:72%;
}
  .row1 {
  margin-left: 20px;
  margin-right: 20px;
  *zoom: 1; }
  .menu_simple{
height:280px;
margin-left: 50px;
margin-top: 0px;
}
    .container {
      width: 1024px; }
    .container_krag {
      width: 1290px; }
#branding {
  padding-bottom:0px;
  margin-top:0px;
  margin-left:0px;
 }
.white_structure_rules{
color:#fff;
padding:0px 15px 15px 15px;
text-align:left;
font-weight:400;
font-size: 17px;
line-height: 19px;
}
 .white2_faq{
color:#fff;
padding-left:90px;
padding-right:0px;
text-align:center;
font-weight:400;
text-align:left;
float:left;
text-decoration: none;
line-height:23px;
font-size:16px;
}
.gold_big_right{
color: #daa521;
padding-left: 0px;
padding-right:0px;
text-align: center;
text-transform: uppercase;
font-size: 45px;
font-family: 'CustomTOR';
font-weight:300;
float:right;
}
.gold_big_left{
color: #daa521;
padding-left: 0px;
padding-right:0px;
text-align: center;
text-transform: uppercase;
font-size: 45px;
font-family: 'CustomTOR';
font-weight:300;
float:right;
}
.white_right{
color: #fff;
padding-right: 20px;
font-weight: 400;
text-align: center;
width: 420px;
float: right;
line-height: 30px;
font-size: 17px;
}
.white_right_ideology {
    color: #fff;
    text-align: center;
    font-weight: 400;
    text-align: center;
    width: 500px;
    float: right;
    line-height: 25px;
	padding-right: 50px;
}
.white_left_ideology {
    color: #fff;
    text-align: center;
    font-weight: 400;
    text-align: center;
    width: 500px;
    float: right;
    line-height: 25px;
	padding-right:25px;
}
#single-max:after {
    content: "";
    display: block;
    position: relative;
    left: 20%;
    bottom: -8px;
    height: 0px;
    width: 60%;
    border-top: 1px solid #daa521;
	border-left: 0px solid #daa521;
}
   #branding .footer {
    margin-right:0px;
    margin-top: 0px;
	width:550px;
}
.rectangle{
transition: background-color 0.3s linear;
transition: outline 0.3s linear;
background-color: rgba(0, 0, 0, 0.4);
width:100%;
height:155px;
outline: 1px solid rgba(0,0,0,0);
outline-offset: -2px;
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}
 .rectangle:hover{
transition: background-color 0.3s linear;
transition: outline 0.3s linear;
background-color: rgba(0, 0, 0, 0.6);
width:100%;
height:155px;
outline: 1px solid #daa521;
outline-offset: -2px;
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
cursor:pointer;
}
.row {
  margin-left:0px;
  margin-right:0px;
  *zoom: 1; }

.logo{
    width: 80px;
    margin-left: 211px;
    margin-top: 46px;
}
.link1{
width:600px;
margin-left:240px;
margin-top:0px;
}
.link2{
width: 600px;
margin-left: -70px;
margin-top: 36px;
}
.link3{
width: 600px;
margin-left: 485px;
margin-top: 26px;
}
.link4{
width:600px;
margin-top:78px;
margin-left:-184px;
}
.link5{
width:600px;
margin-left:505px;
margin-top:84px;
}
.link6{
width:600px;
margin-left:-70px;
margin-top:143px;
}
.link7{
width:600px;
margin-top:140px;
margin-left:450px;
}
.link8{
width:600px;
margin-left:240px;
margin-top:170px;
}

 .col-md-1 {
  float: left;
  margin-right:10px;
  width: 40%;
}
.col-md-1 img{
width:100%;
}
.col-md-2 {
  float: left;
  width: 59%;
}
.col-md-2 img{
width:100%;
}

.col-md-3 {
  float: left;
  width: 100%;
}
.col-md-10 {
  float: left;
  width: 43%;
  margin-bottom:18px;
}
.col-md-11 {
  float: right;
  width: 43%;
  margin-bottom: 18px;
}
.col-md-13 {
  float:left;
  width:14%;
}
#example-one {
color:#000;
border-radius: 50%;
border: 2px solid #daa520;
width:45px;
height:45px;
-webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:0px;
margin-left:48%;
}

#example-two {
   color:#000;
   border-radius: 50%;
   border: 1px solid #daa520;
   width:22px;
   height:22px;
   -webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:-35px;
margin-left:55%;
}
#example-three {
   color:#000;
   border-radius: 50%;
   border: 1px solid #daa520;
   width:15px;
   height:15px;
   -webkit-box-shadow: 0px 0px 72px -7px rgba(232,206,28,0.75);
-moz-box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
box-shadow: 0px 0px 72px -7px (232,206,28,0.75);
margin-top:-9px;
margin-left:42%;
}
.gradient1{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:-18px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image:
linear-gradient(to right, rgba(0, 0, 0, 0), #daa520 49.8%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)55.3%, #daa520 45%,#daa520 58.5%, rgba(0, 0, 0, 0) 58.5%,rgba(0, 0, 0, 0) 61%,#daa520 35%, rgba(0, 0, 0, 0)) 100% 0;
width:80%;
margin-left:85px;
}

.gradient3{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:7px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image:
linear-gradient(to right, rgba(0, 0, 0, 0), #daa520 51.4%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)53.7%, #daa520 45%, rgba(0, 0, 0, 0)) 100% 0;
width:80%;
margin-left:85px;
}

.gradient2{
 border-top:2px solid;
 border-bottom:0px solid;
 margin-top:8px;
-webkit-border-image:
-webkit-linear-gradient(left,rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(left, rgba(0, 0, 0, 0), #ffc000, #000, #ffc000, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to right, rgba(0, 0, 0, 0),#daa520 42%, rgba(0, 0, 0, 0) 42%,rgba(0, 0, 0, 0) 43.5%,#daa520 43.5%, #daa520 48.4%, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0)52.4%, #daa520 45%, rgba(0, 0, 0, 0)) 100% 0;
width: 100%;
}
}


#mySvg{
cursor:pointer;
}



.menu_simple ul {
margin: 0;
padding: 0;
list-style-type: none;
}


.menu_simple ul li a {
text-decoration: none;
color: white;
padding: 14px 11px;
text-align:center;
display:block;
font-size:15px;
}




.country1:hover, .country1.current {
  transition:all 1s ease-out;
  fill:url(#image_hover1);
  stroke-width: 1;

}
.country2:hover, .country2.current{
  fill:url(#image_hover2);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country3:hover, .country3.current{
  fill:url(#image_hover3);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country4:hover, .country4.current{
  fill:url(#image_hover4);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country5:hover, .country5.current{
  fill:url(#image_hover5);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country6:hover, .country6.current{
  fill:url(#image_hover6);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country7:hover, .country7.current{
  fill:url(#image_hover7);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country8:hover, .country8.current{
  fill:url(#image_hover8);
  stroke-width: 1;
  -webkit-transition: 1s;
}
.country1, .country2, .country3, .country4, .country5, .country6, .country7, .country8  {
  position: absolute;
  pointer-events: none;
  padding-left: 0%;
  padding-top: 5px;

}
.country1 {
transition:all 1s ease-out;
fill:url(#image1);
fill-opacity: 1;
transition: fill 1.5s ease,fill-opacity 1.5s,stroke-width 0.5s;
    -webkit-backface-visiblity: hidden;
    -webkit-transition: fill 1.5s ease,fill-opacity 1.5s,stroke-width 0.5s;
}
.country2 {
fill:url(#image2);
}
.country3 {
fill:url(#image3);
}
.country4 {
fill:url(#image4);
}
.country5 {
fill:url(#image5);
}
.country6 {
fill:url(#image6);
}
.country7 {
fill:url(#image7);
}
.country8 {
fill:url(#image8);
}
.country1 svg > *, .country2 svg > *, .country3 svg > *, .country4 svg > *, .country5 svg > *, .country6 svg > *, .country7 svg > *, .country8 svg > * {
  pointer-events: visible;
  cursor:pointer;

}



a {
  color: inherit;
  text-decoration: inherit;
}

a.mem:link {color:daa520; text-decoration:none;}
a#ramka:visited {color:daa520; text-decoration:none;}
a#ramka:hover {color:#8e0000; text-decoration:;}

a.mempage:link {color:daa520; text-decoration:none;}
a.mempage:visited {color:daa520; text-decoration:none;}
a.mempage:hover {color:#8e0000; text-decoration:;}





#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10, #sub11, #sub12, #sub13, #sub14,
#sub15, #sub16, #sub17, #sub18, #sub19, #sub20, #sub21, #sub22, #sub23, #sub24, #sub25, #sub26, #sub27, #sub28 {
position: absolute;
background: url('../images/Brief.png') no-repeat;
width: 100%;
height: 368px;
display: none;
z-index: 9999;
margin-top: 0px;
margin-left:0px;
}

#ramka{
 /* background:url('../images/Member-Portrait1.png') no-repeat; */
background-size: 100%;
margin-right: 14px;
margin-top: 40px;
}


#member_profile {
	display:block;
	width: 195;
	height: 134px;
	text-align: center;
	text-shadow:1px 1px 4px rgba(0,0,0,1);
	line-height: 285px;
	float: left;
	margin-right: 14px;


}

#ramka a{
color:#fff;
text-transform:uppercase;
font-family: 'Arial';
font-weight:300;

}
#ramka a:hover{
color:#daa521;
}

#popup_text{
	width: 175px;
padding-top: 40px;
padding-left: 60px;
}
.gradient {
    width: 100%;
    height: 1px;
    border: 1px solid;
    -webkit-border-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), #efe3bd ) 0 0 100%;
    -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), #efe3bd ) 0 0 100%;
    -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #efe3bd ) 0 0 100%;
    border-image: linear-gradient(right,rgba(0, 0, 0, 0), #efe3bd ) 0 0 100%;
}
@-moz-document url-prefix() {
.dfd{
opacity:1;
}
#footer_gallery{
margin-top:-8px;
}
#footer_gallery1{
margin-top:-16px;
}
.fullwidth-block_ideology1 {
    background: url('../images/alliance-shine-down.png') no-repeat top center;
    padding: 180px 0px 0px 0px;
    margin-top: -4px;
}
  @media (min-width: 300px) {
#index_themed_height{
height:1055px;
}
#structure_devisions_height{
height: 400px;
}
}
  @media (min-width: 1400px) {
#index_themed_height{
height:885px;
}
#structure_devisions_height{
height:226px;
}
}
}