@charset "utf-8";

/* CSS Document */




.content-wrap{

float:left;

width:100%;

min-height:600px;
 background-image: url( " ../images/header_9m/vic3.jpg");
/* background-repeat: no-repeat;*/
background-position: center top;
 /*-webkit-background-size: cover;*/
/*background-size: cover;*/
 background-attachment: fixed;
}
/*----------------------------------------------------------------Блок для изменения-----------------------------------------------------------*/
.sector{
 
    width:auto;
    overflow: hidden;
    margin:0 auto;
    position: relative;
}

.close_block {
	position: absolute;
	right: 420px;
	color: rgb(92, 105, 123);
	font-size: 40px;
	z-index: 55;
	top: 50px;
	text-decoration: none;
	text-shadow: 0px 1px 5px rgb(43, 43, 43);
}
.last_block{
    top: 0px;
}
.save_html {
	width: 150px;
	margin: 20px auto;
	display: block;
	text-align: center;
	padding: 20px 40px;
	background-color: rgba(0,81,179,1.00);
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	font-size: 16px;
}
/*-------------------------------------------------------Новогоднее поздравление-------------------------------------------*/

.raw-video {
	/*border: solid 2px #3c4255;*/
	/*background-color: #000000;*/
	width: 100%;
	/*display: -ms-flexbox;*/
	/*display: flex;*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
	/*margin-bottom: 20px;*/
	justify-content: center;
	text-align: center;
	/*width:680px;*/
    display:none;
    position:relative;
    background-image: url("../images/vetka-blue24.png");
    background-position: center center;
 
 
/*height:250px;*/
    
}
.right-wrap{ 
    position:absolute;
    width:100px;
    right:32%;
   z-index:450;
    top:-25px;
    /*filter: invert(100%); */
 }
.right-wrap img:hover{
   
}
.left-wrap{
    width:100px;
    position:absolute;
    left:0px;
 }

.imgClose_block {
	position: absolute;
	width: 100%;
	left: 45px;
	top: 29px;
	cursor: pointer;
}

/*----------------------------------------------------------------------------------------------------------*/
.info-title {
	width: 50%;
	/* height: 52px; */
	color: #BFB9A0;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	/* text-decoration: underline; */
	font-style: italic;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 9px;
	margin-top: 20px;
}
.preflex-title{

	width:70%;

	height:50px;

	color:#C2C2C2;

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

	margin-left:auto;

	margin-right:auto;

	/*padding-top:10px;*/

	font-size:40px;

	text-align:center;
	
	font-weight:bold
	
	}
.rotator{
	margin-top:15px;
}


.flex-block{

	display: flex;

	max-width: 960px;

	margin-left: auto;

	margin-right: auto;

	justify-content: space-around;

	width:100%;
/*background-color: #133CDD42;*/
    
}	

.in-block{

	width:312px;

	/*min-height:300px;*/

	/*margin-top:10px;*/

	flex:auto;

	border:solid 2px #5c697b;

	text-align:center;

	padding:10px;
	background-color:#1b202b75;

}

/*---------------------------------------------------------------------------------------------------------*/
.photo-block {
	display: flex;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	justify-content: space-around;
	width: 100%;
	/* background-color: #133CDD42; */
	flex-direction: column;
}

.randImg{
	margin-top:32px;
	flex-direction: column;
	width:80%;
	
	
}
.baseImg {
	width: 960px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin: 45px auto;
	border: solid 2px #5c697b;
	text-align: center;
	padding: 10px 0;
	background-color: #0000;
	border-radius: 8px;
}

.baseImg a {
	color: rgb(219, 207, 180);
	text-decoration: none;
	display: inline-block;
	padding: 3px 1px;
	margin-bottom: 3px;
}
.rphoto {
    position:relative;
	background-color: rgb(36, 45, 53);
	width: 220px;
	height: 240px;
	border-radius: 10px;
		-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);

}
.rphoto img {
  height: 200px;
  width: 200px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.rphoto  img:hover {
  width: 190px;
  height: 190px;
}

/*--------------------------------------------------------------------------------------------------------------*/
.anons{

	border-left:0px;

	border-right:0px;

}

.flex-block .in-block:last-child{

  margin-right:0px;

  }

  .flex-block .fa{

	 font-size:60px;

	 color: #5c697b;

}


.goTo {

	text-decoration: none;

	display: inline-block;

	min-width: 100px;

	padding: 5px;

	margin-top: 61px;

	background-color: #566B83;

	color: #eee;
    
	transition: background-color .1s linear;
	
	outline:none;

}

.mids{

	margin-top: 5px;

}



.goTo:hover{

	background-color: #26374A;

}

.box-title{

	text-align:center;

	color:#A5A5A5;

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

	font-size:34px;

	width:100%

}	

.box-text{

	text-align:center;

	color:#A5A5A5;

	font-family: Times, "Times New Roman", serif;;

	font-size:18px;

	width:100%;

	

}

#up-box{

	/*background-color:#FF5F62;*/

	width:300px;

	height:160px;

	overflow:hidden;

}



#up-box ul {

  width: 300px;

  height: 150px;

  margin: 0px;

 padding:0px;

}

#up-box ul li {

  display: inline-block;

}

#now, #soon, #plan{

width:300px;

height:160px;

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

/*font-size:14px;*/

/*color:#EBEBEB;*/

font-family: Times, "Times New Roman", serif;

font-size:17px;

color:#A5A5A5;

/*background-color:#8A8681;	*/

}	

.scroll-title {

	font-family: Hortensia;

	color: #F87318;

	margin-bottom: 8px;

	font-size: 30px;

	width: 100%;

	height: 38px;

	/*background-color: #142336;*/

	/*padding-top: 8px;*/

	padding-left:5px;

	text-align:left;

	}

hr{

color:#A5A5A580;

/*width:120px;*/

}

.pic-wrap{

	width:300px;

	/*height:280px;*/

	background-color:#242D35;

	padding-top:18px;

margin-left:auto;

margin-right:auto;

	margin-top:10px;

	-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);

}	

.pic-year {

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

color:#DBDBDB;

font-size:16px;	

}

#flex-count{

	display:flex;

	justify-content:center;

	heght:150px;

	margin-top:22%;

	align-items:center;

}



.counter{

	font-size:84px;

	font-family:Oswald-Light;

	color:#FF6431;

	

}

.cnt{

	border-left:none;

	border-right:none;

}

.cnt-text{

	color:#A5A5A5;

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

	font-size:34px;

	margin-top:20px;

}

.cnt-ring{

	width:130px;

	height:130px;

	border:solid 2px #5c697b;

	border-radius:50%;

	margin-left:auto;

	margin-right:auto;

}

.arrow {

	/*width:65;*/

	/*height:150px;*/



}	

.arrow .fa-arrow-left{

   /*font-size:30px;*/

	color:#E9790A;

}

.arrow .fa-arrow-right{

	/* font-size:30px;*/

	color:#E9790A;

}

#overlay{
position: fixed;
  top: 0; left: 0;
	/*z-index: 99;*/
  width: 100vw;
	height: 100vh;
	background: rgb(0, 0, 0, 0.3);
  backdrop-filter: blur(1px);
/*	 display: flex;
  justify-content: center;
  align-items: center;*/
}

/*.photo a{

	text-decoration:none;

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

color:#DBDBDB;

font-size:16px;	

}*/

/*.photo a:hover{

	color:#FF9022;

}*/



.preflex-title #pops span{

	font-size: 40px;

}

.pic-wrap img{

	width:269px;

	height:auto;

}



.tit{

	font-size: 25px;

	color:#CAFE67B3;

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

}

.adm{

margin-bottom:10px;	

}

.last {
	/* background-color: #171D2696; */
	margin-top: 60px;
	background-color: #00000059;
	/* border-radius: 40px; */
	border: dashed 4px #5c697b;
}
.direct, .hudruk {

	width: 48%;

	text-align: center;

	float: left;

	color: rgba(205,205,205,0.87);

}

.direct{

	border-right:solid 2px #5c697b;

}



.adm-img {

	width: 100%;

	/*height: 200px;*/

	text-align: center;

	padding-top: 10px;



}



.adm-img img {

	width: 140px;

	height: auto;

	border-radius: 50%;

	border: solid 3px #5c697b;

	margin-top:10px;

}

.italic {

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

	color: #EF8C39;

	font-size: 18px;

}



.rdk{

	width:300px;

	min-height:30px;

	border:solid 2px #5c697b;

	text-align:center;

	color:#E8E8E8;

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

}

.old{

	border-right:none;

	border-top:none;

}

.new{

		border-left:none;

	border-top:none;

}

.history{

justify-content:space-between;	

}
.history-title{
    margin-top:20px;
    margin-bottom:8px;
}
.count-wrap {
	text-align: center;
	font-weight: 700;
	width: 100px;
	height: 50px;
	font-size: 38px;
	/* line-height: 150px; */
	/* background: #ff782e; */
	color: #fff;
}
.visit {
	display: flex;
	text-align: center;
	justify-content: center;
	width: 560px;
	 background-color: #2c3545; 
	/*background-color: #0000008c;*/
    margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/* height: 150px; */
	/* border-radius: 50%; */
	align-items: center;
	/* flex-direction: column; */
	border: solid 2px #576475;
}
#icon-wrap {
	width: 45px;
	margin-left: 14px;
	color: #7e93a8;
	margin-right: 8px;
}
#count-wrap {
	width: 100px;
	height: 40px;
	font-size: 35px;
	line-height: 40px;
	color: #7e93a8;
	font-family: Exo2-Medium;
}
.vis-text {
	color: #ee8208;
	font-size: 35px;
/*	margin-left: 8px;
	margin-right: auto;*/
	font-family: PoiretOne-Regular, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight:bold;
}
.carusel {
	/*border: solid 2px #5c697b;*/
	margin-top: 20px;
	padding-bottom: 10px;
 
	
}
#rek-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*margin-top: 10px;*/
	 background-color: #ffffff1c; 
	/*background-color: #0000008c;*/
	padding: 10px 30px 10px 30px;
	-webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.61);
	-moz-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.61);
	box-shadow: 0px 4px 8px 3px rgba(38, 38, 38, 0.61);
	width: 900px;
	border: solid 2px #5c697b;
}
.scroll-photo img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: solid 2px #5c697b;
  transition: all 400ms linear;
	margin:auto;
}

.scroll-photo img:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
cursor:pointer;
}

.leftlink img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: solid 2px #5c697b;
  transition: all 400ms linear;
}
.leftlink img:hover{
	-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
cursor:pointer;
}

.scroll-photo, .leftlink{
	margin-left: 10px;
margin-right: 10px;
}
.topik{
	margin-left: 10px;
margin-right: 10px;
	font-size: 32px;
	}

.detal{
	text-decoration: none;

	display: inline-block;

	min-width: 100px;

	padding: 5px;

	margin-top: 5px;
   /* margin-bottom: 3px;*/
	background-color: #566B83;

	color: #eee;
    
	transition: background-color .1s linear;
	
	outline:none;
}
.detal:hover{


	background-color: #26374A;


}
/*--------------------------------------------Progress Bar-----------------------------------------*/
.dws-progress-bar {
 position: absolute;
 top: 50%;
 left: 50%;
transform: translate(-50%, -50%);
 z-index: 601;
	width:280px;
	height:280px;


}    
    .progress-percentage {
     position: absolute;
     top: 50%;
     left: 50%;
     
	 transform: translate(-50%, -50%);
     font-size: 20px;
     font-family: "Verdana", sans-serif;
     /*font-weight: bold;*/
     color: #14e6ff;
     }    
   
    #preloader {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
	background-color:#000000;
	 background-image: url( "../images/rdkWinter.jpg");
	background-size:cover;
        background-position: center top;
     z-index: 100000;
    }    
#sidebar {
	position:absolute;
	top: -55px;
   left: 50%;
  transform: translateX(-50%) translateY(-50%);
	/*width: 320px;*/
	z-index: 40;
	
}

#main-pan {
	width: 800px;
	min-height: 75px;
	background-color: #FFFFFF;
	border: solid 3px black;
	display:flex;
	/*align-items: center;*/
	justify-content: flex-start;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
}

.trigger {
	width: 60px;
	background-color: #bf0000;
	padding: 8px 6px 8px 14px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	height: 32px;
	
}
.trigger .blind {
	color: #FFFFFF;
	font-size: 31px;
}
.trigger:hover{
	cursor: pointer;
	background-color: #FFFFFF;
	color:#000000!important;
}
.trigger:hover i {
	color:#000000!important;
}
.back_admin {
	width: 100px;
	background-color: #133c9d;
	padding: 8px 6px 8px 6px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	height: 31px;
	font-size: 12px;
	color: #fff;
	line-height: 36px;
	transition: background .3s ease;
}
.back_admin:hover{
	background-color:#6F05D7;
}

.pobeda{
	position:absolute;
	left:0px;
	top:0px;
	height:280px;
	width:300px;
	z-index: 5;
		
}
.seventy {
	position: absolute;
	left: -3px;
	top: 343.2px;
	color: #FDB873;
	font-family: "Exo2-Bold";
	font-size: 22px;
	z-index: 67;
	text-shadow: 2px 4px 3px #000;
	/*background-color: rgba(197,1,5,1.00);*/
	padding: 0px 30px;
	line-height: 48px;
	background-image: url("../images/header_9m/skew_back.png");
	background-size: 100%;
}
.seventy:before {
  content: "";
  transform: skew(-30deg);
  transform-origin:top;
}
.fixed {
  top: 5px;
  z-index: 100;
  position: fixed;
  width: 100%!important;
}


.soldat{
	position:absolute;
	right:-5px;
	top:0px;
	height:280px;
	width:116px;
	z-index: 65;
}
.mem-war{
	color: #ffb80f;
	margin-bottom: 10px;
}
.ussr{
	color:#FF0004!important;
}
.flame {
	width: 290px;
	height: auto;
	border: solid 2px #4d5c6d;
	margin-bottom: 16px;
}
.run_stroka {
	display: flex;
	/* max-width: 100%; */
	height: 135px;
	align-items: center;
	overflow: hidden;
	/* border: dashed 2px #5c697b; */
	/* border: solid 2px #5c697b; */
	color: #c2c2c2;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.61);
	-moz-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.61);
	box-shadow: 0px 4px 8px 3px rgba(38, 38, 38, 0.61);
}
.run_stroka .fa{
	font-size:30px;
}
.scroll-content {
	display: flex;
background-image: url( "../slick/clipart/bkg-9m.jpg");
	align-items: center;
    background-size:100% 80%;	
	background-position: center center;
    justify-content: flex-start;
    position: relative;
}
/*.last-news{
background-image: url(../slick/clipart/bkgOrange.jpg);
	background-size:100% 80%;	
	background-position: center center;
}	
.blues{
	background-image: url(../slick/clipart/bkgBlue.jpg);
	background-size:100% 80%;	
	background-position: center center;
}*/
.clip{
	display:none;
}
/*.fiolet{
background-image: url(../slick/clipart/bkgFiolet.jpg);
	background-size:100% 80%;	
	background-position: center center;	
	
}
.purple{
	background-color:#8b00ff!important;
}*/
.left-col {
	display: flex;
	flex-direction: column;
	/* border-right: solid 2px #5c697b2e; */
	padding: 5px 0px;
	font-size: 18px;
	text-align: center;
	/*margin: 5px;*/
	 width: 68%; 
	/*background-color: #191c1e;*/
	height:140px;
}
/*.cinema{
	width:57%;
}*/
/*.vd{
	width:68%!important;
}
/*.sand-btn{
	background-color: #655942!important;
}
.sand{
	background-image: url(../slick/clipart/bkgSand.jpg);
	background-size:100% 80%;	
	background-position: center center;	
}*/
/*.anket{
width: 48%;	
}*/
.dump{
	width:20%;
}
.blue-btn{
	background-color: #FCFCFC!important;
}
/*.vk{
width: 20%;		
	
}
.green-btn{
	background-color: #539312!important;
}*/
/*.green{
	background-image: url(../slick/clipart/bkgGreen.jpg);
	background-size:100% 80%;	
	background-position: center center;
}*/
/*.yell-btn{
	background-color: #bfb55c!important;
}*/
/*.yellow{
	background-image: url(../slick/clipart/bkgYellow.jpg);
	background-size:100% 80%;	
	background-position: center center;
}
.orange{
	width:50%;
}*/
/*.gray{
	background-image: url(../slick/clipart/bkgStudio.jpg);
	background-size:100% 80%;	
	background-position: center center;
}*/
/*.gray-btn{
background-color:#625A5F!important;	
}*/

/*.gain{
	background-image: url( ../slick/clipart/bkgGain.jpg);
	background-size:100% 80%;	
	background-position: center center;
}*/
/*.gain-btn{
background-color:#3b5e60!important;
}*/
.left-frame {
	width: 75%;
	height: 117px;
	/*background-color: rgba(0,0,0,0.51);*/
	margin-top: 20px;
}
.emblem {
	display:none;
	position: absolute;
	height: 100px;
	left: 0;
	/*top: 38px;*/
}
.right-col {
	color: #F3F3F3;
	font-family: 'RobotoCondensed-Regular';
	font-size: 16px;
	/* display: flex; */
	padding: 15px 3px;
	/* justify-content: space-between; */
	width: 95%;
	height: 140px;
	/* background-color: #954664; */
}
.echo-text, .bb-text {
	width: 67%;
	/* text-align: center; */
	padding-top: 5px;
	/* color: #ccc; */
	/* margin-right: 0px; */
	float: left;
    margin-top:6%;
}
.news-example {
	display: flex;
	align-items: center;
	justify-content: space-around;
	/*width: 93%;*/
	height:117px;
}
.wrap-part{
	display:flex;
	flex-direction:column;
	align-items: center;
	width:80%
}
.follow {
	display: block;
	padding-left: 24px;
	text-decoration: none;
	outline: none;
	color: #FFF;
	line-height: 86px;
	padding-right: 20px;
	height: 85px;
	font-size: 22px;
	transition: all .1s linear;
	border: double 2px #C3C3C3;
	border-radius: 8px;
	float: left;
	margin-top: 8px;
	background-image: url("");
}
.follow:hover{
	/*background-color: #DD1212;*/
	margin-top:8px;
}
.nvg{
	margin-top:30px;
}
.last-post{
	/*background-color: #0E49A3;*/
}
#search-pan {
	position: absolute;
	top: 5px;
	right: 28px;
	width: 300px;
	height: 50px;
	/* background-color: #0083EF; */
	z-index: 100;
}
#srch-form {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}
#string {
	height: 29px;
	width: 180px;
	border: none;
	text-align: center;
	outline: none;
	background-color: #ffffff54;
	color: #242424;
	font-size: 14px;
	transition: background 0.4s linear;
}
#string:hover{
	background-color: #E7E7E7;
}

#btn {
	height: 30px;
	display: block;
	margin-left: 3px;
	border: none;
	background-color: #944;
	padding: 0px 18px 0px 18px;
	color: #fff;
	font-size: 16px;
	outline: none;
	transition: all 0.4s linear;
}
#btn:hover{
	cursor: pointer;
	background-color: #443d3d;
	border: 1px solid #b3b3b3;
}
#t-search{
	color:#EDEDED;
	margin-right:5px;
	font-family: PoiretOne-Regular;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 2px 2px rgb(19, 19, 19);
}
#topless {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 40px;
	background-color: #130d0d;
	z-index: 120px;
	display: none;
}
.slidePanel {
	display: flex;
	width: 100px;
	height: 50px;
	position: absolute;
	left: 10px;
	top: 120px;
	background-color: #6f1b1b;
	z-index: 1250;
	/* text-align: center; */
	align-items: center;
	justify-content: center;
}
.medalon {
	display: block;
	color: #575757;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	outline: none;
	/* border: solid 1px #3F4045; */
	background-color: #FFB300;
}
.bot{
    /*background-color: #0000008c;*/
}
.mid{
/*background-color: #0000008c;*/   
}
.top {
	background-color: #141a2191;
}
.auto-nav{

    padding:20px;
    border:solid 2px #5c697b;

   
}
.auto-nav {
	padding: 20px;
	border: solid 2px #272d35;
	/* display: none; */
	background-color: #222b3c70;
}
.scen-count{
	border:solid 1px #EDEDED;
	border-radius: 50%;
	/*padding:10px 8px 10px 8px;*/
	/*background-color: #EC5000;*/
	background-image: url( "../images/like.png");
	background-size: 100% 100%;
	background-position: center center;
	color: #363636;
	font-size:16px;
	/*font-weight: bold;*/
	transition: all  .3s linear;
	width:38px;
	height:38px;
	text-align: center;
	line-height: 38px;
}

.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: #7394A6;
	padding-right: 26px;
}

.arrow_down {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 24px;
	padding-right:20px;
}

/*-----------------------------------------------------Cookies Popup-----------------------------------------------*/

#cookies-popup {
	position: fixed;
	bottom: -250px;
	/*bottom: 0px;*/
    
    left: 0px;
	width: 100%;
	background: #2c3440;
	color: #ffa700;
	padding: 12px;
	text-align: center;
	box-shadow: 0px 2px 10px rgb(0, 0, 0);
	z-index: 1000;
	border-radius: 8px;
	border-top:double 5px #38414B;
   
	
}

#cookies-popup i{
    font-size:30px;
}

  
#cookies-popup p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 34px;
	font-family: "PoiretOne-Regular";
	font-weight: bold;
}
.bt-cook {
	background: #566b83;
	color: #e8e8e8;
	border: none;
	/*width: 11%;*/
	padding: 12px 10px;
	cursor: pointer;
	font-weight: bold;
	margin: 5px;
	border-radius: 4px;
	font-size: 22px !important;
}
.btn-cont{
    margin-bottom:3px;
}  
     
.bt-cook:hover { 
            background-color: rgba(70,94,100,1.00); 
          cursor: pointer;
        } 
/*----------------------------------------------------------Quiz--------------------------------------------------------------------*/
.quiz {
	border: solid 2px #3d4653;
	width: 100%;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #080b0d82;
}

.quest{
    text-align: center;
    padding: 8px 10px;
    font-size:20px;
    color:#D5D5D5;
    font-family: 'Exo2-Bold';
    margin:8px auto;
    width:80%;
}

.ask {
	color: #FFF;
	font-size: 18px;
	font-family: "RobotoCondensed-light";
	display: flex;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.61);
	width: 95%;
	flex-wrap: wrap;
	padding: 12px 5px;
	border: solid 2px #4d5e6d;
	border-radius: 28px;
    user-select: none;
}
.ready {
	font-size: 21px;
	padding: 12px 21px;
	border-style: none;
	/* background-color: #e9790a; */
	/* color: #ffd870; */
	border-radius: 5px;
}
.ready:hover{
    cursor:pointer;
}

.quard {
	display: flex;
	justify-content: center;
	background-color: #272e3a;
	border-radius: 28px;
	border: 2px #4f606f solid;
}

.tabs {
	width: 45px;
	height: 45px;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #FFEFC8C2;
	color: #1A1A1A;
	line-height: 39px;
	font-size: 30px;
    border-radius: 3px;
    user-select: none;
    text-align: center;
    display:inline-block;
/*    background: rgba(255, 239, 200, 0.76);
background: -webkit-radial-gradient(circle, rgba(255, 239, 200, 0.76) 0%, #efe4c9 100%);
background: radial-gradient(circle, rgba(255, 239, 200, 0.76) 0%, #efe4c9 100%);*/
   float:left;
}


#space0, #space1, #space3 {
	background-image: url( "../quiz/img/spc.png");
	background-size: 100% 100%;
	color: hsla(0,0%,0%,0.04);
	border: 1px solid #5c697b99;
	background-color: hsla(0, 0%, 0%, 0);
}
#sortable {
	list-style-type: none;
	/* display: flex; */
	/* justify-content: center; */
	background-color: #272e3a;
	/* border-radius: 28px; */
	border: 2px #4f606f solid;
	font-family: 'Exo2-Bold';
	margin: 8px auto;
	/* width: 980px; */
	font-size: 20px;
	/* padding: 5px 10px; */
	/* height: inherit; */
	padding: 3px 0 3px 0;
    text-align: center;
}

#target {
	list-style-type: none;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* padding: 5px 10px; */
	background-image: url( "../quiz/img/otvet.png");
	background-position: center center;
	background-size: contain;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color: rgb(39, 46, 58);
	min-height: 47px;
	/*min-width: 25%;*/
	/* border-radius: 28px; */
	margin: 10px auto 10px auto;
	border: 2px #4f606f solid;
	font-family: 'Exo2-Bold';
	font-size: 20px;
	 transition: all 2s ease; 
	float: left;
    padding: 3px 0 3px 0;
}
.tabs:hover{
	cursor: grab;
	background-color:#FFFFFF;
}

.wrapper {
	display: flex;
	align-items: center;
	height: 64px;
	justify-content: center;
	width: 96%;
	margin: 0 auto;
}

.drop {
	display: flex;
	justify-content: center;
	padding: 5px;
	 font-family: "RobotoCondensed-light"; 
	color: rgb(136, 153, 168);
	align-items: center;
	/* margin-top: 10px; */
	/*font-size: 18px;*/
}
.wrap-mess {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 98%;
	/* margin: 0 auto; */
	text-align: center;
	align-content: center;
	align-items: center;
	margin-bottom: 8px;
}
.game-link {
	display: block;
	padding: 11px 22px;
	background-color: #ddd;
	text-decoration: none;
	color: #111;
	/* width: 66px; */
	font-family: 'Exo2-Bold';
	border-radius: 8px;
	border: 3px solid #d9d9d9;
	font-size: 18px;
}
.game-link:hover{
    background-color:#56AC11;
}

.green-mess{
  list-style-type: none;
	display: flex;
	justify-content: center;
	background-color: #272e3a;
	border-radius: 28px;
	border: 2px #4f606f solid;
	/*font-family: 'Exo2-Bold';*/
    font-family: 'RobotoCondensed-Regular';
	margin: 15px auto;
	width: 88%;
	font-size: 20px;
	padding: 8px 10px; 
    color:#00FF70;
   
}
.red-mess{
    list-style-type: none;
	display: flex;
	justify-content: center;
	background-color: #272e3a;
	border-radius: 28px;
	border: 2px #4f606f solid;
	/*font-family: 'Exo2-Bold';*/
	font-family: 'RobotoCondensed-Regular';
    margin: 8px auto;
	width: 80%;
	font-size: 20px;
	padding: 8px 10px; 
    color:#FF5817;
 }


/*---------------------------------------------------------Navitator PopUp---------------------------------------------------------*/
.quck-dostup {
	/*border: solid 2px #5c697b;*/
	/*background-color: #1C2837;*/
 /*   background-image: url("../images/grad-dk.png");*/
  /*      background-size:100% 100%;*/
}

.wrap-pop {
	display: flex;
	/*position: fixed;
	left: 50%;
	top: -400px;
	transform: translate(-50%, 0%);*/
	width: 980px;
	height: 380px;
	justify-content: center;
	background-image: url(" ../images/NavigatorRDK.png");
    background-size: 100% 100%; 
    
  /*  z-index: 920;
border: 11px groove rgba(253,253,253,0.5);
border-radius: 22px;*/
margin:10px auto
}

.top-popup {
	display: flex;
	height: 100%;
	width: 89px;
	/* border-left: solid 1px #5c697b; */
	flex-direction: column;
	/* border-right: solid 1px #5c697b; */
	justify-content: center;
}

.horizont-row {
	width: 91px;
	height: 79px;
	/* border-top: solid 1px #5c697b; */
	/* border-bottom: solid 1px #5c697b; */
	text-align: center;
	line-height: 80px;
}
.left-side, .right-side{
    justify-content: center;
}
.over-left{
  margin-top:5px;  
 }

.over-right{
  margin-bottom:0px;  
 }
.left-second{
  margin-right:100px;
  justify-content: space-between  
 }    
.right-second{
    margin-left:100px;
    justify-content: space-between;
}
.top-second{
margin-top: 43px
    
}
.bottom-sec{
   margin-bottom:43px; 
}

.cnt-coll{
 justify-content: space-between;   
}
.cnt-center{
    opacity: .5;
}

.quick-link {
	display: inline-block;
	width: 89px;
	height: 61px;
	text-decoration: none;
	font-size: 14px;
	background-image: url( "../images/transp_btn_norm.png");
	background-size: 100% 100%;
	color: #4A4A4A;
	text-align: center;
	line-height: 60px;
	font-weight: bold; 
	/*font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";*/
    font-family:"Bebas Neue"; 
    transition: all .2s linear;
}
.quick-link:hover{
  background-image: url( "../images/transp_btn.png");
     width: 92px;
	height: 63px;
}

/*.quick-link {
	box-shadow: inset 0px 1px 0px 0px #1c1b18;
	background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	background-color: #eae0c2;
	border-radius: 15px;
	border: 2px solid #333029;
	cursor: pointer;
	color: #505739;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 16px 16px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}
.quick-link:hover {
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	background-color:#ccc2a6;
}
.quick-link:active {
	position:relative;
	top:1px;
}
*/
#top-popup img{
    width:40px;
    opacity: 0.6;
    
}