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

img{vertical-align: top; border: 0;
}
.main {
margin: 0 auto;
background-color:#fff;max-width:640px;
background-repeat:no-repeat;
background-color: transparent;

}



.timer-head {text-align: center;
    max-width: 640px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 10px;
  
}

#timer {
	position: relative;
    /* margin-left: 275px; */
    /* margin-top: -48px; */
    font-size: 30px;
    font-weight: bold;
    color: white;
    width: 40px;
    /* padding: 5px; */
    z-index: 12;
    text-shadow: 1px 1px 2px black, 0 0 1em black;
    /* margin-bottom: -10px; */
	

}

#nomerb{
	position: relative;
    margin-left: 143px;
    margin-top: -30px;
    font-size: 21px;
    color: black;
    width: 120px;
    padding: 0px;
    z-index: 12;    
	color:#585a57;
    float: left;

}

#nomerq{
	   position: relative;
    margin-right: 123px;
    margin-top: -30px;
    font-size: 21px;
    color: black;
    padding: 0px;
    z-index: 12;    
	color:#585a57;
    float: right;

}

div#answers a {text-decoration: none; color:#000;
}
div#answers a:hover {text-decoration: none; color:#6799d6;
}

#head {margin-top:10px; margin-left: 35px; 
}

.button, .button_press {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image: -o-linear-gradient(top,#ffffff,#e6e6e6);
background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #006dcc;
background-image: -moz-linear-gradient(top,#0088cc,#0044cc);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));
background-image: -webkit-linear-gradient(top,#0088cc,#0044cc);
background-image: -o-linear-gradient(top,#0088cc,#0044cc);
background-image: linear-gradient(to bottom,#0088cc,#0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: pointer;

}

#slot-google-biggest {display:block;
}

.button:hover, .button:focus {
background-color: #0044cc;
color: #ffffff;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;

}


.button_press{
background-color: #0044cc;
color: #ffffff;
text-decoration: none;
background-position: 0 -15px;

}


.box, .box_wide, .box_comm {
	position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
max-width: 1060px;
width:100%;
background-color: white;
-webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.4);
box-shadow: 0 0px 20px rgba(87, 86, 84, 0.6);
z-index:4000;

}

.box_wide {max-width: 560px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
padding: 0px;

}

.box_comm {
-webkit-box-shadow: 0 0px 5px rgba(87, 86, 84, 0.6);
box-shadow: 0 0px 5px rgba(87, 86, 84, 0.6);

}



td {border-bottom: 1px solid lightgray; vertical-align: top;
}

textarea {font: 16px 'Open Sans', sans-serif;
}



.box_notice{
color: #555;
padding: 30px;
background: #fefefe;
border: solid 1px #eee;
box-shadow: 0 0 3px #eee;
margin:30px;

}

.bold{
font-weight:bold;

}

.center {
display:block;
text-align:center;

}

.h1_pdd{
margin:0px; font-weight:normal; font-size:28px;

}

.h2_pdd{
margin:0px; font-weight:normal; font-size:14px;

}

.punkt,.form_button{

background-repeat: no-repeat;
background-position: center center;
color: #000;
text-decoration: none;
line-height: 100%;
white-space: nowrap;
position: relative;
vertical-align: middle;
margin: 0 2px 5px 0;
background-color: #ECECEC;
border: solid 1px #B8B8B9;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 7px;
cursor: pointer;

}

.punkt:hover, form_button:hover{
background-color: #F3F3F3;

}

.form_button{


}

.rezult{
color: red;
text-align: center;
margin-top: 0px;
font: 1.8em PT Sans Narrow, sans-serif;

}

.rezult_green{
color: green;
text-align: center;
margin-top: 0px;
font: 1.5em PT Sans Narrow, sans-serif;

}

.pause_800,.plus5k{position:absolute;
width: 50px;
height: 50px;
border-radius: 26px;
margin-left: 615px;
color: white;
border: 2px solid white;
line-height: 50px;
text-align: center;
font-weight: bold;
cursor: pointer;
margin-top: 100px;
display:block;

transition: all 0.2s;

}
.pause_800:hover,.plus5k:hover {border: 2px solid #f8cb12;
}



option {
background-color: #fff;
color: #333;
font-size: 16px;

}

.but_circle,.but_circle_press
{

border: 2px solid white;
border-radius: 50px;
color: white;
cursor: pointer;
float: left;
font-size: 20px;
height: 50px;
line-height: 50px;
margin-right: 10px;
text-align: center;
width: 50px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #006dcc;
background-image: -moz-linear-gradient(top,#0088cc,#0044cc);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));
background-image: -webkit-linear-gradient(top,#0088cc,#0044cc);
background-image: -o-linear-gradient(top,#0088cc,#0044cc);
background-image: linear-gradient(to bottom,#0088cc,#0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);


}
.but_circle:hover
{
border:solid 2px #FFB541;

}

.but_circle_press
{
border:solid 2px #FFB541;

}
	
	

.q-number,.q-number-active,.q-number-red,.q-number-green,.q-number-gray{
	display: inline-block;
    width: 42px;
    height: 42px;
    padding: 0px;
    margin: 5px;
    line-height: 42px;
    text-align: center;
	color: #333;
    cursor: pointer;
	font-size: 16px;
	transition: 0.2s ease-in-out;
	
   background-color: #fff;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #B0B0B0;
	font-weight: normal;
	cursor:pointer;
	user-select:none;

}

.q-number-red{
	border: solid 1px #ac2925;
	color:#ac2925;
	line-height:44px;
	font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


}

.q-number-red:before{
	    content: "\2718";

}

.q-number-green{
	background-color: #c3edb1;
	border: 1px solid #72a377;
	color:#333;

}

.q-number-gray{
	opacity:0.4;

}

.q-number-active{
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.42);
	background-color: rgb(240, 236, 212);

}

.q-number:hover,.q-number-green:hover,.q-number-red:hover{
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.42);

}
	
	
.answer, .answer_red, .answer_green, .answer_yellow, .answer_gray  {
	cursor: pointer;
    outline-width: 0;
    line-height: normal;
    font-size: 21px;
    font-weight: normal;
    color: #000;
    border-width: 0;
    display: block;
    vertical-align: middle;

    padding: 5px 15px 5px 15px;
    text-shadow: none;
	border: 1px solid #fff;
    margin-bottom: 5px;
    background-color: white;
	border-radius:3px;
	margin-top:-1px;
	user-select: none;

}

.answer_red{
	background-color: rgba(189, 23, 9, 0.23);

}

.answer_green{
	border-color: #72a377;
    background: #c3edb1;
    color: black;
    position: relative;

}

.answer_yellow {
    /* background-color: rgba(7, 154, 7, 0.34); */
    border-color: #a39072;
    background: #e6dca8;
    color: black;
    position: relative;

}

.answer_gray {
    border-color: #A2A2A2;
    background: #E8E8E8;
    color: black;
    position: relative;

}

ol{padding: 0px;
    margin: 0px;
	padding-left: 15px;
	
}

	.answer:hover{
	background-color: #f1f1f1;

}
	
.quest{
	display:block;
	margin:5px;
	padding:0px;
	font-size: 21px;
    margin-bottom: 15px;
    font-weight: bold;
	margin-top:15px;
	padding-left: 10px;

}
	
	
	.quest-image {max-width:540px; width:100%;
}
	
	



/* Customize the label (the blking) */
.blking {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 35px;

}

/* Hide the browser's default checkbox */
.blking input {
  position: absolute;
  opacity: 0;

}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
  background-color: #636363;
  border-radius: 5px

}



/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;

}


/* Style the checkmark/indicator */
.blking .checkmark:after {
  left: 14px;
    top: 6px;
    width: 6px;
    height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

}

	
.options-text-style {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
    font-size: 16px;

}	
	
.donate-thx-text {
	color: white; 
	font-size: 40px; 
	font-weight: 300; 
	text-align: center;
	margin-top: 100px;
	
}	
	
.donate-thx-text-sub
	{
	padding:30px;
	color: #ffffff; 
	font-size: 20px; 
	font-weight: 300; 
	text-align: center;
	
}
	
.sk-circle {
  margin: 100px auto;
  width: 60px;
  height: 60px;
  position: relative;

}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;

}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
 
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  /*box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.42);*/
  background-color: #0000005c;

}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); 
}
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); 
}
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); 
}
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); 
}
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); 
}
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); 
}
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); 
}
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); 
}
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); 
}
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; 
}
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; 
}
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; 
}
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; 
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  
} 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  
}

}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  
} 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  
}

}
	
	
	
.check_success {
	width: 100px;
			height: 100px;
			display: inline-block;
			/* background-color: green; */
			border-radius: 100px;
			color: #01D42F;
			font-size: 70px;
			line-height: 100px;
			border: solid 9px #01D42F;

}	
	
	.textarea_com {
		width:90%; height:40px; display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 500px;
	
}
	
	
	.submit_com {
		font-size:15px; margin-left: 11px; display:block;
	
}
	
	@media (max-width: 400px) { 
	.sk-circle { margin-top: 46px !important;
}
	
}
	
	@media (max-width: 480px) {
	
		
		.submfloating {float:none !important;
}
		
		.textarea_com{
			padding: 10px!important;
			font-size: 18px!important;
		
}
		.submit_com{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			max-width: 500px;
			padding: 10px!important;
			font-size: 18px!important;
		
}
		
		.vkcentering{margin:0 auto!important; margin-top: 10px!important;text-align: center!important;
}
		
		#vk_like {display:inline;
}
	
}
	
	
	
	@media (max-width: 716px) {
		
	#timer {
    position:relative !important;
    margin: 0px!important;
    padding: 0px!important;
    max-width:560px!important;
    width:90%!important;
    text-align:left!important;
    padding-left: 10px!important;
    display: block;
  
}
  
  #nomerb{
    position: relative!important;
    margin:0px!important;
    padding:0px!important;
    text-align: left!important;
    padding-left: 10px!important;
    margin-top: -5px!important;
    margin-bottom: 5px!important;
    display: inline!important;;
    font-size: 21px!important;
    top: -5px!important;
    float:none!important;
    margin-right: 5px!important;
  
}
  
  #nomerq {
    position: relative!important;
    margin:0px!important;
    padding:0px!important;
    margin-top: -5px!important;
    margin-bottom: 5px!important;
    display: inline!important;;
    font-size: 21px!important;
    top: -5px!important;
    float:none!important;
  
}

  .timer-head {text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
  
}
	

}

@media (max-width: 580px) 
{
	
	#timer {
		position:relative !important;
		margin: 0px!important;
		padding: 0px!important;
		max-width:560px!important;
		width:90%!important;
		text-align:left!important;
		padding-left: 10px!important;
    display: block;
	
}
	
	#nomerb{
		position: relative!important;
		margin:0px!important;
		padding:0px!important;
		text-align: left!important;
		padding-left: 10px!important;
		margin-top: -5px!important;
		margin-bottom: 5px!important;
		display: inline!important;;
		font-size: 21px!important;
		top: -5px!important;
		float:none!important;
		margin-right: 5px!important;
	
}
	
	#nomerq {
		position: relative!important;
		margin:0px!important;
		padding:0px!important;
		margin-top: -5px!important;
		margin-bottom: 5px!important;
		display: inline!important;;
		font-size: 21px!important;
		top: -5px!important;
    float:none!important;
	
}

  .timer-head {text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
  
}
	

}



	.isettings {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 54px;
    color: #fff;
    transition: 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
	cursor: pointer;
	position: absolute;
    margin-left: 580px;
    margin-top: 80px;

}


.isettings-box {

  max-width: 560px;
  margin: 0px auto;

}

	
	.isettings:before {
    content: "\e019";

}
	
.isettings:hover {
	transform: rotate(90deg) scale(1.2);

}	

@media (max-width: 720px) {
	.isettings:hover {transform: rotate(90deg);
}

}
	

.do-it-image {
	position:absolute;
	margin-left: 800px;
    width: 250px;

}	
	
@media (max-width: 1140px) {
.do-it-image{
	position:absolute;
	margin-left: 630px;
    margin-top: -120px;
    width: 150px;

}


}	

@media (max-width: 930px) {
.do-it-image{
	display:none;

}

}

@media (max-width: 716px) {.isettings{
		position: relative;
		margin-top: 5px;
		margin-left: 0px;
		float: right;
		z-index: 99996;
		margin-right: 8px;
	
}
	
	#plintus {display:none;
}

}

@media (max-width: 660px) {
	#head {display:none;
}
	

}
	
#first-shadow{cursor: pointer; display: none; position: fixed; margin: 0px; padding: 0px; width:100%;  height: 120%; background-color: black; opacity: 0; z-index: 99997;left: 0; top:-10px; transition: 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
}		
	
#main-shadow{cursor: pointer; display: none; position: fixed; margin: 0 auto; padding: 0px; width:100%;  max-width: 320px; height: 120%; background-color: black; opacity: 0.9; z-index: 99998;left: 50%;
    margin-left: -160px;
}	
	
#first-shadow-donate{display: none; position: fixed; margin: 0px; padding: 0px; width:100%;  height: 120%; background-color: black; opacity: 0; z-index: 99998;left: 0; top:-10px; transition: 0.8s cubic-bezier(0.39, 0.58, 0.57, 1); cursor:pointer;
}		
	
#main-shadow-donate{top:0; display: none; position: fixed; margin: 0 auto; padding: 0px; width:100%;  max-width: 420px; height: 120%; background-color: black; opacity: 0; z-index: 99999;left: 50%; margin-left: -210px; transition: 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
}		
	
	
	
	.button-exam-pdd, .button-exam-pdd-active {
		
		padding-left: 10px;
		padding-right: 10px;	

		border-radius: 50px;
		color: white;
		cursor: pointer;
		height: 40px;
		text-align: center;
		font-size: 16px;
		line-height: 15px;
		margin: 0 auto;
		width: 200px;
		margin-bottom: 20px;
		
		border: 2px solid transparent;

		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);

		text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
		background-color: #006dcc;
		background-image: -moz-linear-gradient(top,#006dcc,#0039CC);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#006dcc),to(#0039CC));
		background-image: -webkit-linear-gradient(top,#006dcc,#0039CC);
		background-image: -o-linear-gradient(top,#006dcc,#0039CC);
		background-image: linear-gradient(to bottom,#006dcc,#0039CC);
		background-repeat: repeat-x;
		border-color: #006dcc #006dcc #0039CC;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	
}
	
	.button-exam-pdd-active {border: solid 2px #FFB541;
}
	
	.button-exam-pdd-sub1 {
		  display: block;
		  margin-top: 6px;
	
}
	
	.button-exam-pdd-sub2 {
		display: block;
		font-size: 10px;
	
}
	

	.button-exam-pdd:hover {border: solid 2px #FFB541;
}
	
	
	.button-options-settings {
		height: 30px;
		line-height: 30px;
		width: 150px;
	
}
	


.close-box-pravila {
	color:#333;
	float: right;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;

}

.close-box-pravila:before {
    content: "\e014";

}

.icon-abm, .icon-abm-check{
    background-color: #000;
    color: #a9a9a9;
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: -3px;
    font-weight: 400;
	border: 2px solid #565656;
	width: 40px;
	cursor:pointer;

}

.icon-cd, .icon-cd-check{
	background-color: #000;
    color: #a9a9a9;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding-left: 0px;
    padding-right: 5px;
    position: relative;
    top: -3px;
    font-weight: 400;
	border: 1px solid #565656;
	width: 45px;
	cursor:pointer;

}
	
.icon-abm-check{
	color: white;
	border: 2px solid #FFB541;

}	

.icon-cd-check{
	color: white;
	border: 2px solid #FFB541;

}

.icon-cd-hover:hover{
	background-color: #444;

}
.icon-abm-hover:hover{
	background-color: #444;

}

	
	
#pravila {
	position:absolute; 
	background-color:white; 
	margin-top: 20px; 
	margin-left: -10px; 
	display:none; 
	z-index:99999;  
	border: 1px solid #BDBCB4; 
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.7); color:black; 
	border-radius: 5px; 
	max-width: 620px; 
	padding:20px;
	width: 100%;

}	
	
@media (max-width: 500px) {

	#pravila {
		font-size:14px;
	
}

}	
	
@media (max-width: 677px) {	
	#pravila {
		border: none;
		box-shadow: none;
		padding:0px;
		margin-left: 0px; 
	
}
	#pravila-text{
	    padding: 10px;
		font-size:16px;
	
}

}	
	
 .goog-mobile-b {
	 width:320px; 
	 margin: 0 auto; 
	 position: relative;
	margin-top: 20px;
 
}
 
  .goog-normal-b {
	border: 1px solid #fff; 
	width: 468px; 
	margin: 0 auto; 
	margin-top: 10px;
 
}
 
 .yanre-block {
	 padding:5px;
 
}
 
 @media (max-width: 320px) {	
	 .goog-mobile-b{
		 margin-left:-10px;
	 
}
	 
	 .yanre-block {
	 padding:0px;
	
}
	 
 
}
 
 
 .qr-code-div {
	 display: inline-block; 
	 width: 170px; 
	 position:absolute; 
	 top:0; 
	 
	 left: 580px;
   float:right;
   text-align: center;
   padding:20px;
 
}

.qr-code-div-text{
  background-color: #494A49; padding: 10px; font-size: 12px; font-weight: bold; text-align: center; color:white;
}

.qr-code-div-img{
  width:150px; height:150px; margin-bottom: 10px;
  background-color: white; 
}

 
 @media (max-width: 964px) {
	 .qr-code-div{
		 display:none;
}
 
}
	
	
#buttonrepeat:before{ 
}
#buttonclose:before{ content: "\e014";
}

#buttonrepeat, #buttonclose{ 
    font-size: 20px;
    color: #b5b5b5;
    font-weight: 200;
    text-align: center;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
	border-radius: 100%;
 
	display: table-cell;
    vertical-align: middle;

}


#buttonrepeat:hover,#buttonclose:hover{ 
    background-color: #fff;
	color: #000;

}

.pagelist {
	color: #c1c1c1;
    text-decoration: none;
    display: inline-block;
    background-color: #424441;
    text-align: center;
    border-radius: 5px;
	margin-top: 5px;
	padding:10px;

}

.pagelist:hover {opacity:0.7;
}



#blking-plus5-b1, #blking-plus5-b2, #blking-plus5-b3, #blking-plus5-b4, #dop-quests-adds1, #dop-quests-adds2
{display:none;
} 

#blking-quests-plus5, #dop-quests-adds {
	display:none;
	text-align: center;

}


.blking-plus5-block{
	padding-top: 25px;text-align:center; width: 100%; position: relative; z-index: 998; padding-bottom: 15px;

}


.donatik {
	padding: 20px; font-size: 16px; color:white; background-color:#2f3533; cursor:pointer; transition: 0.2s ease-in-out;

}

.donatik:hover {background-color:#2C3130;
}

.donatik_privet {
	text-align:left; font-size:30px; font-weight: 200; color: #fff;

}




	

	
	.butdonatn{
		
		display:inline-block;
		width:90px;
		text-align:center;
		cursor:pointer;
		background-color: #fff;
		color:#333;
		font-size: 30px;
		font-weight: bold;
		line-height: 12px;
		height: 40px;
		padding-top: 20px;
		border: 1px solid #d0d2ce;
		border-radius: 5px;
		transition: 0.2s ease-in-out;
		margin-bottom: 5px;
		margin-left: 3px;
	
}
	
	.butdonatn:hover {
		background-color: rgb(211, 226, 208);
	
}

	.butdonatn-select {
		background-color: rgb(211, 226, 208);
	
}
	
	.butdonatn-select:hover {
		background-color: rgb(211, 226, 208);
	
}
	
	
	.paymetodblock {
		margin-top: 10px; text-align: center;
	
}
	
	.paymetod {
		width: 100px;
		text-align: center;
		background-color: #FFFFFF;
		padding: 10px;
		cursor:pointer;
		border-bottom: 4px solid white;
		transition: 0.2s ease-in-out;
		line-height: 50px;
	
}
	
	.paymetod:hover {
		border-bottom: 4px solid gold;
	
}
	
	.paymetod-select {
		border-bottom: 4px solid gold;
	
}
	
	.submitdonate {
		outline: 0;
		margin-top:10px;
		background-color: gold;
		border: 2px solid gold;
		padding: 10px;
		border-radius: 5px;
		transition: 0.2s ease-in-out;
		cursor:pointer;
		font-size: 18px;
	
}
	
	.submitdonate:hover {
		background-color: #ffd70094;
	
}
	
	.afteraddcomentvklike {
		float: none!important;
		position: relative!important;
		z-index: 99999!important;
		margin-right: 0px!important;
		margin-top: 5px!important;
		text-align: center!important;
	
}
	
	.afteraddcomentvklike_vk {
		display:inline!important;
	
}
	
	.pdd-pravila-update {font-size: 12px;
    color: #9C9C9C; display:block;
}
	

	.sharik-news {
		padding: 10px;
    background-color: rgba(0, 0, 0, 0.33);
    text-align: center;
    position: absolute;
    left: -860px;
    width: 200px;
    border-radius: 50%;
    height: 200px;
	
}
	
	.sharik-news-title {
		width: 100px;
    margin: 0 auto !important;
    margin-top: 20px !important;
	
}
	
	.sharik-link {
		color:white; font-weight:bold; text-decoration: none;
    background-color: transparent;
	
}
	
	.sharik-link:hover {opacity:0.5;
}
	
	.sharik-p {
		font-size: 12px;
	
}
	
	.sharik-p-a {
		color:#A7A7A7; font-weight:bold;
	
}
	
	#news-block, #news-block-long, #news-block2{
		display:block;
		position: absolute;
		width: 270px;
		font-size: 14px;
		color: #e4e4e4;
		background-color: rgba(31, 37, 37, 0.7);
		padding: 25px;
		margin-left: 800px;
	
}

	.title-history {
		font: 24px PT Sans Narrow, sans-serif;
		color: #DB9327;
		margin: 0px;
		margin-bottom: 10px;
		line-height: 25px;
	
}

	.h5_title {
		font-size: 14px;
		margin: 0px;
		margin-top: 20px;
		margin-bottom: 5px;
	
}

	@media (max-width: 1298px) {
		#news-block {display: none;
}
		#news-block2 {display: none;
}
		#news-block-long {display: none;
}
	
}

	#scrolltotop {
		cursor:pointer; 
		position: fixed; 
		margin-left: -100px; 
		top: 30px;
		display: none;
		height: 50px; 
		width:120px;
		text-align: center;
		z-index:9999;
		background-color: rgba(0, 0, 0, 0.49);
		color: white;
		border-radius: 5px;
		line-height: 50px;
	
}

	#scrolltotop:hover {
		opacity:0.7;
	
}

	.a_ou_scroll {
		color: #fff;
		text-decoration: none;
	
}

	@media (max-width: 949px) {
		#scrolltotop {
			position: absolute;
			left:-9999px;
		
}
	
}
	
	.butafterexam {
		color: gray;
		display: table-cell;
		vertical-align: middle;
		width: 129px;
	
}
	
	.butafterexam:hover {
		color:black;
	
}
	
	#rezult-buttons-repeat{
		display:table; text-align: center; margin-bottom: 20px;
		margin: 0 auto;
		width: 280px;
	
}
	
	
	.t_l_pn {
		text-decoration:none; color: gray;
		display: inline-block;
		line-height: 37px;
		font-size: 18px;
	
}
	
	.t_l_pn:hover{color:black;
}
	
	.link_gray {color:#A5A5A5;
}
	.link_gray:hover {color:white;
}
	
	.link_pol {color:#222; font-style: italic; font-size:14px;
}
	.link_pol:hover {color:#666;
}
	
	.link_white {color:#DB9327;
}
	.link_white:hover {color:white;
}
	
	#imagenoexam, #imageyesexam{
		margin: 0 auto;
		width: 28px; 
		display:none;
	
}
	
	.testrule {
		margin: 30px;
	
}
	
	.adsbygoogle {display:inline-block;
}
	.yandex_rtb_r_a {display:block;
}
	#commentslenta {display: block;
}
	#blockchwdyado {display: block;
}
	#article_box {display: block; max-width: 560px;
}
	#box_title_main {display: block;
}
	
	#footer_site_main {display: block;
}
	#linedecorate {display: block;
}
	
	#poweredby{
		display:none;
		color:#666;
		text-align:center;
		font-size: 12px;
	
}
	
	.isettings_newcss {
		margin-top: 20px !important;
		color: rgb(156, 156, 156) !important;
	
}
	
	
	.divwidget {	
    text-align: center;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 20px;
	
}
	
	.spanbutwidget {
    border: 1px solid #565656;
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
	
}
	
	.spanbutwidget:hover {
		 background-color: rgba(0, 0, 0, 0.1);
	
}
	
	#container_widget {
		font-size:12px; 
		display:none; 
		margin-top: 20px;
		
}
	#widgetcodetext {
		font-size:12px; 
		height:200px; 
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		
}
		
	.widgetlink{
		color: white;
		
}
		
	.showallnumers {
		text-align: center;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
		margin-top:10px;
	
}
	
	.showallnumers:hover {
		background-color: #E0E0E0;
		border-radius: 5px;
	
}
	
		.imgshowallnum {
			width:50px;
			height:20px;
			opacity:0.5;
			margin-top:5px
		
}
		
		
		#thxfordonatesmall {
			padding: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    margin: 5px;
    display: block; margin-bottom: 20px;
    background-color: rgb(222, 222, 222);
		
}
		#thxfordonatesmall:hover {
			 background-color: rgb(211, 226, 208); 
		
}
		
		#thxfordonate {
			font-size: 12px; display: none; margin-bottom: 20px; border: 1px solid #D3E2D0;
    border-radius: 5px;
    padding: 10px;
		
}
		
#newtablo2 {	
margin-top:100px; 
display:block;
position: absolute;
font-size: 14px;
color: #e4e4e4;
background-color: rgba(31, 37, 37, 0.7);
padding: 15px;
margin-left: 780px;

}
	
	@media (max-width: 1200px) {
		#newtablo2 {
			margin-left: 600px;
		
}
	
}
	
	@media (max-width: 1123px) {
		#newtablo2 {
			padding: 0px;
		
}
	
}
	
	@media (max-width: 1024px) {
		#newtablo2 {
			display: none;
		
}
		.adsbygoogle {display: none;
}
	
}
	
	.b-span {font-weight:bold;
}	

	
	h1 {margin:0px; font-weight:bold; font: 40px PT Sans Narrow, sans-serif; line-height: 1.1;
}
	
	@media (max-width: 400px) {
	    
		footer {
			font-size: 12px;
		
}
		h1 {
			font-size: 30px;
		
}
	
}
	
	article.article-box { font-size: 16px; padding: 20px; color: #000; padding-left: 50px; padding-right: 50px; padding-top: 30px;
}
	
	.main {max-width: 960px;
}
	.box_wide {max-width: 960px; margin-top: 15px;
}