.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
* {margin:0;padding:0}
a {color:#36C}
a:hover {color:#06F}
body {background:#EEE url(img/bg.gif);color:#444;font:normal 62.5% "Lucida Sans Unicode",sans-serif;margin:0}
input {color:#555;font:normal 1.1em "Lucida Sans Unicode",sans-serif}
p,cite,code,ul {font-size:1.2em;padding-bottom:1.2em}
h1 {font-size:1.7em;margin-top:3px;align:center}
code {background:url(img/bgcode.gif);border:1px solid #F0F0F0;border-left:6px solid #39F;color:#555;display:block;font:normal 1.1em "Lucida Sans Unicode",serif;margin-bottom:12px;padding:8px 10px;white-space:pre}
cite {background:url(img/quote.gif) no-repeat;color:#666;display:block;font:normal 1.3em "Lucida Sans Unicode",serif;padding-left:28px}
h1 {text-shadow: 3px 5px 6px #012b01, -6px -7px 6px #075507;color:#ffdf6d;padding-top:3px;text-align:center;}
h2{font-size: 14px; color:#ffdf6d; align:center; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px;}
h3 {color:#16750d; align:center; font-family: Verdana, Arial, Helvetica, sans-serif; margin:10px;}
h4{align:center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;color:#757776;}
/* misc */
.clearer {clear:both}
/* structure */
.container {background:url(img/bgcontainer.gif) repeat-y;margin:0 auto;padding-bottom:6px;width:767px;border-bottom:1px solid #DDD}
.header {background:url(img/header.gif) repeat-x}
/* title */
.title h1 {color:#ffdf6d;font:normal 1.5em Verdana, Arial, Helvetica, sans-serif; height:55px;line-height:45px;margin-bottom:8px;align:center}
/* navigation */
.navigation {margin-bottom:4px}
.navigation a {background-color:#4A91C3;color:#FFF;float:left;font:bold 1.2em "Trebuchet MS",sans-serif;padding:8px 0;width:19%;border-right:1px solid #FFF;text-align:center;text-decoration:none}
.navigation a:hover {background-color:#000;color:#FFF}
/* main */
.main {clear:both;padding:8px 18px}
/* main left */
.sidenav h1,.sidenav ul {padding-left:12px}
.sidenav {background:#EEE;border:1px solid #E5E5E5;float:left;width:200px}
.sidenav h1 {color:#666;font-size:1.2em;height:20px;margin-top:1.2em}
.sidenav ul {border-top:1px solid #FAFAFA;background:#EEE url(img/bgul.gif) repeat-x;margin:0;padding:0}
.sidenav li {border:1px solid #FAFAFA;border-top:none;list-style:none;margin:0}
.sidenav li a {color:#777;display:block;font-size:0.9em;padding:3px 6px 3px 14px;text-decoration:none}
.sidenav li a:hover {color:#111}
/* content */
.content {float:right;width:520px}
.content .item {padding:6px 12px;border:1px solid #EEE;background:#FFF;margin-bottom:8px}
.content .descr {color:#333;margin-bottom:6px}
.content li {list-style:url(img/li.gif);margin-left:18px}
/* search form */
form {padding:0 0 6px 8px}
.styled {border:1px solid #DDD;padding:4px}
.button {background:url(img/search.gif) no-repeat left bottom;border:none;height:27px;width:27px}
/* footer */
.footer {background:#FFF;border:1px solid #EEE;color:#666;font-size:1.1em;margin:0 auto;text-align:center;width:720px}
.footer a {color:#36C;text-decoration:none}
.footer a:hover {color:#06F;text-decoration:underline}
.footer .left, .footer .right {padding:6px 12px}
.footer .right, .footer .right a {color:#AAA}
.footer .right a:hover {color:#666}
/* floats */
.left {float:left}
.right {float:right}
.numbers {
text-shadow: 3px 5px 6px #012b01, -6px -7px 6px #075507; font-size:30px;color:#ffdf6d;margin-top:2px;align:center;
}
.fig2 {
align: left;
font-size: 14px;
color: #000000;
}
.fig7 {
align: center;
font-weight: 600;
font-size: 20px;
color: #12660a;
}
.fig10 {
align: left;
font-size: 14px;
color: #000000;
}
.figs {
    align: center;
	margin-top: 5px;
	width: 100%;
   } 
a.button10 {
  width: 70px;
  margin: 0 0 5px 1px;
  display: inline-block;
  color: #ffdf6d;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: calc(var(--checkbox-size) * 0.11) solid var(--checkbox-color);
  border-radius: 7px;
  background-color: #16750d;
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button10:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button10:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}
.fig1 {
	color: #7FFF00;
	display: block;
    margin-left: auto;
    margin-right: auto
   }
 .fig1 img {
    width: 450px;
	height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto
   } 
 @import url('https://fonts.googleapis.com/css?family=Nunito');

:root {
	--checkbox-size: 21px;
	--bg-color: #006400;
	--checkbox-color: #058805;
	--hover-color: #00FF7F;
	--tick-color: #FF0000;
}

label {
	display: inline-block;
	margin: 6px calc(var(--checkbox-size) * 0.125);
	width: var(--checkbox-size);
	height: var(--checkbox-size);
	font-size: 150%;
    color: #fadf72;
    text-align: center;
	background: #037b03;
	border: calc(var(--checkbox-size) * 0.11) solid var(--checkbox-color);
	border-radius: 12.5%;
	-webkit-transition: 400ms 100ms ease-out;
	-o-transition: 400ms 100ms ease-out;
	transition: 400ms 100ms ease-out;

}

label:hover {
	border-color: var(--hover-color);
}

input[type="checkbox"] {
	position: absolute;
	left: -1000px;
}

.tick {
	position: relative;
	right: calc(var(--checkbox-size) * -0.35);
	top: calc(var(--checkbox-size) * -1.30);
	width: calc(var(--checkbox-size) * 0.25);
	height: calc(var(--checkbox-size) * 0.75);
	border-right: calc(var(--checkbox-size) * 0.25) solid var(--tick-color);
	border-bottom: calc(var(--checkbox-size) * 0.25) solid var(--tick-color);
	-webkit-transform: rotate(45deg) scale(0);
	    -ms-transform: rotate(45deg) scale(0);
	        transform: rotate(45deg) scale(0);
	opacity: 0;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.5);
	-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.5);
	transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.5);
}

.tick1 {
background: #037b03;
}
.tick:before {
	content: '';
	position: absolute;
	left: calc(var(--checkbox-size) * -0.125);
	bottom: calc(var(--checkbox-size) * -0.25);
	border: calc(var(--checkbox-size) * 0.125) solid var(--tick-color);
	border-radius: 50%;
}

.tick:after {
	content: '';
	position: absolute;
	right: calc(var(--checkbox-size) * -0.25);
	top: calc(var(--checkbox-size) * -0.125);
	border: calc(var(--checkbox-size) * 0.125) solid var(--tick-color);
	border-radius: 50%;
}

input[type="checkbox"]:checked + label .tick {
	opacity: 1;
	-webkit-transform: rotate(45deg) scale(1);
	    -ms-transform: rotate(45deg) scale(1);
	        transform: rotate(45deg) scale(1);
}

input[type="checkbox"]:focus + label {
	-webkit-animation-name: cb-pop;
	        animation-name: cb-pop;
	-webkit-animation-duration: 400ms;
	        animation-duration: 400ms;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}

@-webkit-keyframes cb-pop {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	33% {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	66% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		tranform: scale(1);
	}
}

@keyframes cb-pop {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	33% {
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
	66% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		tranform: scale(1);
	}
}  
.exam_01 {
    width: 360px;
    border-radius: 5px;
    color: #fadf72;
	font-size: 10px;
	align: center;
    font-family: verdana, 'open sans', sans-serif;
    padding: 10px 14px 10px 34px;
    position: relative;
    box-shadow: 0px 1px 5px #999;
    background-color: #16750d;
}
.exam_03 {
    border-radius: 5px;
    color: #fff;
	font-size: 14px;
    font-family: verdana, 'open sans', sans-serif;
	margin-top: 10px;
    padding: 10px 14px 10px 44px;
    position: relative;
    box-shadow: 0px 1px 5px #999;
    background-color: #ff0000;
}
.exam_03:before {
    content: "\f129"; /* код иконки info */
    margin-left: 4px;
    font-family:FontAwesome;
    font-size: 21px;
    left: 14px; /* позиция иконки */
    position: absolute;
}
.exam_02 {
    background: linear-gradient(135deg, #f4e3f0 50%, #e2debe 50%);
	border-radius: 5px;
    color: #49152C;
    padding: 20px 20px 30px 30px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
.brd {
    border: 4px double Orange; /* Параметры границы */
    background: #075a0f; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
	border-radius: 5px;
   }
   . number {
    border: 4px double Orange; /* Параметры границы */
    background: #075a0f; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
	border-radius: 5px;
   }
   .number-start, .number-end {
  color: #ffdf6d;
  font-size: 12px;
  border: calc(var(--checkbox-size) * 0.11) solid var(--checkbox-color);
  border-radius: 5px;
  background-color: #16750d;
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
   }