/*/*/**/*/*/@charset "utf-8";

/*Проценты будут работать, если поставить блоку свойство position: absolute и спозиционировать его в левом-верхнем углу родителя (у которого сделать position:relative):*/

@font-face{

font-family: 'Oswald-Light';

src: url('/css/fonts/Oswald-Light.ttf');

}

/*@font-face{

font-family: 'YanoneKaffeesatz-SemiBold';

src: url('/css/fonts/YanoneKaffeesatz-SemiBold.ttf');

}*/

@font-face{

font-family: 'Exo2-Bold';

src: url('/css/fonts/Exo2-Bold.ttf');

}


@font-face{

font-family: 'PoiretOne-Regular';

src: url('/css/fonts/PoiretOne-Regular.ttf');

}

@font-face{

font-family: 'RobotoCondensed-Regular';

src: url(' fonts/RobotoCondensed-Regular.ttf');

}

/*@font-face{

font-family: 'Exo2-Medium';

src: url('/css/fonts/Exo2-Medium.ttf');

}*/

@font-face{

font-family: 'Orbitron-Black';

src: url('/css/fonts/Orbitron-Black.ttf');

}

@font-face{

font-family: 'RobotoCondensed-light';

src: url('/css/fonts/RobotoCondensed-Light.ttf');

}

@font-face{

font-family: 'Hortensia';

src: url('/css/fonts/Hortensia.ttf');

}


body{

	margin:0;

	background-color: #3B4656;
   /* background-image: url( "../snow/img_snow/plant0.jpg");*/
	
	
 /*  background-repeat: no-repeat;*/
  /*background-position: center center;*/
 /* -webkit-background-size: cover;*/
  /*background-size: cover;*/
 /* background-attachment: fixed;*/
background-image: url("../images/bg-checker-bl.png");


}
html, body {height:100%;}

#top-header{

position:relative;

text-align:left;

width:100%;

height:350px;

float:left;

display:block;

background-color:#0A0A0A;

background-image: url(/images/header_img/blueHeader2.jpg);

background-repeat:repeat-x;

background-size:contain;

}



#head-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #12B1FF;
	opacity: 0.0;
	z-index: 1;
}

#top-header img	{

	position:absolute;

	right: 20px;

	top: 10px;

	width:237px;

	height:auto;

	z-index:2;

	display:none;

	}

#hd-inf {
	position: absolute;
	left: 50%;
	top: 330px;
	text-align: center;
	z-index: 3;
	font-family: Oswald-Light, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 28px;
	color: #DFDFDF99;
	text-shadow: 2px 4px 3px #000000;
	transform: translateX(-50%) translateY(-50%);
	transition: all .4s linear;
}
#hd-inf:hover{
	cursor: e-resize;
	color:#e6e348;
}


#adress {
	position: absolute;
	left: 9.1%;
	top: 12px;
	z-index: 8;
	 font-family: 'RobotoCondensed-Regular'; 
	font-size: 20px;
	color: #C6C6C6;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	text-shadow: 2px 4px 3px #000000;
}

#adress{
	color: #CCC;
}


.swap_text {
	position: absolute;
	left: 50%;
	top: 27px;
	z-index: 8;
	font-family: YanoneKaffeesatz-SemiBold;
	font-size: 35px;
	color: #FFF449;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	text-shadow: 2px 4px 3px #000000;
}
#weblink {

	position: absolute;

	top: 118px;

	right: -100px;

	opacity: 1;

	visibility: visible;

	font-family: Orbitron-Black, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

	font-size: 30px;

	font-weight: 400;

	z-index: 6;

    color: #56C28DB3;

	 text-shadow: 1px 5px 3px #090909; 

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	-o-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg);

	/* background-color: #43a251; */

}

#weblink{
	color:#F00;
}

.dvd {
	width: 100%;
	height: 5px;
	background-color: #ff2020;
	float: left;
}

/*nav {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #142336;
	font-family: "RobotoCondensed-Regular";
}*/
/*nav .menu {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	/* background: #110f0f; */
	/* display: none; */
	/*display: flex;
	background: #142336;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
}*/
  

/*nav .menu li{

    text-align:center;

  border-right: 1px solid rgba(153, 153, 153, 0.4);

 
	flex:auto;

  border-bottom: none;
	position: relative;
	max-width: 200px;

  }
*/
  

  /*nav .menu li:last-child{

  border:none;

  }
*/
  

 /* nav a {
	color: rgba(235,235,235,0.47);
	text-decoration: none;
	line-height: 3;
	display: block;
	padding-left: 0;
	font-size: 1em;
	outline: none;
	transition: background-color 0.4s;
 position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
  z-index: 1;
}*/

/*nav a::after {
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 1.25rem;
	left: 1.25rem;
	background-color: #566b83;
	-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	z-index: -1;
}*/

/*nav a:hover {
  color: #EBEBEB;
}
nav a:hover:after {
  right: 0;
  left: 0;
  height: 100%;
}*/
/*nav .menu .m-submenu li {
	list-style: none;
	background-color: #142336;
	border-right: none;
	text-align: center;
}*/

/*nav .menu .m-submenu li a {
	color:rgba(235,235,235,0.47);;
	width: 100%;
}
nav .menu .m-submenu li a:hover{
	 color: #EBEBEB;
	
}*/


  

  #toggle-menu{

  background: #142336;

  line-height:2.5;

  color: #b7b7b7;

  padding-left:1em;

  font-size:1em;

  cursor:pointer;

  display:none;
	  
	  border-bottom: dashed 1px #fff;

  }	

  nav #toggle-menu i{

  margin-right:.5em;

  }



/*nav .menu .m-submenu {
	position: absolute;
	left: 0px;
	width: 100%;
	padding-left: 18px;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0px 21px 21px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 21px 21px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 21px 21px 5px rgba(0, 0, 0, 0.89);
	margin-left:0 !important;
	padding: 0 !important;
	z-index: 100;
}*/


/*nav .menu .m-submenu li{

text-align:center;

list-style: none;

background-color:#566880;

border-right:none;

border-bottom:solid 1px #f6f6f61a;

}
*/

/*nav .menu > li:hover .m-submenu {

 -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -ms-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

  opacity: 1;

  visibility: visible;

}
*/
.page-active{

	background-color:#256757;

}	

.last-wrap {
	position: absolute;
	left: 0px;
	top: 335px;
	width: 250px;
	height: 300px;
	background-color: #2D333F;
	z-index: 500;
}
#rdk-sales {
	border: solid 2px #5c697b;
	height: 0;
	width: 100%;
	margin-top: 20px;
}
.footer{
    
background-color:#00000080;

min-height:40px;

width:100%;

float:left;

color:#E1E1E1;

/*margin-top:10px*/;

text-align:center;

padding-bottom:8px;

}

.ft-info {
	font-family: "RobotoCondensed-light", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
	color: #DDCEB9;
	width: 75%;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
.ft-info a {
	font-family: 'Exo2-Medium';
	text-decoration: none;
	color: #ffc75b;
	display: block;
	padding: 4px 10px;
	/* background-color: #566B83; */
   border:solid 1px #ffc75b;
	font-size: 16px;
	-webkit-transition: background 0.2s linear;
	border-radius: 5px;
}
.ft-info a:hover{
 background-color: #034086; 
}

.follow {
	display: block;
	padding-left: 28px;
	background-color: #0A50CB;
	text-decoration: none;
	outline: none;
	color: #FFF;
	line-height: 50px;
	padding-right: 28px;
	height: 100px;
	font-size: 22px;
	-webkit-box-shadow: 0px 4px 8px 2px rgba(34, 60, 80, 0.5);
-moz-box-shadow: 0px 4px 8px 2px rgba(34, 60, 80, 0.5);
box-shadow: 0px 4px 8px 2px rgba(34, 60, 80, 0.5);
transition: all .1s linear;
background-image: url( "../slick/childs/runer.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center 35px;

}

.follow:hover{
	/*background-color: #DD1212;*/
	margin-top:8px;
}

.emblem {
	position: absolute;
	height: 80px;
	left: 170px;
	top: 38px;
}
/*.scroll-content {
	display: flex;
background-image: url("../slick/clipart/bkgGain-main_col.jpg");
	align-items: center;
    background-size:100% 80%;	
	background-position: center center;
    justify-content: flex-start;
    position: relative;
}
*/

/*------------------------------------------------------------------------------------------------------------------------*/

.link-click {
	/* width: 50%; */
	height: 40px;
	font-family: RobotoCondensed-light;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #6BA5FF;
	padding-right: 26px;
}
.progress {
	height: 30px;
	position: absolute;
	border-radius: 5px;
	/* box-shadow: 2px 0 2px #555; */
	/* background-color: #ff6431; */
	background: rgb(61, 110, 91);
	background: -moz-linear-gradient(top, rgba(61, 110, 91,1) 0%, rgba(12, 96, 84,1) 100%);
	background: -webkit-linear-gradient(top, rgba(61, 110, 91,1) 0%,rgba(12, 96, 84,1) 100%);
	background: linear-gradient(to bottom, rgb(68, 117, 232) 0%,rgb(12, 65, 96) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7936', endColorstr='#4b8d50',GradientType=0 );
}