@import url(reset.css);

section{display:block;}h6{display:block;text-align:center;font-size:18px;color:#ffffff;text-shadow:0px 0px 12px #000000;font-family:"Trebuchet MS";}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}body{font:13px/1.231 sans-serif;*font-size:small;}select,input,textarea,button{font:99% sans-serif;}pre,code,kbd,samp{font-family:monospace,sans-serif;}html{overflow-y:auto;}a:hover,a:active{outline:none;}ul,ol{margin-left:2em;}ol{list-style-type:decimal;}nav ul,nav li{margin:0;list-style:none;list-style-image:none;}small{font-size:85%;}strong,th{font-weight:bold;}td{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}textarea{overflow:auto;}.ie6 legend,.ie7 legend{margin-left:-7px;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;}.ie7 input[type="checkbox"]{vertical-align:baseline;}.ie6 input{vertical-align:text-bottom;}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}button,input,select,textarea{margin:0;}input:valid,textarea:valid{}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}::-moz-selection{background:#398ac3;color:#fff7ca;text-shadow:none;}::selection{background:#398ac3;color:#fff7ca;text-shadow:none;}a:link{-webkit-tap-highlight-color:#FF5E99;}button{width:auto;overflow:visible;}.ie7 img{-ms-interpolation-mode:bicubic;}body,select,input,textarea{color:#444;}h1,h2,h3,h4,h5{font-weight:bold;}a,a:active,a:visited{color:#398ac3;}a:hover{text-decoration:none;}body{font-family:Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;font-size:16px;background:#000000 url(https://akvorok.com/img/bg.jpg) no-repeat 50% 0;color:#acacac;}h2{color:#000;font-size:30px;margin:10px 0;}h3{color:#fff;font-size:18px;font-weight:normal;}ul{padding:0;margin:0;}li{background:url(../img/li.png) no-repeat 0 5px;padding-left:18px;list-style-type:none;}p{margin:10px 0;}header{width:660px;height:365px;margin:0 auto;padding:1px 0;}.bottom{background:url(images/bottom.jpg) no-repeat 0 0;width:648px;margin:0 auto;padding:5px 20px 8px;}.in{width:490px;margin:15px auto;padding:1px 0;}#logo{width:331px;height:67px;background:url(../img/logo.png) no-repeat 0 0;margin:115px auto 0;text-indent:-9999px;display:block;}#main{width:920px;margin:0 auto;}.link{text-align:center;}.link a{font-size:18px;}.counters{text-align:center;}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}.hidden{display:none;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}.clearfix:after{clear:both;}.clearfix{zoom:1;}@media print {*{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;}a,a:visited{color:#444!important;text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80;z-index:9999;}.popup_block{display:none;background:#fff;padding:20px;border:20px solid #ddd;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:99999;-webkit-box-shadow:0px 0px 20px #000;-moz-box-shadow:0px 0px 20px #000;box-shadow:0px 0px 20px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}img.btn_close{float:right;margin:-55px -55px 0 0;border:0;}*html #fade{position:absolute;}*html .popup_block{position:absolute;}

button {
	position: relative;
	color: white;
}

.ripple {
	overflow:hidden;
}

.ripple-effect {
	position: absolute;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: white;
	animation: ripple-animation 2s;
}
@keyframes ripple-animation {
    from {
		transform: scale(1);
		opacity: 0.4;
    }
    to {
		transform: scale(100);
		opacity: 0;
    }
}

.game {
	opacity:1.0; -moz-opacity:1.0;
	filter:alpha(opacity = 100);
	border: 2px solid #8fb93b;
	border-radius: 10px;
	margin: 0px 0px 16px;
	-webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    30%
    {
       -webkit-transform: translateX(-3px);
       transform: translateX(-3px);
    }
    45%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    60%
    {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    75%
    {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    90%
    {
        -webkit-transform: translateX(-1);
        transform: translateX(-1);
    }
	100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    30%
    {
       -webkit-transform: translateX(-3px);
       transform: translateX(-3px);
    }
    45%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    60%
    {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    75%
    {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    90%
    {
        -webkit-transform: translateX(-1);
        transform: translateX(-1);
    }
	100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.game:hover {
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	animation:1.5s blinker linear infinite;
    -webkit-animation:1.5s blinker linear infinite;
    -moz-animation:1.5s blinker linear infinite;
}
@-moz-keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}
@-webkit-keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}
@keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}

#icon {
    margin-top: 20px;
}

#icon:hover {
    animation: 1.0s ease-in-out 0s normal none infinite running trambling-animation;
}
@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-5deg);
    }
    20%, 40% {
        transform: rotate(5deg);
    }
}

#time {
    margin-top: 10px;
}

/*Error 404*/
#error, #code {
	padding: 10px;
	font-size: 75px;
	font-family: 'Monoton', cursive;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
	color: red;
}
#error {
	color: #fff;
	text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
	margin: 40px 0px 0px;
}
#error span {
	animation: upper 11s linear infinite;
}
#code span:nth-of-type(2) {
	animation: lower 10s linear infinite;
}
#code span:nth-of-type(1) {
	text-shadow: none;
	opacity:.4;
}
@keyframes upper {
	0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% {
		opacity:.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;
	}
	20%,21.999%,63%,63.999%,65%,69.999% {
		opacity:0.4; text-shadow: none; 
	}
}
@keyframes lower {
	0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,100% {
		opacity:0.99; text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;
	}
	19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999% { 
		opacity:0.4; text-shadow: none; 
	}
}

/*Консоль*/
.text-body {
    height: 250px;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 10px;
    color: #f0f0f0;
    text-shadow: #000 0px 1px 0px;
    font-family: "Consolas", "Courier New", "Courier";
    font-size: 1.75em;
    line-height: 1.40em;
    font-weight: 500;
    text-align: left;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.title-bar {
    padding: 4px 0;
    font-family: "Lucida Grande", sans-serif;
    font-size: 0.75em;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
    background-color: #f8f8f8;
	background-image: url(https://akvorok.com/img/bar.png);
    box-shadow: inset rgba(255, 255, 255, 0.2) 0px 1px 1px;
}

.text-editor-wrap {
    display: block;
    margin-top: 38px;
    max-width: 860px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;
    clear: both;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.exit_button {
	position:relative;
	left: -400px;
	top: 1px;
	opacity:1.0; -moz-opacity:1.0;
	filter:alpha(opacity = 50);
	cursor:url("https://akvorok.com/img/cursor.cur"), pointer;
}

.exit_button:hover {
	opacity:0.5; -moz-opacity:0.5;
	filter:alpha(opacity = 50);
}

.hide_button {
	position:relative;
	left: -402px;
	top: 2px;
	opacity:1.0; -moz-opacity:1.0;
	filter:alpha(opacity = 100);
	cursor:url("https://akvorok.com/img/cursor.cur"), pointer;
}

.hide_button:hover {
	opacity:0.5; -moz-opacity:0.5;
	filter:alpha(opacity = 50);
}

#hider {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#hider:checked + .content {
    display: none;
}

.content {
    display: block;
}

#exit {
    position: absolute;
    top: -9999px;
	left: -9999px;
}

#exit:checked + .content {
    display: none;
}

/* Стили формы */
#application {
    width: 300px;
    margin: 0 auto;
}

/*Стили полей для ввода*/
#applicationName {
    width: 95%;
    height: 45px;
    background: none;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

#applicationText {
    width: 95%;
    height: 45px;
    background: none;
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

/*Стили полей при клике по ним*/
#applicationName:focus, #applicationText:focus {
    border: 1px solid #00aeff;
}

/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
    color: #efefef;
    font-family: 'Oswald', cursive;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::-moz-placeholder  {
    color: #fff;
    font-family: 'Oswald', cursive;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 19+ */

:-moz-placeholder {
    color: #fff;
    font-family: 'Oswald', cursive;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 18- */

:-ms-input-placeholder {
    color: #fff;
    font-family: 'Oswald', cursive;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::placeholder {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/*Стили для кнопки*/
.applicationButton {
    margin-top: 20px;
    background: #00aeff;
    border: none;
    width: 95%;
    height: 45px;
    border-radius: 40px;
    color: #fff;
    font-size: 26px;
	text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', cursive;
	cursor:url("https://akvorok.com/img/cursor.cur"), pointer;
	opacity:1.0; -moz-opacity:1.0;
	filter:alpha(opacity = 100);
/*    transition: .6s;*/
}
.applicationButton:hover { 
    animation:1.5s blinker linear infinite;
    -webkit-animation:1.5s blinker linear infinite;
    -moz-animation:1.5s blinker linear infinite;
}
@-moz-keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}
@-webkit-keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}
@keyframes blinker {  
	0% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
	25% {
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	50% { 
		filter:alpha(opacity = 70);
		opacity: 0.7; 
	}
	75% { 
		filter:alpha(opacity = 60);
		opacity: 0.6; 
	}
	100% { 
		filter:alpha(opacity = 50);
		opacity: 0.5; 
	}
}

/*Анимация загрузки*/
.overlay-loader {
	display: block;
	margin: auto;
	width: 97px;
	height: 97px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 97px;
	height: 97px;
	animation-name: rotateAnim;
		-o-animation-name: rotateAnim;
		-ms-animation-name: rotateAnim;
		-webkit-animation-name: rotateAnim;
		-moz-animation-name: rotateAnim;
	animation-duration: 0.4s;
		-o-animation-duration: 0.4s;
		-ms-animation-duration: 0.4s;
		-webkit-animation-duration: 0.4s;
		-moz-animation-duration: 0.4s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}
.loader div {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid rgb(0,0,0);
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.loader div:nth-child(odd) {
	border-top: none;
	border-left: none;
}
.loader div:nth-child(even) {
	border-bottom: none;
	border-right: none;
}
.loader div:nth-child(2) {
	border-width: 2px;
	left: 0px;
	top: -4px;
	width: 12px;
	height: 12px;
}
.loader div:nth-child(3) {
	border-width: 2px;
	left: -1px;
	top: 3px;
	width: 18px;
	height: 18px;
}
.loader div:nth-child(4) {
	border-width: 3px;
	left: -1px;
	top: -4px;
	width: 23px;
	height: 23px;
}
.loader div:nth-child(5) {
	border-width: 3px;
	left: -1px;
	top: 4px;
	width: 31px;
	height: 31px;
}
.loader div:nth-child(6) {
	border-width: 4px;
	left: 0px;
	top: -4px;
	width: 39px;
	height: 39px;
}
.loader div:nth-child(7) {
	border-width: 4px;
	left: 0px;
	top: 6px;
	width: 49px;
	height: 49px;
}


@keyframes rotateAnim {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-o-keyframes rotateAnim {
	from {
		-o-transform: rotate(360deg);
	}
	to {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes rotateAnim {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotateAnim {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg); 
	}
}

@-moz-keyframes rotateAnim {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}

::-webkit-scrollbar-button { 
	height:0px;
} 

::-webkit-scrollbar-thumb { 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background-color:#00aeff; 
	box-shadow:0px 0px 1px #fff inset; 
	background-image:url('https://akvorok.com/img/scrol.png'); 
	background-position:center; 
	background-repeat:no-repeat; 
}

::-webkit-scrollbar{ 
	width: 6px; 
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}