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

@font-face {
	font-family: Rubik_Regular;
	src: url('../fonts/Rubik/Rubik-Regular.ttf');
}
@font-face {
	font-family: Rubik_Bold;
	src: url('../fonts/Rubik/Rubik-Bold.ttf');
}
@font-face {
  font-family: Rubik_Light;
  src: url('../fonts/Rubik/Rubik-Light.ttf');
}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body {
	width: 100%;	
	height: 100%;
	color: #000;
  background-color: #FFF;
	cursor: default;
	font-family: 'Rubik_Regular', sans-serif;
  font-size: 1em;
	}
body {
	overflow-y: scroll;
  min-width: 640px;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  z-index: 9999;
} 
#status {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
} 
.dots {
  list-style-type: none;
  position: absolute;
  width: 120px;
  height: 120px;   
} 
.dot {
  transform-origin: 50% -20px;
  position: absolute;
  top: 75px;
  left: 45px;   
} 
.dot-gfx {
  background: #00F;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
 
@keyframes dot-anim-1 {
  0% {
    transform: rotate(0);
  }
  60% {
    transform: rotate(1080deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.dot:nth-child(1) {
  transform: rotate(0);
  animation: dot-anim-1 4.5s ease-in-out infinite;
}
 
@keyframes dot-anim-2 {
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(1080deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.dot:nth-child(2) {
  transform: rotate(0);
  animation: dot-anim-2 4.5s ease-in-out infinite;
}
 
@keyframes dot-anim-3 {
  0% {
    transform: rotate(0);
  }
  80% {
    transform: rotate(1080deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.dot:nth-child(3) {
  transform: rotate(0);
  animation: dot-anim-3 4.5s ease-in-out infinite;
}
 
@keyframes dot-anim-4 {
  0% {
    transform: rotate(0);
  }
  90% {
    transform: rotate(1080deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.dot:nth-child(4) {
  transform: rotate(0);
  animation: dot-anim-4 4.5s ease-in-out infinite;
}
 
@keyframes dot-anim-5 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1080deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.dot:nth-child(5) {
  transform: rotate(0);
  animation: dot-anim-5 4.5s ease-in-out infinite;
}


header {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 1.2em;
}
#header-content {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #000;
  position: fixed;
  text-align: center;
  /*line-height: 3em;*/
}
#main-menu {
  display: table;  
  width: 80%;
  margin: 0 auto;
  border: 0px;
}
#main-menu li {
  margin: 0 1em 0 0 ;
  list-style: none;
  display: inline-block;
}
#main-menu li.first {
  visibility: hidden;
  width: 0;
  margin: 0;
}
#main-menu li.last {
  margin: 0;
}
#main-menu a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  line-height: 3em;
}
#main-menu a.active {
  color: #f00;
}
#main-menu a:hover{
  color: #f00;
}
/* адаптивность от 1024px */

/*
.menu:hover {
  color:#FF0;
  background: #666;
}
*/
#wrapper {
	width: 100%;
  min-height: 100%;
  line-height: 1em;
}
.section {
  /*padding: 3em 0;
  height: auto;
  min-height: 100vh;*/
}
.paragraf {
  line-height: 1em;
  width: 70%;
  margin: 0 auto;
  /*
  height: auto;
  min-height: 100vh;*/
}
.paragraf-block {  display: table;
  height: auto;
  min-height: 100vh;
  /*margin-top: -9em;*/
  /*margin-bottom: 3em;*/
}
.paragraf-block .div-table {
  display: table-cell; 
  vertical-align: middle;
}
.paragraf-block .div-table .div-cell {
  padding-top: 6em;
  padding-bottom: 3em;
  line-height: 1.5em;
}
h2 {
  font-family: Rubik_Bold;
  font-size: 1.5em;
  /*padding-top: 6em;
  height: 3em;*/
  padding-bottom: 0em;
}
#titul-page {
  background: #fff url("../image/autobio.jpg") no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  margin-left: 0em;
}
#titul-page h2 {
  /*margin-left: 63%;*/
  margin-left: -5em;
}
#autobio {
  background: #fff url("../image/baby.png") no-repeat;
  background-size: 10% auto;
  -webkit-background-size: 10% auto;
  -o-background-size: 10% auto;
  -moz-background-size: 10% auto;
  background-position: 80% 40%;
  color: #000;
  margin-left: 0em;
}
#autobio .paragraf a {
  color: #F00;
  text-decoration: none;
}
#autobio .paragraf a:hover {
  color: #00f;
}
#dzzzr {
  background: #000 url("../image/logo_DozoR.png") no-repeat;
  background-size: 30% auto;
  -webkit-background-size: 30% auto;
  -o-background-size: 30% auto;
  -moz-background-size: 30% auto;
  background-position: 20% 50%;
  color: #fff;
}
/*
#dzzzr h2 {
  margin-left: 50%;
}
*/
#dzzzr .paragraf a {
  color: #ff8600;
  text-decoration: none;
}
#dzzzr .paragraf a:hover {
  color: yellow;
}
#en {
  background: #000 url("../image/EN.jpg") no-repeat;
  background-size: 50% auto;
  -webkit-background-size: 50% auto;
  -o-background-size: 50% auto;
  -moz-background-size: 50% auto;
  background-position: right;
  color: #fff;
}
#en .paragraf a {
  color: #9F3;
  text-decoration: none;
}
#en .paragraf a:hover {
  color: #0F0;
}
#paratroop {
  background: url("../image/paratrooper.jpg") no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-position: bottom;
  background-color: #000;
  color: #fff;  
}
#p-weapon {
  background: #000 url("../image/weapon1.jpg") no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  margin-left: 0em;
  color: #fff;
}
#trades {
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  margin-left: 0em;
  text-align: center;
}
#trades .paragraf a {
  color: #F00;
  text-decoration: none;
}
#trades .paragraf a:hover {
  color:  #00f;
}
#callback {
  background: url("../image/callback.JPG") no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  -moz-background-size: 100% auto;
  margin-left: 0em;
}
#titul-page .paragraf div#paragraf-text {
  width: 37%;
  margin-left: 63%;
}
.center-remark-menu span.super {
  vertical-align: super;
}
#autobio .paragraf div#paragraf-text {
  width: 70%;
  margin-right: 30%;
}
#dzzzr .paragraf div#paragraf-text {
  width: 50%;
  margin-left: 50%;
}
#en .paragraf div#paragraf-text {
  width: 60%;
  margin-right: 30%;
}
#paratroop .paragraf div#paragraf-text {
  width: 100%;
}
/*
#paratroop .paragraf p.content-abzac-top {
  padding-top: 10em;
}
*/
#paratroop .paragraf p.content-abzac-top span.tooltip {
  color: #f00;
  font-family: Rubik_Bold;
}
#paratroop .paragraf p.content-abzac-top span.tooltip::after {
  font-family: Rubik_Regular;
  color: #f00;
  background: rgba(255,255,255,0.75);
  font-size: 1em;
  text-indent: 0.5em;
  text-align:center;
  content: attr(data-tooltip);
  position: absolute;
  width: auto;
  padding: 3px 7px;   
  margin-top: -24px;
  margin-right:25px;
  opacity: 0; 
  visibility: hidden;
}
#paratroop .paragraf p.content-abzac-top span.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}
#p-weapon .paragraf div#paragraf-text {
  width: 60%;
  margin-right: 40%;
}
#trades .paragraf div#paragraf-text {
  width: 100%;
  text-align: center;
  margin-bottom: 0em; /* поставить 3em, когда будет включена обратная связь*/
}
#trades .paragraf p.content-abzac-top {
  width: 75%;
  margin-left: 25%;
  text-align: left;
  margin-bottom: 0em; 
}
#callback .paragraf div#paragraf-text {
  width: 30%;
  margin-left: 70%;
  text-align: right;  
}
ol#weapon {
  list-style-type: decimal;
}
ol#weapon li {
  margin-left: 2em;
}
p.content-abzac-top {
  text-indent: 2em;
  padding-top: 2em;
}
p.content-abzac {
  text-indent: 2em;
  padding-top: 1em;
}
p.autodialog {
  margin-left: 2em;
  padding-bottom: 0em;  
}
.hidden-content {
  display: none;
  max-width:80%;
  border-radius: 1em;
  overflow: hidden;
  font-family: Rubik_Regular;
  color: #000;
}
.hidden-content div.popup-title {
  font-family: Rubik_Regular;
  color: #000;
}
.hidden-content p.popup-title-article{
  cursor: pointer;
  font-family: Rubik_Regular;
  color: #ff8600;
}
.hidden-content p.close_button {
  padding-top: 2em;
  text-align: right;
}
.hidden-content div.popup-text {
  line-height: 2em;
  padding-top: 1em;
  font-family: Rubik_Regular;
  color: #000;
}
.hidden-content p.popup-footer {
  padding-top: 1em;
  font-family: Rubik_Regular;
  text-align: center;
  color: #ff8600;
}
.hidden-content div.popup-text  ul {
  margin-left: 1em;
}
.hidden-content div.popup-text table {
  text-align: center;
}
.hidden-content div.popup-text table tr.row-odd {
  background: rgba(255, 134, 0, 0.3);
}
.hidden-content div.popup-text table tr td {
  vertical-align: middle;
}
.hidden-content div.popup-text table tr td.table-remarka {
    padding-top: 1em;
    text-align: left;
    margin-left: 1em;
}
#hidden-content-c1 {
  font-family: Rubik_Regular;
}
#hidden-content-c2 {
  font-family: Rubik_Regular;
}
#hidden-content-bowl {
  font-family: Rubik_Regular;
}
p.popup-title-work {
  font-family: Rubik_Regular;
  color: #000;
  text-align: center;
  margin-top: 2em;
}
p.job-content-abzac {
  padding-top: 0;
  margin-left: 25%;
  text-align: left;
}
p.popup-title {
  font-family: Rubik_Regular;
  color: #ff8600;
  text-align: center;
  padding-bottom: 1em;
}
.popup-div-cant {
  width: 100%;
  height: auto;
  padding: 1em 0;
  text-align: center;
}
.popup-div {
  font-size: 1em;
  line-height: 1em;
  margin-right: 1em;
  float: left;
  position: relative;
  height: 4em;
}
.popup-div-last {
  font-size: 1em;
  line-height: 1em;
  margin-right: 0em;
  float: left;
  position: relative;
}
.popup-div a.btn_text {
  outline: none;
  text-decoration: none;
  color: #ff8600;
  font-size: 1em;
  padding: 1em 2em;
  margin-top: 1em;  
  border:  1px solid #ff8600;
  cursor:pointer;
 }
.popup-div a.btn_text:hover {
  color: #fff;
  background-color: #ff8600;
}
.hidden-content #bowling2-table {
  margin-top: 2em;
  line-height: 2em;
  text-align: center;
  color: #000;
}
.hidden-content #bowling2-table tr.row-odd {
  background: rgba(255, 134, 0, 0.3);
}
.hidden-content #bowling2-table td {
  vertical-align: middle;
}
.hidden-content #bowling2-table td.sport-table-name {
  text-align: left;
}
.hidden-content #bowling2-table td.minimal {
  font-family: Rubik_Light;
}
#hidden-content-kompr {
  font-family: Rubik_Regular;
  font-size: 0.9em;
  line-height: 1.5em;
}
#hidden-content-kompr .compromiss-remark {
  color: #000;
  text-align: right;
}
#hidden-content-kompr .compromiss-remark b {
  color: #ff8600;
}
#hidden-content-kompr .compromiss-p-itog {
  color: #ff8600;
  margin-left: 2em;
}
#hidden-content-kompr .compromiss-p {
  color: #000;
  font-family: Rubik_Light;
  margin-left: 2em;
}
.hidden-content button.btn {
  color: #ff8600;
  border: 1px solid #ff8600;
  border-radius: 0;
  background: transparent;
  background-color: (0,0,0,1);
  box-shadow: inset 0px 0px 0px #fff;
}
.hidden-content button.btn:hover {
  color: #fff;
  background-color: #ff8600;
}

#form_message {
  padding-right: 0em;
}
#form_message input#input_name {
  font-family: Rubik_Regular;
  font-size: 1em;
  text-align: right;
  width: 75%;
  margin-top: 1em;
  color: #000;
  padding: 0.2em 1em;
  background-color: rgba(0,0,0,0.1);
}
#form_message input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
#form_message input:-moz-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
#form_message input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}
#form_message input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}
#form_message input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message input:focus {
    outline: none;
}
#form_message textarea {
  font-family: Rubik_Regular;
  font-size: 1em;
  margin: 1em auto;
  width: 100%;
  color: #000;
  padding: 0.2em 0 0.2em 0.2em;
  background-color: rgba(0,0,0,0.1);
  overflow-y: auto;
  resize: none;
}
#form_message textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
    padding-right: 0.2em;
}
#form_message textarea:-moz-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
    padding-right: 0.2em;
}
#form_message textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
    padding-right: 0.2em;
}
#form_message textarea::placeholder {
    color: rgba(0, 0, 0, 0.5);
    text-align: right;
    padding-right: 0.2em;
}
#form_message textarea::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message textarea:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message textarea:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message textarea:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}
#form_message textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}
#form_message textarea:focus {
    outline: none;
}
#form_message #form_button {
  outline: none;
  font-family: Rubik_Regular;
  background-color: rgba(0,0,0,0);
  color: #fff;
  font-size: 0.9em;
  padding: 1em 2em;
  margin-top: 1em;  
  border: 1px solid #f00;
  cursor:pointer;
}
#form_message #form_button:hover {
  background-color: #f00;
}

.btn {
  outline: none;
  font-family: Rubik_Regular;
  color: #fff;
  font-size: 1em;
  padding: 1em 2em;
  margin-top: 1em;  
  border-radius: 1em;
  border: 1px solid #94DDFF;
  background:transparent;
  background-image: -webkit-linear-gradient(#94DDFF, #b7e8ff);
  background-image: -moz-linear-gradient(#94DDFF, #b7e8ff);
  background-image: -o-linear-gradient(#94DDFF, #b7e8ff);
  -moz-box-shadow: inset 0px 4px 0px #b7e8ff;
  -webkit-box-shadow: inset 4px 0px 0 #b7e8ff;
  -o-box-shadow: inset 0px 4px 0px #b7e8ff;
  box-shadow: inset 0px 4px 0px #b7e8ff;  
  cursor:pointer;
 }
.btn:hover {
  color: #f00;
}
#modal-window {
  width: 300px; 
  height: 300px; /* Рaзмеры дoлжны быть фиксирoвaны */
  background: rgba(255,255,255,1);
  position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
  top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
  left: 50%; /* пoлoвинa экрaнa слевa */
  margin-top: -150px;
  margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
  display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
  z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
  padding: 20px 10px;
}
#overlay-window {
  z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
  position:fixed; /* всегдa перекрывaет весь сaйт */
  background-color:rgba(0,0,0,0.8); /* чернaя */
  width:100%; 
  height:100%; /* рaзмерoм вo весь экрaн */
  top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
  left:0;
  cursor:pointer;
  display:none; /* в oбычнoм сoстoянии её нет) */
}
footer {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  height: 48px; 
  margin-top: -48px; 
  color: #fff;
}
footer #copyright {
  float: left;
  margin-left:2em;
  padding-top: 1em;
}
footer #designer{
  float: left;
  margin-left:10em;
  padding-top: 1em;
}
footer #designer p {
  font-size: 0.9em;
}
footer #designer a {
  color: #f00;
  text-decoration: none;
  cursor: pointer;
}
footer #designer a:hover {
  color: #00f;
}
footer #statistik {
  float: right;
  margin-right: 1em;
  padding-top: 0.5em;
}