* {padding:0;margin:0}
body {font:16px 'Open Sans', sans-serif;background: rgb(204,204,204)}

.page {background:#fff;max-width: 21cm;height: 29.7cm;margin: 0.5cm auto;box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);box-sizing:border-box;display:flex}
a {color:silver;text-decoration:none;transition:color .5s;outline-style:none}
a:hover {color:#fff}

address {font-style:normal;margin-bottom:5px;font-size:11pt}
address:first-line {font-weight:bold}
section.addon {flex:0 0 6.43cm;max-width:6.43cm;background-color:#4c4c4c;color:#fff;box-sizing:border-box;padding:0.5cm}
section.addon h2 {font-weight:normal;font-size:18pt}
section.addon h3 {font-size:14pt}
section.addon img {max-width:70%;margin:0 auto 5px;height:auto;display:block;border:1px solid #999}
section.addon header {margin-bottom:.5cm}

section.addon ul {padding-left:18px}
section.addon ul li {line-height:1.6em}
section.main {flex:1 1 0px;box-sizing:border-box;order:1;color:#343434;padding:0.5cm}
section.main>header {margin-bottom:1cm}
section.main>header::after {content:'';display:table;clear:both}
section.main img {display:none;max-width:140px;height:auto;float:right}
section.main h1 {font-size:28pt}
section.main>header div {display:none;font-size:16px;padding-right:150px;font-style:italic}
section.main h2 {font-size:15pt;padding:4px 0;margin:.6cm 0 .3cm;border-width:1px 0;border-style:solid;border-color:#999}

div.interesting {font-size:10pt;padding-left:65px}
article.itemInfo {font-size:10pt;display:flex}
article.itemInfo+article.itemInfo {margin-top:.5cm}
article.itemInfo>div {flex:1 1 auto;order:1}
article.itemInfo>aside {flex:0 0 65px}
article.itemInfo header {margin-bottom:.3cm}
article.itemInfo h3 {font-size:15pt}
article.itemInfo h4 {font-weight:normal;font-style:italic;font-size:12pt}
article.itemInfo div.title {margin:.3cm 0 .1cm;font-size:1.1em}

section.block {font-size:14px}
section.block+section.block {margin-top:.3cm}
div.skils {font-size:14px;padding:4px 75px 4px 0;position:relative}
div.skils::after {content:'';display:block;height:14px;width:74px;position:absolute;top:0;bottom:0;right:0;margin:auto 0;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABUCAYAAAAlDKGaAAACUElEQVR42uyYQW4CMQxFQ47QnoDtSLNjDwfoPTgGnKGrHqQH6L7sKlgOJ6BSVyynHtUjRYgZYilK4/hbsoBMvpCsxPP9Fn3fuyBWlC+UG8qW174oPyjfKQ9uOurWDoXi3FIe++k48h53J6vXhqIf3vBJuaNcc+54rec92zt/WL12EK2Cyr5RNneq3/CzsdIrXjejHRb3QWWbiWM6isdK73nNjNZzI3PcvE4zje/Ee1ygsaOlal24auuZ6o655r0X/m1G6x0iKjz7hvBIzsUm8BrOktazuXJsvJoZUcN7XKCxo4U9iLcHMJyRhhMjTIR2gaE4Tgt7EBs3R7GbOYod6MHfwrV/HFfr9KDr46OzTg8kYZoeSMI0PZAE6AHiMT2QhGl6IAmz9AD2QEAPYDgF9AAjDOgB6IE6elD1tU3VzKt/EaSwByasRSp6UD15SEUP6icPiehB9eQB9iAzPaiePKSiB/WTB9iDvPTAhOHECAN6AHpglh4Uf21LaOYqXgT/bQ/UWIsS6IEK8lACPdBBHgqgByrIA+yBInqggjyUQA90kAfYAz30QI3hxAgDegB6AHpQ6rXV3syzvQg024Os1sJzM1sKbusyMGJatQ036teJwfjEzw6j8dROD7KRBx+8FiXR3nxq1MaMUOOeFvbACD3IRh6004N85AH2wAY9yGo4McKAHoAegB6UqrXczEVaq/ZArLVKD8Ray/RApB3swYW+PAmF35TPlGa0sAegB2m1lumBSOvZqp8FonOASO1oYTjjDSdGmAgt6EGk9leAAQCAFcSpz2w9SgAAAABJRU5ErkJggg==') no-repeat}
div.skils.lv1::after {background-position:0 -14px}
div.skils.lv2::after {background-position:0 -28px}
div.skils.lv3::after {background-position:0 -42px}
div.skils.lv4::after {background-position:0 -56px}
div.skils.lv5::after {background-position:0 -70px}
div.skils+div.skils {border-top:1px solid #666}

div.loaderBkg {z-index:0;display:none;position:fixed;background-color:rgba(0, 0, 0, 0.2);top:0;left:0;bottom:0;right:0}
div.loaderData {z-index:1;visibility:hidden;opacity:0;transition:visibility .4s, opacity .4s;position:fixed;background-color:#fff;padding:20px;left:0;right:0;top:50%;transform:translateY(-50%);max-width:304px;margin:0 auto;box-shadow: 0 0 20px rgba(0,0,0,0.62)}
div.loaderData.show {visibility:visible;opacity:1}
div.loaderData.load::before {content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.2)}
div.loaderData.load::after {content:'';position:absolute;border-color:#3498db transparent transparent transparent;border-width: 8px;border-style:solid;border-radius:50%;width:30px;height: 30px;animation: spin .8s cubic-bezier(.55,.1,.38,.95) infinite;top:0;right:0;bottom:0;left:0;margin:auto}
div.loaderData.load div.recaptha {visibility:hidden}
div.loaderData div.submit {text-align:right;margin-top:10px}
div.loaderData button {font:bold 15px/1 'Open Sans', sans-serif;color:#fff;outline-style:none;border-radius:2px;border:none;background-color:#7b7b7b;padding:8px 16px;cursor:pointer;box-shadow:0 -6px 0 rgba(0, 0, 0, 0.15) inset;transition:background-color .5s}
div.loaderData button:hover {background-color:#4c4c4c}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@page { margin: 0 } 
@media print {
.page {margin:0;box-shadow:none}
html, body {height:100%;overflow:hidden}
section.addon {color:#343434}
}

@media screen and (max-width:21cm){
.page {margin:0;box-shadow:none;height:auto}
}
@media screen and (max-width:768px){
.page {margin:0;box-shadow:none;display:block;height:auto;min-width:320px}
section.addon {max-width:none}
section.addon header {display:none}
address {font-size:inherit}
section.main h1 {font-size:20pt;padding-right:150px}
section.main img {display:inline}
section.main>header div {display:block}
div.loaderData {padding:20px 5px}
}
@media screen and (max-width:520px){
section.main img {display:block;margin:0 auto 20px;float:none}
section.main h1, section.main>header div {padding-right:0;text-align:center}
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}