/*
Theme Name: vulkanrussia_3
Text Domain: vulkanrussia_3
*/


/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
-------------------------------------------------------------- */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}

/* =Global Elements
-------------------------------------------------------------- */

/* Text meant only for screen readers */
.screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;height:1px;width:1px}


/* =Content default WP theme styles
-------------------------------------------------------------- */
.home .sticky{background:#f2f7fc;border-top:4px solid #000;margin-left:-20px;margin-right:-20px;padding:18px 20px}
.single .hentry{margin:0 0 36px}
.page-title{font-size:20px;font-weight:bold;margin:0 0 30px}
.page-title span{color:#fffc00;font-style:italic;font-weight:normal}
.page-title a:link,.page-title a:visited{color:#fffc00;text-decoration:none}
.page-title a:active,.page-title a:hover{color:#ff4b33}
#content .entry-title{font-size:20px;font-weight:bold;line-height:1.3em;}
.entry-title a:link,.entry-title a:visited{text-decoration:none}
.entry-title a:active,.entry-title a:hover{color:#ff4b33}
.entry-meta{font-size:12px}
.entry-meta abbr,.entry-utility abbr{border:none}
.entry-meta abbr:hover,.entry-utility abbr:hover{border-bottom:1px dotted #666}
.entry-content,.entry-summary{clear:both;padding:12px 0 0}
.entry-content .more-link{white-space:nowrap}
#content .entry-summary p:last-child{margin-bottom:12px}
.entry-content fieldset{border:1px solid #e7e7e7;margin:0 0 24px;padding:24px}
.entry-content fieldset legend{background:#fff;color:#000;font-weight:bold;padding:0 24px}
.entry-content input{margin:0 0 24px}
.entry-content input.file,.entry-content input.button{margin-right:24px}
.entry-content label{color:#777;font-size:12px}
.entry-content select{margin:0 0 24px}
.entry-content sup,.entry-content sub{font-size:10px}
.entry-content blockquote.left{float:left;margin-left:0;margin-right:24px;text-align:right;width:33%}
.entry-content blockquote.right{float:right;margin-left:24px;margin-right:0;text-align:left;width:33%}
.page-link{clear:both;color:#000;font-weight:bold;line-height:48px;word-spacing:.5em}
.page-link a:link,.page-link a:visited{background:#f1f1f1;color:#333;font-weight:normal;padding:.5em .75em;text-decoration:none}
.home .sticky .page-link a{background:#d9e8f7}
.page-link a:active,.page-link a:hover{color:#ff4b33}
body.page .edit-link{clear:both;display:block}
#entry-author-info{background:#f2f7fc;border-top:4px solid #000;clear:both;font-size:14px;line-height:20px;margin:24px 0;overflow:hidden;padding:18px 20px}
#entry-author-info #author-avatar{background:#fff;border:1px solid #e7e7e7;float:left;height:60px;margin:0 -104px 0 0;padding:11px}
#entry-author-info #author-description{float:left;margin:0 0 0 104px}
#entry-author-info h2{color:#000;font-size:100%;font-weight:bold;margin-bottom:0}
.entry-utility{clear:both;font-size:12px;line-height:18px}
.entry-meta a:hover,.entry-utility a:hover{color:#ff4b33}
#content .video-player{padding:0}
.format-standard .wp-video,.format-standard .wp-audio-shortcode,.format-audio .wp-audio-shortcode,.format-standard .video-player{margin-bottom:24px}

/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption{font-size:140%;margin-top:24px}
.attachment .entry-content .nav-previous a:before{content:'\2190\00a0'}
.attachment .entry-content .nav-next a:after{content:'\00a0\2192'}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-container img{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px!important;padding:4px;text-align:center}
.widget-container .wp-caption{max-width:100%!important}
.wp-caption img{margin:5px 5px 0;max-width:622px}
.wp-caption p.wp-caption-text{color:#777;font-size:12px;margin:5px}
.wp-smiley{margin:0}
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:2px solid #cfcfcf}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto}
.gallery .gallery-caption{color:#777;font-size:12px;margin:0 0 12px}
.gallery dl{margin:0}
.gallery img{border:10px solid #f1f1f1}
.gallery br+br{display:none}
#content .attachment img{display:block;margin:0 auto}

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul{list-style:none;margin-left:0}
.widget-area ul ul{list-style:square;margin-left:1.3em}
.widget-area select{max-width:100%}
.widget-container{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;margin:20px 0}
.widget-container:first-child{margin-top:0}
.widget-container .wp-caption img{margin:auto}
#wp_tag_cloud div{line-height:1.6em}
#wp-calendar{width:100%}
#wp-calendar caption{font-size:14px;font-weight:bold;padding-bottom:4px}
#wp-calendar thead{font-size:11px}
#wp-calendar thead th{color:#fff600}
#wp-calendar tbody td{background:#1a153b;border:1px solid #000000;padding:3px 0 2px;text-align:center}
#wp-calendar tbody .pad{background:none}
#wp-calendar tfoot #next{text-align:right}
.widget_rss a.rsswidget{color:#000}
.widget_rss a.rsswidget:hover{color:#ff4b33}
.widget_rss .widget-title img{width:11px;height:11px}
.widget_text ul,.widget_text ol{margin-bottom:1.5em}
.widget_text ol{margin-left:1.3em}
.widget_text ul ul,.widget_text ol ol,.widget_text ul ol,.widget_text ol ul{margin-bottom:0}
.widget_media_video video{max-width:100%}
.tagcloud ul{list-style-type:none;margin-left:0!important}
.tagcloud ul li{display:inline-block}
.widget-area .gallery-columns-2 img,.widget-area .gallery-columns-3 img,.widget-area .gallery-columns-4 img,.widget-area .gallery-columns-5 img,.widget-area .gallery-columns-6 img,.widget-area .gallery-columns-7 img,.widget-area .gallery-columns-8 img,.widget-area .gallery-columns-9 img{border:none;max-width:90%;width:auto}
#main .widget-area ul{margin-left:0;padding:0}
#main .widget-area ul ul{border:none;margin-left:1.3em;padding:0}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre{-webkit-text-size-adjust:140%}
code{-webkit-text-size-adjust:160%}
#access,.entry-meta,.entry-utility,.navigation,.widget-area{-webkit-text-size-adjust:120%}
#site-description{-webkit-text-size-adjust:none}


/* =helper styles
------------------------------------------------------------------------------*/
*,:before,:after{box-sizing:border-box}
html,body{height:100%}
body{padding:0}
p{margin:10px 0}
p:first-child,p:first-of-type{margin-top:0}
p:last-child,p:last-of-type{margin-bottom:0}
img{display:inline-block;max-width:100%;height:auto}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.lt-ie8 .clearfix{zoom:1}
.grid{margin-left:-8px;margin-right:-8px;font-size:0}
.grid:before,.grid:after{display:table;content:""}
.grid:after{clear:both}
.lt-ie8 .grid{zoom:1}
.grid__sm-1,.grid__md-1,.grid__sm-2,.grid__md-2,.grid__sm-3,.grid__md-3,.grid__sm-4,.grid__md-4,.grid__sm-5,.grid__md-5,.grid__sm-6,.grid__md-6,.grid__sm-7,.grid__md-7,.grid__sm-8,.grid__md-8,.grid__sm-9,.grid__md-9,.grid__sm-10,.grid__md-10,.grid__sm-11,.grid__md-11,.grid__sm-12,.grid__md-12,.grid__el{min-height:1px;padding-left:8px;padding-right:8px;position:relative;display:inline-block;vertical-align:top;width:100%;font-size:12px}
@media (min-width: 768px) {
.grid{margin-left:-15px;margin-right:-15px}
.grid__sm-1,.grid__md-1,.grid__sm-2,.grid__md-2,.grid__sm-3,.grid__md-3,.grid__sm-4,.grid__md-4,.grid__sm-5,.grid__md-5,.grid__sm-6,.grid__md-6,.grid__sm-7,.grid__md-7,.grid__sm-8,.grid__md-8,.grid__sm-9,.grid__md-9,.grid__sm-10,.grid__md-10,.grid__sm-11,.grid__md-11,.grid__sm-12,.grid__md-12,.grid__el{padding-left:15px;padding-right:15px}
.grid__sm-12{width:100%}
.grid__sm-11{width:91.66666667%}
.grid__sm-10{width:83.33333333%}
.grid__sm-9{width:75%}
.grid__sm-8{width:66.66666667%}
.grid__sm-7{width:58.33333333%}
.grid__sm-6{width:50%}
.grid__sm-5{width:41.66666667%}
.grid__sm-4{width:33.33333333%}
.grid__sm-3{width:25%}
.grid__sm-2{width:16.66666667%}
.grid__sm-1{width:8.33333333%}
}
@media (min-width: 992px) {
.grid__md-12{width:100%}
.grid__md-11{width:91.66666667%}
.grid__md-10{width:83.33333333%}
.grid__md-9{width:75%}
.grid__md-8{width:66.66666667%}
.grid__md-7{width:58.33333333%}
.grid__md-6{width:50%}
.grid__md-5{width:41.66666667%}
.grid__md-4{width:33.33333333%}
.grid__md-3{width:25%}
.grid__md-2{width:16.66666667%}
.grid__md-1{width:8.33333333%}
}

.container {
    padding: 0 8px;
    margin: 0 auto;
    max-width: 1070px;
}
.container:before, .container:after {
    display: table;
    content: "";
}
.container:after {
    clear: both;
}
.lt-ie8 .container {
    zoom: 1;
}
.content h1 {
    color: #7faaff;
    margin: 20px 0;
    font-weight: 700;
    font-size: 25px;
}
.main-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    p {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .main-wrapper {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20px;
    }
    .main {
        margin-left: -20px;
        margin-right: -20px;
    }
    .content {
        width: 68%;
        padding: 0 20px;
    }
    .sidebar {
        width: 32%;
        padding: 0 20px;
    }
}

/* =Plugins (slick-slider)
-------------------------------------------------------------- */
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none;border:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.head-sl-vkr-3 {
    max-height: 265px;
    display: none;
    opacity: 0;
    position: relative;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto 20px;
    padding: 0;
    list-style: none;
}

.head-sl-vkr-3.slick-slider.slick-initialized {
    opacity: 1;
    visibility: visible
}

.head-sl-vkr-3 .slick-arrow {
    position: absolute;
    background: transparent;
    line-height: 1;
    font-size: 0;
    height: 100%;
    top: 0;
    width: 40px;
    z-index: 1;
    border: none;
    outline: none;
}

.head-sl-vkr-3 .slick-prev {
    left: 0
}

.head-sl-vkr-3 .slick-next {
    right: 0
}

.head-sl-vkr-3 .slick-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 32px;

    width: 20px;
    height: 40px;
    background: url(images/sprite-general.png) no-repeat;
}

.head-sl-vkr-3 .slick-prev:after {
    left: 20px;
    background-position: 0 -120px;
}
.head-sl-vkr-3 .slick-prev:hover:after {
    background-position: 0 -80px;
}

.head-sl-vkr-3 .slick-next:after {
    right: 20px;
    background-position: -20px -120px;
}
.head-sl-vkr-3 .slick-next:hover:after {
    background-position: -20px -80px;
}

.head-sl-vkr-3 .head-sl__el {
    position: relative;
    overflow: hidden;
}

.head-sl-vkr-3 img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.head-sl-vkr-3 .head-sl__inner {
    position: absolute;
    /*right: -100%;*/
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    max-width: 400px;
    text-shadow: 0 2px 0 #000;
    transition: right 1s 0.3s ease-out;
}
.head-sl-vkr-3 .slick-slide .head-sl__inner {
    right: -100%;
}
.head-sl-vkr-3 .slick-slide.slick-active .head-sl__inner {
    right: 50px;
}

.head-sl-vkr-3 .head-sl__inner p {
    font-size: 28px;
}
.head-sl-vkr-3 .head-sl__el .btn {
    margin-top: 15px;
    display: inline-block;
}

@media only screen and (min-width:992px) {
    .head-sl-vkr-3 {
        display: block;
    }
}

/* =Main
-------------------------------------------------------------- */
body {
    padding: 0;
    font-family: Arial,sans-serif;
    font-size: 12px;
    background: #000;
    color: #fff;
    line-height: 1.4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
a {
    text-decoration: none;
    color: #7faaff;
}
a:hover {
    text-decoration: underline;
}
.btn {
    display: block;
    text-align: center;
    position: relative;
    border: 0;
    outline: none;
    text-decoration: none;
    cursor: pointer;

    line-height: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: transparent none repeat scroll 0px 0px;

    z-index: 1;
    height: 40px;
    line-height: 40px;
    text-shadow: 0px 2px 0px rgba(0,0,0,.26);
    border-radius: 4px;

    padding: 0 20px;
}
.btn:hover {
    text-decoration: none;
}
.btn--prm {
    background: -webkit-linear-gradient(top,#0044cb,#002b82);
    background: linear-gradient(to bottom,#0044cb,#002b82);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), 0 3px 0 #00194d, 0 5px 3px rgba(0,0,0,.75);
}
.btn--prm:hover {
    background: -webkit-linear-gradient(top,#0055fe,#00349c);
    background: linear-gradient(to bottom,#0055fe,#00349c);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 3px 0 #026, 0 5px 3px rgba(0,0,0,.5), 0 0 20px rgba(64,127,255,.15);
}
.btn--wrn {
    background: -webkit-linear-gradient(top,#fe0000,#a80000);
    background: linear-gradient(to bottom,#fe0000,#a80000);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 3px 0 #600, 0 5px 3px rgba(0,0,0,.75);
}
.btn--wrn:hover {
    background: -webkit-linear-gradient(top,#fe0000,#c10000);
    background: linear-gradient(to bottom,#fe0000,#c10000);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 3px 0 maroon, 0 5px 3px rgba(0,0,0,.5), 0 0 20px rgba(255,64,64,.5);
}
.btn--wrn-lg {
    height: 50px;
    padding: 0 40px;
    line-height: 50px;
    font-size: 20px;
}
.btn--wrn-anim {
    -webkit-animation: btnAnimRed 1.2s ease-in infinite;
    animation: btnAnimRed 1.2s ease-in infinite;
}
@-webkit-keyframes btnAnimRed{
    50%{
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 3px 0 maroon, 0 5px 3px rgba(0,0,0,.5), 0 0 20px rgba(255,64,64,1);
    }
}
@keyframes btnAnimRed{
    50%{
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 3px 0 maroon, 0 5px 3px rgba(0,0,0,.5), 0 0 20px rgba(255,64,64,1);
    }
}
.btn-helper {
    display: inline-block;
}
.page-wrapper {
    /*height: 100%;*/
    overflow: initial;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(images/background.jpg) 50% 0 no-repeat #000;
    background-blend-mode: screen;
    min-height: 100%;
}
.page-inner {
    background: url(images/noisy-texture.png) #061940;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 3px 5px rgba(0,0,0,.75);
    border-radius: 4px;
    padding-bottom: 20px;
}

/* =Header
-------------------------------------------------------------- */
@-webkit-keyframes headBonusTextBounseLeft{
    30%{
        left: -10px;
    }
}
@keyframes headBonusTextBounseLeft{
    30%{
        left: -10px;
    }
}
.hd-vkr-3 {
    z-index: 3;
    position: relative;
    padding: 0 40px;
    margin: 0 auto;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.hd-vkr-3 .logo {
    width: 199px;
    display: inline-block;
}
.hd-vkr-3 .logo img{
    max-width: 100%;
    display: block;
}
.hd-vkr-3 .hd__cell {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 0;
}
.hd-vkr-3 .hd__bonus-text {
    display: none;
    vertical-align: middle;
    /*width: 95px;*/
    color: #ffd400;
    font-size: 22px;
    font-family: Impact;
    line-height: 1.1;
    text-shadow: 1px 2px 0 rgba(255,212,0,.25);
    padding-left: 35px;
    position: relative;
    left: 0;
    margin-left: 10px;
    text-transform: uppercase;

    -webkit-animation: headBonusTextBounseLeft 1.2s ease-in infinite;
    animation: headBonusTextBounseLeft 1.2s ease-in infinite;
}
.hd-vkr-3 .hd__btn-reg {
    margin-bottom: 15px;
}
.hd-vkr-3 .hd__bonus-text:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 40px;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: url(images/sprite-general.png) 0 -80px;
}

.hd-vkr-3 .hd__right {
    align-self: center;
    margin-top: 0;
}
.hd-nav-vkr-3 {
    /*margin-bottom: 20px;*/
}

.btn-switcher,
.hd-menu-vkr-3 .menu .menu-item a {
    display: block;
    text-transform: uppercase;
    padding: 10px;
    color: #5d7cba;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 1px 3px rgba(0,0,0,.75);
    background: -webkit-linear-gradient(top,#1e3666,#17294d);
    background: linear-gradient(to bottom,#1e3666,#17294d);
}
.btn-switcher:hover,
.hd-menu-vkr-3 .menu .menu-item a:hover,
.hd-menu-vkr-3 .menu .menu-item.current-menu-item a {
    background: -webkit-linear-gradient(top,#26447f,#1f3767);
    background: linear-gradient(to bottom,#26447f,#1f3767);
}

.hd-menu-vkr-3 {
}
.hd-menu-vkr-3 .menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
.hd-menu-vkr-3 .menu .menu-item a {
    font-size: 12px;
    text-shadow: 0 2px 0 #000;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 19px 23px 19px 22px;
    box-shadow: inset -1px 0 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(255,255,255,.05), inset 0 0 0 1px rgba(255,255,255,.03), 0 3px 0 #0f1b33;
}
.hd-menu-vkr-3 .menu .menu-item:first-child a {
    border-radius: 3px 0 0 3px;
}
.hd-menu-vkr-3 .menu .menu-item:last-child a {
    border-radius: 0 3px 3px 0;
}
.hd-menu-vkr-3 .menu .menu-item a:hover {
    text-decoration: none;
    color: #7faaff;
    text-shadow: 0 1px 2px rgba(0,0,0,.5), 0 0 10px #7faaff;
}
.burger {
    display: none;
    cursor: pointer;
    width: 30px;
    height: 24px;
    overflow: hidden;
}
.burger span {
    position: relative;
}
.burger span,
.burger span:before,
.burger span:after{
    display: block;
    width: 100%;
    background: #fff;
    height: 4px;
    border-radius: 5px;
}
.burger span:before,
.burger span:after{
    content: '';
    position: absolute;
    left: 0;
}
.burger span:before {
    bottom: -10px;
}
.burger span:after{
    bottom: -20px;
}
@media screen and (max-width: 767px) {
    .hd-vkr-3  {
        margin-top: 40px;
        padding: 50px 15px 15px;
    }
    .hd-vkr-3 .logo {
        width: 150px;
        position: absolute;
        top: -48px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }
    .burger {
        position: absolute;
        right: 30px;
        top: -30px;
        bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .hd-vkr-3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 85px;
    }
    .hd-vkr-3 .hd__btn-reg {
        display: inline-block;
        min-width: 210px;
        margin-bottom: 0;
    }
    .hd-vkr-3 .head .logo {
        display: inline-block;
    }
}
@media screen and (max-width: 991px) {
    .burger {
        display: block;
    }
    .hd-menu-vkr-3 {
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper {
        padding-top: 60px;
    }
    .hd-vkr-3 .hd__cell.center {
        margin-right: 52px;
    }
    .hd-vkr-3 .hd__bonus-text {
        display: inline-block;
    }
    .hd-menu-vkr-3 {
        display: block !important;
    }

    .hd-menu-vkr-3 .menu {
        display: flex;
        flex-wrap: wrap;
        padding: 3px 0;
        position: relative;
        z-index: 1;
    }
    .hd-menu-vkr-3 .menu .menu-item {
        font-size: 20px;
        /*padding: 0;*/
    }
}
/* =hd-nav
-------------------------------------------------------------- */
.hd-nav-vkr-3 {
    display: none;
    background: -webkit-linear-gradient(top,#2e4971,#061940);
    background: linear-gradient(to bottom,#2e4971,#061940);
}
.hd-nav-vkr-3 .hd-nav__holder {
    background: -webkit-linear-gradient(left,#061940 20%,transparent 100%);
    background: linear-gradient(to right,#061940 20%,transparent 100%);
}
.hd-nav-vkr-3 .hd-nav__inner {
    text-align: right;
    background: url(images/noisy-texture.png);
    padding-right: 25px;
}
.hd-nav-vkr-3 .hd-nav-promo {
    position: relative;
    width: 214px;
    height: 50px;
    background: url(images/anchor_revolver_menu.png);
    color: #c00;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: left;
    padding: 20px 0 0 17px;
    transition: text-shadow .2s ease-out;
}
.hd-nav-vkr-3 .hd-nav-promo:hover {
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(102, 36, 36, 0.6);
}
.hd-nav-vkr-3 .hd-nav-promo:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 11px;
    background: url(images/anchor_corner_menu.gif);
    bottom: 6px;
    left: 7px;
}
.hd-nav-vkr-3 .hd-nav-promo:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 29px;
    background: url(images/anchor_cylinder_menu.gif);
    top: 9px;
    right: 48px;
}
.top-nav-vkr-3,
.hd-nav-vkr-3 .hd-nav-promo {
    display: inline-block;
    vertical-align: bottom;
}
.top-nav-vkr-3 .menu {
    font-size: 0;
    letter-spacing: -6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-nav-vkr-3 .menu .menu-item {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    display: inline-block;
    padding: 0 14px;
    vertical-align: middle;
    position: relative;
}
.top-nav-vkr-3 .menu .menu-item:first-child:before,
.top-nav-vkr-3 .menu .menu-item:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    padding: 0;
    background: rgba(255,255,255,.25);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.top-nav-vkr-3 .menu .menu-item:after {
    right: -2px;
}
.top-nav-vkr-3 .menu .menu-item:first-child:before {
    left: -2px;
}
.top-nav-vkr-3 .menu .menu-item a {
    position: relative;
    display: block;
    color: #fff;
    text-shadow: 0 2px #000;
    text-transform: uppercase;
    padding: 15px 0;
}
.top-nav-vkr-3 .menu .menu-item a:hover,
.top-nav-vkr-3 .menu .menu-item.current-menu-item a{
    color: #ffd400;
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    .hd-nav-vkr-3 {
        display: block;
    }
}
/* =slts
-------------------------------------------------------------- */
.slts-vkr-3 .slt {
    position: relative;
    border-radius: 3px;
    margin-bottom: 20px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 0 #000;
}
.slts-vkr-3 .slt__img {
    display: block;
    width: 100%;
    height: 139px;
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0;
    border: 3px solid #1f3666;
}
.slts-vkr-3 .slt__img img {
    width: 100%;
    height: 133px;
    margin: 0;
    object-fit: cover;
}
.slts-vkr-3 .slt__title {
    display: block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 0 0 3px 3px;
    background: -webkit-linear-gradient(top,#17294d,#1b2f59);
    background: linear-gradient(to bottom,#17294d,#1b2f59);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.slts-vkr-3 .slt__title a {
    color: inherit;
}
.slts-vkr-3 .slt__btns {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -10px;
    text-align: center;
    justify-content: space-around;
    right: 0;
    border: 3px solid red;
    border-radius: 3px;
    margin-top: 0;
    margin-bottom: 0;
}
.slts-vkr-3 .slt__btns .btn-helper {
    text-decoration: none;
    width: 50%;
}
.slts-vkr-3 .slt__btns .btn {
    border-radius: 0;
}
.slts-vkr-3 .slt:hover .slt__img {
    border-color: red;
}
.slts-vkr-3 .slt:hover .slt__btns {
    display: flex;
}

/* =Sidebar
-------------------------------------------------------------- */
.sect-sb {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sect-sb__el {
    margin-bottom: 20px;
}
.srch-vkr-3 {
    margin: 20px 0;
}
.srch-vkr-3 .srch__form {
    position: relative;
}
.srch-vkr-3 .srch__field {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    color: #5d7cba;
    font-size: 12px;
    font-family: Arial,sans-serif;
    outline: 0;
    resize: none;
    text-shadow: 0 2px 0 #000;
    border: 0;
    border-radius: 6px;
    -webkit-transition: background-color 5000s ease-in 0s;
    transition: background-color 5000s ease-in 0s;
    box-shadow: inset 0 3px 7px #000, 0 1px 0 rgba(255,255,255,.05);
    background: #000d26;
}

.srch-vkr-3 .srch__field:focus::-webkit-input-placeholder,
.srch-vkr-3 .srch__field:hover::-webkit-input-placeholder{color:#5d7cba;}

.srch-vkr-3 .srch__field:focus::-moz-placeholder,
.srch-vkr-3 .srch__field:hover::-moz-placeholder{color:#5d7cba}

.srch-vkr-3 .srch__field:focus:-ms-input-placeholder,
.srch-vkr-3 .srch__field:hover:-ms-input-placeholder{color:#5d7cba}

.srch-vkr-3 .srch__field::-webkit-input-placeholder{color:#455c8a}
.srch-vkr-3 .srch__field::-moz-placeholder{color:#455c8a}
.srch-vkr-3 .srch__field:-moz-placeholder{color:#455c8a}
.srch-vkr-3 .srch__field:-ms-input-placeholder{color:#455c8a}

.srch-vkr-3 .srch__submit {
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}
.srch-vkr-3 .srch__submit:after {
    content: "";
    background: url(images/sprite-general.png) 0 -40px no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
.srch-vkr-3 .srch__submit:hover {
    background: -webkit-linear-gradient(top,#26447f,#1f3767);
    background: linear-gradient(to bottom,#26447f,#1f3767);
}
/* =circle
-------------------------------------------------------------- */
@-webkit-keyframes circleAnchor{
    0%,100%{
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    50%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
}
@keyframes circleAnchor{
    0%,100%{
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
    50%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
}
.circle-vkr-3 {
    display: none;
    width: 279px;
    height: 170px;
    overflow: hidden;
}
.circle-vkr-3 .circle__holder {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.circle-vkr-3 .circle__cylinder {
    -webkit-animation: circleAnchor 8s ease infinite;
    animation: circleAnchor 8s ease infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    position: absolute;
    top: -195px;
    left: 50%;
    margin-left: -160px;
    width: 320px;
    height: 320px;
    background: url(images/vrw-anchor-sprite.png) -100px 160px no-repeat;
}
.circle-vkr-3 .circle__shadow-pointer {
    width: 100%;
    position: relative;
    display: block;
}
.circle-vkr-3 .circle__shadow-pointer:before,
.circle-vkr-3 .circle__shadow-pointer:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    background: url(images/vrw-anchor-sprite.png);
}
.circle-vkr-3 .circle__shadow-pointer:before {
    width: 80px;
    height: 60px;
    margin-left: -40px;
}
.circle-vkr-3 .circle__shadow-pointer:after {
    width: 280px;
    height: 20px;
    background-position: -440px 0;
    margin-left: -140px;
}
.circle-vkr-3 .circle__text {
    position: absolute;
    bottom: 18px;
    width: 240px;
    height: 40px;
    background: url(images/vrw-anchor-sprite.png) -480px -40px no-repeat;
    left: 50%;
    margin-left: -120px;
    display: block;
}

@media screen and (min-width: 992px) {
    .circle-vkr-3 {
        display: block;
        margin-top: -20px;
    }

}
/* =jp
-------------------------------------------------------------- */
@-webkit-keyframes jpAnimTextShadow{
    30%{
        text-shadow: 0px 0px 6px #fad400;
        top: -10px;
    }
}
@keyframes jpAnimTextShadow{
    30%{
        text-shadow: 0px 0px 6px #fad400;
        top: -10px;
    }
}
.jp-vkr-3 {
    text-align: center;
    display: block;
    position: relative;
}
.jp-vkr-3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 0;
    background: rgba(255,255,255,.3);
    box-shadow: 0 0 100px 20px rgba(255,255,255,.75);
    border-radius: 100%;
    margin-left: -50px;
}
.jp-vkr-3:hover {
    text-decoration: none;
}
.jp-vkr-3 .i-star {
    display: inline-block;
    vertical-align: middle;
    vertical-align: text-top;
    background: url(images/sprite-general.png);
    margin: 4px -2px;
}
.jp-vkr-3 .i-star.i-star--1 {
    width: 12px;
    height: 12px;
    background-position: -58px -136px;
}
.jp-vkr-3 .i-star.i-star--2 {
    width: 16px;
    height: 16px;
    background-position: -83px -134px;
}
.jp-vkr-3 .i-star.i-star--3 {
    width: 20px;
    height: 20px;
    background-position: -110px -132px;
}
.jp-vkr-3 .jp__text {
    margin: 50px 0 10px;
    color: #f2f2f2;
    font-size: 22px;
    line-height: 34px;
    font-family: Impact;
    letter-spacing: 5px;
    text-align: center;
    text-shadow: 0 2px 3px rgba(0,0,0,.25), 0 1px 0 #7d7d7d;
    text-transform: uppercase;
    -webkit-animation: jpAnimTextShadow 1.2s ease-in infinite;
    animation: jpAnimTextShadow 1.2s ease-in infinite;
    position: relative;
    top: 0;
}
.jp-vkr-3 .jp__text-lg {
    margin-bottom: 15px;
    font-size: 46px;
    display: block;
}
.jp-vkr-3 .jp__prize {
    margin: 0;
    white-space: nowrap;
    text-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.jp-vkr-3 .jp__num {
    position: relative;
    color: #ffd400;
    font-size: 36px;
    text-align: center;
    display: inline;
}
.jp-vkr-3 .jp__cur {
    position: relative;
    color: #ffd400;
    font-size: 16px;
    display: inline;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    margin-bottom: 20px;
}
.navigation a:link,
.navigation a:visited {
    display: block;
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 1px 3px rgba(0,0,0,.75);
    background: -webkit-linear-gradient(top,#1e3666,#17294d);
    background: linear-gradient(to bottom,#1e3666,#17294d);
    color: #5d7cba;
}
.navigation a:active,
.navigation a:hover {
    background: -webkit-linear-gradient(top,#26447f,#1f3767);
    background: linear-gradient(to bottom,#26447f,#1f3767);
}
.nav-next {
    margin-top: 20px;
}
#nav-above {
    margin: 0 0 20px 0;
}
#nav-above {
    display: none;
}
.paged #nav-above,
.single #nav-above {
    display: block;
}
@media screen and (min-width: 668px) {
    .navigation a:link,
    .navigation a:visited {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: 5px;
    }
    .nav-previous {
        float: left;
        width: 40%;
    }
    .nav-next {
        float: right;
        text-align: right;
        max-width: 40%;
        margin-top: 0;
    }
}

/* =Footer
-------------------------------------------------------------- */
.ft-vkr-3 {}
.pmnt-vkr-3 {
    border-radius: 6px;
    box-shadow: inset 0 3px 7px #000, 0 1px 0 rgba(255,255,255,.15);
    text-align: center;
    /*height: 70px;*/
    margin: 25px 0 35px;
    background: #000d26;
    padding: 10px 0;
}
.pmnt-vkr-3 .pmnt__ico {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 20px;
    height: 26px;
    background: url(images/sprite-footer.png);
}
.pmnt-vkr-3 .pmnt__ico--license {
    background-position: -115px -30px;
    width: 32px;
    height: 36px;
}
.pmnt-vkr-3 .pmnt__ico--payouts {
    background-position: 0 0;
    width: 90px;
}
.pmnt-vkr-3 .pmnt__ico--mobile {
    background-position: -92px 0;
    width: 74px;
}
.pmnt-vkr-3 .pmnt__ico--nodownload {
    background-position: -166px 0;
    width: 86px;
}
.pmnt-vkr-3 .pmnt__ico--18 {
    background-position: 0 -28px;
    width: 32px;
    height: 32px;
}
.pmnt-vkr-3 .pmnt__ico--norton {
    background-position: -38px -29px;
    width: 74px;
    height: 34px;
}
.pmnt-vkr-3 .pmnt__ico--visa {
    background-position: 0 -69px;
    width: 56px;
    height: 32px;
}
.pmnt-vkr-3 .pmnt__ico--mastercard {
    background-position: -58px -69px;
    width: 62px;
    height: 32px;
}

.ft-menu-vkr-3 {
    margin: 15px auto;
    text-align: right;
}
.ft-menu-vkr-3 a {
    color: #5d7cba;
    text-decoration: none;
    margin: 0 0.6em;
}
.ft-menu-vkr-3 a:last-child {
    margin-right: 0;
}
.ft-menu-vkr-3 a:hover {
    text-decoration: underline;
}
.ft-navigation-vkr-3,
.ft-navigation-vkr-3 .menu-item {
    display: inline-block;
}
.seo-text {
    /*width: 960px;*/
    color: #5d7cba;
    text-shadow: 0 1px 0 #000;
}
.seo-text h2,
.seo-text h3,
.seo-text h4 {
    color: #fff;
}
.seo-text h3,
.seo-text h4{
    font-size: 14px;
    text-transform: uppercase;
}
@media screen and (min-width: 992px) {
    .pay {
        margin: 10px 0 20px;
    }
}

/* =Single custom
-------------------------------------------------------------- */

.game-wrap h1 {
    font-size: 2.4em;
    font-weight: 700;
    margin: 0 0 .5em;
    line-height: 1.3em;
}

.game-wrap h1 * {
    font-weight: 700;
}

.game-box {
    margin-top: 1.625em;
}

.game-box:first-child,
.game-box:first-of-type {
    margin-top: 0;
}
.game-title {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 14px;
    text-transform: uppercase;
}
.game-btn-play {
    margin-top: 2em;
    margin-bottom: 2em;
}
.embed-resp {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 73.5%;
}

.embed-resp embed,
.embed-resp iframe,
.embed-resp object,
.embed-resp video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0 auto;
}



/* = Sidebar
-------------------------------------------------------------- */

.win-tabs-vkr-3 {
    border-radius: 50% 50% 6px 6px/25px 25px 6px 6px;
    box-shadow: inset 0 3px 7px #000, 0 1px 0 rgba(255, 255, 255, .05);
    background: #000d26;
    padding-top: 40px;
    position: relative;
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.win-tabs-vkr-3:before {
    content: "";
    width: 160px;
    height: 40px;
    background: url(images/sprite-general.png) -40px -120px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -80px;
}
.win-tabs-vkr-3 a:hover {
    text-decoration: none;
}
.win-tabs-vkr-3 .win-tabs__nav {
    display: inline-block;
    border-radius: 4px;
    font-size: 0;
    z-index: 1;
    margin: 0 auto;
    height: 53px;
    background: inherit;
    box-shadow: inherit;
}
.win-tabs-vkr-3 .win-tabs__nav-item {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    font-size: 12px;
}
.win-tabs-vkr-3 .win-tabs__nav-item:first-child {
    border-radius: 3px 0 0 3px;
}
.win-tabs-vkr-3 .win-tabs__nav-item:last-child {
    border-radius: 0 3px 3px 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .2), inset 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 3px 0 #0f1b33;
}
.win-tabs-vkr-3 .win-tabs__nav-item.active {
    padding-top: 3px;
}
.win-tabs-vkr-3 .win-tabs__nav-link {
    display: block;
    width: 120px;
    height: 50px;
    text-transform: uppercase;
    padding: 10px;
    color: #5d7cba;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-decoration: none;
    border-radius: inherit;
}
.win-tabs-vkr-3 .win-tabs__nav-item.active .win-tabs__nav-link {
    color: #7faaff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 0 10px #7faaff;
    background: none;
    box-shadow: none;
}
.win-tabs-vkr-3 .win-tabs__content {
    text-align: left;
}
.win-tabs-vkr-3 .win-tabs-board {
    z-index: 1;
    position: relative;
    padding: 20px 15px 0;
    text-shadow: 0 2px 0 #000;
}
.win-tabs-vkr-3 .win-tabs__content-item {
    overflow: hidden;
    height: 254px;
    position: relative;
}
.win-tabs-vkr-3 .win-tabs__content-item.active {}

.top-wins-vkr-3 .top-wins__item {
    display: block;
    margin: 12px 0 0;
    line-height: 1.6;
}
.top-wins-vkr-3 .top-wins__item:first-child {
    margin-top: 0;
}

.top-wins-vkr-3 .top-wins__box-img {
    float: left;
    width: 100px;
    height: 70px;
    border: 2px solid #1f3666;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

.top-wins-vkr-3 .top-wins__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.top-wins-vkr-3 .top-wins__game,
.top-wins-vkr-3 .top-wins__name,
.top-wins-vkr-3 .top-wins__sum {
    display: block;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 0;
}

.top-wins-vkr-3 .top-wins__name {
    color: #7faaff;
    font-weight: 700;
    padding-top: 6px;
}

.top-wins-vkr-3 .top-wins__game {
    color: #5d7cba;
}

.top-wins-vkr-3 .top-wins__game u {
    color: #7faaff;
}

.top-wins-vkr-3 .top-wins__sum {
    color: #ffd400;
}