article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block }
audio, canvas, video {*display:inline;*zoom:1; display:inline-block }
audio:not([controls]) { display:none; height:0 }
[hidden] {display:none}
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width: 100%; height:100%;margin:0; padding:0 }
button, html, input, select, textarea { font-family:sans-serif }
body { font-family: "Playwrite FR Moderne", cursive; font-weight:400; font-size:13px; color:#000; width: 100%; height:100%;margin:0; padding:0; /*background-image: url('../images/big/001.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center;*/ }
a:focus { outline:thin dotted }
a:active, a:hover { outline:0 }
abbr[title] { border-bottom:1px dotted }
b, strong { font-weight:700 }
blockquote { display:block; margin:0 }
dfn { font-style:italic }
mark { background:#FF0; color:#000 }
p, pre { margin:0; padding:0 0 15px }
code, kbd, pre, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em }
pre { word-wrap:break-word; white-space:pre-wrap }
q { quotes:none }
q:after, q:before { content:''; content:none }
small { font-size:75% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-.5em }
sub { bottom:-.25em }
dl, menu, ol, ul { }
dd { margin:0 0 0 40px }
menu, ol, ul { list-style-type:none }
nav ol, nav ul { list-style:none; list-style-image:none }
img { border:0; -ms-interpolation-mode:bicubic; max-width:100% }
svg:not(:root) { overflow:hidden }
figure { margin:0 }
form { margin:0 }
.dih, .hid { display:none }
iframe {border: none; width: 100%; height: 400px; margin: 30px 0 0 0;}
fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em }
legend { border:0; *margin-left:-7px;white-space:normal; padding:0 }
button, input, select, textarea { font-size:100%; *vertical-align:middle;vertical-align:baseline; margin:0 }
button, input { line-height:normal }
button, input[type=submit], input[type=button], input[type=reset] { -webkit-appearance:button; *overflow:visible;cursor:pointer }
button[disabled], input[disabled] { cursor:default }
input[type=checkbox], input[type=radio] { box-sizing:border-box; *height:13px;*width:13px;padding:0 }
input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
textarea { overflow:auto; vertical-align:top }
.fright { float:right }
.fleft { float:left }
header { position:fixed; width: 580px; min-width: 300px; height:100%; top: 0px; margin: 0; padding: 0;z-index: 9999;}
header .block {float: right; margin:0; padding: 0; width: 300px; background-color: rgba(136, 129, 206, 0.9); height:100%;}
header .left { margin: 0; padding: 0;}
header .left:after, header .left:before { content:''; display:table; line-height:0 }
header .left:after { clear:both }
header .logo { float:left; margin:60px 20px 50px 40px; padding: 0; }
header .cont {position: absolute; width: 300px; height: 150px; valign: bottom; margin: 0; padding: 30px 20px; bottom: 0; background-color: #5a6169; text-align: center; font-size: 140%; color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
header .cont span {font-size: 180%; margin: 0 0 10px 0}
.page { position: absolute; width:480px; height: auto; min-height: 100%; font-family: "Playwrite FR Moderne", cursive; font-size:120%; margin:0 0 0 580px; padding:0; background-color:#4a4380; z-index:9999;}
section { float: left; width:100%; color: #fff; height: 100%; height: auto; margin:0; padding:20px;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
h1, h2, h3 {font-family: "Playwrite FR Moderne", cursive;}
h1 { font-size:150%; color:#fff; font-weight:400; margin:0; padding:20px }
h2 { font-size:130%; color:#fff; font-weight:400; margin: 0; padding:20px 10px 10px 0; }
h3 { font-size:110%; color:#fff; font-weight:400; margin: 0;padding:20px 10px 10px 0; }
.block {float: left; width: 100%; height:auto; margin:0; padding:0;}
.blok {float: left; height:auto; width: 100%; min-width: 50%; max-width: 100px; margin:4px 0; padding:30px}
.icon {float: left; padding: 20px; margin: 2px; height: 40px; transition: all .1s ease-in-out;}
.icon a img {max-height: 40px; max-width: 100px;}
.icon a, .ico a { display: block;}
.icon:hover {z-index: 5; transform: scale(1.5);}
.non {padding: 20px; width: 100%; }
.container { padding: 0; }
.dokum {float: left;width: 100%; display: block; font-weight: bold; }
section a {text-decoration:none; padding: 2px 6px; color:#FFCE00;}
section a:hover {text-decoration:underline; color:#FFCE00;  border-radius:3px;}
section .icon a{text-decoration:none; padding: 0;}
section .icon a:hover {background-color: #fff;}
footer { float: left; max-width:100%; width: 100%; margin:0; padding:20px; background-color: rgba(94, 111, 145, 0.4);-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
section table { width:100%; margin:0; padding:0 }
section table th { font-weight:700 }
section table td { font-weight:400 }
section table tr { background-color:#EEE }
section table tr:hover { background-color:#CCC }
#mport { visibility: hidden; display:none; }
.copyright {text-align: right;}
nav { float: left; width: 100%; margin: 30px 0 0 0;}
nav .mm { list-style:none; float:left; margin:0; padding:0 }
.mm li { float:left; width:100%; margin:0; padding:0 }
.mm li a { color:#000; display:block; text-decoration:none; padding:5px 10px; font-size: 110%; text-align: center;}
.mm li a:hover { color:#fff; background-color: #4a4380; cursor:pointer; }
.mm li.active a { color:#fff; background-color: #4a4380; cursor:pointer; display:block }
.mm ul { list-style:none; float:left; display:none; margin:0; padding:0; width:100%; }
.mm ul.active { display:block }
.mm ul li { float:left; width:100%; padding: 0; }
.mm ul li a {  color: #c50290; display:block; text-decoration:none; padding:5px 10px 5px 20px;text-align: center; }
.mm ul li a:hover { color:#FFF; cursor:pointer; color:#fff; background-color: #4a4380; }
.mm ul li.active a { color:#FFF; cursor:pointer;color:#fff; background-color: #4a4380; }
.foto-blok { float: left;padding: 10px 10px 20px 10px; display: block; width: 100%;}
.foto-left img, .foto-right img { max-width:172px; max-height:120px; padding-top:12px }
.foto-left { background-color:rgba(0,0,0,.1);float:left; width:200px; height:140px; text-align:center; margin:10px }
.foto-right { background-color:rgba(0,0,0,.1); float:right; width:200px; height:140px; text-align:center; margin:10px }
.foto-left:hover, .foto-right:hover { background-color:#D53193 }
.view { max-width: 140px; height: 80px; margin: 6px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view a {margin: 0; padding: 0;}
.view .mask, .view .content {max-width: 140px; height: 80px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }
.lphoto { float: left; margin: 6px; padding: 4px; background-color: rgba(26, 50, 96, 1); }
.lphoto a {margin: 0; padding: 0;}
.lphoto img { float: left; max-width: 140px; max-height: 80px; }
.lphoto .mask { position:absolute; top:20px; left:30px; cursor:pointer; border-radius: 30px; border-width: 30px; display: inline-block; height: 60px; width: 60px; border: 30px solid rgba(255, 255, 255, 0.2); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; opacity:1; visibility:visible; -moz-transform:scale(4); -webkit-transform:scale(4); -o-transform:scale(4); -ms-transform:scale(4); transform:scale(4); -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.lphoto:hover .mask { opacity: 0; border:0px solid rgba(255,255,255,0.7); visibility:hidden; }
#powerTip { background-color:rgba(0,0,0,.8); max-width: 200px; height: auto; border-radius:6px; color:#FFF; -webkit-box-shadow:0 2px 3px 3px rgba(0,0,0,.2); box-shadow:0 2px 3px 3px rgba(0,0,0,.2); cursor:default; display:none; position:absolute; z-index:99999; padding:10px }
.vegas-loading { display:none }
.vegas-background { image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic; z-index:-2; max-width:none!important }
.top { box-shadow:0 0 10px rgba(0,0,0,.05); background:rgba(94, 111, 145, .8) url(../i/arrow2.svg)no-repeat center 50%; -webkit-transition:opacity .3s 0, visibility 0 .3s; -moz-transition:opacity .3s 0, visibility 0 .3s; transition:opacity .3s 0, visibility 0 .3s; -webkit-border-radius:5px; border-radius:5px; display:inline-block; position:fixed; height:60px; width:60px; right:30px; bottom:30px; overflow:hidden; text-indent:100%; white-space:nowrap; visibility:hidden; opacity:0; z-index: 99999; }
.no-touch .top:hover, .top.fade-out, .top.is-visible { -webkit-transition:opacity .3s 0, visibility 0 0; -moz-transition:opacity .3s 0, visibility 0 0; transition:opacity .3s 0, visibility 0 0; }
.top.is-visible { visibility:visible; opacity:1; }
.top.fade-out { opacity:.5; }
.top:hover { background:rgb(94, 111, 145) url(../i/arrow2.svg)no-repeat center 50%; opacity:1; }

@media (max-width: 1100px) {
    header { position:fixed; width: 500px; min-width: 300px; height:100%;top: 0px; margin: 0; padding: 0;z-index: 9999;}
    .page { margin:0 0 0 500px;}
}
@media (max-width: 1024px) {
    header { position:fixed; width: 350px; min-width: 300px; height:100%;top: 0px; margin: 0; padding: 0;z-index: 9999;}
    .page { margin:0 0 0 350px;}
}
@media (max-width: 890px) {
    header { float: left; clear: left; position:relative; width: 100%; height:400px; margin: 0; padding: 0;}
    header .block {float: left; margin:0; padding: 0; width: 100%; height:400px;}
    header .logo { float:left; width: 100%; margin:60px 0 50px 0; padding: 0; text-align: center;}
    #mport {position: absolute;visibility:visible;display: block;top: 350px; right: 0;width: 100%; height: 40px;margin: 0;padding: 10px 0 0 0; z-index: 50; background-color: #4a4380; color:#fff;list-style-type: none; font-weight: 700;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
    #mport .mtext {position: absolute;text-transform: uppercase;color: #fff;font-weight: 600;display: inline-block;left: 12px;}
    #mport .micon {display: inline-block;position: absolute;top: 25px;bottom: auto;right: 25px;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 2px;background-color: rgb(255, 255, 255);left: auto;right: 1.25em;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
    #mport .micon::before, #mport .micon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;}
    #mport .micon::before {bottom: 5px;}
    #mport .micon::after {top: 5px;}
    #mport.is-clicked .micon {background-color: rgba(255, 255, 255, 0);}
    #mport.is-clicked .micon::before, #mport.is-clicked .micon::after {background-color: rgb(255, 255, 255);}
    #mport.is-clicked .micon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    #mport.is-clicked .micon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    nav  { width: 100%;min-width: 100%;max-width: 100%;color: #000; margin: 0;position: absolute; top: 400px; left: 0;padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;z-index: 9999;}
    nav .m-open {display: block;visibility:visible;height: auto;position: absolute;z-index: 9999;}
    nav ul {visibility: hidden;display: none;width: 100%;margin: 0;background:#303030;position: absolute;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 9999;}
    .mm li {float: left; width: 100%;position: relative; margin: 1px 0;padding:0;list-style-type: none;text-align: center;cursor: pointer;}
    .mm li>a {float: left;width: 100%;margin: 0;background-color:#303030; color:#fff;font-weight: normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .mm li>a:hover {color: #fff;text-decoration: none;background-color:#ae0d2f;}
    .mm .open { float: left; clear: left; background:#303030; display:block; position:relative; width: 100%;min-width: 100%;max-width: 100%; padding:4px 0; text-align:center; top: none; left: none;z-index: 1;}
    .mm li.open { float: left;clear: left;list-style:none; width: 100%;min-width: 100%;max-width: 100%; height: auto; background:#303030;margin:0; padding:0; z-index: 1;}
    .mm .open ul {float: left;position:relative;width: 100%;visibility:visible;display: block;height: auto; margin: 0; padding: 0; top:0; left: 0;background:#303030;}
    .mm .open ul li { float: left; position:relative; width: 100%;min-width: 100%;max-width: 100%;text-align:center;margin: 0;z-index: 1;}
    .mm .open ul li a { float: left; background-color:#605f5f; color:#fff; display:block; text-align:center; text-decoration:none; padding:8px 0; margin: 0 0 1px 0; z-index: 1; }
    .mm .open ul li a:hover { background:#ae0d2f; color:#000;}
    .mm .open ul li.active a { background:#ae0d2f; color:#FFF; } 
    .page {float: left; clear: left;position:relative; margin: 20px 0 0 0;  width: 100%; height:auto; z-index: 1;}
}