@font-face {
    font-family: 'Regular';
    src: url('../fonts/Regular.eot');
    src: local('☺'), url('../fonts/Regular.woff') format('woff'), url('../fonts/Regular.ttf') format('truetype'), url('../fonts/Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Accidental';
    src: url('../fonts/Accidental.eot');
    src: local('☺'), url('../fonts/Accidental.woff') format('woff'), url('../fonts/Accidental.ttf') format('truetype'), url('../fonts/Accidental.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



html * {max-height: 999999px;}
html {font-size: 14px; font-family: 'Regular'; line-height: 30px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
body, html {height: 100%; margin: 0px; padding: 0px;}

.clear {clear: both;}
body.noscroll {overflow: hidden;}
.isbody {position: relative;}
#main .isvideo {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0; overflow: hidden;}
#main #bgVideo {min-width: 100%; min-height: 100%; width: auto; height: auto; }
.main {position: relative; min-height: calc(100vh - 100px); z-index: 1; padding: 50px;}
.main.blur a, .main.blur .logo, .main.blur .phone{-webkit-filter: blur(2px); filter: blur(2px);}


.main .zindex {position: relative; z-index: 2;}
.main .logo {width: 220px; margin: 0px auto; position: relative;}
.main .logo img {width: 100%;}
.main .a-menu {display: inline-block; width: 30px; float: left; z-index: 2; position: relative;}
.main .a-menu svg {fill: white;}
.main .phone {color: white; font-size: 14px; float: right; z-index: 2; position: relative;}
.main .phone a {color: white; text-decoration: none;}
.main .phone a svg {fill: white; width: 25px; display: inline-block; vertical-align: middle; margin-right: 5px; display: none;}
.main .phone img {display: inline-block; vertical-align: middle;}
.main .phone .vk {display: inline-block; background: url('../i/vk.png'); width: 30px; height: 30px; vertical-align: middle;}
.main .parts  {width: 70%; margin: 0px auto; margin-top: 15vh; margin-bottom: 15vh;}
.main .parts  a {display: inline-block; width: 23%; text-align: center; text-decoration: none; margin-right: 5%; margin-left: 5%; vertical-align: top;}
.main .parts  a span {display: block;}
.main .parts  a span.cap {color: white; font-family: 'Accidental'; font-size: 20px; border-bottom: 1px solid #b0afaf; padding-bottom: 30px; margin-bottom: 30px;}
.main .parts  a span.date {color: #f2ebbf; font-size: 14px; margin-bottom: 15px;}
.main .parts  a.noblur, .main .parts a.noblur *{-webkit-filter: blur(0px) !important; filter: blur(0px) !important;}
.main .sound {display: block; float: left; width: 30px;}
.main .sound svg {fill: white;}
.main .mhs {float: right;}
.main .mhs a {color: white; font-size: 12px; text-decoration: none; line-height: 24px;}
.main .mhs a span {text-indent: 302px; width: 302px; overflow: hidden; display: inline-block; height: 18px; white-space: nowrap; vertical-align: middle;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.main .mhs a:hover span{text-indent: 0px}
.main .mhs  svg {fill: white; width: 30px; margin-left: 10px; display: inline-block; vertical-align: middle;}
.main .vsp {font-size: 25px; color: white; text-transform: uppercase; text-decoration: none; width: 170px; display: block; margin: 0px auto; font-family: 'Accidental';
    animation:flash 2s ease-out infinite;
    position: relative;
}
.main .vsp:after {display: block; content: ''; background: url('../i/claws.png'); width: 41px; height: 0px; left: 50%; margin-left: -20px; top: -12px; position: absolute;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

@-webkit-keyframes flash {
    0%, 100% {opacity: 1;}
    50% {opacity: 0;}
}
@-moz-keyframes flash {
    0%, 100% {opacity: 1;}
    50% {opacity: 0;}
}
@-o-keyframes flash {
    0%, 100% {opacity: 1;}
    50% {opacity: 0;}
}
@keyframes flash {
    0%, 100% {opacity: 1;}
    50% {opacity: 0;}
}
.main .vsp:hover {opacity: 1;}
.main .vsp:hover:after {height: 48px;}
.bg-black {background-color: #000000; opacity: 0; display: block; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.bg-black.active {z-index: 3; opacity: 0.7;}
.main-menu {display: block; position: fixed; left: -928px; top: 0px; background: url('../i/cloud.png'); width: 928px; max-width: 100vw; min-height: 100vh; z-index: 10; height: 100%; background-size: 100% 100%;
    -moz-transition-duration: 3s;
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    -ms-transition-duration: 3s;
    transition-duration: 3s;
}
.main-menu ul {margin-top: 15vh; margin-left: 3vw;}
.main-menu li {list-style: none;}
.main-menu li a {font-size: 32px; color: #363736; text-transform: uppercase; font-family: 'Accidental'; text-decoration: none;}
.main-menu li {margin-bottom: 6vh;}
.main-menu li a:hover {color: #787878;}
.main-menu .close {display: block; width: 30px; position: absolute; left: 25px; top: 25px;}
.main-menu .close svg {fill: #d65b43;}
.main-menu.active {left: 0px;}
.logo-vsp {position: absolute; top: 100px; left: 50%; width: 64px; z-index: 3; margin-left: -32px;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.logo-vsp img {width: 100%;}
.logo-vsp.active {z-index: 4; width: 210px; margin-left: -105px;}
.vspl-block {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; z-index: -2; display: block; opacity: 0;
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}
.vspl-block.active {opacity: 1; z-index: 3;}
.vspl-block .close {display: block; width: 30px; position: absolute; right: 50px; top: 50px;}
.vspl-block .close svg {fill: #d65b43;}
.vspl-block p {font-size: 37px; font-family: 'Accidental'; text-transform: uppercase;}
.vspl-block .column {display: inline-block; margin-left: 13%; margin-right: 1%; width: 36%; margin-top: 25vh;}
.vspl-block .column.left {text-align: right; margin-right: 13%; margin-left: 1%;}

.main .content404  {width: 60vw; margin: 0px auto; margin-top: 22vh; margin-bottom: 22vh; color: #dbdbdb;}
.main .content404 h1 {text-align: center; font-size: 60px; line-height: 75px; font-family: 'Accidental'; letter-spacing: 6px; font-weight: normal;}
.main .content404 p {padding-right: 20px; text-align: center; line-height: 35px;}
.main .content404 p a {color: #dbdbdb; position: relative; text-decoration: none; display: inline-block; padding-left: 2px; padding-right: 2px;}
.main .content404 p a:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #d65b43; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.main .content404 p a:hover:after {height: 55%;}


.bg-inner {background: url('../i/content.jpg');height: 100%; margin: 0px; padding: 0px;}
header {display: block; padding: 50px; position: relative; z-index: 3;}
header .a-menu {display: inline-block; width: 30px; vertical-align: middle; margin-right: 35px;}
header .a-menu svg {fill: black;}
header .a-logo {display: inline-block; width: 43px; vertical-align: middle; margin-right: 35px;}
header .a-logo svg {fill: black;}
header .sound {display: inline-block; width: 30px; vertical-align: middle;}
header .sound svg {fill: black;}
header .left-icons {float: left;}
header .phone {color: black; font-size: 14px; float: right; margin-top: 9px;}
header .phone a{color: black; text-decoration: none;}
header .phone a svg {fill: black; width: 25px; display: inline-block; vertical-align: middle; margin-right: 5px; display: none;}
header .phone img {display: inline-block; vertical-align: middle;}
header .phone .vk {display: inline-block; background: url('../i/vk_black.png'); width: 30px; height: 30px; vertical-align: middle;}
footer {background-color: #dbdbdb; text-align: center; line-height: 30px;}
footer a {color: #1b1b1b; font-size: 14px; text-decoration: none;}
.content {min-height: calc(100vh - 30px);}
.pageName  {text-align: center; font-size: 60px; line-height: 75px; font-family: 'Accidental'; letter-spacing: 6px; font-weight: normal; margin-top: 0px;}
.mincontent {width: 90%; margin: 0px auto; max-width: 730px; margin-bottom: 50px;}
.center {text-align: center;}
.mincontent a {color: black; position: relative; text-decoration: none; display: inline-block; padding-left: 5px; padding-right: 5px; z-index: 1;}
.mincontent a:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #f2ebbf; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.mincontent a:hover:after {height: 55%;}
.calendar {border-top: 1px solid #b0afaf;}
.calendar .item {display: inline-block; width: calc(25% - 1px); border-right: 1px solid #b0afaf; border-bottom: 1px solid #b0afaf; vertical-align: top; height: 340px;}
.calendar .item .padd {padding: 50px; text-align: center;}
.calendar .item .padd span {display: block;}
.calendar .item .padd span.num {font-size: 50px;}
.calendar .item .padd span.month {margin-top: 5px; margin-bottom: 20px;}
.calendar .item .padd span.cap {color: #d65b43; line-height: 20px; margin-bottom: 20px;}
.calendar .item .padd span.count {color: #787777; line-height: 20px; margin-bottom: 30px;}
.calendar .item .padd a {color: black; position: relative; text-decoration: none; display: inline-block; padding-left: 5px; padding-right: 5px; z-index: 2;}
.calendar .item .padd a:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #f2ebbf; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.calendar .item .padd a:hover:after {height: 55%;}
.calendar .item .padd span.cap a{color: #d65b43;}
.calendar .item .padd span.cap a:after{display: none;}

.contacts {position: relative; top: -160px; height: calc(100vh - 160px);}
.contacts .item {display: inline-block; width: calc(50% - 1px); border-right: 1px solid #b0afaf; border-bottom: 1px solid #b0afaf; vertical-align: middle; height: 50vh;}
.contacts .item .padd {text-align: center; display: table-cell; width: 50vw; height: 50vh; vertical-align: middle;}
.contacts .item .padd span {display: block; padding-left: 20px; padding-right: 20px;}
.contacts .item .padd p {padding-left: 20px; padding-right: 20px;}
.contacts .item .padd span.num {font-size: 20px; font-family: 'Accidental'; letter-spacing: 2px;}
.contacts .item .padd a {color: black; position: relative; text-decoration: none; display: inline-block; padding-left: 5px; padding-right: 5px; z-index: 1;}
.contacts .item .padd a:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #f2ebbf; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.contacts .item .padd a:hover:after {height: 55%;}
.contacts .item.bg {cursor: pointer;}
.contacts .item.bg:hover {background: url('../i/bg1.jpg') no-repeat; background-size: cover; color: white;}

.bg-black2 {background-color: #000000; opacity: 0; display: block; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.bg-black2.active {z-index: 3; opacity: 0.9;}
.form-contact {display: block; position: fixed; bottom: -550px;  z-index: 3; width: 100%; text-align: center;left: 0px;
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}
.form-contact .is-block{text-align: left;background-color: white; width: 100vw; max-width: 800px; height: 450px; display: inline-block; position: relative;}
.form-contact ul {margin-top: 15vh; margin-left: 3vw;}
.form-contact li {list-style: none;}
.form-contact li a {font-size: 32px; color: #363736; text-transform: uppercase; font-family: 'Accidental'; text-decoration: none;}
.form-contact li {margin-bottom: 6vh;}
.form-contact li a:hover {color: #787878;}
.form-contact .close {display: block; width: 30px; position: absolute; right: -50px; top: -50px;}
.form-contact .close svg {fill: #d65b43;}
.form-contact.active {bottom: -30px;}
.form-contact .padd {padding: 2vw 5vw;}
.form-contact input[type="text"] {display: block; border: 0px; padding: 10px; border-bottom: 1px solid #777776; font-size: 14px; text-transform: uppercase; width: calc(100% - 20px); margin-bottom: 30px; font-family: 'Regular';}
.form-contact label {color: #777776; font-weight: normal;}
.form-contact .checkbox input[type="checkbox"]{display: none;}
.form-contact .checkbox {display: block; background: url('../i/check.png'); width: 25px; height: 25px; cursor: pointer;}
.form-contact .checkbox.active{background: url('../i/check-active.png');}
.form-contact .rules {padding-left: 40px; position: relative; font-size: 14px; color: #595959;}
.form-contact .rules .checkbox {position: absolute; left: 0px; top: 5px;}
.form-contact .but {color: black; position: relative; text-decoration: none; display: inline-block; padding-left: 5px; padding-right: 5px; text-transform: uppercase; opacity: 0.9;}
.form-contact .but:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #c55741; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.form-contact .but:hover:after {height: 60%;}
.form-contact .but.dis {cursor: default; opacity: 0.5;}
.form-contact .but.dis:hover:after {height: 25%;}/**/

header.fix {position: fixed; left: 0px; top: 0px; width: calc(100% - 100px);}
header.white .a-menu svg {fill: white;}
header.white .sound svg {fill: white;}
header.white .phone {color: white;}
header.white .phone .vk {background: url('../i/vk.png');}
header.white .phone a{color: white;}
header.white .phone a svg{fill: white;}

.isitem .slide1 {min-height: calc(100vh - 100px); position: relative; padding-top: 150px; color: #dbdbdb; overflow: hidden; z-index: 1;}
.isitem .slide1 .isvideo {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1;}
.isitem .slide1 .isvideo video{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.isitem .slide1 .triggers {text-align: center; width: 100%; margin-bottom: 50px;}
.isitem .slide1 .triggers .item {display: table-cell; padding-left: 50px; padding-right: 50px;}
.isitem .slide1 .triggers2 {text-align: center; width: 100%; text-align: center; padding-top: 50px; padding-bottom: 100px;}
.isitem .slide1 .triggers2 a{display: inline-block; color: white; font-size: 32px; font-family: 'Accidental'; text-decoration: none; position: relative; padding-left: 10px; padding-right: 10px; margin-left: 30px; margin-right: 30px; letter-spacing: 2px;}
.isitem .slide1 .triggers2 a:after {content: ''; display: block; position: absolute; bottom: 0%; left: 0px; width: 100%; height: 50%; background-color: #d75b43; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.isitem .slide1 .triggers2 a:hover:after {height: 110%;background-color: black;}
/*.isitem .slide1 .triggers2 a.black:after {background-color: black;}*/
.speedby {display: block; position: fixed; bottom: 0px; letter-spacing: 0px; width: 100%; z-index: 2;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.speedby.hide {opacity: 0; z-index: -100;}
.speedby a {display: table-cell; text-align: center; color: white; font-size: 14px; line-height: 50px; outline: 1px solid #787777; text-decoration: none; margin-left: -1px;
    -moz-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -ms-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.speedby.black a{color: black; outline:  1px solid black;}
.speedby a .hide {display: none;}
.speedby a:hover {color: white; background-color: #1b1b1b;}
.speedby a:hover .vis {display: none;}
.speedby a:hover .hide {display: block;}

.isitem .slide2 {position: relative; z-index: 2;}
.isitem .slide2 .isitem1 {min-height: calc(100vh - 1px); position: relative;}
.isitem .slide2 .isitem1 .item {display: inline-block; width: calc((100% / 6) - 1px); vertical-align: top; border-right: 1px solid #e0e0e0; min-height:700px; height: calc(100vh - 150px); padding-top: 150px; position: relative; border-bottom: 1px solid #e0e0e0;}
.isitem .slide2 .isitem1 .item .vis-content {padding-left: 20px; padding-right: 20px; padding-top: 200px; padding-bottom: 100px; position: relative;;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .pageName {position: absolute; top: 150px; left: 0px; width: 100%; text-align: center;}
.isitem .slide2 .isitem1 .item .bg {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; opacity: 0;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .isitem1 .item .pers {display: block; position: absolute; opacity: 0; top: 220px;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .isitem1 .item .pers1 {background: url('../i/comp1.png'); width: 319px; height: 587px; right: -171px; top: 220px;}
.isitem .slide2 .isitem1 .item .pers2 {background: url('../i/comp2.png'); width: 308px; height: 398px; right: -131px; top: 320px;}
.isitem .slide2 .isitem1 .item .pers3 {background: url('../i/comp3.png'); width: 191px; height: 422px; right: -67px; top: 320px;}
.isitem .slide2 .isitem1 .item .pers4 {background: url('../i/comp4.png'); width: 197px; height: 445px; right: -117px; top: 320px;}
.isitem .slide2 .isitem1 .item .pers5 {background: url('../i/comp5.png'); width: 136px; height: 375px; right: -35px; top: 320px;}

.isitem .slide2 .isitem1:hover .item .bg{opacity: 0.5;}
.isitem .slide2 .isitem1 .item:hover .vis-content, .isitem .slide2 .isitem1 .item.active .vis-content {padding-top: 0px; color: white;}
.isitem .slide2 .isitem1 .item:hover .pers, .isitem .slide2 .isitem1 .item.active .pers {opacity: 1;}
.isitem .slide2 .isitem1 .item:hover .bg, .isitem .slide2 .isitem1 .item.active .bg {background-color: #1C1C1C; opacity: 0.9; z-index: -1;}


.isitem .slide2 .isitem2 {min-height: calc(100vh - 1px); position: relative;}
.isitem .slide2 .isitem2 .item {display: inline-block; width: calc((100% / 5) - 1px); vertical-align: top; border-right: 1px solid #e0e0e0; min-height:700px; height: calc(100vh - 150px); padding-top: 150px; position: relative; border-bottom: 1px solid #e0e0e0;}
.isitem .slide2 .isitem2 .item .vis-content {padding-left: 20px; padding-right: 20px; padding-top: 200px; padding-bottom: 100px; position: relative;;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .pageName {position: absolute; top: 150px; left: 0px; width: 100%; text-align: center;}
.isitem .slide2 .isitem2 .item .bg {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; opacity: 0;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .isitem2 .item .pers {display: block; position: absolute; opacity: 0; top: 220px;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .isitem2 .item .pers1 {background: url('../i/comp2_1.png'); width: 204px; height: 364px; right: -39px; top: 320px;}
.isitem .slide2 .isitem2 .item .pers2 {background: url('../i/comp2_2.png'); width: 146px; height: 389px; right: -53px; top: 320px;}
.isitem .slide2 .isitem2 .item .pers3 {background: url('../i/comp2_3.png'); width: 165px; height: 410px; right: -43px; top: 320px;}
.isitem .slide2 .isitem2 .item .pers4 {background: url('../i/comp2_4.png'); width: 269px; height: 436px; right: -47px; top: 320px;}

.isitem .slide2 .isitem2:hover .item .bg {opacity: 0.5;}
.isitem .slide2 .isitem2 .item:hover .vis-content {padding-top: 0px; color: white;}
.isitem .slide2 .isitem2 .item:hover .pers {opacity: 1;}
.isitem .slide2 .isitem2 .item:hover .bg {background-color: #1C1C1C; opacity: 0.9; z-index: -1;}


.isitem .slide2 .listBg{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2;}
.isitem .slide2 .listBg i {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
.isitem .slide2 .bg1 {background: url('../i/comp1.jpg'); background-size: cover;}
.isitem .slide2 .bg2 {background: url('../i/comp2.jpg'); background-size: cover;}
.isitem .slide2 .bg3 {background: url('../i/comp3.jpg'); background-size: cover;}
.isitem .slide2 .bg4 {background: url('../i/comp4.jpg'); background-size: cover;}
.isitem .slide2 .bg5 {background: url('../i/comp5.jpg'); background-size: cover;}
.isitem .slide2 .bg6 {background: url('../i/comp6.jpg'); background-size: cover;}

.isitem .slide2 .bg7 {background: url('../i/comp2_1.jpg'); background-size: cover;}
.isitem .slide2 .bg8 {background: url('../i/comp2_2.jpg'); background-size: cover;}
.isitem .slide2 .bg9 {background: url('../i/comp2_3.jpg'); background-size: cover;}
.isitem .slide2 .bg10 {background: url('../i/comp2_4.jpg'); background-size: cover;}
.isitem .slide2 .bg11 {background: url('../i/comp2_5.jpg'); background-size: cover;}

.isitem .slide2 .listBg i.active {opacity: 1;}
.isitem .slide3 {padding-top: 150px; padding-bottom: 100px; min-height: calc(100vh - 250px);}
.isitem .slide3 .left {display: inline-block; padding: 50px; width: calc(50% - 100px); vertical-align: top;}
.isitem .slide3 .right {display: inline-block; padding: 50px; width: calc(50% - 100px); vertical-align: top;}
.isitem .slide3 .list-responses .item {display: none;}
.isitem .slide3 .list-responses .item.active {display: block;}
.isitem .slide3 .list-responses .item .text {position: relative; padding-left: 60px; font-size: 18px; line-height: 35px; margin-bottom: 30px;}
.isitem .slide3 .list-responses .item .text:after {content: '»'; color: #787777; font-size: 37px; display: inline-block; vertical-align: top; margin-left: 10px;}
.isitem .slide3 .list-responses .item .text:before {content: '«'; color: #787777; font-size: 37px; display: inline-block; vertical-align: top; margin-left: 10px; position: absolute; left: 0px; top: 0px;}
.isitem .slide3 .list-responses .item .author {position: relative; padding-left: 60px; font-size: 14px; line-height: 20px;}
.isitem .slide3 .list-responses .item .author:before {content: '—'; position: absolute; left: 28px; top: 0px;}
.isitem .slide3 .list-responses .item a {color: #787777; display: inline-block; margin-left: 60px; text-decoration: none;}
.isitem .slide3 .list-responses .item a:hover {text-decoration: underline;}
.isitem .slide3 .responses .bigA {text-transform: uppercase; display: inline-block; margin-left: 50px; margin-top: 30px; color: #1c1c1c; text-decoration: none; padding-left: 10px; padding-right: 10px; position: relative;}
.isitem .slide3 .responses .bigA:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #f2ebbf; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.isitem .slide3 .responses .bigA:hover:after {height: 60%;}
.isitem .slide3 .right a {display: inline-block; margin-right: 15px; margin-bottom: 15px;}
.isitem .slide3 .right a img {border-radius: 50%; opacity: 0.5;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.isitem .slide3 .right a.active img, .isitem .slide3 .right a img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
    opacity: 1;
}
.isitem .slide4 .calendar .item {height: 300px;}
.rekl  {position: relative; display: block; line-height: 1px; height: 150px; overflow: hidden;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
/*.rekl:hover {height: 300px;}*/
.rekl img{
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}
.rekl:hover img{margin-top: -13vw;}
.rekl span {font-size: 37px; font-family: 'Accidental'; color: white; display: table-cell; text-align: center; position: absolute; left: 0px; top: 50%; width: 100%;}
/*#smoke {position: fixed; display: block; background: url('../i/smoke.png') no-repeat 100% 100%; width: 100px; height: 100px; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; z-index: 100;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
#smoke.active {width: 200vw; height: 200vh; margin-left: -100vw; margin-top: -100vh;}/**/
#smoke {position: fixed; display: block; width: 100vw; height: 100vh; top: calc(100vh + 431px); left: 0px; z-index: -100; background: url('../i/logo.png') no-repeat center center white;
    -moz-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}
#smoke:after {display: block; content: ''; width: 100%; background: url('../i/smoke1.png') 100% 100%; height: 431px; position: absolute; left: 0px; top: -431px;}
#smoke:before {display: block; content: ''; width: 100%; background: url('../i/smoke2.png') 100% 100%; height: 431px; position: absolute; left: 0px; bottom: -431px;}
#smoke.active {top: 0px; z-index: 100;}
#smoke.active2 {top: calc(-100vh - 431px); z-index: 100;}
#smoke.notime {-moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s;}
#mainmusic{display: none;}

#soudok {display: none;}
.sound.active #soudok{display: block;}
.sound.active #closesound{display: none;}

.timing {text-transform: uppercase; text-align: center; margin: -2vh 0vh 10vh 0vh;}
.rules  a {color: black; position: relative; text-decoration: none; display: inline-block; padding-left: 5px; padding-right: 5px; z-index: 1;}
.rules  a:after {content: ''; display: block; position: absolute; bottom: 19%; left: 0px; width: 100%; height: 25%; background-color: #f2ebbf; z-index: -1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.rules  a:hover:after {height: 55%;}

.doptable { border: 1px; border-collapse: collapse; text-align: center;}
.doptable th, td { padding: 10px 20px; border-style: solid; border-width: 1px; border-color: #808080; }
.doptable th { font-weight: bold; }

@media all and (max-width: 1000px) {
    .main .mhs a span {display: none;}
    .main .phone a span{display: none;}
    .main .phone a svg{display: inline-block;}
    .main .phone img {opacity: 0;}
    .calendar .item .padd {padding: 50px;}
    .calendar .item {width: calc(50% - 1px);}
}

@media all and (max-width: 900px) {
    .main .content404 {width: calc(100vw - 100px);}
}


@media all and (max-width: 800px) {
    .main .parts {width: 90%;}
    .logo-vsp.active {width: 100px; margin-left: -50px; top: 20px;}
    .vspl-block .column {width: 90%; margin-left: 5%; margin-right: 5%; display: block; text-align: left; margin-top: 0px;}
    .vspl-block .column p {display: inline-block; font-size: 20px; line-height: 22px; font-family: 'Regular'; text-transform: inherit;}
    .vspl-block .column.left {text-align: left; margin-left: 5%; margin-right: 5%; margin-top: 260px;}
    .isitem .slide1 .triggers .item {display: inline-block; width: calc(49% - 100px); margin-bottom: 35px;}
    .isitem .slide1 .triggers2 a {margin-bottom: 30px;}
    .speedby {display: none;}
    .isitem .slide2 .pageName {position: relative; top: 30px; font-size: 45px; padding-bottom: 30px; width: calc(100% - 50px);}
    .isitem .slide3 .left {width: calc(100% - 100px);}
    .isitem .slide3 .right {width: calc(100% - 100px);}
    .isitem .slide4 .calendar .item {width: calc(50vw - 1px) !important; display: inline-block;}
    .isitem .slide2 .isitem1 .item .vis-content {padding-top: 15px; padding-bottom: 50px; position: relative;}
    .isitem .slide2 .isitem1 .item:hover .vis-content {padding-top: 15px; color: white;}
    .isitem .slide2 .isitem1 .item {display: block; width: calc(100% - 101px); height: auto; min-height: 10px; padding-top: 50px; padding-right: 100px;}
    .isitem .slide2 .isitem1 .item .pers {top: -50px;}
    .isitem .slide2 .isitem1 .item .pers1 {width: 147px; right: 0px;}
    .isitem .slide2 .isitem1 .item .pers2 {width: 178px; right: 0px;}
    .isitem .slide2 .isitem1 .item .pers3 {width: 124px; right: 0px;}
    .isitem .slide2 .isitem1 .item .pers4 {width: 80px; right: 0px;}
    .isitem .slide2 .isitem1 .item .pers5 {width: 101px; right: 0px;}
    .isitem .slide2 .isitem2 .item .vis-content {padding-top: 15px; padding-bottom: 50px; position: relative;}
    .isitem .slide2 .isitem2 .item:hover .vis-content {padding-top: 15px; color: white;}
    .isitem .slide2 .isitem2 .item {display: block; width: calc(100% - 101px); height: auto; min-height: 10px; padding-top: 50px; padding-right: 100px;}
    .isitem .slide2 .isitem2 .item .pers {top: -50px;}
    .isitem .slide2 .isitem2 .item .pers1 {width: 165px; right: 0px;}
    .isitem .slide2 .isitem2 .item .pers2 {width: 94px; right: 0px;}
    .isitem .slide2 .isitem2 .item .pers3 {width: 122px; right: 0px;}
    .isitem .slide2 .isitem2 .item .pers4 {width: 117px; right: 0px;}
    #main #bgVideo {display: none;}
    #main .isvideo {background: url('../i/index.jpg') no-repeat; background-size: cover; width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px;}
    .main .sound {display: none;}
    .main .mhs {display: none;}
    header .sound {display: none;}
    .isitem .slide1 video {display: none;}
    .isitem .slide1.slpartpart1 .isvideo{background: url('../i/part1.jpg') no-repeat; background-size: cover; width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px;}
    .isitem .slide1.slpartpart2 .isvideo{background: url('../i/part2.jpg') no-repeat; background-size: cover; width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px;}
    .isitem .slide2, .isitem .slide3, .isitem .slide4 {background: url('../i/content.jpg'); position: relative; z-index: 2;}
    .rekl, footer {z-index: 2; position: relative;}
    .isitem .slide2 .listBg i {height: 100vh; position: fixed;}
    .rekl {height: 100px;}
    .rekl img{width: 120% !important;}
    #main .main404 .isvideo {background: url('../i/404.jpg') no-repeat; background-size: cover;}
}


@media all and (max-width: 600px) {
    .vspl-block .column p {font-size: 18px; line-height: 31px; margin: 0px;}
    .pageName {font-size: 50px; line-height: 65px; padding-left: 25px; padding-right: 25px;}
    .isitem .slide2 .pageName {font-size: 50px;}
    .calendar .item .padd {padding: 25px;}
    .calendar .item .padd {padding: 25px;}
}

@media all and (max-width: 550px) {
    .main .parts {width: 90%;}
    .main .logo {padding-top: 60px;}
    .logo-vsp {top: 140px;}
    .main .parts a {width: 100%; margin: 0px; margin-bottom: 100px;}
    .main-menu {background-size: 120% 100%;}
    header .phone a svg {display: inline-block;}
    header .phone a span{display: none;}
    header {padding: 25px;}
    header.fix {width: calc(100% - 50px);}
    .main-menu .close {top: 25px;}
    .isitem .slide1 .triggers .item {width: calc(100% - 101px);}
    .pageName {font-size: 40px; line-height: 55px;}
    .isitem .slide2 .pageName {font-size: 40px;}
    .contacts {top: 0px; height: auto;}
    .contacts .item {width: calc(100% - 1px); text-align: center;}
    .contacts .item .padd {width: 100vw;}
    .main {padding: 25px; }
    header .phone img {opacity: 0;}
    .isitem .slide1 .triggers2 a::after {display: none;}
}

@media all and (max-width: 400px) {
    .main .vsp {font-size: 19px; width: 126px;}
    header .a-menu {margin-right: 15px;}
    header .a-logo {margin-right: 15px;}
    .isitem .slide1 .triggers2 a {font-size: 22px;}
    .pageName {font-size: 30px; line-height: 45px;}
    .isitem .slide2 .pageName {font-size: 30px;}
    .calendar .item {width: calc(100% - 1px);}
    .isitem .slide4 .calendar .item {width: calc(100vw - 1px) !important;}
    .isitem .slide3 .list-responses .item .text {font-size: 16px;}
    .isitem .slide3 .left {width: calc(100% - 50px); padding: 25px;}
    .rekl img{width: 150% !important;}
    .mincontent a {color: #d65b43;}
    .mincontent a::after {display: none;}
    .main .content404 h1 {font-size: 30px; line-height: 40px;}
}

div .hello {
	font-size: 0.011px;
	font-weight: normal;
	display: none;
	margin: 0pt 0.25em 0pt 0pt;
	padding: 0px;
}

h2.hello {
	font-size: 0.011px;
	display: none !important;
	position: absolute;
	top: -2000px !important;
}