@charset "UTF-8";

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

dl,
h3,
menu,
ol,
p,
pre,
ul {
    margin: 1em 0
}

.text-content a.fancybox,
a {
    text-decoration: none
}

body,
figure,
ul {
    margin: 0
}

.wrapper,
main {
    z-index: 1;
    position: relative
}

.button,
.wrapper,
body,
html,
main,
sub,
sup {
    position: relative
}

.text-content ol,
.text-page main ol {
    counter-reset: li-counter;
    list-style-type: none
}

.clearfix:after {
    clear: both
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-regular.eot);
    src: url(fonts/open-sans-regular.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-regular.woff) format('woff'), url(fonts/open-sans-regular.ttf) format('truetype'), url(fonts/open-sans-regular.svg) format('svg#web');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-bold.eot);
    src: url(fonts/open-sans-bold.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-bold.woff) format('woff'), url(fonts/open-sans-bold.ttf) format('truetype'), url(fonts/open-sans-bold.svg) format('svg#web');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-boldItalic.eot);
    src: url(fonts/open-sans-boldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-boldItalic.woff) format('woff'), url(fonts/open-sans-boldItalic.ttf) format('truetype'), url(fonts/open-sans-boldItalic.svg) format('svg#web');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-light.eot);
    src: url(fonts/open-sans-light.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-light.woff) format('woff'), url(fonts/open-sans-light.ttf) format('truetype'), url(fonts/open-sans-light.svg) format('svg#web');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-semiboldItalic.eot);
    src: url(fonts/open-sans-semiboldItalic.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-semiboldItalic.woff) format('woff'), url(fonts/open-sans-semiboldItalic.ttf) format('truetype'), url(fonts/open-sans-semiboldItalic.svg#OpenSans-SemiboldItalic) format('svg');
    font-weight: semibold;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(fonts/open-sans-semibold.eot);
    src: url(fonts/open-sans-semibold.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-semibold.woff) format('woff'), url(fonts/open-sans-semibold.ttf) format('truetype'), url(fonts/open-sans-semibold.svg#OpenSans-Semibold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Rub;
    src: url(fonts/PTRoubleSans.eot);
    src: url(fonts/PTRoubleSans?#iefix) format('embedded-opentype'), url(fonts/PTRoubleSans.woff) format('woff'), url(fonts/PTRoubleSans.ttf) format('truetype'), url(fonts/PTRoubleSans.svg) format('svg#web');
    font-weight: 400;
    font-style: normal
}


/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    font-family: sans-serif
}

a:focus {
    outline: dotted thin
}

a:active,
a:hover {
    outline: 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

legend,
ul {
    padding: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

.button,
.rub,
textarea {
    vertical-align: top
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    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
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    outline: 0 !important;
    color: inherit
}

a[class*=js-] {
    -webkit-touch-callout: none
}

ul {
    list-style: none
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important
}

.wrapper {
    min-height: 100%;
    width: 100%
}

main {
    box-sizing: border-box;
    margin: auto;
    padding: 43px 0 318px
}

.content-holder {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 990px;
    width: 100%
}

main .content-holder {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1030px
}

section {
    width: 630px;
    float: left
}

aside {
    width: 310px;
    float: right
}

h1 {
    font-size: 1.64em;
    margin: .45em 0
}

@media (min-width:0) and (max-width:570px) {
    .hidden-small {
        display: none !important
    }
}

@media (min-width:571px) and (max-width:768px) {
    .hidden-medium {
        display: none !important
    }
}

@media (min-width:769px) and (max-width:995px) {
    .hidden-large {
        display: none !important
    }
}

.button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    background: 0;
    z-index: 2;
    color: #fff;
    padding: 13px 16px 12px;
    margin: 30px 0 15px;
    font: 700 14px/18px 'Open Sans', sans-serif;
    overflow: visible;
    display: inline-block
}

.button.white,
.button:hover {
    color: #497bc0
}

.contact-map-container,
footer,
form .form-title,
form .submit-row {
    overflow: hidden
}

.button:before {
    transition: all .3s linear;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #497bc0
}

.button:hover:before {
    background: rgba(73, 123, 192, .2)
}

.button.white:before {
    background-color: #fff
}

.button.white:hover {
    color: #fff
}

.button.white:hover:before {
    background: rgba(21, 45, 79, .2)
}

.button.filter {
    width: auto;
    padding: 9px 54px 8px;
    margin-top: 40px
}

.button-wrapper {
    padding: 0 16px;
    text-align: center
}

.rub {
    display: inline-block;
    position: relative;
    font-family: Rub !important;
    font-style: normal !important;
    text-transform: uppercase !important
}

.rub:before {
    content: 'ъ';
    display: inline
}

.touch a,
.touch div,
.touch h1,
.touch h2,
.touch h3,
.touch li,
.touch p,
.touch q,
.touch span,
.touch ul {
    max-height: 999999px
}

html.no-cssgradients .error-page .wrapper {
    position: relative;
    background-image: url(../images/404.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.hidden,
html.no-cssgradients .error-page .wrapper:after,
html.no-cssgradients .error-page .wrapper:before,
html.no-cssgradients footer:before,
html.no-cssgradients header:before {
    display: none
}

.dashed {
    border-bottom-style: dashed !important
}

body:not(.main-page) .wrapper,
body:not(.main-page) footer {
    min-width: 995px
}

body:not(.main-page) header .tagline {
    display: inline-block !important
}

body:not(.main-page) header .header-content .menu-block {
    position: relative !important
}

body:not(.main-page) .navigation {
    width: 1050px !important
}

body:not(.main-page) .navigation .mobile-tabs-nav {
    display: none !important
}

body:not(.main-page) .navigation .tabs-nav {
    display: block !important
}

.grid-row:after,
.grid-row:before {
    content: " ";
    display: table
}

body:not(.main-page) .navigation .col {
    float: left !important;
    width: auto !important;
    clear: none !important
}

body:not(.main-page) .navigation .magazine .img {
    float: left !important;
    margin-right: 34px !important;
    margin-top: 4px !important
}

body:not(.main-page) main {
    width: 990px
}

body:not(.main-page) footer .dev,
body:not(.main-page) footer .social {
    clear: none !important;
    float: right !important
}

footer .content-holder:after,
footer:after,
form.support .columns:after {
    clear: both
}

@media (max-width:1024px) {

    body:not(.main-page) .content-holder,
    body:not(.main-page) .part-title,
    body:not(.main-page) .reasons-part {
        width: 890px !important
    }

    body:not(.main-page) header .content-holder {
        width: 990px !important
    }
}

.grid-row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box
}

.grid-row:after {
    clear: both
}

.grid-row .col-4 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 33.33333333%;
    float: left
}

.ajax-area {
    position: relative
}

.ajax-area .ajax-loader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, .5)
}

.ajax-area .ajax-loader:before {
    width: 40px;
    height: 40px;
    background: url(../images/sprite.png) -160px -70px no-repeat;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 28px;
    margin-left: -30px;
    -webkit-animation: loader-spin 1s linear infinite;
    animation: loader-spin 1s linear infinite
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes bouncePin {

    0%,
    100%,
    20%,
    53%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        top: 0
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        top: -30px
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        top: -15px
    }

    90% {
        top: -4px
    }
}

@keyframes bouncePin {

    0%,
    100%,
    20%,
    53%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        top: 0
    }

    40%,
    43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        top: -30px
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        top: -15px
    }

    90% {
        top: -4px
    }
}

.bouncePin {
    -webkit-animation-name: bouncePin;
    animation-name: bouncePin;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.bounce,
.contact-map-container .pin-container .pin:hover {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {

    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    0%,
    100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes space-main {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    99.997% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    99.998% {
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }

    99.999% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes space-main {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    99.997% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    99.998% {
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }

    99.999% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes upDown {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    66% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
}

@keyframes upDown {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    33% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px)
    }

    66% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
}

@-webkit-keyframes upDownScale {

    0%,
    100% {
        -webkit-transform: translate(0, 0) scale(.5);
        transform: translate(0, 0) scale(.5)
    }

    33% {
        -webkit-transform: translate(0, 3px) scale(.5);
        transform: translate(0, 3px) scale(.5)
    }

    66% {
        -webkit-transform: translate(0, -3px) scale(.5);
        transform: translate(0, -3px) scale(.5)
    }
}

@keyframes upDownScale {

    0%,
    100% {
        -webkit-transform: translate(0, 0) scale(.5);
        transform: translate(0, 0) scale(.5)
    }

    33% {
        -webkit-transform: translate(0, 3px) scale(.5);
        transform: translate(0, 3px) scale(.5)
    }

    66% {
        -webkit-transform: translate(0, -3px) scale(.5);
        transform: translate(0, -3px) scale(.5)
    }
}

@-webkit-keyframes overflow-space {

    0%,
    100% {
        overflow: hidden
    }
}

@keyframes overflow-space {

    0%,
    100% {
        overflow: hidden
    }
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

aside {
    padding-top: 18px
}

aside form .form-title-wrapper {
    margin-bottom: 19px
}

aside form .form-title {
    margin-bottom: 9px;
    margin-top: 15px
}

aside form .little-text {
    margin: 0;
    letter-spacing: -.03em
}

.breadcrumbs {
    position: relative;
    padding: 22px 0 23px;
    text-transform: uppercase;
    font-size: 13px;
    box-shadow: 0 1px 18px -4px rgba(0, 0, 0, .2);
    letter-spacing: .005em
}

.breadcrumbs ul {
    list-style: none;
    margin: auto;
    display: block;
    width: 990px;
    box-sizing: border-box
}

.breadcrumbs ul li {
    display: inline-block;
    color: #999
}

.breadcrumbs ul li a,
.section-menu .main {
    color: #497bc0
}

.breadcrumbs ul li a:hover,
.section-menu .main:hover {
    color: #152d4f
}

.breadcrumbs ul li a:after,
.section-menu .main:after {
    display: inline-block;
    content: '';
    margin: 0 9px 0 16px;
    width: 7px;
    height: 10px;
    background: url(../images/sprite.png) -135px 0 no-repeat
}

.contact-map-container {
    width: 100%;
    height: 525px
}

.contact-map-container .map {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    padding: 0
}

.contact-map-container .balloon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    box-sizing: border-box;
    position: absolute;
    bottom: 24px;
    left: -130%;
    margin: 0 0 0 -267px;
    width: 534px
}

.contact-map-container .balloon:after,
.contact-map-container .balloon:before {
    bottom: -22px;
    position: absolute;
    display: block;
    content: ''
}

.contact-map-container .balloon:before {
    width: 108%;
    height: 100%;
    left: 0;
    z-index: -1;
    background: url(data:image/png;base64,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) 50% 100% no-repeat;
    background-size: 100%
}

.contact-map-container .balloon:after {
    width: 0;
    height: 0;
    left: 69%;
    margin: 0 0 0 -17px;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 24px solid rgba(73, 123, 192, .95)
}

.contact-map-container .balloon .balloon-pic {
    -webkit-transform: skew(-14deg) translate(-10.5%, 0);
    -ms-transform: skew(-14deg) translate(-10.5%, 0);
    transform: skew(-14deg) translate(-10.5%, 0);
    width: 275px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.contact-map-container .balloon .balloon-pic .img {
    width: 100%;
    height: 100%;
    -webkit-transform: skew(14deg) translate(10.5%, 0);
    -ms-transform: skew(14deg) translate(10.5%, 0);
    transform: skew(14deg) translate(10.5%, 0);
    background: 64% 50% no-repeat;
    background-size: cover
}

.contact-map-container .balloon .balloon-close {
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) -160px -140px no-repeat;
    transition: all .3s linear;
    transition: opacity .3s linear;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px
}

.contact-map-container .balloon .balloon-close:hover {
    opacity: .75
}

.contact-map-container .balloon .balloon-title {
    position: absolute;
    top: 24px;
    left: -11px;
    z-index: 2;
    max-width: 46%;
    padding: 0 10px;
    color: #fff;
    font: 600 12px/33px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.contact-map-container .balloon .balloon-title:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(18, 41, 73, .8)
}

.contact-map-container .balloon .balloon-content {
    background: rgba(73, 123, 192, .95);
    padding: 45px 40px 43px 285px;
    color: #fff;
    font: 400 14px/21px 'Open Sans', sans-serif
}

.contact-map-container .balloon .balloon-content p {
    margin: 0
}

.contact-map-container .balloon .balloon-content p + p {
    margin-top: 10px
}

.contact-map-container .balloon .balloon-content a {
    position: relative
}

.contact-map-container .balloon .balloon-content a:before {
    width: 100%;
    height: 1px;
    transition: all .3s linear;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .7)
}

.contact-map-container .balloon .balloon-content a:hover:before {
    width: 0
}

.contact-map-container .pin-container {
    width: 61px;
    height: 58px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -58px 0 0 -30px
}

.contact-map-container .pin-container .pin {
    width: 59px;
    height: 58px;
    background: url(../images/sprite.png) -70px -200px no-repeat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: opacity .3s linear;
    display: block;
    cursor: pointer;
    line-height: 40px;
    text-align: center
}

.contact-map-container .pin-container .pin:hover {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

.contact-map-container .pin-container .pin img {
    max-height: 32px;
    max-width: 32px;
    margin-right: 14px;
    vertical-align: middle
}

.contact-map-container .pin-container.opened .pin {
    opacity: 0
}

footer .contacts a:hover,
footer .copy a:hover,
footer .dev a:hover {
    opacity: .75
}

.contact-map-container .pin-container.opened .balloon {
    display: block
}

.contact-map-container .leaflet-popup-content-wrapper {
    background: 0 0;
    box-shadow: none
}

.contact-map-container .leaflet-popup-tip-container,
.contact-map-container .leaflet-popup>

a.leaflet-popup-close-button {
    display: none
}

.contact-map-container .leaflet-container a {
    color: inherit
}

.contact-map-container .leaflet-marker-icon:hover {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bouncePin;
    animation-name: bouncePin;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.download-list-wrapper .download-list-title {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    margin-bottom: 20px
}

.download-list-wrapper .download-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.download-list-wrapper .download-list li {
    padding: 0;
    margin: 0 0 14px
}

.download-list-wrapper .download-list a {
    color: #497bc0;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    display: block;
    padding: 0 0 0 30px
}

.go-up,
.go-up .text,
.loader,
form .submit-row,
form .submit-row .reset,
header .menu-btn {
    text-align: center
}

.download-list-wrapper .download-list a.pdf:before {
    width: 21px;
    height: 23px;
    background: url(../images/sprite.png) -60px -140px no-repeat;
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 -30px
}

.download-list-wrapper .download-list a span {
    display: inline;
    vertical-align: top;
    border-bottom: 1px solid #a4bddf
}

footer .content-holder:after,
footer .content-holder:before,
footer:after,
footer:before {
    content: " ";
    display: table
}

.download-list-wrapper .download-list a:hover span {
    border-bottom-color: transparent
}

footer {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #141421;
    box-sizing: border-box;
    margin: -218px auto 0;
    min-height: 218px;
    padding: 10px 0;
    width: 100%;
    color: #fff
}

footer .content-holder {
    padding: 0 9px 0 20px;
    max-width: 1020px
}

footer .contacts {
    float: left;
    max-width: 350px;
    font-size: 14px;
    line-height: 22px
}

footer .contacts p {
    margin-bottom: 0
}

footer .contacts a {
    transition: opacity .3s linear;
    cursor: pointer;
    border-bottom: 1px solid #08c;
    color: #08c
}

footer .contacts a.mail {
    position: relative
}

footer .contacts a.mail:after {
    width: 16px;
    height: 11px;
    background: url(../images/sprite.png) -120px -60px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    margin: -2px 0 0
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    footer {
        text-align: center
    }

    footer .contacts {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

footer .social {
    float: right;
    position: relative;
    z-index: 2;
    margin-top: 21px
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    footer .social {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0 0
    }
}

footer .social a {
    transition: all .3s linear;
    display: inline-block;
    position: relative
}

footer .social a + a {
    margin-left: 16px
}

footer .social a:before {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all .3s linear;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    background: rgba(0, 136, 204, .2)
}

footer .social a:hover:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

footer .social a.fb {
    width: 35px;
    height: 35px;
    background: url(../images/sprite.png) 0 -100px no-repeat
}

footer .social a.tg {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url(../images/telegram.png);
}

footer .social a.in {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url(../images/instagram.png);
}

footer .social a.vk {
    width: 35px;
    height: 35px;
    background: url(../images/sprite.png) -40px -100px no-repeat
}

footer .social a.tw {
    width: 35px;
    height: 35px;
    background: url(../images/sprite.png) -80px -100px no-repeat
}

footer .social a.yt {
    width: 35px;
    height: 35px;
    background: url(../images/sprite.png) -120px -100px no-repeat
}

footer .copy {
    float: left;
    margin-top: 23px
}

footer .dev {
    float: right;
    margin-top: 0
}

footer .dev>

a {
    position: relative;
    z-index: 1
}

footer .copy,
footer .dev {
    color: #ccc;
    font-size: 12px;
    line-height: 22px
}

footer .copy a,
footer .dev a {
    transition: opacity .3s linear;
    cursor: pointer
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {

    footer .copy,
    footer .dev {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

form {
    padding: 23px 30px 0;
    box-sizing: border-box
}

form button:focus,
form input[type=submit]:focus,
form input[type=text]:focus {
    outline: 0
}

form .form-title {
    position: relative;
    margin: 14px 0 21px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.025em
}

form .form-title span {
    padding-right: 8px
}

form .form-title:after {
    content: '';
    position: absolute;
    top: 13px;
    width: 100%;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background-color: #ccc
}

form .form-sub-title {
    margin: 0;
    line-height: 22px
}

form .form-row {
    position: relative;
    margin-top: 15px
}

form .form-row.sub-name {
    display: none
}

form .form-row .label-wrapper {
    display: block
}

form .form-row .label-wrapper.checkbox {
    padding-top: 1px
}

form .form-row label {
    margin-bottom: 6px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: -.03em;
    vertical-align: top
}

form .form-row label span {
    font-style: italic;
    font-size: 12px;
    letter-spacing: -.05em
}

form .form-row label.radio {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px
}

form .form-row label:last-child {
    margin-bottom: 0
}

form .form-row label .checkbox-label,
form .form-row label .radio-label {
    cursor: pointer;
    position: relative;
    font-style: normal
}

form .form-row label .checkbox-label .text,
form .form-row label .radio-label .text {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 400
}

form .form-row label .checkbox-label:before,
form .form-row label .radio-label:before {
    width: 16px;
    height: 16px;
    border: 1px solid #c5c5c5;
    content: '';
    cursor: pointer;
    margin: 0 6px 0 0;
    display: inline-block;
    vertical-align: top
}

form .form-row label .checkbox-label .text {
    line-height: 18px
}

form .form-row label .radio-label:before {
    border-radius: 50%;
    margin: 0 6px 0 2px
}

form .form-row label .info {
    width: 12px;
    height: 12px;
    background: url(../images/sprite.png) -110px -380px no-repeat;
    display: inline-block;
    margin-left: 4px
}

form .form-row label.radio input[type=radio] {
    display: none
}

form .form-row label.radio input[type=radio]:checked + .radio-label:before {
    background-color: #fff
}

form .form-row label.radio input[type=radio]:checked + .radio-label:after {
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 8px;
    background-color: #497bc0
}

form .form-row label.checkbox {
    display: block;
    margin-bottom: 9px
}

form .form-row label.checkbox:last-child {
    margin-bottom: 0
}

form .form-row label.checkbox input[type=checkbox] {
    display: none
}

form .form-row label.checkbox input[type=checkbox]:checked + .checkbox-label:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAqUlEQVR42oXQPQrCQBCG4XUREUVsvIY30MI/UK+Q3kPoJTyEIBYp/OuDV7ASNVgIihewEfQd+ITVJgNPNsU3k8nmBpPEZVQVM4zzGcES1mii7HnUsdWEsIpYKnhCZOEphthoklUBMbq4oIWbhSMc0cAKFcw14KoGO53tfEcbO3SQooaHgufvXl6ndfbwVPCFPg7hT/jgPdXnndbZ/19NeHVvjLBAouk/9QG5siECJa1QGgAAAABJRU5ErkJggg==) 50% 50% no-repeat #fff
}

form .form-row input,
form .form-row select,
form .form-row textarea {
    border: 1px solid #c5c5c5;
    display: block;
    width: 100%;
    box-sizing: border-box
}

form .form-row input,
form .form-row select {
    min-height: 36px;
    padding: 0 5px
}

form .form-row textarea {
    min-height: 71px;
    padding: 5px;
    resize: none;
    max-height: 300px
}

form .form-row.error .select2-container--default .select2-selection--single,
form .form-row.error input {
    border-color: #ee4055
}

form .form-row.error .error-container {
    padding: 5px 10px;
    font: 500 12px/12px 'Open Sans', sans-serif;
    color: #fff;
    background-color: #ee4055
}

form .submit-row .submit {
    position: relative;
    border: 0;
    background: 0;
    z-index: 2;
    color: #fff;
    padding: 13px 54px 12px;
    margin: 40px 0 40px -5px;
    font: 700 14px/18px 'Open Sans', sans-serif;
    overflow: visible
}

form .submit-row .submit:before {
    transition: all .3s linear;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #497bc0
}

form.support .columns:after,
form.support .columns:before {
    content: " ";
    display: table
}

form .submit-row .submit:hover {
    color: #497bc0
}

form .submit-row .submit:hover:before {
    background: rgba(21, 45, 79, .2)
}

form .submit-row .reset {
    border: 0;
    background: 0;
    font-family: 'Open Sans', sans-serif;
    color: #497bc0;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 24px;
    display: block
}

form .submit-row .reset span {
    border-bottom: 1px dashed #497bc0
}

form .submit-row .reset:hover span {
    border-bottom-color: transparent
}

form .little-text {
    font: 400 14px/21px 'Open Sans', sans-serif
}

form.gray {
    background-color: #f2f2f2
}

form.gray input,
form.gray select,
form.gray textarea {
    background: #f2f2f2
}

form.gray input[disabled],
form.gray select[disabled],
form.gray textarea[disabled] {
    color: #999
}

form.gray input.filled,
form.gray input:focus,
form.gray select.filled,
form.gray select:focus,
form.gray textarea.filled,
form.gray textarea:focus {
    background: #fff
}

form.gray .submit-row .submit {
    width: 76%
}

form.subscribe-form {
    padding: 0;
    width: 387px
}

form.subscribe-form .form-row {
    position: relative;
    margin-top: 22px
}

form.subscribe-form input {
    width: 255px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    color: #333
}

form.subscribe-form button[type=submit] {
    transition: background-color .3s linear;
    box-sizing: border-box;
    width: 134px;
    height: 36px;
    border: none;
    background-color: #497bc0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

form.subscribe-form button[type=submit]:hover {
    background-color: #37639f
}

form.subscribe-form .ajax-loader:before {
    margin-top: 8px
}

form.submit-complete {
    transition: width .3s ease;
    width: auto
}

.popover,
.popover-wrapper .active,
form .form-content,
form .result-form,
form.submit-complete .result-form {
    transition: opacity .3s ease
}

form.submit-complete .form-content {
    transition: opacity .3s ease;
    opacity: 0;
    display: none
}

form.submit-complete .result-form {
    display: block;
    opacity: 1
}

form.support .form-title {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 4px
}

form.support .form-title:after {
    display: none
}

form.support .form-title-wrapper {
    margin-bottom: 14px
}

form.support .columns .column {
    width: 280px;
    float: left;
    display: inline-block;
    vertical-align: top
}

form.support .columns .column + .column {
    float: right
}

form.support .form-row textarea {
    resize: none;
    min-height: 188px
}

form.support .submit-row .submit {
    margin: 30px 0 34px -21px
}

form.popup {
    padding: 0
}

form .form-content {
    display: block;
    opacity: 1
}

form .result-form {
    opacity: 0;
    display: none
}

form .upload-button {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #497abd;
    background: 0 0;
    color: #497abd;
    font: 700 14px/34px 'Open Sans', sans-serif;
    padding: 0 9px;
    margin: 0 0 3px;
    transition: opacity .3s linear
}

header .menu-btn,
header .search-block .search-btn {
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1)
}

form .upload-button:hover {
    opacity: .75
}

.go-up {
    width: 60px;
    height: 63px;
    box-sizing: border-box;
    transition: all .2s cubic-bezier(.32, .89, .61, 1);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(.8) translate(0, 30px);
    -ms-transform: scale(.8) translate(0, 30px);
    transform: scale(.8) translate(0, 30px);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    text-transform: uppercase;
    z-index: 100;
    bottom: 100px;
    right: 50%;
    margin-right: -592px !important;
    position: fixed;
    background-color: #fff
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px),
(max-width:1240px) {
    .go-up {
        right: 19px;
        margin-right: 0 !important
    }
}

.go-up.vis {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: .8;
    visibility: visible
}

.go-up:before {
    width: 31px;
    height: 20px;
    background: url(../images/sprite.png) -110px -270px no-repeat;
    content: '';
    position: absolute;
    top: 13px;
    left: 14px
}

.go-up .text {
    color: #152d4f;
    font: 400 11px/22px 'Open Sans', sans-serif;
    position: absolute;
    width: 100%;
    bottom: 7px
}

.go-up:hover {
    opacity: 1
}

header {
    z-index: 3;
    width: 100%;
    background: rgba(18, 41, 73, .9);
    color: #fff
}

header .header-content {
    display: table;
    table-layout: fixed
}

header .header-content .block {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

header .header-content .menu-block {
    width: 74px
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    header .header-content .menu-block {
        position: static
    }
}

header .header-content .logo-block {
    padding: 0 20px;
    white-space: nowrap
}

header .header-content .lang-block {
    width: 122px;
    text-align: center
}

header .menu-btn {
    transition: opacity .3s linear;
    box-sizing: border-box;
    display: block;
    height: 74px;
    padding: 18px 0 0;
    cursor: pointer;
    color: #77a4d7;
    font: 700 10px/14px 'Open Sans', sans-serif;
    text-transform: uppercase
}

header .menu-btn:hover {
    opacity: .75
}

header .menu-btn .icon {
    width: 32px;
    height: 23px;
    display: block;
    margin: 0 auto 5px;
    position: relative
}

header .menu-btn .icon:after,
header .menu-btn .icon:before {
    transition: all .3s linear;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

header .lang a,
header a>

.logo {
    transition: opacity .3s linear
}

header .logo,
header .tagline {
    display: inline-block;
    vertical-align: middle
}

header .menu-btn .icon:before {
    width: 32px;
    height: 23px;
    background: url(../images/sprite.png) no-repeat
}

header .menu-btn .icon:after {
    width: 32px;
    height: 23px;
    background: url(../images/sprite.png) 0 -30px no-repeat;
    opacity: 0
}

header .menu-btn.active {
    background: #4677ba;
    color: #fff
}

header .menu-btn.active .icon:before {
    opacity: 0
}

header .menu-btn.active .icon:after {
    opacity: 1
}

header .lang a:hover,
header a>

.logo:hover {
    opacity: .75
}

header a>

.logo {
    cursor: pointer
}

header .logo {
    margin: 4px 28px 0 0;
    max-width: 100%;
    min-width: 50px
}

header .logo img {
    max-height: 46px;
    max-width: 100%
}

header .tagline {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    header .tagline {
        display: none
    }
}

header .lang {
    font-size: 14px;
    line-height: 20px
}

header .lang a {
    cursor: pointer;
    display: inline-block;
    margin-left: 14px;
    padding: 0 4px;
    position: relative
}

header .lang .active:before,
header .search-block .search-btn:before,
header .search-block form button:before {
    display: block;
    content: ''
}

header .lang a:first-child {
    margin-left: 0
}

header .lang .active {
    color: #77a4d7;
    cursor: default
}

header .lang .active:hover {
    opacity: 1
}

header .lang .active:before {
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(119, 164, 215, .25)
}

header .search-block {
    width: 60px
}

header .search-block .search-btn {
    transition: opacity .3s linear;
    position: relative;
    height: 74px;
    cursor: pointer
}

header .search-block .search-btn:hover {
    opacity: .75
}

header .search-block .search-btn:before {
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) -40px 0 no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px
}

header .search-block form {
    width: 0;
    height: 40px;
    position: absolute;
    top: 17px;
    right: 11px;
    padding: 0;
    opacity: 0;
    background: #fff;
    border-radius: 3px
}

header .search-block form input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    background: 0 0;
    outline: 0;
    transition: none
}

header .search-block form button {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -3px;
    border: none;
    outline: 0;
    border-radius: 3px;
    background: 0 0
}

header .search-block form button:before {
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) -40px 0 no-repeat;
    position: absolute;
    top: 50%;
    left: 9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

header .search-block form.active input {
    padding: 0 40px 0 18px
}

.icon {
    display: inline-block;
    vertical-align: middle
}

.icon.radio {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAjVBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZm9RFwMAAAALnRSTlMA+YVatyKlSHMGdObLxesU3CPp8wIZjAqC3fQh3oNZgRrvCYBvWMm2/vsYe9LQ+ZIK4AAAAHRJREFUCB0FwYUBgwAMALDgMGPu7tr/z1tCMQYwLpj2OgA6vamstOiD/kKZySvLOZhfVLlBaziSTlLFyqwrSBpJTDSJJjFoDUfSdWqzNevKKzvscVDlshKOpzOUGWpc44YawD0eAFA84/UGwCciagB8I+IH/r2mB2P8jusGAAAAAElFTkSuQmCC) no-repeat;
    width: 15px;
    height: 15px
}

.icon.video {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAQlBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZk7wIYaAAAAFXRSTlMA5hlJ76k850oYtbZGTzBVQBtIReRERB+SAAAAV0lEQVR4Xn3OyQ7AIAgE0FHc7brw/79aqjU2Hjon3pAQ0DPbBrsKyWzNzhw4zVRAinsUobAXYM4aJTpLIRa+BbvHjZB58PK/H+7F6hQr9yQe/vEI/sMr3DGuCDMOhixlAAAAAElFTkSuQmCC) no-repeat;
    width: 15px;
    height: 20px
}

.loader {
    position: relative;
    display: block;
    height: 60px
}

.loader:after {
    opacity: 0;
    width: 40px;
    height: 40px;
    background: url(../images/sprite.png) -160px -70px no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: loader-spin 1s linear infinite;
    animation: loader-spin 1s linear infinite
}

.loader.active:after {
    opacity: 1
}

@keyframes loader-spin {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-spin {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

nav.navigation {
    display: none;
    position: absolute;
    padding: 30px 0 0;
    top: 100%;
    left: -30px;
    width: 1050px;
    background: #4a7bbe;
    z-index: 1001
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation {
        left: 0;
        width: 100%
    }
}

nav.navigation .content-holder {
    overflow: hidden;
    position: relative
}

nav.navigation .menu-close {
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) -40px -30px no-repeat;
    transition: opacity .3s linear;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 10
}

nav.navigation .menu-close:hover {
    opacity: .75
}

nav.navigation .tabs {
    position: relative;
    z-index: 1
}

nav.navigation .mobile-tabs-nav {
    display: none;
    padding: 6px 60px 6px 10px
}

nav.navigation .mobile-tabs-nav .select2-container {
    width: 100% !important
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation .mobile-tabs-nav {
        display: block
    }
}

nav.navigation .tabs-nav {
    line-height: 0;
    text-align: justify;
    width: 93.3%
}

nav.navigation .tabs-nav:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation .tabs-nav {
        display: none
    }
}

nav.navigation .tab-toggler {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    padding: 1px 1px 6px 0;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase
}

nav.navigation .tab-toggler a {
    transition: all .3s linear;
    display: block;
    margin: 0 -10px;
    padding: 15px 17px 12px
}

nav.navigation .tab-toggler a:hover {
    background: #6e95cb
}

nav.navigation .tab-toggler.active {
    border-top-color: #81a3d2;
    border-left-color: #81a3d2;
    border-right-color: #81a3d2
}

nav.navigation .tab-toggler.active:after,
nav.navigation .tab-toggler.active:before {
    width: 1050px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    background: #81a3d2
}

nav.navigation .tab-toggler.active:before {
    right: 100%
}

nav.navigation .tab-toggler.active:after {
    left: 100%
}

nav.navigation .tab-toggler.active a {
    transition: none .3s linear
}

nav.navigation .tab-toggler.active a:hover {
    background: 0 0
}

nav.navigation .tab {
    line-height: 0;
    text-align: justify;
    display: none;
    position: relative;
    padding: 20px 0;
    font-size: 0
}

nav.navigation .tab:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block
}

nav.navigation .tab.second h3 {
    max-width: 175px
}

nav.navigation .tab.second .col .menu {
    width: 198px
}

nav.navigation .tab.second .col .tree {
    padding-top: 0
}

nav.navigation .tab.second .col .tree span {
    display: none
}

nav.navigation .tab.second .col .tree ul {
    padding: 0
}

nav.navigation .tab.second .col .tree li {
    padding-bottom: 8px;
    padding-left: 0
}

nav.navigation h3 {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 700
}

nav.navigation h3 a.active {
    color: #1c3251;
    cursor: default
}

nav.navigation h3 a:not(.active):hover {
    border-bottom: solid 1px #fff
}

nav.navigation .col {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 0 0 20px;
    text-align: left
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation .col {
        display: block;
        float: left;
        box-sizing: border-box;
        padding-right: 20px;
        margin-bottom: 20px;
        width: 50%
    }

    nav.navigation .col:nth-child(2n+1) {
        clear: left
    }

    nav.navigation .col.magazine-col {
        width: 100% !important
    }
}

.contact-page main:after,
.main-page .our-sites-part .item:after,
.main-page .press-center-part .item:after,
.popup .columns:after,
.support-page form.support .columns:after,
.training-program-page .content-tabs .tabs-nav:after,
.training-program-page .program-container:after,
.training-program-page .program-description .row-title:after,
.training-program-page .teacher-list .teacher:after,
.ui-helper-clearfix:after,
nav.navigation .col .magazine:after {
    clear: both
}

@media (min-width:0) and (max-width:570px) {
    nav.navigation .col {
        width: 100%;
        float: none
    }
}

nav.navigation .col:before {
    content: '';
    display: block;
    position: absolute;
    top: 44px;
    left: 0;
    bottom: 18px;
    width: 1px;
    background: #77a4d7
}

nav.navigation .col .menu {
    position: relative;
    margin: 0 0 0 -20px;
    padding-left: 12px;
    width: 247px;
    box-sizing: border-box
}

nav.navigation .col .menu li {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 8px
}

nav.navigation .col .menu li a {
    transition: all .3s linear;
    display: inline-block;
    padding: 5px 8px
}

nav.navigation .col .menu li a.active,
nav.navigation .col .menu li a:hover {
    background: #fff;
    color: #00265b
}

nav.navigation .col .menu li a.active {
    cursor: default
}

nav.navigation .col .menu ul {
    padding-left: 2px;
    padding-top: 6px
}

nav.navigation .col .menu.tree {
    padding-top: 5px
}

nav.navigation .col .menu.tree li {
    padding-bottom: 0;
    padding-left: 4px
}

nav.navigation .col .menu.tree li ul {
    padding-bottom: 12px
}

nav.navigation .col .menu.tree li a {
    padding: 5px 9px 6px
}

nav.navigation .col .menu.tree span {
    display: block;
    padding-left: 5px;
    color: #1c3251;
    font-weight: 700
}

nav.navigation .col .menu.second {
    margin-top: -5px
}

nav.navigation .col .menu.scroll {
    max-height: 400px
}

nav.navigation .col .menu.scroll li {
    padding-left: 12px
}

nav.navigation .col .menu.scroll .jspVerticalBar {
    top: 12px;
    right: 0;
    width: 5px
}

nav.navigation .col .menu.scroll .jspVerticalBar .jspTrack {
    background-color: rgba(255, 255, 255, .2);
    box-sizing: border-box;
    padding-bottom: 10px
}

nav.navigation .col .menu.scroll .jspVerticalBar .jspTrack .jspDrag {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 5px
}

nav.navigation .col .menu.courses {
    width: 742px;
    padding-bottom: 16px
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation .col .menu.courses {
        width: 100%
    }

    nav.navigation .col .menu.courses .name {
        display: block;
        padding: 5px 5px 5px 0
    }
}

nav.navigation .col .menu.courses .item {
    margin-bottom: 4px
}

nav.navigation .col .menu.courses .item .title {
    padding: 0 5px 0 0;
    position: relative;
    margin-left: 5px
}

nav.navigation .col .menu.courses .item .title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -2px;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg)
}

nav.navigation .col .menu.courses .item .title.active,
nav.navigation .col .menu.courses .item .title:hover {
    background: 0
}

nav.navigation .col .menu.courses .item .title.active .date,
nav.navigation .col .menu.courses .item .title:hover .date {
    color: #fff
}

nav.navigation .col .menu.courses .item .title.active:before,
nav.navigation .col .menu.courses .item .title:hover:before {
    background-color: #fff
}

nav.navigation .col .menu.courses .item .title.active {
    cursor: default
}

nav.navigation .col .menu.courses .item .title .date {
    display: inline-block;
    position: relative;
    padding: 6px 8px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 5px 0 -3px;
    color: #fff
}

nav.navigation .col .menu.courses .item .title .date:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg)
}

nav.navigation .col .menu.courses .item .title .date.pink:before {
    background-color: #c786d9
}

nav.navigation .col .menu.courses .item .title .date.green:before {
    background-color: #2ab573
}

nav.navigation .col .menu.courses .item .title .date.red:before {
    background-color: #ee4055
}

nav.navigation .col .menu.courses .item .title .date.blue:before {
    background-color: #00b3eb
}

nav.navigation .col .menu.courses .item .title .date.dark-blue:before {
    background-color: #4c7dc0;
    border: 1px solid #f3f4f6
}

nav.navigation .col .menu.courses .item .description {
    color: #122949;
    padding-left: 9px
}

nav.navigation .col .menu.faq {
    width: 742px
}

nav.navigation .col:first-child .menu:before {
    display: none
}

nav.navigation .col .magazine:after,
nav.navigation .col .magazine:before {
    content: " ";
    display: table
}

nav.navigation .col .magazine {
    max-width: 475px;
    padding-top: 7px;
    font-size: 12px;
    line-height: 18px
}

nav.navigation .col .magazine .description {
    margin-bottom: 20px;
    overflow: hidden
}

nav.navigation .col .magazine .title a.active span,
nav.navigation .col .magazine .title a:hover span {
    border-bottom: 1px solid #fff
}

nav.navigation .col .magazine .title a.active:hover span {
    border-bottom: 1px solid transparent
}

nav.navigation .col .magazine .img {
    width: 192px;
    height: 130px;
    background: center no-repeat;
    float: left;
    margin-right: 34px;
    margin-top: 4px
}

@media (min-width:0) and (max-width:570px) {
    nav.navigation .col .magazine .img {
        float: none;
        margin: 0 0 10px
    }
}

nav.navigation .col .magazine .img:hover {
    opacity: .9
}

nav.navigation .col .magazine .text {
    color: #122949;
    margin-top: 5px
}

nav.navigation .col.text-content {
    width: 70% !important;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 250px
}

nav.navigation .col.text-content:before {
    top: 0
}

nav.navigation .col.text-content a {
    color: #fff
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    nav.navigation .col .magazine {
        max-width: 100%
    }

    nav.navigation .col.text-content {
        position: relative;
        left: 0
    }
}

.paginator {
    text-align: center;
    color: #497bc0
}

.paginator a {
    display: inline-block;
    position: relative
}

.paginator a.active {
    color: #fff;
    cursor: default
}

.paginator a.active:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: #497bc0
}

.paginator a:hover:not(.active):not(.disabled):before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: rgba(73, 123, 192, .2)
}

.paginator a.pag-arrow.pag-back:after,
.paginator a.pag-arrow.pag-forward:after {
    width: 20px;
    height: 9px;
    display: inline-block;
    position: absolute;
    top: 5px;
    content: ''
}

.paginator a.pag-arrow {
    margin: 0 11px;
    padding: 0 8px;
    letter-spacing: .08em
}

.paginator a.pag-arrow.pag-back:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJBAMAAADA7xF7AAAAGFBMVEVMaXFJe8BJe8BJe8BJe8BJe8BJe8BJe8CV/ey0AAAAB3RSTlMASEbt8atHVIT+owAAAClJREFUCFtjYGAMYIABEQEYi9ERiyBDORwwJCvAFbAZwZkMyghhJpi5AFG8BtKutVIvAAAAAElFTkSuQmCC) no-repeat;
    left: -23px
}

.paginator a.pag-arrow.pag-back.disabled {
    color: #b3b3b3;
    cursor: default
}

.paginator a.pag-arrow.pag-back.disabled:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJBAMAAADA7xF7AAAAGFBMVEVMaXGzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0WzW1AAAAB3RSTlMASEbt8atHVIT+owAAAClJREFUCFtjYGAMYIABEQEYi9ERiyBDORwwJCvAFbAZwZkMyghhJpi5AFG8BtKutVIvAAAAAElFTkSuQmCC) no-repeat
}

.paginator a.pag-arrow.pag-forward:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJBAMAAADA7xF7AAAAGFBMVEVMaXFJe8BJe8BJe8BJe8BJe8BJe8BJe8CV/ey0AAAAB3RSTlMASEbt8atHVIT+owAAAChJREFUeF5jgAJWAQYYYHRkgAMRFOFyOICLMpnBmcoJcEEjuCCrAgMAMJEGeGwDZoYAAAAASUVORK5CYII=) no-repeat;
    left: 77px
}

.paginator a.pag-arrow.pag-forward.disabled {
    color: #b3b3b3;
    cursor: default
}

.paginator a.pag-arrow.pag-forward.disabled:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJBAMAAADA7xF7AAAAGFBMVEVMaXGzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0WzW1AAAAB3RSTlMASEbt8atHVIT+owAAAChJREFUeF5jgAJWAQYYYHRkgAMRFOFyOICLMpnBmcoJcEEjuCCrAgMAMJEGeGwDZoYAAAAASUVORK5CYII=) no-repeat
}

.paginator a.pag-page {
    padding: 1px 9px;
    margin: 15px 0
}

.paginator span {
    letter-spacing: .08em;
    margin: 0 -1px
}

.popover-wrapper {
    position: relative
}

.popover-wrapper .active {
    opacity: 1;
    z-index: 100
}

.popover {
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    padding: 20px 40px 30px;
    background-color: #fff;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .15);
    z-index: -1;
    top: 0;
    left: 0
}

.popover a.close {
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) -120px -140px no-repeat;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px
}

.popover a.close:hover {
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) -140px -140px no-repeat
}

.popover .popover-title {
    font: 700 18px/20px 'Open Sans', sans-serif;
    color: #333;
    text-align: left;
    padding: 17px 0 0
}

.popover.subscribe {
    top: -37px;
    left: -10px
}

.popover.subscribe .subscribe-ok {
    box-sizing: border-box;
    width: 474px;
    position: relative;
    padding: 26px 0 14px 80px;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #333;
    text-align: left
}

.popover.subscribe .subscribe-ok:before {
    width: 62px;
    height: 59px;
    background: url(../images/sprite.png) 0 -200px no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    left: 0
}

.popover.subscribe .subscribe-ok a {
    color: #497bc0
}

.popover.subscribe .subscribe-ok a span {
    border-bottom: 1px solid #497bc0
}

.popover.subscribe .subscribe-ok a:hover span {
    border-bottom-color: transparent
}

.reference {
    margin: 28px auto 50px;
    position: relative;
    padding-top: 1px;
    line-height: 20px
}

.reference .title {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 0;
    color: #fff;
    padding: 5px 16px 6px;
    margin-left: 6px;
    font: 700 13px 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.8px
}

.reference .title:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #497bc0
}

.reference .title:after {
    display: block;
    position: absolute;
    top: 0;
    right: 58px;
    bottom: 0;
    left: -10px;
    content: '';
    z-index: -2;
    background-color: #fff
}

.section-menu ul li:after,
.section-menu ul li:not(:last-child):before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    z-index: -1;
    content: ''
}

.reference hr {
    margin: 16px 0;
    height: 1px;
    color: #a4bddf;
    background-color: #a4bddf;
    border: 0
}

.reference .description {
    padding: 3px 0 11px
}

.reference .description p {
    margin: 14px 0 0 21px
}

.section-menu {
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 0;
    box-shadow: 0 1px 18px -4px rgba(0, 0, 0, .2);
    color: #497bc0
}

.section-menu a {
    position: relative;
    padding: 2px 14px 3px;
    letter-spacing: .045em;
    font-size: 13px;
    line-height: 23px
}

.section-menu .main {
    font-weight: 700;
    padding-right: 0
}

.section-menu .main.current {
    cursor: default;
    color: #999
}

.section-menu ul {
    width: 990px;
    list-style: none;
    display: block;
    margin: auto;
    box-sizing: border-box
}

.section-menu ul li {
    display: inline-block;
    position: relative
}

.section-menu ul li:not(:last-child):before {
    transform: skew(-15deg);
    position: absolute;
    border-right: 1px gray solid;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.section-menu ul li:after {
    transform: skew(-15deg);
    position: absolute;
    border-left: 3px solid transparent;
    left: -2px;
    right: 0;
    top: 0;
    bottom: 0
}

.section-menu ul li.active a:before,
.section-menu ul li.active:after {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.section-menu ul li.active {
    color: #fff
}

.section-menu ul li.active:before {
    border-right: none
}

.section-menu ul li.active:after {
    transform: skew(-15deg);
    content: '';
    border-left: 3px solid #fff;
    left: -2px
}

.section-menu ul li.active a {
    cursor: default;
    z-index: 3
}

.section-menu ul li.active a:before {
    transform: skew(-15deg);
    display: block;
    left: 0;
    z-index: -1;
    content: '';
    background: #497bc0;
    border-left: 1px gray solid
}

.section-menu ul li:hover:not(.active) a:before,
.slideshow .caption .caption-holder:before {
    content: '';
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg)
}

.section-menu ul li:hover:not(.active):before {
    border-right: 1px solid transparent
}

.section-menu ul li:hover:not(.active):after {
    border-left-color: #fff
}

.section-menu ul li:hover:not(.active) + li:before {
    border-left: 1px transparent solid
}

.section-menu ul li:hover:not(.active) a:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(-15deg);
    background: rgba(73, 123, 192, .2)
}

.section-menu ul li.active + li:before {
    border-left: 0
}

.section-menu ul li:not(.active) a {
    cursor: pointer
}

.news-page .new-item .news-gallery,
.slide-gallery {
    position: relative;
    height: 427px
}

.news-page .new-item .news-gallery.short,
.slide-gallery.short {
    height: 370px
}

.news-page .new-item .news-gallery .slides,
.slide-gallery .slides {
    font-size: 0;
    width: 100%;
    height: 100%
}

.news-page .new-item .news-gallery .slides .slide,
.slide-gallery .slides .slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.news-page .new-item .news-gallery .control,
.slide-gallery .control {
    transition: all .3s linear;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100
}

.news-page .new-item .news-gallery .control.arrow-left,
.slide-gallery .control.arrow-left {
    left: 0
}

.news-page .new-item .news-gallery .control.arrow-left:after,
.slide-gallery .control.arrow-left:after {
    width: 15px;
    height: 24px;
    background: url(../images/sprite.png) -170px -10px no-repeat;
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px
}

.news-page .new-item .news-gallery .control.arrow-right,
.slide-gallery .control.arrow-right {
    right: 0
}

.news-page .new-item .news-gallery .control.arrow-right:after,
.slide-gallery .control.arrow-right:after {
    width: 15px;
    height: 24px;
    background: url(../images/sprite.png) -170px -40px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px
}

.news-page .new-item .news-gallery .control:hover,
.slide-gallery .control:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .2)
}

.news-page .new-item .news-gallery .slide-title,
.slide-gallery .slide-title {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 17px;
    line-height: 29px;
    color: #fff;
    z-index: 100;
    width: 100%;
    background: rgba(0, 0, 0, .8)
}

.slideshow {
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slideshow .slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slideshow video {
    min-height: 100%;
    min-width: 100%
}

.slideshow .counter-template {
    display: none
}

.slideshow .caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 795px;
    width: 60%;
    z-index: 90;
    color: #fff
}

@media (min-width:0) and (max-width:570px) {
    .slideshow .caption {
        width: 100%
    }
}

.slideshow .caption .counter {
    padding-top: 15px;
    white-space: nowrap;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media (min-width:571px) and (max-width:768px) {
    .slideshow .caption .counter {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

.slideshow .caption .counter .measure {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.slideshow .caption .counter .num {
    width: 21px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 1px solid #777;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    font-size: 30px;
    font-weight: lighter;
    line-height: 32px
}

.slideshow .caption .counter .num:nth-child(3n+1) {
    margin-right: 7px
}

.slideshow .caption .counter .num .wrap {
    position: absolute;
    left: 0;
    width: 100%
}

.slideshow .caption .counter .num .wrap span {
    width: 21px;
    height: 32px;
    display: block
}

.slideshow .caption .caption-holder {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 20px 0;
    max-width: 330px;
    width: 100%
}

.slideshow .caption .caption-holder:before {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    transform: skew(-15deg);
    right: -40px;
    bottom: -20px;
    left: -55px;
    background: rgba(0, 0, 0, .5)
}

.slideshow .caption .caption-holder .tag {
    display: inline-block;
    position: relative;
    margin: 0 0 20px -65px;
    padding: 4px 11px 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: lighter
}

.slideshow .caption .caption-holder .tag:before,
.slideshow .caption.blue .tag:before {
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    bottom: 0
}

.slideshow .caption .caption-holder .tag:before {
    position: absolute;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    background: #4677ba
}

.slideshow .caption.blue .caption-holder:before {
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    background: rgba(70, 119, 186, .9)
}

.slideshow .caption.blue .tag {
    margin: 0 0 20px -85px
}

.slideshow .caption.blue .tag:before {
    position: absolute;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    background: #122949
}

.slideshow .caption.dark-blue .caption-holder:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    background: rgba(18, 41, 73, .9)
}

.slideshow .caption.dark-blue .text {
    padding-right: 20px
}

.slideshow .caption .title {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.29;
    font-weight: 700
}

@media (min-width:0) and (max-width:570px) {
    .slideshow .caption .title {
        font-size: 24px
    }
}

.slideshow .caption .title a {
    opacity: 1
}

.slideshow .caption .title a:hover {
    opacity: .8
}

.slideshow .caption .text {
    font-size: 14px;
    line-height: 24px
}

.slideshow .next,
.slideshow .prev {
    transition: opacity .3s linear;
    cursor: pointer;
    position: absolute;
    z-index: 102;
    top: 50%;
    margin: -40px 0 0
}

.slideshow .next:hover,
.slideshow .prev:hover {
    opacity: .75
}

.slideshow .prev {
    width: 30px;
    height: 48px;
    background: url(../images/sprite.png) -65px 0 no-repeat;
    left: 50px
}

.slideshow .next {
    width: 30px;
    height: 48px;
    background: url(../images/sprite.png) -100px 0 no-repeat;
    right: 50px
}

.slideshow .pager {
    position: absolute;
    bottom: 0;
    z-index: 102;
    width: 100%
}

.slideshow .pager.pin-pager {
    box-sizing: border-box;
    text-align: center
}

.slideshow .pager.pin-pager .item {
    transition: all .3s linear;
    width: 19px;
    height: 16px;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    display: inline-block;
    border: 1px solid #fff;
    margin-left: 8px;
    cursor: pointer
}

.slideshow .pager.pin-pager .item:hover {
    background-color: rgba(255, 255, 255, .2)
}

.slideshow .pager.pin-pager .item:first-child {
    margin-left: 0
}

.slideshow .pager.pin-pager .item.active {
    background: #fff
}

.slideshow .pager.pin-pager .item.active:hover {
    cursor: default
}

.slideshow .pager.pin-pager.invert .item {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg)
}

.slideshow .pager.title-pager {
    background: #122949
}

@media (min-width:0) and (max-width:570px) {

    .slideshow .next,
    .slideshow .prev {
        top: 150px
    }

    .slideshow .prev {
        left: 20px
    }

    .slideshow .next {
        right: 20px
    }

    .slideshow .pager.title-pager {
        background: 0 0;
        text-align: center;
        bottom: 20px
    }
}

.slideshow .pager.title-pager .content-holder {
    display: table;
    max-width: 1032px;
    width: 100%
}

.slideshow .pager.title-pager .item {
    box-sizing: border-box;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    min-width: 132px;
    padding: 25px 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.71;
    text-transform: uppercase
}

.slideshow .pager.title-pager .item:after,
.slideshow .pager.title-pager .item:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    position: absolute;
    left: -1px;
    z-index: 1;
    background: #4677ba;
    content: ''
}

.slideshow .pager.title-pager .item:before {
    display: block;
    top: 0;
    bottom: 0;
    transform: skew(-15deg);
    opacity: 0;
    transition: all .3s linear;
    right: -1px
}

.slideshow .pager.title-pager .item:after {
    transform: skew(-15deg);
    width: 2px;
    height: 26px;
    top: 50%;
    margin: -13px 0 0
}

.slideshow .pager.title-pager .item:first-child:after {
    display: none
}

.slideshow .pager.title-pager .item span {
    transition: opacity .3s linear;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.slideshow .pager.title-pager .item span:hover {
    opacity: .75
}

.slideshow .pager.title-pager .item.active span:hover,
.slideshow .pager.title-pager .item.active:before {
    opacity: 1;
    cursor: default
}

@media (min-width:571px) and (max-width:768px) {
    .slideshow .pager.title-pager .item {
        min-width: 0;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:0) and (max-width:570px) {
    .slideshow .pager.title-pager .item {
        transition: all .3s linear;
        width: 19px;
        height: 16px;
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg);
        display: inline-block;
        border: 1px solid #fff;
        margin-left: 8px;
        min-width: 0;
        padding: 0;
        cursor: pointer
    }

    .slideshow .pager.title-pager .item span,
    .slideshow .pager.title-pager .item:after,
    .slideshow .pager.title-pager .item:before {
        display: none
    }

    .slideshow .pager.title-pager .item:hover {
        background-color: rgba(255, 255, 255, .2)
    }

    .slideshow .pager.title-pager .item:first-child {
        margin-left: 0
    }

    .slideshow .pager.title-pager .item.active {
        background: #fff
    }

    .slideshow .pager.title-pager .item.active:hover {
        cursor: default
    }
}

.screen-slideshow {
    width: 532px;
    height: 417px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -185px 0 0 -50px;
    background: url(../images/main/screen.png) no-repeat
}

.screen-slideshow .slideshow {
    width: 490px;
    height: 274px;
    position: relative;
    top: 22px;
    left: 21px
}

.screen-nb-slideshow {
    width: 598px;
    height: 328px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -185px -125px 0 0;
    background: url(../images/main/screen-nb.png) no-repeat
}

.screen-nb-slideshow .slideshow {
    width: 432px;
    height: 270px;
    position: relative;
    top: 16px;
    left: 84px
}

.lt-ie9 .pager.title-pager .item {
    min-width: 0
}

.slonik-wrap {
    width: 150px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin: 0 -57px 0 -46px;
    overflow: visible;
    background: #141421;
    vertical-align: middle
}

.slonik-wrap .space-img {
    width: 150px;
    height: 70px;
    background: url(../images/slonik/space.png) center repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.slonik-wrap .space-img.clone {
    left: 100%
}

.slonik-wrap .satellite-img {
    width: 88px;
    height: 38px;
    background: url(../images/slonik/satellite.png) center no-repeat;
    position: absolute;
    top: 25%;
    left: -2500px
}

.slonik-wrap .slonik {
    width: 32px;
    height: 23px;
    display: block;
    background: url(../images/slonik/slonik.png) center no-repeat;
    position: absolute;
    top: 34%;
    left: 39%
}

.slonik-wrap:hover {
    transition: background 1s linear 2s;
    -webkit-animation: overflow-space .1s linear 3s infinite;
    animation: overflow-space .1s linear 3s infinite;
    background: rgba(20, 20, 33, .7);
    z-index: 2
}

.slonik-wrap:hover .slonik {
    transition: all 1s linear 3s;
    -webkit-animation: scaleOut 1s linear 2s 1, upDownScale 2s linear 3s infinite;
    animation: scaleOut 1s linear 2s 1, upDownScale 2s linear 3s infinite
}

.slonik-wrap:hover .satellite-img {
    transition: left 2s cubic-bezier(0, 0, .24, .92) 0s;
    left: 0;
    -webkit-animation: upDown 2s linear 3s infinite;
    animation: upDown 2s linear 3s infinite
}

.slonik-wrap:hover .space-img {
    transition: opacity 1s ease 3s;
    opacity: 1;
    -webkit-animation: space-main 2s cubic-bezier(0, 0, .4, -.11) 3s 1, space-main 1s linear 5s infinite;
    animation: space-main 2s cubic-bezier(0, 0, .4, -.11) 3s 1, space-main 1s linear 5s infinite
}

.slonik-wrap:hover .space-img.clone {
    -webkit-animation: space-main 2s cubic-bezier(0, 0, .4, -.11) 3s 1, space-main 1s linear 5s infinite;
    animation: space-main 2s cubic-bezier(0, 0, .4, -.11) 3s 1, space-main 1s linear 5s infinite
}

.sub-footer-wrap {
    padding: 0 0 218px;
    width: 100%;
    background-color: #5b88c6;
    color: #fff;
    z-index: 2;
    position: relative
}

.sub-footer-wrap .sub-footer {
    width: 990px;
    margin: 0 auto;
    min-height: 218px;
    padding: 18px 0 15px;
    box-sizing: border-box
}

.sub-footer-wrap .title {
    font-size: 24px;
    line-height: 20px;
    font-weight: 700
}

.sub-footer-wrap .cols {
    margin-top: 34px;
    text-align: justify;
    text-justify: newspaper;
    line-height: 0;
    width: 81%
}

.sub-footer-wrap .cols .col {
    display: inline-block;
    font-weight: 700;
    vertical-align: top
}

.sub-footer-wrap .cols .col ul {
    margin: 18px 0;
    line-height: 36px
}

.sub-footer-wrap .cols .col ul li:before {
    width: 4px;
    height: 6px;
    background: url(../images/sprite.png) -120px -190px no-repeat;
    margin-right: 13px
}

.sub-footer-wrap .cols .col ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.sub-footer-wrap .cols .col ul li a:hover {
    border-color: #ffffff
}

.sub-footer-wrap .cols .col ul li span {
    color: #141421
}

.sub-footer-wrap .cols:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.sub-head-image {
    width: 100%;
    height: 525px;
    display: table;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff
}

.sub-head-image .sub-head-image-wrap {
    display: table-cell;
    vertical-align: middle
}

.sub-head-image .sub-head-image-wrap .text-wrap {
    margin: 0 auto;
    width: 990px
}

.sub-head-image .sub-head-image-wrap .title {
    font: 800 28px/36px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.sub-head-image .sub-head-image-wrap .sub-title {
    margin-top: 7px;
    font: 400 18px/28px 'Open Sans', sans-serif
}

.text-content p {
    margin: 18px 0 20px;
    color: #666;
    /* line-height: 20px; */
    line-height: 23px;
    text-align: left
}

.text-content a {
    color: #497bc0;
    border-bottom: 1px solid #a4bddf;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.text-content a.pdf {
    margin-left: 30px
}

.text-content a.pdf:before {
    width: 21px;
    height: 23px;
    background: url(../images/sprite.png) -60px -140px no-repeat;
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 -30px
}

.text-content a:hover {
    border-color: #ffffff
}

.text-content ul li {
    margin: 18px 0 17px;
    overflow: hidden;
    padding: 0 0 0 16px;
    position: relative
}

.text-content ul li:before {
    width: 4px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGBAMAAAAWFyJGAAAAGFBMVEVMaXFJe8BJe8BJe8BJe8BJe8BJe8BJe8CV/ey0AAAAB3RSTlMAsQq+PsW79ySKFQAAABZJREFUeF5jcFRgEE9iUC4FIiADyAUAGZoC5VswBacAAAAASUVORK5CYII=) no-repeat;
    display: block;
    content: "";
    margin-right: 16px;
    margin-left: 0;
    position: absolute;
    top: 7px;
    left: 0
}

.text-content ul.gray li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGBAMAAAAWFyJGAAAAGFBMVEVmZmZmZmb///9mZmZmZmZmZmZmZmZmZmZtDm4cAAAAB3RSTlMKsQA+u77FaDVerAAAABZJREFUeF5jMGRiEHdgYC0DIiADyAUAEgECC6oG3mgAAAAASUVORK5CYII=) no-repeat
}

.text-content table {
    margin: 42px 0 35px;
    width: 100%;
    border-collapse: inherit;
    background-color: #f2f2f2
}

.text-content table caption {
    font: 700 18px/20px 'Open Sans', sans-serif;
    text-align: left;
    padding-bottom: 24px
}

.text-content table tbody {
    vertical-align: middle;
    text-align: center
}

.text-content table tbody tr:first-child {
    background-color: #f8f8f8
}

.text-content table tbody tr th {
    padding: 16px 29px 18px
}

.text-content table tbody tr th:first-child {
    text-align: left;
    padding: 16px 20px 18px
}

.text-content table tbody tr td {
    padding: 11px 20px;
    border-bottom: 1px solid #d9d9da;
    background-color: #fff
}

.text-content table tbody tr td:first-child {
    text-align: left
}

.text-content table tbody tr td:not(:last-child) {
    border-right: 3px solid #f8f8f8
}

.text-content ol {
    margin: 12px 0;
    padding: 0;
    font: 500 14px/20px bold 'Open Sans', sans-serif
}

.text-content ol>

li {
    position: relative;
    margin-bottom: 15px;
    padding: 0;
    margin-left: 20px
}

.text-content ol>

li:before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 10px;
    content: counter(li-counter) ".";
    counter-increment: li-counter;
    font-weight: 700
}

.text-content figure {
    margin: 4px 34px 20px 0;
    position: relative;
    box-sizing: border-box
}

.text-content figure img {
    margin: 0
}

.text-content figure figcaption {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #fff;
    width: 100%;
    padding: 22px 20px;
    background: rgba(0, 0, 0, .8)
}

.text-content ol + p,
.text-content ul + p {
    margin-top: -2px
}

.text-content h1 {
    letter-spacing: -.002em;
    font: 700 28px/32px 'Open Sans', sans-serif
}

.text-content h2 {
    margin: 36px 0 .83em;
    font-size: 1.71em
}

.text-content h3 {
    margin: 41px 0 17px;
    color: #000;
    font: 700 20px/20px 'Open Sans', sans-serif
}

.text-content h4 {
    margin: 29px 0 22px;
    font: 400 18px/24px 'Open Sans', sans-serif
}

.text-content blockquote {
    position: relative;
    margin: 40px 0 25px;
    padding: 33px 19px 30px;
    border-top: 1px solid #497bc0;
    border-bottom: 1px solid #497bc0
}

.text-content blockquote:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: block;
    position: absolute;
    top: -16px;
    left: -4px;
    z-index: 0;
    content: '';
    background: #497bc0;
    width: 117px;
    height: 29px;
    border-left: 10px solid #fff;
    border-radius: 1px
}

.text-content blockquote:after {
    content: 'ДЛЯ СПРАВКИ';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 0;
    color: #fff;
    padding: 5px 0 6px 21px;
    font: 700 12px/20px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.text-content blockquote p {
    margin: 0
}

.text-content blockquote p + p {
    margin: 15px 0 0
}

.content-tabs .tabs-nav {
    border-bottom: 1px solid #d9d9da;
    margin-bottom: 40px;
    font-size: 0;
    position: relative
}

.content-tabs .tabs-nav:after,
.content-tabs .tabs-nav:before {
    width: 3px;
    height: 3px;
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    background-color: #d9d9da
}

.content-tabs .tabs-nav:after {
    right: 0
}

.content-tabs .tabs-nav:before {
    left: -1px
}

.content-tabs .tabs-nav .toggler {
    transition: all .3s linear;
    display: inline-block;
    border: 1px solid transparent;
    margin: 0 26px -2px 0;
    padding: 0 0 6px;
    color: #497bc0;
    font: 700 16px/20px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.content-tabs .tabs-nav .toggler span {
    transition: background .3s ease;
    display: block;
    padding: 16px 21px 10px
}

.content-tabs .tabs-nav .toggler.active {
    color: #666;
    background: #fff;
    border-top-color: #d9d9da;
    border-right-color: #d9d9da;
    border-left-color: #d9d9da
}

.content-tabs .tabs-nav .toggler:not(.active):hover span {
    background-color: #f2f2f2
}

.content-tabs .tab {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.popup-window .bx-calendar-cell-block {
    padding-bottom: 11px;
    text-align: center
}

.popup-window .bx-calendar-header {
    padding-bottom: 16px;
    padding-top: 8px
}

.popup-window .bx-calendar-cell,
.popup-window .bx-calendar-weekend {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    color: #333;
    line-height: 20px;
    font-size: 12px;
    padding: 0;
    margin: 0 0 0 3px
}

.popup-window .bx-calendar-cell.bx-calendar-date-hidden,
.popup-window .bx-calendar-weekend.bx-calendar-date-hidden {
    font-size: 0;
    position: relative
}

.popup-window .bx-calendar-cell.bx-calendar-date-hidden:after,
.popup-window .bx-calendar-weekend.bx-calendar-date-hidden:after {
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #999;
    border-radius: 50%;
    margin: -3px 0 0 -2px
}

.popup-window .bx-calendar-cell.bx-calendar-active,
.popup-window .bx-calendar-cell:hover,
.popup-window .bx-calendar-weekend.bx-calendar-active,
.popup-window .bx-calendar-weekend:hover {
    background-color: #497bc0;
    color: #fff;
    border-radius: 3px
}

.popup-window .bx-calendar-name-day-wrap {
    display: none
}

.popup-window .bx-calendar-top-month,
.popup-window .bx-calendar-top-year {
    font: 700 12px 'Open Sans', sans-serif;
    border-bottom: 1px dashed #152d4f;
    color: #152d4f;
    text-transform: uppercase;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 0 30px;
    position: relative;
    background: 0 0
}

.popup-window .bx-calendar-top-month:after,
.popup-window .bx-calendar-top-year:after {
    width: 8px;
    height: 5px;
    content: '';
    display: block;
    vertical-align: top;
    background: url(../images/data-uri/arrow-blue.png) no-repeat;
    position: absolute;
    top: 10px;
    right: -12px
}

.popup-window .bx-calendar-month,
.popup-window .bx-calendar-month-title,
.popup-window .bx-calendar-year,
.popup-window .bx-calendar-year-number,
.popup-window .bx-calendar-year-title {
    font: 700 12px 'Open Sans', sans-serif;
    color: #000;
    text-transform: uppercase
}

.popup-window .bx-calendar-top-month {
    margin: 0
}

.popup-window .bx-calendar-left-arrow,
.popup-window .bx-calendar-right-arrow {
    display: none
}

.popup-window .bx-calendar-header-content {
    margin: 0 19px
}

.popup-window .bx-calendar-range {
    border-bottom: none
}

.boss-page main {
    padding: 43px 0 296px
}

.boss-page main .boss-list {
    margin: 32px 0 0;
    font-size: 0
}

.boss-page main .boss-list .boss-item {
    display: inline-block;
    width: 284px;
    vertical-align: top;
    margin-bottom: 56px;
    font-size: 14px
}

.boss-page main .boss-list .boss-item:nth-child(3n+2) {
    margin: 0 68px 56px
}

.boss-page main .boss-list .boss-item .boss-picture {
    transition: all .3s linear;
    width: 100%;
    height: 208px;
    border: 1px solid #e8e8e8;
    margin-bottom: 25px;
    position: relative;
    background-position: 50% 50%;
    background-size: contain;
    text-align: center;
    background-repeat: no-repeat
}

.boss-page main .boss-list .boss-item .boss-name {
    color: #152d4f;
    border-bottom: 1px dashed;
    font-weight: 700
}

.boss-page main .boss-list .boss-item .boss-name:hover,
.boss-page main .boss-list .boss-item:hover .boss-name {
    border-color: #ffffff
}

.boss-page main .boss-list .boss-item .boss-post {
    font: 12px/20px 'Open Sans', sans-serif;
    margin: 18px 0 0
}

.catalog-page main {
    padding-top: 61px
}

.catalog-page h2 {
    margin-left: 50px
}

.catalog-page .catalog-aside {
    width: 285px;
    float: left
}

.catalog-page .catalog-list-wrap {
    float: right
}

.catalog-page .catalog-list {
    width: 704px;
    float: right
}

.catalog-page .button-block {
    background-color: #497bc0;
    padding: 24px 30px;
    margin: 0 0 15px
}

.catalog-page .button-block .link-wrapper {
    display: block;
    text-align: center
}

.catalog-page .button-block .button {
    margin: 16px 0
}

.catalog-page .dashed-link {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px
}

.catalog-page .dashed-link span {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px dashed #fff
}

.catalog-page .dashed-link:hover span {
    border-bottom-color: transparent
}

.catalog-page .catalog-filter form .form-title {
    margin-bottom: 20px
}

.catalog-page .catalog-filter form .submit-row {
    margin: 28px 0 0;
    padding: 0 17px;
    border-top: 1px solid #ccc
}

.catalog-page .catalog-filter form .submit-row .submit {
    width: 100%;
    margin: 30px 0 20px
}

.catalog-page .catalog-list {
    display: table;
    margin-bottom: 49px;
    position: relative
}

.catalog-page .catalog-list:after {
    opacity: 0;
    width: 40px;
    height: 40px;
    background: url(../images/sprite.png) -160px -70px no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 56%;
    margin-top: 28px;
    margin-left: -30px;
    -webkit-animation: loader-spin 1s linear infinite;
    animation: loader-spin 1s linear infinite
}

.fancybox-close:hover,
.popup .close:hover {
    -webkit-animation: close-spin .2s linear 1
}

.catalog-page .catalog-list.loading:after {
    opacity: 1
}

.catalog-page .catalog-list .row {
    display: table-row
}

.catalog-page .catalog-list .catalog-item {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 40px
}

.catalog-page .catalog-list .catalog-item .catalog-item-wrapper {
    transition: all .3s linear;
    width: 284px;
    height: 100%;
    display: inline-table;
    vertical-align: top;
    border: 1px solid #dedede;
    border-top: none;
    margin: 0 0 0 66px
}

.catalog-page .catalog-list .catalog-item .catalog-item-wrapper:hover {
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .13)
}

.catalog-page .catalog-list .catalog-item .catalog-image {
    box-sizing: border-box;
    width: 101%;
    height: 190px;
    margin: 0 -1px;
    overflow: hidden;
    position: relative
}

.catalog-page .catalog-list .catalog-item .catalog-content {
    box-sizing: border-box;
    padding: 15px 20px
}

.catalog-page .catalog-list .catalog-item .catalog-title {
    font: 700 18px/22px 'Open Sans', sans-serif;
    color: #152d4f;
    text-align: left;
    text-decoration: underline
}

.catalog-page .catalog-list .catalog-item .catalog-title:hover {
    text-decoration: none
}

.catalog-page .catalog-list .catalog-item ul {
    padding: 18px 0 0;
    margin: 0;
    list-style: none
}

.catalog-page .catalog-list .catalog-item ul li {
    padding: 0 0 0 12px;
    margin: 0 0 9px;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #000;
    text-align: left;
    position: relative
}

.catalog-page .catalog-list .catalog-item ul li:before {
    width: 4px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGBAMAAAAWFyJGAAAAGFBMVEVmZmZmZmb///9mZmZmZmZmZmZmZmZmZmZtDm4cAAAAB3RSTlMKsQA+u77FaDVerAAAABZJREFUeF5jMGRiEHdgYC0DIiADyAUAEgECC6oG3mgAAAAASUVORK5CYII=) no-repeat;
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    top: 7px;
    left: -1px
}

.contact-page main:after,
.contact-page main:before {
    content: " ";
    display: table
}

.catalog-page .catalog-list .catalog-item .pager.pin-pager {
    text-align: right;
    padding-bottom: 18px;
    padding-right: 22px
}

.catalog-page .catalog-list .catalog-item .pager.pin-pager .item {
    width: 16px;
    height: 14px;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    margin-left: 10px
}

.contact-page main {
    padding-top: 51px
}

.error-page footer .content-holder:before,
.error-page footer:after {
    display: none
}

.contact-page .content {
    overflow: hidden;
    color: #000;
    font: 400 16px/1.5 'Open Sans', sans-serif
}

.contact-page .content h1 {
    margin: 0 0 19px;
    font-size: 24px;
    letter-spacing: -.028em
}

.contact-page .content table {
    margin: 6px 0 0;
    width: 100%
}

.contact-page .content table tr {
    border-bottom: 1px solid #d9d9da
}

.contact-page .content table td,
.contact-page .content table th {
    padding: 9px 0 8px;
    color: #666;
    font-size: 12px;
    text-align: left
}

.contact-page .content table th:first-child {
    padding-right: 10px;
    width: 205px
}

.contact-page .question {
    background: #f2f2f2;
    margin: 10px 0 0 60px;
    float: right;
    width: 313px
}

.contact-page .question input[type=text],
.contact-page .question textarea {
    background: #f2f2f2
}

.contact-page .question input[type=text]:focus,
.contact-page .question textarea:focus {
    background: #fff
}

.error-page .wrapper {
    position: relative;
    background-image: url(../images/404.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: auto
}

.error-page .wrapper:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #1e3452;
    background: linear-gradient(to bottom, #1e3452 0, #141522 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#1E3452', endColorstr='#141522');
    z-index: -1
}

.error-page footer:before,
.error-page header:before {
    width: 100%;
    height: 100px;
    left: 0;
    content: ''
}

.error-page .wrapper main {
    min-height: 1026px;
    padding: 43px 0 218px
}

.error-page header {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.error-page header:before {
    position: absolute;
    top: 100%;
    margin-top: 1px;
    background: #1e3452;
    background: linear-gradient(to bottom, rgba(18, 41, 73, .9) 0, rgba(27, 47, 74, .1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#122949', endColorstr='#1B2F4A')
}

.error-page footer {
    overflow: visible
}

.error-page footer:before {
    position: absolute;
    bottom: 100%;
    background: #1e3452;
    background: linear-gradient(to bottom, #171e30 0, #141421 100%)
}

.error-page footer .content-holder {
    padding: 0;
    width: 990px
}

.error-page .error-content {
    position: absolute;
    top: 173px;
    left: 0;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    z-index: 10
}

.error-page .error-content .text-content {
    width: 440px;
    position: relative
}

.error-page .error-content h1 {
    position: relative;
    margin-bottom: 24px;
    font-size: 50px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: -.01em
}

.error-page .error-content h1:after {
    width: 445px;
    height: 217px;
    content: '';
    position: absolute;
    background-image: url(../images/text-after.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    top: -9px;
    left: 350px
}

.error-page .error-content h1.en:after {
    width: 550px;
    top: -1px;
    left: 185px;
    background-image: url(../images/text-after-en.png)
}

.error-page .error-content a {
    font-size: 18px;
    line-height: 26px;
    color: #02b3e5;
    border-color: #02b3e5
}

.error-page .error-content a:hover {
    border-color: transparent
}

.faq-page main:not(.vacancy) {
    padding: 43px 370px 318px 0
}

.faq-page h1 {
    font-size: 1.64em;
    margin: .45em 0
}

.faq-page .question {
    position: absolute;
    top: 31px;
    right: 0;
    width: 311px;
    min-height: 462px
}

.faq-page .question form {
    background-color: #f2f2f2
}

.faq-page .question form input,
.faq-page .question form select,
.faq-page .question form textarea {
    background: #f2f2f2
}

.faq-page .question form input.filled,
.faq-page .question form input:focus,
.faq-page .question form select.filled,
.faq-page .question form select:focus,
.faq-page .question form textarea.filled,
.faq-page .question form textarea:focus {
    background: #fff
}

.faq-page .faq-list {
    margin-top: 23px
}

.faq-page .faq-list .faq-item {
    transition: all .3s linear;
    border-bottom: 1px solid #d9d9da;
    padding-left: 21px;
    letter-spacing: .022em
}

.faq-page .faq-list .faq-item:first-child {
    border-top: 1px solid #d9d9da
}

.faq-page .faq-list .faq-item.active .faq-title {
    color: #000;
    border-bottom: 1px dashed transparent
}

.faq-page .faq-list .faq-item.active .faq-title + .faq-description {
    display: block
}

.faq-page .faq-list .faq-item.active .faq-title:before {
    width: 10px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAAVFBMVEVMaXFmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYbsFoTAAAAG3RSTlMA0KebzCFIVKkJZq8Xg7kQEdYo+S3XLDPu4KwTU2dMAAAANklEQVR4XiXExQ3AMAAAsUvKzHj771lF9cNMXQuwvxeDVrDeHvSjlsXmcwK16jKTZJo3/GJIf2e+AqQwK0sWAAAAAElFTkSuQmCC) no-repeat;
    top: 21px;
    left: -22px
}

.faq-page .faq-list .faq-item .faq-title {
    position: relative;
    display: block;
    text-transform: uppercase;
    padding: 15px 0 16px;
    color: #497bc0;
    border-bottom: none;
    font: 400 14px/22px 'Open Sans', sans-serif
}

.faq-page .faq-list .faq-item .faq-title:before {
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAMAAACg0N8BAAAAV1BMVEVMaXFJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8BJe8Dp+UXtAAAAHHRSTlMAOvfT+MMEHLVKtqjHFM5bCJzMLvsH87ex2EQZR5lgnAAAADZJREFUCB0NwYUBgAAMwLDi7g79/06WMCwzYbQnTFoTGu0ISW4LVKkZbLsFvKdrCZfPAVT3B/xV7gKaHtk6lwAAAABJRU5ErkJggg==) no-repeat;
    content: '';
    position: absolute;
    top: 19px;
    left: -20px
}

.faq-page .faq-list .faq-item .faq-title:hover {
    opacity: .7
}

.faq-page .faq-list .faq-item .faq-description {
    display: none;
    font: 400 14px/22px 'Open Sans', sans-serif;
    margin: 0 0 23px
}

.faq-page .faq-list .faq-item .faq-description p {
    margin: .9em 0
}

.license-page .license-list {
    margin: 32px 0 28px;
    font-size: 0
}

.license-page .license-list .license-item {
    display: inline-block;
    width: 284px;
    vertical-align: top;
    margin-bottom: 54px;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.license-page .license-list .license-item:nth-child(3n+2) {
    margin: 0 68px
}

.license-page .license-list .license-item .license-picture {
    transition: all .3s linear;
    width: 100%;
    height: 408px;
    position: relative;
    margin-bottom: 14px;
    border: 1px solid #e8e8e8;
    background: center no-repeat;
    background-size: contain
}

.license-page .license-list .license-item .license-picture.multiple {
    box-shadow: 2px 2px 0 0 #fff, 3px 3px 0 0 #e8e8e8
}

.license-page .license-list .license-item .license-name {
    color: #152d4f;
    border-bottom: 1px dashed
}

.license-page .license-list .license-item .license-name:hover,
.license-page .license-list .license-item:hover .license-name {
    border-color: #ffffff
}

.main-page {
    background: #122949
}

.main-page header {
    position: absolute;
    top: 0;
    left: 0
}

.main-page main {
    width: 100%;
    padding: 0 0 218px;
    background: url(../images/main/world.png) 50% 50% #122949
}

.main-page .logo:hover {
    opacity: 1;
    cursor: default
}

.main-page .gis-part .tab-toggler:hover,
.main-page .part-subtitle a:hover,
.main-page .part-title a:hover {
    opacity: .75
}

@media (min-width:0) and (max-width:570px) {
    .main-page .slideshow {
        margin: 0 -5px;
        width: auto
    }
}

.main-page .part-subtitle,
.main-page .part-title {
    padding-right: 20px !important;
    padding-left: 20px !important;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.main-page .part-subtitle a,
.main-page .part-title a {
    transition: opacity .3s linear;
    cursor: pointer
}

.main-page .part-title {
    padding: 10px 0 8px;
    max-width: 990px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: -.02em
}

@media (min-width:0) and (max-width:570px) {
    .main-page .part-title {
        font-size: 24px
    }
}

.main-page .part-subtitle {
    padding: 0 0 49px;
    max-width: 760px;
    font-size: 18px;
    line-height: 1.56
}

.main-page .main-slideshow-part {
    height: 804px;
    overflow: hidden
}

.main-page .main-slideshow-part .slideshow .caption {
    z-index: 101
}

.main-page .main-slideshow-part .pager.title-pager .content-holder {
    max-width: 1096px
}

@media (min-width:0) and (max-width:570px) {
    .main-page .part-subtitle {
        font-size: 14px
    }

    .main-page .main-slideshow-part {
        height: 600px
    }

    .main-page .main-slideshow-part .caption {
        top: 74px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5)
    }

    .main-page .main-slideshow-part .caption .title {
        min-height: 80px;
        display: table;
        width: 100%
    }

    .main-page .main-slideshow-part .caption .title span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 50px;
        padding-right: 50px
    }

    .main-page .main-slideshow-part .caption .caption-holder {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        max-width: 100%;
        padding: 20px
    }

    .main-page .main-slideshow-part .caption .caption-holder:before {
        display: none
    }

    .main-page .main-slideshow-part .caption .caption-holder .tag {
        margin-left: 0
    }
}

.main-page .services-part {
    position: relative;
    background: url(../images/main/services-bg.png) center no-repeat;
    background-size: cover;
    overflow: hidden;
    color: #fff;
    min-height: 749px;
    width: 100%
}

.main-page .services-part .content-holder {
    display: table;
    height: 100%
}

.main-page .services-part .holder {
    display: table-cell;
    padding: 128px 0;
    position: relative
}

@media (max-width:1500px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    .main-page .services-part .holder {
        position: relative
    }
}

.main-page .services-part .title {
    margin-bottom: 28px;
    width: 30%;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.02em
}

.main-page .services-part .text {
    font-size: 14px;
    line-height: 24px;
    width: 40%
}

.main-page .services-part .text,
.main-page .services-part .title {
    max-width: 350px;
    min-width: 180px
}

.main-page .services-part .circle {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.main-page .services-part .circle.parent {
    top: 50%;
    right: 0
}

@media (max-width:1500px),
(min-width:571px) and (max-width:768px),
(min-width:769px) and (max-width:995px) {
    .main-page .services-part .circle.parent {
        right: auto;
        left: 300px
    }
}

@media (min-width:0) and (max-width:570px) {
    .main-page .services-part {
        min-height: 0
    }

    .main-page .services-part .text,
    .main-page .services-part .title {
        max-width: 100%;
        width: 100%
    }

    .main-page .services-part .circle.parent {
        display: none
    }
}

.main-page .services-part .circle .dashed-circle {
    background: url(data:image/png;base64,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) center no-repeat;
    background-size: cover;
    position: absolute
}

.main-page .services-part .circle .dashed-circle.big {
    width: 46%;
    height: 46%;
    bottom: -6.5%;
    left: 26%
}

.main-page .services-part .circle .dashed-circle.medium {
    width: 30.5%;
    height: 30.5%;
    bottom: 29%;
    left: 27%
}

.main-page .services-part .circle .dashed-circle.small {
    width: 18%;
    height: 18%;
    bottom: 18.5%;
    left: 23%
}

.main-page .services-part .circle .circle {
    width: 75%;
    height: 75%;
    top: 12.5%;
    left: 12.5%
}

.main-page .services-part .circle .circle .circle {
    width: 66.66666667%;
    height: 66.66666667%;
    top: 16.66666667%;
    left: 16.66666667%
}

.main-page .services-part .circle .circle .circle .circle {
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%
}

.main-page .services-part .circle .point {
    transition: color .3s linear;
    padding-left: 40px;
    position: absolute;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 10
}

.main-page .services-part .circle .point:after,
.main-page .services-part .circle .point:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: 10
}

.main-page .services-part .circle .point:after {
    margin: -1px
}

.main-page .services-part .circle .point.primary {
    color: #fff;
    line-height: 26px;
    margin: 0 0 -13px -13px;
    font-size: 16px
}

.main-page .services-part .circle .point.primary:before {
    width: 26px;
    height: 26px;
    background: #fff
}

.main-page .services-part .circle .point.primary:after {
    width: 28px;
    height: 28px;
    transition: all .3s linear;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    background: #08c
}

.main-page .services-part .circle .point.primary:hover {
    color: #08c
}

.main-page .services-part .circle .point.primary:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.main-page .services-part .circle .point.secondary {
    color: #08c;
    line-height: 14px;
    margin: 0 0 -7px -7px;
    font-size: 12px
}

.main-page .services-part .circle .point.secondary:before {
    width: 14px;
    height: 14px;
    background: #08c
}

.main-page .services-part .circle .point.secondary:after {
    width: 16px;
    height: 16px;
    transition: all .3s linear;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    background: #fff
}

.main-page .services-part .circle .point.secondary:hover {
    color: #fff
}

.main-page .services-part .circle .point.secondary:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.main-page .services-part .circle .point.center {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    padding: 0;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    z-index: 9
}

.main-page .services-part .circle .point.center:before {
    display: none
}

.main-page .services-part .circle .point.center .point-content-holder {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.main-page .services-part .circle .point.center .point-content-holder a {
    display: block
}

.main-page .services-part .circle .point.center .point-content-holder a .circle-picture {
    display: inline-block;
    width: 39px;
    height: 41px;
    background: url(../images/sprite.png) -110px -330px no-repeat
}

.main-page .services-part .circle .point.center .point-content-holder a:hover {
    color: #497bc0
}

.main-page .services-part .circle .point.center .point-content-holder a:hover .circle-picture {
    width: 39px;
    height: 41px;
    background: url(../images/sprite.png) -160px -330px no-repeat
}

.main-page .gis-part {
    width: 100%;
    height: 703px;
    position: relative;
    padding: 10px 0;
    display: table;
    z-index: 2
}

.main-page .gis-part .part-subtitle,
.main-page .gis-part .part-title {
    color: #000
}

.main-page .gis-part .clouds-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 59%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.main-page .gis-part .clouds {
    width: 100%;
    height: 200%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/main/clouds.png) center no-repeat;
    background-size: cover
}

.main-page .gis-part .world {
    width: 100%;
    height: 105%;
    position: absolute;
    top: 59%;
    left: 0;
    z-index: -1;
    background: url(../images/main/world.png) 50% 50% no-repeat #122949;
    background-size: cover
}

.main-page .gis-part .content-holder {
    display: table-cell;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
    vertical-align: middle;
    width: 100%
}

.main-page .gis-part .slideshow-holder {
    height: 482px
}

.main-page .gis-part .slideshow-holder .slideshow .next,
.main-page .gis-part .slideshow-holder .slideshow .prev {
    top: 70%
}

.main-page .gis-part .tabs {
    height: 100%;
    position: relative
}

.main-page .gis-part .tabs-nav {
    position: absolute;
    bottom: 100%;
    left: 20px;
    right: 20px;
    top: 50%;
    margin: -240px auto 0;
    z-index: 2;
    max-width: 930px;
    text-align: right
}

@media (min-width:0) and (max-width:570px) {
    .main-page .gis-part .tabs-nav {
        margin-top: -280px;
        text-align: center
    }
}

.main-page .gis-part .tab-toggler {
    transition: opacity .3s linear;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 7px 0 0 88px;
    color: #4677ba;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.main-page .gis-part .tab-toggler.active,
.main-page .gis-part .tab-toggler.active a {
    cursor: default
}

.main-page .gis-part .tab-toggler:first-child {
    margin-left: 0
}

@media (min-width:0) and (max-width:570px) {
    .main-page .gis-part .tab-toggler {
        display: block;
        margin-left: 20px !important
    }
}

.main-page .gis-part .tab-toggler span {
    border-bottom: 1px dashed #4677ba
}

.main-page .gis-part .tab-toggler a {
    position: relative
}

.main-page .gis-part .tab-toggler a:before {
    content: '';
    position: absolute;
    left: -41px;
    top: 50%
}

.main-page .gis-part .tab-toggler .net:before {
    width: 32px;
    height: 31px;
    background: url(../images/sprite.png) 0 -60px no-repeat;
    margin-top: -14px
}

.main-page .gis-part .tab-toggler .local:before {
    width: 32px;
    height: 28px;
    background: url(../images/sprite.png) -40px -60px no-repeat;
    margin-top: -17px
}

.main-page .gis-part .tab-toggler.active:hover {
    opacity: 1;
    cursor: default
}

.main-page .our-sites-part .item .title:hover,
.main-page .press-center-part .item .img .zoom:hover,
.main-page .press-center-part .item .link:hover,
.main-page .press-center-part .more-link:hover,
.popup.popup-snapshot-order .form-row.file .button-select-file:hover,
.popup.popup-training-order .count-input .down:hover,
.popup.popup-training-order .count-input .up:hover,
.training-program-page .docs-container .doc:hover {
    opacity: .75
}

.main-page .gis-part .tab-toggler.active span {
    border-color: transparent
}

.main-page .gis-part .tab {
    position: relative;
    z-index: 1;
    height: 100%;
    display: none
}

@media (min-width:0) and (max-width:570px) {
    .main-page .gis-part .caption .caption-holder {
        padding: 20px;
        max-width: 100%;
        width: 100%
    }

    .main-page .gis-part .caption .caption-holder .tag {
        margin-left: 0
    }
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    .main-page .gis-part .tab-toggler {
        font-size: 12px
    }

    .main-page .gis-part .next,
    .main-page .gis-part .prev {
        display: none
    }
}

.main-page .reasons-part {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    max-width: 990px;
    color: #fff;
    min-height: 346px;
    padding: 0 20px;
    text-align: center
}

.main-page .reasons-part .part-title {
    padding-bottom: 0;
    overflow: hidden;
    margin: 0 -15px 55px;
    width: auto
}

@media (min-width:0) and (max-width:570px) {
    .main-page .reasons-part .part-title {
        margin-top: 20px
    }
}

.main-page .reasons-part .part-title span {
    position: relative
}

.main-page .reasons-part .part-title span:after,
.main-page .reasons-part .part-title span:before {
    width: 10000px;
    height: 1px;
    content: '';
    display: block;
    top: 50%;
    position: absolute;
    margin: 3px 60px 0;
    background: rgba(255, 255, 255, .1)
}

@media (min-width:0) and (max-width:570px) {

    .main-page .reasons-part .part-title span:after,
    .main-page .reasons-part .part-title span:before {
        display: none
    }
}

.main-page .reasons-part .part-title span:before {
    right: 100%
}

.main-page .reasons-part .part-title span:after {
    left: 100%
}

.main-page .reasons-part .reason-list {
    line-height: 0;
    text-align: justify;
    padding-left: 2px
}

.main-page .reasons-part .reason-list:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block
}

.main-page .reasons-part .reason-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 17%;
    text-align: left;
    white-space: nowrap
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    .main-page .reasons-part .reason-list {
        display: inline-block;
        text-align: left
    }

    .main-page .reasons-part .reason-list .item {
        box-sizing: border-box;
        max-width: 100%;
        display: block;
        padding-left: 70px !important;
        width: auto !important
    }

    .main-page .reasons-part .reason-list .item + .item {
        margin: 40px 0 0 !important
    }

    .main-page .reasons-part .reason-list .icon {
        position: absolute;
        top: 0;
        left: 0
    }
}

.main-page .reasons-part .reason-list .item:last-child {
    margin-left: -6px;
    width: 15.5%
}

.main-page .reasons-part .reason-list .item:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.main-page .reasons-part .reason-list .item:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.main-page .reasons-part .reason-list .item:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.main-page .reasons-part .reason-list .item:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.main-page .reasons-part .reason-list .item:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.main-page .reasons-part .reason-list .icon {
    height: 73px
}

.main-page .reasons-part .reason-list .title {
    font-size: 18px;
    line-height: 24px;
    white-space: normal
}

.main-page .reasons-part .reason-list .text {
    font-size: 14px;
    line-height: 20px;
    white-space: normal
}

.main-page .reasons-part .reason-link-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px 0
}

.main-page .reasons-part .reason-link {
    font: lighter 18px 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 13px 30px;
    box-sizing: border-box
}

.main-page .reasons-part .reason-link:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    transition: all .3s ease;
    content: '';
    border: 1px solid #fff
}

.main-page .reasons-part .reason-link:hover {
    color: #122949
}

.main-page .reasons-part .reason-link:hover:before {
    transition: all .3s ease;
    background-color: #fff;
    border-color: #122949
}

.main-page .geo-part {
    position: relative;
    display: table;
    width: 100%;
    z-index: 2;
    background: #499ac0;
    color: #fff
}

.main-page .geo-part .back {
    width: 100%;
    height: 64.2%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.main-page .geo-part .content-holder {
    display: table-cell;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
    vertical-align: middle;
    width: 100%
}

.main-page .geo-part .content-holder .part-title {
    padding: 61px 0 8px
}

.main-page .geo-part .slideshow-holder {
    height: 502px;
    position: relative
}

.main-page .geo-part .slideshow-holder .slideshow .next,
.main-page .geo-part .slideshow-holder .slideshow .prev {
    top: 70%
}

.main-page .geo-part .slideshow-holder .caption {
    text-align: right
}

.main-page .geo-part .slideshow-holder .caption .caption-holder {
    -webkit-transform: translate(20px, -55%);
    -ms-transform: translate(20px, -55%);
    transform: translate(20px, -55%);
    text-align: left
}

.main-page .geo-part .slideshow .caption {
    top: 41%;
    right: 6px
}

.main-page .geo-part .slideshow .caption .tag:before {
    background: rgba(73, 154, 192, .9)
}

@media (min-width:0) and (max-width:570px) {
    .main-page .geo-part .slideshow {
        margin: 0 -5px
    }

    .main-page .geo-part .caption .caption-holder {
        padding: 20px;
        max-width: 100%;
        width: 100%
    }

    .main-page .geo-part .caption .caption-holder .tag {
        margin-left: 0
    }
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {

    .main-page .geo-part .next,
    .main-page .geo-part .prev {
        display: none
    }
}

.main-page .geo-part .pager {
    bottom: 42px
}

.main-page .press-center-part {
    background: url(data:image/png;base64,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);
    padding-bottom: 70px;
    position: relative;
    z-index: 2
}

.main-page .press-center-part .part-title {
    padding: 40px 0 44px;
    color: #000
}

.main-page .press-center-part .list {
    display: table;
    width: 100%
}

.main-page .press-center-part .more-link {
    transition: opacity .3s linear;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    border-bottom: 1px solid #333
}

.main-page .press-center-part .item {
    display: table-cell;
    padding-right: 60px;
    vertical-align: top
}

.main-page .press-center-part .item:after,
.main-page .press-center-part .item:before {
    content: " ";
    display: table
}

.main-page .press-center-part .item:first-child {
    width: 34.8%
}

@media (min-width:769px) and (max-width:995px) {
    .main-page .press-center-part .item {
        padding-right: 20px
    }
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    .main-page .press-center-part .item {
        display: block;
        margin-bottom: 20px;
        width: 100% !important
    }
}

.main-page .press-center-part .item .date {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -10px 23px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.main-page .press-center-part .item .date:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: #499ac0
}

.main-page .press-center-part .item .title {
    color: #122949;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    border-bottom: 1px solid #122949
}

.main-page .press-center-part .item .text {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    margin: 16px 14px 18px 0
}

.main-page .press-center-part .item .img {
    margin: -20px -1px 9px;
    position: relative
}

@media (min-width:571px) and (max-width:768px) {
    .main-page .press-center-part .item .img {
        margin: -20px 20px -4px 0;
        float: left;
        max-width: 50%
    }
}

@media (min-width:0) and (max-width:570px) {
    .main-page .press-center-part .item .img {
        margin: 0 0 20px
    }
}

.main-page .press-center-part .item .img a {
    display: block;
    overflow: hidden
}

.main-page .press-center-part .item .img a img {
    min-width: 100%
}

.main-page .press-center-part .item .img .tag {
    position: absolute;
    top: 20px;
    left: -15px;
    z-index: 2;
    padding: 0 11px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.main-page .press-center-part .item .img .tag:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: #122949
}

.main-page .press-center-part .item .img .zoom {
    width: 49px;
    height: 49px;
    transition: opacity .3s linear;
    cursor: pointer;
    background: rgba(0, 0, 0, .49);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    border-radius: 50%
}

.main-page .press-center-part .item .img .zoom:before {
    width: 31px;
    height: 31px;
    background: url(../images/sprite.png) -80px -60px no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -15px
}

.main-page .press-center-part .item .link {
    transition: opacity .3s linear;
    cursor: pointer;
    display: block
}

.main-page .press-center-part .item.photo-item {
    background: #fff;
    border: 1px solid #e9e9e9;
    padding-right: 0;
    width: 284px
}

@media (min-width:0) and (max-width:570px) {
    .main-page .press-center-part .item.photo-item {
        padding-bottom: 20px
    }
}

.main-page .press-center-part .item.photo-item .link,
.main-page .press-center-part .item.photo-item .more-link {
    margin: 0 25px 16px 20px
}

@media (min-width:571px) and (max-width:768px) {
    .main-page .press-center-part .item.photo-item {
        padding-top: 20px
    }

    .main-page .press-center-part .item.photo-item .link,
    .main-page .press-center-part .item.photo-item .more-link {
        margin-left: 0
    }
}

.main-page .our-sites-part {
    padding-bottom: 36px;
    background-size: cover;
    color: #fff;
    min-height: 300px
}

.main-page .our-sites-part .part-title {
    padding: 41px 0 65px
}

.main-page .our-sites-part .list {
    line-height: 0;
    text-align: justify
}

.main-page .our-sites-part .list:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block
}

.main-page .our-sites-part .item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: left
}

.main-page .our-sites-part .item:after,
.main-page .our-sites-part .item:before {
    content: " ";
    display: table
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    .main-page .our-sites-part .item {
        display: block;
        margin-bottom: 20px;
        width: 100%
    }
}

.main-page .our-sites-part .item .img {
    width: 80px;
    height: 107px;
    float: left;
    overflow: hidden;
    margin: -20px 14px 0 0
}

@media (min-width:0) and (max-width:570px),
(min-width:571px) and (max-width:768px) {
    .main-page .our-sites-part .item .img {
        margin-top: 0
    }
}

.main-page .our-sites-part .item .img img {
    transition: all .3s linear
}

.main-page .our-sites-part .item .img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.main-page .our-sites-part .item .title {
    transition: opacity .3s linear;
    cursor: pointer;
    border-bottom: 1px solid #08c;
    color: #08c;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.main-page .our-sites-part .item .text {
    margin-top: 14px;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.news-page .news-map {
    position: absolute;
    height: 380px;
    width: 100%;
    background-size: cover
}

.news-page .new-item {
    margin-top: 169px;
    padding: 63px 50px 20px;
    background-color: #fff
}

.news-page .new-item h1 {
    font: 700 24px/24px 'Open Sans', sans-serif;
    margin: .5em 0
}

.news-page .new-item .date {
    display: inline-block;
    color: #666;
    text-transform: uppercase;
    font: 700 12px 'Open Sans', sans-serif
}

.news-page .new-item .label {
    display: inline-block;
    margin: 0 0 8px 8px;
    padding: 1px 10px 3px;
    color: #666;
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    font: 400 13px/17px 'Open Sans', sans-serif
}

.news-page .new-item .preview-text {
    padding: 22px 0 26px;
    font: 400 18px/22px 'Open Sans', sans-serif;
    letter-spacing: .022em
}

.news-page .new-item .detail-text {
    line-height: 20px;
    letter-spacing: .025em
}

.news-page .new-item .detail-text li {
    padding: 15px 0 0 22px
}

.news-page .new-item .detail-text li:before {
    width: 4px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGBAMAAAAWFyJGAAAAGFBMVEVMaXFJe8BJe8BJe8BJe8BJe8BJe8BJe8CV/ey0AAAAB3RSTlMAsQq+PsW79ySKFQAAABZJREFUeF5jcFRgEE9iUC4FIiADyAUAGZoC5VswBacAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    margin: 0 16px 0 -20px;
    content: '';
    position: static
}

.news-page .new-item a {
    transition: color .2s ease;
    color: #497bc0;
    border-bottom: 1px solid #a4bddf;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.news-page .new-item a:hover {
    border-color: #ffffff
}

.news-page .new-item .source {
    margin: 35px 0 10px;
    letter-spacing: .04em;
    font: 400 13px/40px 'Open Sans', sans-serif
}

.news-page .new-item .new-links {
    font: 400 13px/20px 'Open Sans', sans-serif;
    margin-right: 16px;
    text-transform: uppercase;
    border: 0
}

.news-page .new-item .new-links:before {
    display: inline-block;
    vertical-align: baseline;
    content: ''
}

.news-page .new-item .new-links.all-news {
    letter-spacing: .02em
}

.news-page .new-item .new-links.all-news:before {
    width: 20px;
    height: 9px;
    background: url(../images/sprite.png) -150px 0 no-repeat;
    margin-right: 11px
}

.news-page .new-item .new-links.subscribe {
    letter-spacing: .07em
}

.news-page .new-item .new-links.subscribe:before {
    width: 20px;
    height: 12px;
    background: url(../images/sprite.png) -140px -10px no-repeat;
    vertical-align: bottom;
    padding: 0 2px;
    margin-bottom: 3px
}

.news-page .new-item .new-links:hover {
    transition: color .2s ease;
    color: #95b2da
}

.news-page .popover .close {
    border: none
}

.partner-page .popup.popup-boss .boss-pict {
    background-size: contain;
    background-position: 50% 0
}

.partner-page .partner-list {
    margin-bottom: 45px
}

.partner-page .partner-list h2 {
    margin: 19px 0 32px;
    font-size: 2em
}

.partner-page .partner-list .partner-type-list {
    margin-bottom: 22px;
    font-size: 0
}

.partner-page .partner-list .partner-type-list .partner-item {
    display: inline-block;
    width: 216px;
    margin: 0 0 34px 42px;
    vertical-align: top;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.popup .columns:after,
.popup .columns:before {
    content: " ";
    display: table
}

.partner-page .partner-list .partner-type-list .partner-item:nth-child(4n+1) {
    margin-left: 0
}

.partner-page .partner-list .partner-type-list .partner-item .partner-picture {
    transition: all .3s linear;
    width: 100%;
    height: 135px;
    border: 1px solid #e8e8e8;
    margin-bottom: 12px;
    position: relative;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.partner-page .partner-list .partner-type-list .partner-item .partner-name {
    color: #152d4f;
    border-bottom: 1px solid;
    margin: 0 0 18px
}

.partner-page .partner-list .partner-type-list .partner-item .partner-name:hover,
.partner-page .partner-list .partner-type-list .partner-item:hover .partner-name {
    border-color: #ffffff
}

.popups {
    overflow: hidden;
    height: 0;
    width: 0;
    visibility: hidden
}

.popup {
    position: relative;
    padding: 12px 39px;
    box-sizing: border-box
}

.popup h1 {
    margin: 18px 0;
    letter-spacing: -.7px;
    font-size: 28px
}

.popup .close {
    width: 21px;
    height: 21px;
    background: url(../images/sprite.png) -140px -30px no-repeat;
    position: absolute;
    right: 29px;
    top: 29px;
    cursor: pointer;
    border: 10px solid #fff
}

.popup .close:hover {
    animation: close-spin .2s linear 1
}

@-webkit-keyframes close-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.popup .columns {
    margin: 27px 0 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

.popup .columns .column {
    padding: 0;
    display: inline-block;
    width: 323px;
    vertical-align: top;
    float: left
}

.popup .columns .column + .column {
    margin-left: 28px;
    float: right
}

.popup form {
    padding: 0
}

.popup .submit-row .submit {
    padding: 13px 30px 12px;
    margin: 30px 0
}

.popup.popup-boss {
    width: 774px;
    padding: 12px 39px 39px
}

.popup.popup-boss .boss-post {
    margin: 0 0 38px;
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.popup.popup-boss .boss-pict {
    float: left;
    margin: 5px 30px 20px 0;
    position: relative;
    width: 325px;
    height: 259px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.popup.popup-boss .boss-text {
    font: 400 14px/21px 'Open Sans', sans-serif
}

.popup.popup-boss .boss-text p {
    margin-bottom: 22px
}

.popup.popup-boss .boss-text>

:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.popup.popup-trial {
    width: 775px
}

.popup.popup-trial .columns .column {
    display: inline-block;
    width: 323px;
    vertical-align: top
}

.popup.popup-trial .columns .column .po-picture {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 238px
}

.popup.popup-trial .columns .column + .column {
    margin-left: 28px
}

.popup.popup-trial .submit-row .submit {
    padding: 13px 30px 12px;
    margin: 30px 0
}

.popup.popup-training-order {
    width: 775px
}

.popup.popup-training-order h1 {
    font-size: 28px
}

.popup.popup-training-order .tag {
    position: relative;
    border: 1px solid transparent;
    margin: 13px 0 0;
    padding: 7px 10px;
    font: 400 13px/18px 'Open Sans', sans-serif
}

.popup.popup-training-order .tag:last-child {
    margin-bottom: 23px
}

.popup.popup-training-order .tag .del-tag {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 9px;
    right: 9px;
    border-top-width: 0 !important;
    cursor: pointer
}

.popup.popup-training-order .tag .del-tag:after,
.popup.popup-training-order .tag .del-tag:before {
    width: 100%;
    height: 0;
    content: '';
    border-top: 2px solid;
    position: absolute;
    top: 50%;
    left: 0
}

.popup.popup-training-order .tag .del-tag:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup.popup-training-order .tag .del-tag:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup.popup-training-order .date-row {
    position: relative
}

.popup.popup-training-order .date-row:after {
    content: " ";
    display: table;
    clear: both
}

.popup.popup-snapshot-order .form-row.file .button-select-file-wrapper,
.popup.popup-training-order .date-row label {
    display: block
}

.popup.popup-training-order .date-row:before {
    width: 14px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 50%;
    background: #000;
    margin: 0 0 0 -7px
}

.popup.popup-training-order .date-row .date-input {
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAOVBMVEVJe8L///9Je8JJe8L///////9Je8JJe8JJe8JJe8JJe8JJe8J0mtDU4PHV4PH///9zmtCJqtiKqthq4eXlAAAAC3RSTlMAAElKWsPk5ufu7zkIjzAAAABTSURBVHhezYhLDoAgEMXeACPq46Pe/7CCicExcW83bQqIBNUgchsN0ZRUhjuVrE+7yJ5sXI4OK+3iApI5bYXDfe25HBwGLZ8Lhr+syBcz/GzP5E+HswiLXVUGMQAAAABJRU5ErkJggg==) 90% 42% no-repeat;
    float: left;
    width: 145px
}

.popup.popup-training-order .date-row .date-input + .date-input {
    float: right
}

.popup.popup-training-order .count-input {
    position: relative
}

.popup.popup-training-order .count-input .down,
.popup.popup-training-order .count-input .up {
    width: 28px;
    height: 50%;
    transition: all .3s linear;
    transition: opacity .3s linear;
    position: absolute;
    right: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popup.popup-training-order .count-input .down:before,
.popup.popup-training-order .count-input .up:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin: 0 0 0 -4px
}

.popup.popup-training-order .count-input .up {
    top: 0
}

.popup.popup-training-order .count-input .up:before {
    border-bottom: 4px solid #497bc0;
    margin-top: 1px
}

.popup.popup-training-order .count-input .down {
    bottom: 0
}

.popup.popup-training-order .count-input .down:before {
    border-top: 4px solid #497bc0;
    margin-top: -6px
}

.popup.popup-snapshot-order {
    width: 775px
}

.popup.popup-snapshot-order h1 {
    font-size: 28px
}

.popup.popup-snapshot-order h1 + p {
    font: 400 14px/21px 'Open Sans', sans-serif
}

.popup.popup-snapshot-order a.dashed {
    color: #497bc0;
    font-weight: 700
}

.popup.popup-snapshot-order a.dashed span {
    border-bottom: 1px dashed #497bc0
}

.popup.popup-snapshot-order a.dashed:hover span {
    border-bottom-color: transparent
}

.popup.popup-snapshot-order .form-row.file .button-select-file {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #497abd;
    background: 0 0;
    color: #497abd;
    font: 700 14px/34px 'Open Sans', sans-serif;
    padding: 0 9px;
    margin: 0 0 3px;
    transition: opacity .3s linear
}

.popup.popup-snapshot-order .file-list .filename,
.popup.popup-snapshot-order .form-row.description {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px
}

.popup.popup-snapshot-order .form-row.file label {
    margin-bottom: 4px
}

.popup.popup-snapshot-order .form-row.description {
    font-style: italic;
    margin-top: 15px
}

.popup.popup-snapshot-order .file-list {
    white-space: nowrap;
    overflow: hidden
}

.popup.popup-snapshot-order .file-list .delete {
    width: 9px;
    height: 10px;
    background: url(../images/sprite.png) -190px -140px no-repeat;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 6px 0 2px
}

.popup.popup-snapshot-order .description {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    padding: 9px 0 0;
    margin: 0 0 20px
}

.popup.popup-snapshot-order textarea {
    min-height: 77px
}

.popup.popup-success {
    width: 435px;
    height: 414px;
    text-align: center
}

.popup.popup-success h1 {
    margin: 20px 10px 19px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -.025em
}

.popup.popup-success p {
    font-size: 14px;
    line-height: 20px
}

.popup.popup-success .picture {
    height: 170px;
    position: relative;
    margin: 35px 0
}

.popup.popup-success .picture:after,
.popup.popup-success .picture:before {
    display: block;
    position: absolute;
    content: ''
}

.popup.popup-success .picture:before {
    width: 170px;
    height: 170px;
    background: url(../images/sprite.png) 0 -420px no-repeat;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popup.popup-success .picture:after {
    width: 0;
    height: 17px;
    background: url(../images/sprite.png) -150px -270px no-repeat;
    top: 48px;
    left: 47%;
    transition: width .2s ease-in-out 1s
}

.popup.popup-success.visible .picture:after {
    width: 24px
}

#popup-subscribe {
    width: 475px;
    height: auto
}

.search-page main {
    padding-top: 38px
}

.search-page h1 {
    font: 700 28px/36px 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 2px;
    letter-spacing: -.03em
}

.search-page h1 span {
    color: #666
}

.search-page .section-menu {
    box-shadow: none;
    margin: 0 0 0 -14px
}

.search-page .section-menu .count {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 7px;
    color: #666
}

.search-page .section-menu ul li.active .count {
    color: #fff
}

.search-page .search-result {
    padding: 17px 0 49px
}

.search-page .search-result .item {
    text-align: left;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #333;
    margin: 28px 0 0
}

.search-page .search-result .item:first-child {
    margin: 0
}

.search-page .search-result .item.service {
    margin-top: 29px
}

.search-page .search-result .item.service:first-child {
    margin-top: 1px
}

.search-page .search-result .item b {
    background-color: #edf2f7
}

.search-page .search-result .item .date {
    text-transform: uppercase;
    font: 700 12px/22px 'Open Sans', sans-serif;
    color: #333;
    margin-bottom: 3px
}

.search-page .search-result .item .title {
    display: block;
    font: 700 16px/22px 'Open Sans', sans-serif;
    color: #152d4f
}

.search-page .search-result .item .title span {
    border-bottom: 1px solid #152d4f
}

.search-page .search-result .item .title:hover span {
    border-bottom-color: transparent
}

.search-page .search-result .item .text {
    margin: 18px 0 9px
}

.search-page .search-result .item .text>

:last-child {
    margin-bottom: 0
}

.search-page .search-result .item .text p {
    color: #333
}

.search-page .search-result .item .source span {
    color: #666
}

.search-page .search-result .item .source a {
    color: #497bc0;
    text-transform: uppercase
}

.search-page .search-result .item .source a span {
    color: #497bc0
}

.search-page .search-result .item .source .separate {
    padding: 0 15px
}

.search-page .search-result .item .source .icon {
    margin: 0 8px 0 0
}

.station-page h1 {
    letter-spacing: -.025em;
    font: 700 28px/29px 'Open Sans', sans-serif
}

.station-page .news-page .new-item .news-gallery,
.station-page .slide-gallery {
    margin: 35px 0 0
}

.station-page aside {
    padding-top: 57px
}

.station-page .documentation-block {
    background-color: #f2f2f2
}

.station-page .documentation-block .documentation-image {
    box-sizing: border-box;
    width: 100%;
    height: 259px;
    background-position: center;
    background-size: cover;
    border: 1px solid #d9d9da
}

.station-page .documentation-block .documentation-content {
    padding: 0 38px;
    margin-top: -1px
}

.station-page .download-list-wrapper {
    padding: 20px 0 22px
}

.station-page .download-list-wrapper .download-list a {
    font-size: 12px;
    line-height: 20px
}

.support-page h1 {
    margin-bottom: 19px
}

.support-page .text-content {
    line-height: 22px
}

.support-page .text-content p {
    margin-bottom: 23px;
    line-height: 22px
}

.support-page form.support {
    margin-top: 52px;
    border: 1px solid #a4bddf;
    padding: 6px 20px 6px 19px
}

.support-page form.support .form-title {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 4px
}

.support-page form.support .form-title:after {
    display: none
}

.support-page form.support .columns:after,
.support-page form.support .columns:before {
    content: " ";
    display: table
}

.support-page form.support .form-title-wrapper {
    margin-bottom: 14px
}

.support-page form.support .columns .column {
    width: 280px;
    float: left;
    display: inline-block;
    vertical-align: top
}

.support-page form.support .columns .column + .column {
    float: right
}

.support-page form.support textarea {
    resize: none;
    min-height: 188px
}

.support-page form.support .submit-row .submit {
    margin: 30px 0 34px -21px
}

.support-page .download-list-wrapper {
    padding-top: 9px;
    margin-bottom: 59px
}

.support-page .reference .description.text-content p {
    line-height: 22px;
    margin: 13px 0 0 19px
}

.training-calendar-page .calendar-container {
    width: 100%;
    height: 490px;
    position: relative;
    background: url(../images/training-calendar-caption.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin-bottom: 52px
}

.training-calendar-page .calendar-container .calendar {
    width: 775px;
    height: 490px;
    display: table;
    background: rgba(255, 255, 255, .2);
    table-layout: fixed;
    color: #fff;
    overflow: hidden
}

.training-calendar-page .calendar-container .calendar-header {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 175px
}

.training-calendar-page .calendar-container .calendar-header .scroll-wrapper {
    box-sizing: border-box;
    padding: 103px 0 0
}

.training-calendar-page .calendar-container .calendar-header .scroll-pane {
    width: 100%;
    height: 326px;
    overflow: auto;
    position: relative
}

.training-calendar-page .calendar-container .calendar-header .scroll-pane .jspPane {
    padding: 0 !important
}

.image_proc_title {
    text-align: center;
}

.image_proc_title a {
    color: #497bc0 !important;
    font: 700 14px/22px 'Open Sans', sans-serif;
    border-bottom: unset;
    border-top: unset;
}

.training-calendar-page .calendar-container .calendar-header .scroll-pane .jspVerticalBar {
    top: 0;
    bottom: 0;
    right: 0;
    width: 5px
}

.training-calendar-page .calendar-container .calendar-header .scroll-pane .jspTrack {
    background: rgba(255, 255, 255, .2)
}

.training-calendar-page .calendar-container .calendar-header .scroll-pane .jspDrag {
    background: #fff;
    border-radius: 3px
}

.training-calendar-page .calendar-container .calendar-header .year {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 47px;
    width: 98%;
    font-size: 28px;
    text-align: center
}

.training-calendar-page .calendar-container .calendar-header ul {
    padding: 0 0 0 6px
}

.training-calendar-page .calendar-container .calendar-header ul li {
    margin-bottom: 26px;
    color: #999;
    font: 300 16px 'Open Sans', sans-serif;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase
}

.training-calendar-page .calendar-container .calendar-header ul li a {
    transition: all .3s linear
}

.training-calendar-page .calendar-container .calendar-header ul li a:hover {
    color: #fff
}

.training-calendar-page .calendar-container .calendar-header ul li.active {
    font-weight: 400;
    color: #fff;
    cursor: default !important
}

.training-calendar-page .calendar-container .calendar-grid {
    display: table-cell;
    vertical-align: middle;
    padding: 26px 72px 0 66px;
    text-align: center
}

.training-calendar-page .calendar-container .calendar-grid .date {
    display: block;
    position: relative;
    z-index: 1;
    height: 38px
}

.training-calendar-page .calendar-container .calendar-grid .date:before {
    width: 120%;
    height: 100%;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    position: absolute;
    top: 0;
    left: -10%;
    background: inherit;
    z-index: -1
}

.training-calendar-page .calendar-container .calendar-grid .event-tooltip {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    display: none;
    position: absolute;
    bottom: 100%;
    left: 22px;
    background: inherit;
    padding: 7px 0;
    width: 235px;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.training-calendar-page .calendar-container .calendar-grid .event-tooltip:before {
    width: 114%;
    height: 100%;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    position: absolute;
    top: 0;
    left: -22px;
    background: inherit;
    z-index: -1
}

.training-calendar-page .calendar-container .calendar-grid .event {
    width: 98%;
    height: 38px;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    background: rgba(0, 0, 0, .15);
    display: block;
    position: absolute;
    top: 29px;
    left: 2%;
    margin: -20px 0 0;
    z-index: 3
}

.training-calendar-page .calendar-container .calendar-grid .event.col-2 {
    width: 196%
}

.training-calendar-page .calendar-container .calendar-grid .event.col-3 {
    width: 296%
}

.training-calendar-page .calendar-container .calendar-grid .event.col-4 {
    width: 396%
}

.training-calendar-page .calendar-container .calendar-grid .event.col-5 {
    width: 496%
}

.training-calendar-page .calendar-container .calendar-grid .event.col-6 {
    width: 596%
}

.training-calendar-page .calendar-container .calendar-grid .event.col-7 {
    width: 696%
}

.training-calendar-page .calendar-container .calendar-grid .event:hover .event-tooltip {
    display: block
}

.training-calendar-page .calendar-container .calendar-grid .event:hover.first-row .event-tooltip {
    display: block;
    top: 100%;
    bottom: auto
}

.training-calendar-page .calendar-container .calendar-grid table {
    table-layout: fixed;
    width: 100%;
    margin-left: 5px
}

.training-calendar-page .calendar-container .calendar-grid table.header {
    height: 57px
}

.training-calendar-page .calendar-container .calendar-grid table td,
.training-calendar-page .calendar-container .calendar-grid table th {
    position: relative;
    height: 57px;
    padding: 0 7px;
    font: 400 16px/38px 'Open Sans', sans-serif;
    vertical-align: middle
}

.training-calendar-page .calendar-container .calendar-grid table td.today:after,
.training-calendar-page .calendar-container .calendar-grid table th.today:after {
    width: 78%;
    height: 38px;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 10%;
    background: rgba(255, 255, 255, .2);
    margin: -20px 0 0;
    z-index: 2
}

.training-calendar-page .calendar-container .calendar-grid table td.other-month .date,
.training-calendar-page .calendar-container .calendar-grid table th.other-month .date {
    visibility: hidden
}

.training-calendar-page .calendar-container .calendar-grid table td.other-month:after,
.training-calendar-page .calendar-container .calendar-grid table th.other-month:after {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #999;
    border-radius: 50%;
    margin: -5px 0 0 -4px
}

.training-calendar-page .calendar-container .calendar-grid table td.active + .active:before,
.training-calendar-page .calendar-container .calendar-grid table th.active + .active:before {
    width: 9px;
    height: 1px;
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    background: #fff;
    margin: -1px 0 0 -6px
}

.training-calendar-page .calendar-container .calendar-grid table td.active + .active .date:after,
.training-calendar-page .calendar-container .calendar-grid table th.active + .active .date:after {
    width: 60%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: -30%;
    background: inherit;
    z-index: -1
}

.training-calendar-page .calendar-container .calendar-grid table td.active.today:after,
.training-calendar-page .calendar-container .calendar-grid table th.active.today:after {
    -webkit-transform: skew(0);
    -ms-transform: skew(0);
    transform: skew(0)
}

.training-calendar-page .calendar-container .calendar-grid table td.active.start-event .date:after,
.training-calendar-page .calendar-container .calendar-grid table td.active.start-event:before,
.training-calendar-page .calendar-container .calendar-grid table th.active.start-event .date:after,
.training-calendar-page .calendar-container .calendar-grid table th.active.start-event:before {
    display: none
}

.training-calendar-page .calendar-container .calendar-grid table th {
    color: #999;
    text-transform: uppercase
}

.training-calendar-page .calendar-container .calendar-grid table td {
    color: #fff
}

.training-calendar-page .calendar-container .calendar-slider {
    position: relative
}

.training-calendar-page .calendar-container .calendar-slider .slides {
    width: 100%;
    height: 100%;
    position: relative
}

.training-calendar-page .calendar-container .calendar-slider .slide {
    box-sizing: border-box;
    width: 100%;
    height: 342px;
    height: 342px !important;
    margin: 0
}

.training-calendar-page .calendar-item {
    transition: all .3s linear;
    display: table;
    margin-bottom: 25px;
    table-layout: fixed;
    width: 100%
}

.training-calendar-page .calendar-item:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .08)
}

.training-calendar-page .calendar-item .item-info {
    box-sizing: border-box;
    display: table-cell;
    background: 50% 0 no-repeat #020203;
    background-size: cover;
    padding: 37px 0 37px 5px;
    vertical-align: top;
    width: 215px;
    text-align: center
}

.training-calendar-page .calendar-item .item-info.color-497bc0 {
    background-image: url(../images/blue-bg.png)
}

.training-calendar-page .calendar-item .item-info.color-2ab573 {
    background-image: url(../images/green-bg.png)
}

.training-calendar-page .calendar-item .item-info.color-ee4055 {
    background-image: url(../images/red-bg.png)
}

.training-calendar-page .calendar-item .item-info.color-00b3eb {
    background-image: url(../images/light-blue-bg.png)
}

.training-calendar-page .calendar-item .item-info.color-c786d9 {
    background-image: url(../images/violet-bg.png)
}

.training-calendar-page .calendar-item .item-detail-info {
    display: table-cell;
    border: 1px solid #dedede;
    border-right: none;
    padding: 34px 30px 35px 38px;
    vertical-align: middle
}

.training-calendar-page .calendar-item .title {
    margin-bottom: 17px;
    color: #122949;
    font: 700 18px/24px 'Open Sans', sans-serif
}

.training-calendar-page .calendar-item .description,
.training-calendar-page .calendar-item .price {
    font: 400 14px/21px 'Open Sans', sans-serif
}

.training-calendar-page .calendar-item .title span {
    border-bottom: 1px solid #122949
}

.training-calendar-page .calendar-item .title span:hover {
    border-bottom-color: transparent
}

.training-calendar-page .calendar-item .description {
    margin-bottom: 15px
}

.training-calendar-page .calendar-item .description p {
    margin: 0
}

.training-calendar-page .calendar-item .description p + p {
    margin-top: 20px
}

.training-calendar-page .calendar-item .price strong {
    font-size: 24px;
    font-weight: 700;
    vertical-align: baseline
}

.training-calendar-page .calendar-item .date {
    color: #fff;
    margin-bottom: 30px;
    font: 700 14px/20px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.training-calendar-page .calendar-item .date:before {
    width: 55px;
    height: 44px;
    background: url(../images/sprite.png) -130px -200px no-repeat;
    content: '';
    display: block;
    margin: 0 auto 15px
}

.training-calendar-page .calendar-item .calendar-button {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    transition: all .3s linear;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    padding: 13px 16px 12px;
    font: 700 14px/18px 'Open Sans', sans-serif;
    vertical-align: top;
    text-align: center;
    width: 55%
}

.training-calendar-page .calendar-item .calendar-button span {
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    display: inline-block;
    color: #fff
}

.training-calendar-page .calendar-item .calendar-button:hover {
    background: rgba(255, 255, 255, .15) !important
}

.training-calendar-page .calendar-item .calendar-button:hover span {
    color: inherit
}

.training-calendar-page .loader {
    margin: 59px 0 -40px
}

.training-contact-page main {
    padding-bottom: 218px;
    width: 100%
}

.training-contact-page h1 {
    font-size: 28px;
    margin: 8px 0 20px;
    letter-spacing: -.02em
}

.training-contact-page .contact-map-container {
    height: 555px
}

.training-contact-page .map-object-list {
    display: table;
    table-layout: fixed;
    width: 100%
}

.training-contact-page .map-object {
    display: table-cell;
    position: relative;
    padding: 0 31px 45px;
    width: 40%;
    font: 400 14px/21px 'Open Sans', sans-serif;
    text-align: left;
    vertical-align: top
}

.training-contact-page .map-object .icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 6px;
    left: -1px;
    border-radius: 50%
}

.training-contact-page .map-object .icon:before {
    width: 13px;
    height: 12px;
    background: url(../images/sprite.png) -80px -170px no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -7px
}

.training-contact-page .map-object .toggler {
    color: #497bc0;
    border-bottom: 1px dashed #497bc0
}

.training-contact-page .map-object .toggler:hover {
    border-bottom-color: transparent
}

.training-contact-page .map-object .title {
    margin: 0 0 10px;
    font: 700 18px/24px 'Open Sans', sans-serif;
    padding: 8px 0
}

.training-contact-page .map-object p {
    margin: 0 0 10px
}

.training-contact-page .map-object.active .icon {
    background: #497bc0
}

.training-contact-page .map-object.active .icon:before {
    width: 13px;
    height: 12px;
    background: url(../images/sprite.png) -100px -170px no-repeat
}

.training-contact-page .map-object.active .toggler {
    border-bottom-color: transparent;
    cursor: default
}

.training-contact-page .map-object.active:before {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 34px;
    z-index: 2;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 32px solid #fff
}

.training-page main {
    padding-bottom: 294px;
    width: 100%
}

.training-page .page-caption {
    width: 100%;
    height: 629px;
    display: table;
    position: relative;
    background: url(../images/training-caption.jpg) 50% 50% no-repeat;
    background-size: cover;
    margin-bottom: 13px;
    z-index: 1
}

.training-page .page-caption .content-holder {
    display: table-cell;
    padding: 30px 45px 0 0;
    vertical-align: middle
}

.training-page .page-caption .content-holder:before {
    width: 576px;
    height: 576px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    background: url(../images/planet.png) 50% 50% no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    margin: -282px 0 0 -292px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.training-page .page-caption .subtitle,
.training-page .page-caption .title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    margin: 0 auto;
    width: 990px;
    color: #fff;
    text-align: center
}

.training-page .page-caption .title {
    margin-bottom: 8px;
    font: 700 28px/36px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.training-page .page-caption .subtitle {
    font: 400 18px/28px 'Open Sans', sans-serif
}

.training-page .static-content {
    color: #666;
    font: 400 14px/1.4 'Open Sans', sans-serif
}

.training-page .static-content p {
    margin: 0 0 21px
}

.training-page .static-content .intro {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px
}

.training-page .static-content a {
    color: #497bc0;
    border-bottom: 1px solid rgba(73, 123, 192, .5)
}

.training-page .static-content a:hover {
    border-bottom-color: transparent
}

.training-page .contact {
    margin: 43px 0 21px;
    color: #333;
    font-size: 16px;
    line-height: 24px
}

.training-page .contact strong span {
    color: #666
}

.training-page .contact + .static-content {
    color: #333
}

.training-page .document-part {
    background: #f2f2f2;
    margin: 50px 0 43px;
    padding: 47px 0;
    color: #333;
    text-align: left;
    white-space: nowrap
}

.training-page .document-part .caption,
.training-page .document-part .image {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: normal
}

.training-page .document-part .image {
    width: 68.7%
}

.training-page .document-part .image img {
    max-width: 90%
}

.training-page .document-part .caption {
    box-sizing: border-box;
    position: relative;
    border: 1px solid #dedede;
    margin: -6px 0 0 -3px;
    padding: 66px 31px;
    width: 31.2%;
    font: 400 14px/21px 'Open Sans', sans-serif
}

.training-page .document-part .caption .title {
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: -.03em
}

.training-page .document-part .caption:before {
    width: 48px;
    height: 48px;
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    background: #f2f2f2;
    border: 1px solid #dedede;
    border-radius: 50%;
    margin: 0 0 0 -24px
}

.training-page .document-part .caption:after {
    width: 11px;
    height: 27px;
    background: url(../images/sprite.png) -60px -170px no-repeat;
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    margin: 0 0 0 -5px
}

.training-program-page h1 {
    font-size: 28px;
    margin: 7px 0
}

.training-program-page .date {
    color: #666;
    font: 700 14px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.training-program-page .training-info {
    box-sizing: border-box;
    background: #f2f2f2;
    float: right;
    margin: 23px 0 0 40px;
    padding: 33px 55px 45px;
    width: 310px;
    text-align: center
}

.training-program-page .training-info .price {
    margin-bottom: 27px;
    color: #666;
    font-size: 12px
}

.training-program-page .training-info .price .value {
    color: #497bc0;
    font: 700 28px/34px 'Open Sans', sans-serif
}

.training-program-page .training-info .contact,
.training-program-page .training-info .place {
    font: 400 14px/21px 'Open Sans', sans-serif
}

.training-program-page .training-info .contact .title,
.training-program-page .training-info .place .title {
    margin: 0 0 8px;
    font-weight: 700
}

.training-program-page .training-info .contact a,
.training-program-page .training-info .place a {
    border-bottom: 1px solid #497bc0;
    color: #497bc0;
    font-weight: 700
}

.training-program-page .training-info .contact a:hover,
.training-program-page .training-info .place a:hover {
    border-bottom-color: transparent
}

.training-program-page .training-info .contact a.phone,
.training-program-page .training-info .place a.phone {
    font: 700 14px/20px 'Open Sans', sans-serif;
    color: #000;
    border-bottom: none
}

.training-program-page .training-info .contact a.phone span,
.training-program-page .training-info .place a.phone span {
    font-weight: 400
}

.training-program-page .training-info .contact a.phone:hover,
.training-program-page .training-info .place a.phone:hover {
    border-bottom: 1px solid
}

.training-program-page .training-info .place {
    margin-top: 45px
}

.training-program-page .training-info .place .title:before {
    width: 14px;
    height: 13px;
    background: url(../images/sprite.png) -120px -170px no-repeat;
    content: '';
    display: inline-block;
    margin: 0 9px -1px -8px;
    vertical-align: baseline
}

.training-program-page .training-info .place a {
    border-bottom-style: dashed;
    font-size: 12px
}

.training-program-page .training-info .contact {
    margin-top: 30px
}

.training-program-page .training-info .button {
    margin: 0
}

.training-program-page .content {
    margin: 33px 0 62px;
    overflow: hidden;
    min-height: 398px
}

.training-program-page .content .intro {
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px
}

.training-program-page .content .text {
    margin-bottom: 26px;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.training-program-page .teacher-list .title {
    margin: 0 0 14px;
    font: 600 18px/24px 'Open Sans', sans-serif
}

.training-program-page .teacher-list .teacher {
    transition: all .3s linear;
    display: block;
    margin-bottom: 21px
}

.training-program-page .teacher-list .teacher:after,
.training-program-page .teacher-list .teacher:before {
    content: " ";
    display: table
}

.training-program-page .teacher-list .teacher .teacher-photo {
    width: 90px;
    height: 90px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAC6UlEQVR42sWY8WtNYRjHzz2uwbUAqpDdXWJYLUVMBqxZA5DCT9TyExKiCpKFSIVaUeInfwDaxhB0qW5gyWARxWVFGjZbyfdZ37dOx3Xf855zz+63PnW3e3be73mf532e5yySSqUsAw0Ec0ENqASTQQ9oAUnQCO6CLq83jGgMRMEssBAsAuU0kU2/aOI6aACtJgZsMBPMAwtABSi0gukdd0bMNNNgRgNDgfww0QpPneA82M3Q9W6x0newCqwAS8Ec0D+Hi0so7oH7anG3AdFzchQMAYtpRhIuYbjge+bCY7CaYc2YZP/TDzCaOXAIfACloJr5Mdh1fRrcYpxfgTgXbddleTaNAZuI6DWTqR70A8XgJ3gCRjB8B0CR4x5vgxhwP+Uksh38AW2gm4k7wE9i2JrvX2j+VsxM0yzeGsTAZSbkbx8PJ6HZBW4HCYFscx3PbhUL03TGPua69itzRMryA1ZC+V0BQ2nzfkY7INoPnoIl4BHYw/I8CkxgtstpmQ+OMOlWgpdgCzgDZvAkGe+AqIRHcS0x0RRH/SjzkwOijwGq32eGT3TSr4GGAAZugHH8nPBr4CrPu6nugIfMj7TDiNE8oFTKzI55XLydzawtaCFSamE2e1Wd112zDW5az7Kr0zdwMVel2N1eD3q4bh9ni5waiICx4Dg4m+W60+CcyRinMzAM7GRDkR4/G2wD6znZdHLGk8/rwA5WTDn/N3ldgZ+puISNZIOrJXeAjTyamVTLZHV2xy/gAnfnk87AcHACbNbszhVwieNbhGW2luN7tgnrGDjFnfvHQIKVK26FK2loy1WJV09ZyJIb9uIWO+M1lRvKwGFON32lMo51vQZkmNxq9b32ymueGFgDBuXBgAw0NTbHrHxpmc0ZL1+qEAPj82igyNbM/mErGWUOlHPgrGQZjoa0YDdf42RaapJ3BrVQkqh/w0xlZYyzC8o4NZLE2KRU6Vbv/V2OeaCDY1iabfwNeMbS3eN09BelxakFwz7zgwAAAABJRU5ErkJggg==) 50% 50% no-repeat #f2f2f2;
    background-size: cover;
    border-radius: 50%;
    vertical-align: middle
}

.training-program-page .teacher-list .teacher .teacher-info {
    width: 530px;
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle
}

.training-program-page .teacher-list .teacher .teacher-info .name {
    display: block;
    font-weight: 600
}

.training-program-page .content-tabs .tabs-nav:after,
.training-program-page .content-tabs .tabs-nav:before {
    content: " ";
    display: table
}

.training-program-page .content-tabs .tabs-nav {
    border-bottom: 1px solid #d9d9da;
    margin-bottom: 40px
}

.training-program-page .content-tabs .tabs-nav .toggler {
    padding: 0 0 8px
}

.training-program-page .contact-map-container {
    width: 100%;
    height: 555px;
    margin-bottom: 114px;
    overflow: hidden
}

.training-program-page .docs-container {
    line-height: 0;
    text-align: justify
}

.training-program-page .docs-container:after {
    width: 100%;
    height: 0;
    content: '';
    display: inline-block
}

.training-program-page .docs-container .doc {
    transition: all .3s linear;
    transition: opacity .3s linear;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 14px;
    vertical-align: top;
    width: 470px;
    text-align: left
}

.training-program-page .docs-container .doc img {
    border: 1px solid #e8e8e8;
    width: 100%
}

.training-program-page .docs-container .doc .title {
    display: block;
    margin: 9px 0 0 23px;
    color: #122949;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.training-program-page .program-container:after,
.training-program-page .program-container:before {
    content: " ";
    display: table
}

.training-program-page .docs-container .doc .title span {
    transition: all .3s linear;
    border-bottom: 1px dashed #122949
}

.training-program-page .docs-container .doc .title span:hover {
    border-bottom-color: transparent
}

.training-program-page .program-container {
    margin: -7px 0 -39px
}

.training-program-page .program-plan {
    box-sizing: border-box;
    position: relative;
    background: #497bc0;
    float: right;
    margin: 25px 0 0 50px;
    padding: 68px 30px 20px;
    width: 310px;
    color: #fff
}

.training-program-page .program-plan:after,
.training-program-page .program-plan:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: ''
}

.training-program-page .program-plan:before {
    width: 49px;
    height: 49px;
    background: #497bc0;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: -27px 0 0 -25px
}

.training-program-page .program-plan:after {
    width: 31px;
    height: 25px;
    background: url(../images/sprite.png) -140px -170px no-repeat;
    margin: -14px 0 0 -14px
}

.training-program-page .program-plan .day {
    margin-bottom: 3px
}

.training-program-page .program-plan .day + .day {
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding-top: 20px
}

.training-program-page .program-plan .day-title {
    margin: 0 -30px 11px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.training-program-page .program-plan .row {
    margin: 0 -30px;
    padding: 4px 26px 6px 30px;
    position: relative
}

.training-program-page .program-plan .row.active {
    background: rgba(255, 255, 255, .25)
}

.training-program-page .program-plan .row.active:before {
    width: 0;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 18px;
    border-top: 4px solid transparent;
    border-left: 4px solid #fff;
    border-bottom: 4px solid transparent
}

.training-program-page .program-plan .row.active .row-title {
    cursor: default
}

.training-program-page .program-plan .row-title {
    font-size: 13px;
    line-height: 20px;
    cursor: pointer
}

.training-program-page .program-plan .row-title .time {
    display: block
}

.training-program-page .program-plan .docs {
    border-top: 1px solid rgba(255, 255, 255, .5);
    margin: 29px -30px 0;
    padding: 20px 30px 0
}

.training-program-page .program-plan .docs a {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap
}

.training-program-page .program-plan .docs a span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: .05em;
    text-decoration: underline;
    white-space: normal
}

.training-program-page .program-plan .docs a span:hover {
    text-decoration: none
}

.training-program-page .program-plan .docs a.pdf:before {
    width: 21px;
    height: 23px;
    background: url(../images/sprite.png) 0 -270px no-repeat;
    content: '';
    display: inline-block;
    margin: -2px 16px 0 2px;
    vertical-align: middle
}

.training-program-page .program-plan .docs a.pdf span {
    padding: 0 40px 0 0
}

.training-program-page .program-description {
    overflow: hidden
}

.training-program-page .program-description .day {
    margin-bottom: 41px
}

.training-program-page .program-description .day-title {
    margin: 0 23px;
    font: 700 24px 'Open Sans', sans-serif
}

.training-program-page .program-description .day-subtitle {
    margin: 19px 23px 6px;
    font: 400 14px/21px 'Open Sans', sans-serif
}

.training-program-page .program-description .row-title {
    font: 400 14px/21px 'Open Sans', sans-serif;
    cursor: pointer
}

.training-program-page .program-description .row-title:after,
.training-program-page .program-description .row-title:before {
    content: " ";
    display: table
}

.training-program-page .program-description .row-title .time {
    color: #fff;
    float: left;
    position: relative
}

.training-program-page .program-description .row-title .time:before {
    width: 133%;
    height: 112%;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -18%;
    z-index: -1;
    background: #497bc0
}

.training-program-page .program-description .row-title .text {
    color: #497bc0;
    margin-left: 130px;
    margin-right: -20px
}

.training-program-page .program-description .row-content {
    padding: 14px 0 0;
    margin-bottom: -9px;
    max-height: 0;
    overflow: hidden
}

.training-program-page .program-description .row-content p {
    margin: 0 0 14px
}

.training-program-page .program-description .row-content ul {
    margin-bottom: 11px
}

.training-program-page .program-description .row-content ul li {
    position: relative;
    margin: 0 0 1px;
    padding-left: 15px
}

.training-program-page .program-description .row-content ul li:before {
    width: 4px;
    height: 6px;
    background: url(../images/sprite.png) -80px -190px no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0
}

.training-program-page .program-description .row {
    border-bottom: 1px solid #dedede;
    padding: 22px 23px 21px
}

.training-program-page .program-description .row.active .row-title {
    cursor: default
}

.training-program-page .program-description .row.active .row-title .time {
    color: #497bc0
}

.training-program-page .program-description .row.active .row-title .time:before {
    display: none
}

.training-program-page .program-description .row.active .row-title .text {
    color: #333;
    font-weight: 600
}

.training-program-page .program-description .row.active .row-content {
    max-height: 9999px
}

.tv-radio-page main {
    padding: 43px 0 268px
}

.tv-radio-page .main-news-wrapper {
    float: left;
    width: 638px;
    margin: 0 0 36px
}

.tv-radio-page .main-news {
    position: relative;
    margin: 18px 0 15px;
    padding: 0 0 24px;
    border-bottom: 1px solid #e8e8e8
}

.tv-radio-page .main-news .radio-picture {
    width: 100%;
    height: 311px;
    border: none;
    margin-bottom: 26px
}

.tv-radio-page .main-news .radio-date:before {
    background-color: #497bc0
}

.tv-radio-page .main-news .radio-title {
    font-size: 16px
}

.tv-radio-page .main-news .text {
    margin: 18px 0 0;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #333
}

.tv-radio-page .tag-block {
    box-sizing: border-box;
    float: right;
    width: 315px;
    padding: 18px 0 0 27px
}

.tv-radio-page .tag-block .tag-title {
    position: relative;
    display: inline-block;
    z-index: 2;
    margin: 0 -9px 20px;
    padding: 3px 10px 1px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase
}

.tv-radio-page .tag-block .tag-title:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: #152d4f
}

.tv-radio-page .tag-block .tag-list {
    padding: 0 0 0 3px;
    margin: 0 -10px 0 0;
    font-size: 0
}

.tv-radio-page .tag-block .tag-list a {
    transition: all .3s linear;
    border-radius: 3px;
    border: 1px solid #b3b3b3;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #497bc0;
    padding: 0 9px 1px 8px;
    margin: 0 10px 10px 0;
    display: inline-block;
    vertical-align: top
}

.tv-radio-page .tag-block .tag-list a span {
    transition: color .3s linear
}

.tv-radio-page .tag-block .tag-list a .name {
    letter-spacing: .02em
}

.tv-radio-page .tag-block .tag-list a .count {
    color: #666;
    padding: 0 0 0 3px
}

.tv-radio-page .tag-block .tag-list a.active,
.tv-radio-page .tag-block .tag-list a:hover {
    background-color: #497bc0;
    color: #fff;
    border-color: #497bc0
}

.tv-radio-page .tag-block .tag-list a.active span,
.tv-radio-page .tag-block .tag-list a:hover span {
    color: #fff
}

.tv-radio-page .date-find {
    transition: all .3s linear;
    /* width: 205px; */
    width: 50px;
    max-width: 50px;
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    /* padding: 2px 48px 0 20px; */
    padding: 2px;
    top: -50px;
    right: 0;
    font-size: 12px;
    /* display: block; */
    /* border: 1px solid #e9e9e9; */
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tv-radio-page .date-find .date {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .04em
}

.tv-radio-page .date-find .date.finish:before {
    width: 10px;
    height: 1px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    margin: 0 5px 0 2px
}

.tv-radio-page .date-find .default {
    cursor: pointer
}

.tv-radio-page .date-find .default .text {
    display: block;
    position: relative;
    letter-spacing: .04em;
    line-height: 32px;
    display: none;
}

.tv-radio-page .date-find.photo i {
    width: 18px;
    height: 19px;
    background: url(../images/sprite.png) -180px -270px no-repeat;
    top: 8px
}

.tv-radio-page .date-find i {
    width: 18px;
    height: 19px;
    background: url(../images/sprite.png) -140px -60px no-repeat;
    position: absolute;
    /* right: 20px; */
    right: 23px;
    top: 6px;
    content: ''
}

.tv-radio-page .date-find i:hover {
    cursor: pointer
}

.tv-radio-page .date-find:not(.selected) .selected {
    transition: opacity .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.tv-radio-page .date-find.selected .selected {
    width: 205px;
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    transition: opacity .3s ease;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #497bc0;
    padding: 0 33px 0 18px;
    cursor: pointer
}

.tv-radio-page .date-find.selected .selected .close {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -1px;
    right: 4px
}

.tv-radio-page .date-find.selected .selected .close:before {
    width: 11px;
    height: 11px;
    background: url(../images/sprite.png) -180px -170px no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: relative;
    top: 50%;
    display: block;
    margin: 0 auto
}

.tv-radio-page .date-find.selected .selected .close:hover:before {
    opacity: .75
}

.tv-radio-page .date-find .calendar {
    width: 428px;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    top: 53px;
    right: -3px;
    z-index: 100;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    font-size: 0;
    box-shadow: 2px 2px 13px -3px rgba(0, 0, 0, .8)
}

.tv-radio-page .date-find .calendar .date {
    width: 213px;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.tv-radio-page .date-find .calendar .ui-datepicker .ui-datepicker-next,
.tv-radio-page .date-find .calendar .ui-datepicker .ui-datepicker-prev,
.tv-radio-page .date-find .calendar thead {
    display: none
}

.tv-radio-page .date-find .calendar .date:first-child .ui-datepicker {
    border-right: 1px solid #e6e6e6
}

.tv-radio-page .date-find .calendar .ui-datepicker {
    width: 213px;
    height: auto;
    background-color: #fff;
    padding: 13px 22px 18px;
    border: none;
    box-sizing: border-box;
    border-radius: 0
}

.tv-radio-page .date-find .calendar .ui-datepicker-header {
    background-color: #fff;
    padding: 0;
    border: none;
    margin-bottom: 9px
}

.tv-radio-page .date-find .calendar .ui-state-default,
.tv-radio-page .date-find .calendar .ui-widget-content .ui-state-default {
    background-color: transparent;
    border: none;
    width: 20px;
    height: 18px;
    box-sizing: border-box;
    color: #333;
    line-height: 20px;
    font-size: 11px;
    padding: 0;
    margin: 0 0 4px 2px;
    text-align: center
}

.tv-radio-page .date-find .calendar .ui-state-default.ui-state-active,
.tv-radio-page .date-find .calendar .ui-state-default:hover,
.tv-radio-page .date-find .calendar .ui-widget-content .ui-state-default.ui-state-active,
.tv-radio-page .date-find .calendar .ui-widget-content .ui-state-default:hover {
    background-color: #497bc0;
    color: #fff;
    border-radius: 3px
}

.tv-radio-page .date-find .calendar .ui-datepicker .ui-datepicker-title {
    margin: 0
}

.tv-radio-page .date-find .calendar tr td {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    color: #333;
    line-height: 20px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-align: center
}

.tv-radio-page .date-find .calendar .ui-datepicker-other-month {
    font-size: 0;
    position: relative
}

.tv-radio-page .date-find .calendar .ui-datepicker-other-month:after {
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #999;
    border-radius: 50%;
    margin: -3px 0 0 -2px
}

.tv-radio-page .radio-date {
    display: inline-block;
    position: absolute;
    z-index: 2;
    margin: 0 -9px;
    padding: 3px 10px 1px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    top: 21px;
    left: 0
}

.tv-radio-page .radio-date:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    content: '';
    background: rgba(21, 45, 79, .8)
}

.tv-radio-page .radio-title {
    color: #152d4f;
    border-bottom: 1px solid #152d4f;
    font: 700 14px/22px 'Open Sans', sans-serif
}

.tv-radio-page .radio-title.link-popup {
    border-bottom: 1px dashed #152d4f
}

.tv-radio-page .radio-title.link-popup.solid {
    border-bottom-style: solid
}

.tv-radio-page .radio-title:hover {
    border-color: #ffffff
}

.tv-radio-page .radio-picture {
    transition: all .3s linear;
    position: relative;
    border: 1px solid #e8e8e8;
    margin-bottom: 23px;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center
}

.tv-radio-page .radio-picture.media {
    width: 286px;
    height: 190px
}

.tv-radio-page .radio-list {
    margin: 0 -66px 0 0;
    font-size: 0
}

.tv-radio-page .radio-list .radio-item {
    position: relative;
    display: inline-block;
    width: 286px;
    vertical-align: top;
    margin: 17px 66px 36px 0
}

.tv-radio-page .radio-list .radio-item.big-item {
    width: 638px
}

.tv-radio-page .radio-list .radio-item.big-item .radio-picture {
    height: 311px
}

.tv-radio-page .radio-list .radio-item.big-item .radio-date:before {
    background-color: #497bc0
}

.tv-radio-page .radio-list .radio-item .text {
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #333;
    text-align: left;
    margin: 16px 0 0
}

.tv-radio-page .radio-list .radio-item .radio-picture {
    width: 100%;
    height: 190px;
    background-color: #dedede;
    background-repeat: no-repeat
}

.tv-radio-page .radio-list .radio-item .radio-picture.media:hover:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.tv-radio-page .radio-list .radio-item .radio-picture.media:hover:after {
    width: 49px;
    height: 49px;
    background: url(../images/sprite.png) 0 -140px no-repeat;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.tv-radio-page .radio-list .radio-item .radio-source {
    position: relative;
    margin: 16px 0 0;
    padding-left: 22px;
    font: 12px/20px 'Open Sans', sans-serif;
    letter-spacing: .025em
}

.tv-radio-page .radio-list .radio-item .radio-source.label-audio:before {
    width: 15px;
    height: 14px;
    background: url(../images/sprite.png) -140px -80px no-repeat;
    position: absolute;
    left: 2px;
    top: 1px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.tv-radio-page .radio-list .radio-item .radio-source.label-video:before {
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) -120px -80px no-repeat;
    position: absolute;
    left: 1px;
    top: 2px;
    display: inline-block;
    vertical-align: middle;
    content: ''
}

.tv-radio-page .radio-list .radio-item .radio-file {
    margin: 5px 0 0 22px;
    font: 400 14px/21px 'Open Sans', sans-serif;
    letter-spacing: .02em
}

.tv-radio-page .radio-list .radio-item .radio-file a {
    border-bottom: 1px dashed;
    font-weight: 600;
    letter-spacing: .01em
}

.tv-radio-page .radio-list .radio-item .radio-file a:hover,
.tv-radio-page .radio-list .radio-item:hover .radio-title {
    border-color: #ffffff
}

.tv-radio-page .subscribe-block {
    box-sizing: border-box
}

.tv-radio-page .subscribe-block .subscribe-link {
    font: 700 16px/22px 'Open Sans', sans-serif;
    color: #152d4f;
    text-align: left
}

.tv-radio-page .subscribe-block .subscribe-link:before {
    width: 21px;
    height: 17px;
    background: url(../images/sprite.png) -90px -140px no-repeat;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0
}

.tv-radio-page .subscribe-block .subscribe-link span {
    border-bottom: 1px solid #152d4f
}

.tv-radio-page .subscribe-block .subscribe-link:hover span {
    border-bottom-color: transparent
}

.tv-radio-page:not(.without-calendar) .select2-container--default .select2-selection--single {
    border: none;
    font: 700 12px 'Open Sans', sans-serif;
    color: #152d4f;
    text-transform: uppercase;
    padding-top: 7px;
    width: 84px
}

.tv-radio-page:not(.without-calendar) .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: inline-block;
    vertical-align: top;
    color: #152d4f;
    border-bottom: 1px dashed #152d4f;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    line-height: 16px
}

.tv-radio-page:not(.without-calendar) .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -4px;
    right: 4px;
    position: static;
    display: inline-block;
    vertical-align: top
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-right,
.software-page .text-block .slider-wrap .slider .arrow.arrow-right {
    right: 0
}

.tv-radio-page:not(.without-calendar) .select2-container--default.select2-container--open .select2-selection--single {
    background-color: #fff;
    border: 1px solid #c5c5c5;
    text-align: left;
    padding-left: 10px
}

.tv-radio-page:not(.without-calendar) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    border-bottom-color: transparent
}

.tv-radio-page:not(.without-calendar) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    display: none
}

.tv-radio-page:not(.without-calendar) .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    width: 8px;
    height: 5px;
    content: '';
    display: block;
    position: static;
    background: url(../images/data-uri/arrow-blue.png) no-repeat;
    margin: 1px auto
}

.tv-radio-page:not(.without-calendar) .select2-container {
    width: 84px
}

.tv-radio-page:not(.without-calendar) .select2-selection:focus {
    outline: 0
}

.tv-radio-page:not(.without-calendar) .select2-results__option[role=treeitem] {
    font: 700 12px 'Open Sans', sans-serif;
    color: #152d4f;
    text-transform: uppercase
}

.software-page .sub-head-image {
    width: 100%;
    height: 525px;
    display: table;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff
}

.software-page .sub-head-image .sub-head-image-wrap {
    display: table-cell;
    vertical-align: middle
}

.software-page .sub-head-image .sub-head-image-wrap .text-wrap {
    margin: 0 auto;
    width: 990px
}

.software-page .sub-head-image .sub-head-image-wrap .title {
    font: 800 28px/36px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.software-page .sub-head-image .sub-head-image-wrap .sub-title {
    margin-top: 7px;
    font: 400 18px/28px 'Open Sans', sans-serif
}

.software-page main {
    padding: 42px 0 51px
}

.software-page h1 {
    font: 700 28px/30px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.software-page h3 {
    margin-top: 29px;
    font: 400 18px/24px 'Open Sans', sans-serif
}

.software-page .text-block {
    margin-top: 20px;
    line-height: 20px
}

.software-page .text-block .item-image {
    width: 190px;
    height: 220px;
    float: left;
    margin: 8px 31px 15px 0;
    background-position: center;
    background-repeat: no-repeat
}

.software-page .text-block .description p {
    margin-bottom: 15px
}

.software-page .text-block .description h2 {
    margin: 31px 0 0;
    font: 700 18px/20px 'Open Sans', sans-serif
}

.software-page .text-block .slider-wrap {
    margin: 30px 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.software-page .text-block .slider-wrap .page span {
    font-weight: 700
}

.software-page .text-block .slider-wrap .slider {
    position: relative;
    height: 335px;
    margin-top: 10px
}

.software-page .text-block .slider-wrap .slider:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/software/screen-nb.png) center no-repeat
}

.software-page .text-block .slider-wrap .slider .slides {
    width: 441px;
    height: 275px;
    top: 17px;
    left: 94px;
    overflow: hidden
}

.software-page .text-block .slider-wrap .slider .slides .slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.software-page .text-block .slider-wrap .slider .arrow {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0
}

.software-page .text-block .slider-wrap .slider .arrow:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: relative;
    display: block;
    top: 50%
}

.software-page .text-block .slider-wrap .slider .arrow.arrow-left {
    left: 0
}

.software-page .text-block .slider-wrap .slider .arrow.arrow-left:before {
    width: 15px;
    height: 33px;
    background: url(../images/sprite.png) -30px -270px no-repeat
}

.software-page .text-block .slider-wrap .slider .arrow.arrow-right:before {
    width: 15px;
    height: 33px;
    background: url(../images/sprite.png) -60px -270px no-repeat;
    left: 34px
}

.software-page .text-block ul li:before,
.software-page aside .complect li:before {
    height: 6px;
    vertical-align: middle;
    position: relative;
    content: ""
}

.software-page .text-block .slider-wrap .slider .arrow:hover {
    cursor: pointer;
    opacity: .2
}

.software-page .text-block ul {
    margin: 12px 0
}

.software-page .text-block ul li:before {
    width: 4px;
    background: url(../images/sprite.png) -100px -190px no-repeat;
    display: inline-block;
    margin-right: 17px
}

.software-page aside {
    box-sizing: border-box;
    margin-top: 18px;
    padding: 30px 30px 34px;
    background-color: #f2f2f2
}

.software-page aside .button {
    width: 76%;
    margin: 0 auto 20px;
    display: block;
    text-align: center
}

.software-page aside .title {
    margin-top: 45px;
    font-weight: 600
}

.software-page aside .title.add-info {
    margin-top: 37px;
    margin-bottom: 16px
}

.software-page aside .complect {
    margin-top: 14px;
    font: 700 12px/24px 'Open Sans', sans-serif
}

.software-page aside .complect li a {
    color: #497bc0;
    border-bottom: 1px solid rgba(73, 123, 192, .5)
}

.software-page aside .complect li a:hover {
    border-color: #497bc0
}

.software-page aside .complect li:before {
    width: 4px;
    background: url(../images/sprite.png) -80px -190px no-repeat;
    margin-right: 10px;
    display: inline-block
}

.catalog-detail-page .big-photo-slider .slide,
.catalog-detail-page .thumbs-photo-slider .slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box
}

.software-page aside .download-list-title {
    margin-bottom: 18px;
    margin-top: 37px
}

.software-page aside .download-list-wrapper ul:before {
    display: none
}

.software-page aside .download-list-wrapper ul.download-list li {
    margin: 0 0 14px
}

.software-page aside .download-list-wrapper ul.download-list a {
    font-size: 12px;
    margin-bottom: 15px
}

.software-page aside .download-list-wrapper ul.download-list a:before {
    vertical-align: middle
}

.catalog-detail-page .row {
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.catalog-detail-page .column {
    width: 310px;
    height: auto;
    padding: 0 15px;
    float: left
}

.catalog-detail-page .column.double {
    width: 650px;
    height: auto
}

.catalog-detail-page main {
    padding: 43px 0 218px
}

.catalog-detail-page .column-wrapper {
    padding: 25px 50px 12px 20px
}

.catalog-detail-page .big-photo-slider {
    width: 100%;
    height: 259px;
    overflow: hidden
}

.catalog-detail-page .big-photo-slider .slides {
    font-size: 0;
    overflow: hidden;
    text-align: center
}

.catalog-detail-page .big-photo-slider .slide {
    width: 100%;
    height: 259px
}

.catalog-detail-page .thumbs-photo-slider {
    width: 100%;
    height: 100%;
    padding: 20px 27px;
    box-sizing: border-box;
    position: relative
}

.catalog-detail-page .thumbs-photo-slider .slides {
    font-size: 0;
    overflow: hidden;
    text-align: center;
    height: 71px
}

.catalog-detail-page .thumbs-photo-slider .slide {
    width: 77px;
    height: 71px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top
}

.catalog-detail-page .thumbs-photo-slider .controls {
    box-sizing: border-box
}

.catalog-detail-page .thumbs-photo-slider .controls i {
    width: 27px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0
}

.catalog-detail-page .thumbs-photo-slider .controls i:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.catalog-detail-page .thumbs-photo-slider .controls i.disable {
    cursor: default
}

.catalog-detail-page .thumbs-photo-slider .controls i.disable:before {
    opacity: .2 !important
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-left {
    left: 0
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-left:before {
    width: 15px;
    height: 24px;
    background: url(../images/sprite.png) -30px -270px no-repeat;
    transition: opacity .3s ease
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-left:not(.disable):hover:before {
    opacity: .75;
    transition: opacity .3s ease
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-right:before {
    width: 15px;
    height: 24px;
    background: url(../images/sprite.png) -60px -270px no-repeat;
    margin: 0 0 0 12px
}

.catalog-detail-page .thumbs-photo-slider .controls .arrow-right:not(.disable):hover:before {
    opacity: .75;
    transition: opacity .3s ease
}

.catalog-detail-page h1 {
    margin: 9px 0 22px;
    font-size: 28px;
    line-height: 36px
}

.catalog-detail-page .content-tabs .tabs-nav {
    margin: 0
}

.catalog-detail-page .content-tabs .text-content {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    padding-top: 18px
}

.catalog-detail-page .content-tabs .text-content ul {
    margin: 0;
    padding: 9px 0 24px 19px
}

.catalog-detail-page .content-tabs .text-content ul li {
    padding: 0 0 0 16px;
    margin: 0;
    position: relative
}

.catalog-detail-page .content-tabs .text-content ul li:before {
    margin: 0;
    position: absolute;
    top: 6px;
    left: 2px
}

.catalog-detail-page .content-tabs .text-content ul + table tr:first-child td {
    border-top: 1px solid #d9d9da
}

.catalog-detail-page .content-tabs .text-content table {
    width: 100%;
    margin: 0;
    background-color: transparent
}

.catalog-detail-page .content-tabs .text-content table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.catalog-detail-page .content-tabs .text-content table tr {
    border-bottom: 1px solid #d9d9da;
    border-top: 1px solid transparent;
    transition: background-color .2s ease;
    cursor: pointer
}

.catalog-detail-page .content-tabs .text-content table tr:first-child {
    background-color: transparent
}

.catalog-detail-page .content-tabs .text-content table tr:hover {
    background-color: #f1f6fb
}

.catalog-detail-page .content-tabs .text-content table tr td {
    padding: 8px 0 7px;
    vertical-align: top;
    border-right: 0;
    text-align: left;
    background-color: transparent
}

.catalog-detail-page .content-tabs .text-content table tr td:first-child {
    width: 215px;
    font-weight: 700;
    padding-left: 23px;
    padding-right: 32px
}

.catalog-detail-page .content-tabs .text-content .list-name {
    font-weight: 700;
    padding-left: 23px
}

.catalog-detail-page .content-tabs .toggler {
    font-size: 13px
}

.catalog-detail-page .content-tabs .toggler span {
    padding: 16px 10px 10px
}

.catalog-detail-page .information-block {
    position: relative;
    margin-top: 51px;
    background-color: #f1f1f1
}

.catalog-detail-page .information-block:before {
    width: 93px;
    height: 105px;
    background: url(../images/sprite.png) 0 -300px no-repeat;
    content: '';
    display: block;
    position: absolute;
    bottom: 29px;
    right: 114px
}

.catalog-detail-page .information-block .button-block {
    padding: 0 30px
}

.catalog-detail-page .information-block .button-block .link-wrapper {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

.catalog-detail-page .information-block .button-block .button-wrapper {
    padding: 0 30px;
    margin-bottom: 11px
}

.catalog-detail-page .information-block .solid-link {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px
}

.catalog-detail-page .information-block .solid-link span {
    font-family: 'Open Sans', sans-serif;
    color: #497bc0;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid #d0d4d7
}

.catalog-detail-page .information-block .solid-link:hover span {
    border-bottom-color: transparent
}

.catalog-detail-page .information-block .information-block-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px
}

.catalog-detail-page .information-block .download-list li {
    margin: 0 0 8px
}

.catalog-detail-page .information-block .download-list a {
    font-size: 12px;
    padding: 0 0 0 39px
}

.catalog-detail-page .information-block .download-list a span {
    line-height: 10px
}

.catalog-detail-page .information-block .download-list a:before {
    margin: 0 19px 0 -39px
}

.catalog-detail-page .phone {
    font: 700 24px/14px 'Open Sans', sans-serif;
    color: #000
}

.catalog-detail-page .phone span {
    color: #666
}

.catalog-detail-page .text-block {
    padding: 32px 22px
}

.catalog-detail-page .text-block p {
    margin: 14px 0
}

.catalog-detail-page .sub-footer-wrap {
    margin-top: -218px
}

.catalog-detail-page .sub-footer-wrap .sub-footer {
    min-height: 182px;
    padding: 19px 21px 15px
}

.catalog-detail-page .sub-footer-wrap .link-list {
    padding: 3px 0 0
}

.catalog-detail-page .sub-footer-wrap a {
    margin: 0 26px 17px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    font: 700 14px 'Open Sans', sans-serif
}

.catalog-detail-page .sub-footer-wrap a:before {
    width: 4px;
    height: 9px;
    background: url(../images/sprite.png) -120px -190px no-repeat;
    content: '';
    margin-right: 11px;
    display: inline-block;
    vertical-align: middle
}

.catalog-detail-page .sub-footer-wrap a span {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.catalog-detail-page .sub-footer-wrap a:hover span {
    border-color: #ffffff
}

.text-page main {
    padding: 41px 0 312px
}

.text-page main ul {
    margin: 18px 0
}

.text-page main ul li {
    margin-bottom: 17px;
    overflow: hidden;
    padding: 0 0 0 16px;
    position: relative
}

.text-page main ul li:before {
    display: block;
    content: "";
    margin-right: 16px;
    margin-left: 0;
    position: absolute;
    top: 7px;
    left: 0
}

.text-page main ol {
    margin: 12px 0;
    padding: 0;
    font: 500 14px/20px bold 'Open Sans', sans-serif
}

.text-page main ol>

li {
    position: relative;
    margin-bottom: 15px;
    padding: 0;
    margin-left: 20px
}

.text-page main ol>

li:before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 10px;
    content: counter(li-counter) ".";
    counter-increment: li-counter;
    font-weight: 700
}

.text-page main p {
    margin: 21px 0;
    line-height: 20px
}

.text-page main figure {
    margin: 4px 34px 20px 0;
    position: relative;
    box-sizing: border-box
}

.text-page main figure img {
    margin: 0
}

.text-page main figure figcaption {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    font: 400 14px/21px 'Open Sans', sans-serif;
    color: #fff;
    width: 100%;
    padding: 22px 20px
}

.text-page main ul + p {
    margin-top: -2px
}

.text-page main h1 {
    letter-spacing: -.002em;
    font: 700 28px/32px 'Open Sans', sans-serif
}

.text-page main h2 {
    margin: 36px 0 .83em;
    font-size: 1.71em
}

.text-page main h3 {
    margin: 41px 0 17px;
    color: #000;
    font: 700 20px/20px 'Open Sans', sans-serif
}

.text-page main h4 {
    margin: 29px 0 22px;
    font: 400 18px/24px 'Open Sans', sans-serif
}

.text-page main blockquote {
    position: relative;
    margin: 40px 0 25px;
    padding: 33px 19px 30px;
    border-top: 1px solid #497bc0;
    border-bottom: 1px solid #497bc0
}

.text-page main blockquote:before {
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    display: block;
    position: absolute;
    top: -16px;
    left: -4px;
    z-index: 0;
    content: '';
    background: #497bc0;
    width: 117px;
    height: 29px;
    border-left: 10px solid #fff;
    border-radius: 1px
}

.text-page main blockquote:after {
    content: 'ДЛЯ СПРАВКИ';
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 0;
    color: #fff;
    padding: 5px 0 6px 21px;
    font: 700 12px/20px 'Open Sans', sans-serif;
    text-transform: uppercase
}

.text-page main blockquote p {
    margin: 0
}

.text-page main blockquote p + p {
    margin: 15px 0 0
}

.text-page main .feedback {
    font-size: 16px;
    line-height: 24px
}

.text-page main .feedback .phone {
    color: #000;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    transition: opacity .3s linear
}

.text-page main .feedback .phone span {
    color: #666
}

.text-page main .feedback .phone:hover {
    opacity: .75
}

.text-page main .feedback .email {
    transition: opacity .3s linear;
    border: 0;
    font: 700 16px/24px 'Open Sans', sans-serif
}

.text-page main .feedback .email:hover {
    opacity: .75
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspHorizontalBar,
.jspPane,
.jspVerticalBar {
    position: absolute
}

.jspVerticalBar {
    top: 6px;
    bottom: 6px;
    right: 10px;
    width: 6px
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #e1e1e1;
    position: relative
}

.jspDrag {
    background: #497bc0;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 8051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 11px 10px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-results__option[aria-selected=true] {
    background-color: #eee
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-container--classic .select2-results>
.select2-results__options,
.select2-container--default .select2-results>
.select2-results__options,
.select2-container--header .select2-results>

.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-selection--single {
    background-color: #fff;
    border: 1px solid #c5c5c5
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--header .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 32px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.025em
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--header .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--header .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--header .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px;
    right: 4px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--header .select2-selection--single .select2-selection__arrow b {
    border-color: #497bc0 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear,
.select2-container--header[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow,
.select2-container--header[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--header.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
    color: #999
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.select2-container--header.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #999
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select2-container--header.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,
.select2-container--header.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--header.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple,
.select2-container--header .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--header .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select2-container--header .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear,
.select2-container--header .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--header .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--header .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--header .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--header[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--header[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--header[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--header[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--header.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--header.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove,
.select2-container--header.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--header.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--header.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--header.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--header.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--header .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--header .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0
}

.select2-container--default .select2-results__option[role=group],
.select2-container--header .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--header .select2-results__option[aria-disabled=true],
.select2-container--header .select2-results__option[aria-selected=true] {
    color: #999
}

.select2-container--default .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group,
.select2-container--header .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option,
.select2-container--header .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--header .select2-results__option--highlighted[aria-selected] {
    background-color: #edf2f7
}

.select2-container--default .select2-results__group,
.select2-container--header .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
    color: #000
}

.select2-results__options {
    color: #000;
    font-size: 12px
}

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
    color: #000
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-results.jspScrollable {
    margin-bottom: 10px
}

@media (min-width:996px) {
    .select2-container--header.select2-container--open {
        visibility: hidden !important
    }
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1020;
    margin: 60px;
    -webkit-transform: translate(-60px);
    -ms-transform: translate(-60px);
    transform: translate(-60px)
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 1030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
    overflow: visible !important
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../images/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 1060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    z-index: 1040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 110px;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: url(blank.gif);
    -webkit-tap-highlight-color: transparent;
    z-index: 1040
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 1040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 1010
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 1050
}

.fancybox-opened .fancybox-title {
    visibility: visible;
    width: 100%;
    box-sizing: border-box
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 1050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-next span,
    .fancybox-prev span {
        background-image: url(../images/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(../images/fancybox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

.fancybox-overlay {
    background: rgba(0, 0, 0, .4)
}

.fancybox-wrap {
    margin-bottom: 20px
}

.fancybox-skin {
    border-radius: 3px;
    box-shadow: none !important;
    background: #fff
}

.fancybox-close {
    width: 21px;
    height: 21px;
    background: url(../images/sprite.png) -140px -30px no-repeat;
    position: absolute;
    right: 29px;
    top: 29px;
    cursor: pointer;
    border: 10px solid #fff
}

.fancybox-close:hover {
    animation: close-spin .2s linear 1
}

.fancybox-image {
    border-radius: 3px
}

.fancybox-type-image .fancybox-close,
.fancybox-type-media .fancybox-close {
    width: 21px;
    height: 21px;
    background: url(../images/sprite.png) -110px -300px no-repeat;
    position: absolute;
    right: -52px;
    top: -57px;
    cursor: pointer;
    border: 0
}

.fancybox-type-image .fancybox-close:hover,
.fancybox-type-media .fancybox-close:hover {
    -webkit-animation: close-spin .2s linear 1;
    animation: close-spin .2s linear 1
}

@keyframes close-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.fancybox-type-media .fancybox-title.fancybox-title-over-wrap {
    width: 100%;
    top: 0;
    bottom: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 17px 27px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px
}

.fancybox-nav span {
    position: relative
}

.fancybox-prev {
    left: -110px
}

.fancybox-next:after,
.fancybox-prev:after {
    width: 30px;
    height: 48px;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    position: absolute
}

.fancybox-prev:after {
    background: url(../images/sprite.png) -65px 0 no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fancybox-next {
    right: -110px
}

.fancybox-next:after {
    background: url(../images/sprite.png) -100px 0 no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666;
    opacity: .5;
    filter: alpha(opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    border-radius: 5px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    font-weight: 700;
    color: #c77405
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #fff
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-zfix,
.ui-widget-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video,
.mejs-mediaelement {
    width: 100%;
    height: 100%
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.mejs-container :focus,
.mejs-container:focus {
    outline: 0
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-clear {
    clear: both
}

.mejs-background,
.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../images/player/bigplay.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(../images/player/bigplay.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: url(../images/player/background.png);
    background: rgba(0, 0, 0, .9);
    background: linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9))
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../images/player/loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background-color: #1e3452;
    height: 50px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font: 400 12px/22px 'Open Sans', sans-serif;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 17px 27px;
    padding: 0;
    position: relative;
    border: 0
}

.mejs-controls .mejs-button button:focus {
    outline: #999 dotted 1px
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 14px 3px 0;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-button.mejs-play button {
    width: 15px;
    height: 16px;
    background: url(../images/sprite.png) -140px -300px no-repeat
}

.mejs-controls .mejs-button.mejs-pause button {
    width: 15px;
    height: 16px;
    background: url(../images/sprite.png) -180px -300px no-repeat
}

.mejs-controls .mejs-button.mejs-mute button,
.mejs-controls .mejs-button.mejs-unmute button {
    width: 15px;
    height: 18px;
    background: url(../images/sprite.png) -160px -300px no-repeat
}

.mejs-controls .mejs-button.mejs-mute button {
    margin: 15px 27px
}

.mejs-duration {
    color: #8f9aa9
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px
}

.mejs-controls .mejs-time-rail a,
.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 23px 20px 23px 3px;
    background: #333
}

.mejs-controls .mejs-time-rail .mejs-time-total:focus {
    outline: 0
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #8f9aa9;
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 23px;
    border: 1px solid #333;
    top: -33px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px solid #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    top: 23px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    border-radius: 0;
    top: -115px;
    left: 20px;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    cursor: N-resize;
    border-radius: 1px;
    margin: 0
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 50px;
    width: 91px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 21px;
    width: 63px;
    height: 6px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background: #8f9aa9
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 21px;
    width: 50px;
    height: 6px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8))
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    border: 1px solid transparent;
    padding: 10px 10px 0;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, .7);
    background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, .7);
    background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 35px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(../images/player/background.png);
    background: rgba(20, 20, 20, .5);
    white-space: pre-wrap
}

.me-cannotplay a {
    color: #fff;
    font-weight: 700
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2c7c91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    border: 1px solid transparent;
    padding: 10px;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer,
.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: 0 0;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #fff
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(../images/player/background.png);
    background: rgba(50, 50, 50, .7);
    border: 1px solid transparent;
    padding: 0;
    overflow: hidden;
    border-radius: 0
}

.mejs-controls .mejs-speed-button:hover>

.mejs-speed-selector {
    visibility: visible
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: #21f8f8
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, .4) !important
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: url(../images/player/skipback.png) 3px 3px no-repeat
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: 0 0;
    font-size: 9px;
    line-height: normal;
    color: #fff
}

.geoservice-page .text-block .slider-wrap .slider .arrow.arrow-right {
    right: 0
}

.geoservice-page .sub-head-image {
    width: 100%;
    height: 525px;
    display: table;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff
}

.geoservice-page .sub-head-image .sub-head-image-wrap {
    display: table-cell;
    vertical-align: middle
}

.geoservice-page .sub-head-image .sub-head-image-wrap .text-wrap {
    margin: 0 auto;
    width: 990px
}

.geoservice-page .sub-head-image .sub-head-image-wrap .title {
    font: 800 28px/36px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.geoservice-page .sub-head-image .sub-head-image-wrap .sub-title {
    margin-top: 7px;
    font: 400 18px/28px 'Open Sans', sans-serif
}

.geoservice-page main {
    padding: 42px 0 269px
}

.geoservice-page h1 {
    font: 700 28px/30px 'Open Sans', sans-serif;
    letter-spacing: -.025em
}

.geoservice-page h3 {
    margin-top: 29px;
    font: 400 18px/24px 'Open Sans', sans-serif
}

.geoservice-page .text-block {
    margin-top: 20px;
    line-height: 20px
}

.geoservice-page .text-block .item-image {
    width: 190px;
    height: 220px;
    float: left;
    margin: 8px 31px 15px 0;
    background-position: center;
    background-repeat: no-repeat
}

.geoservice-page .text-block .description p {
    margin-bottom: 15px
}

.geoservice-page .text-block .description h2 {
    margin: 31px 0 0;
    font: 700 18px/20px 'Open Sans', sans-serif
}

.geoservice-page .text-block .slider-wrap {
    margin: 30px 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.geoservice-page .text-block .slider-wrap .page span {
    font-weight: 700
}

.geoservice-page .text-block .slider-wrap .slider {
    position: relative;
    height: 335px;
    margin-top: 10px
}

.geoservice-page .text-block .slider-wrap .slider:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/geoservice/screen-nb.png) center no-repeat
}

.geoservice-page .text-block .slider-wrap .slider .slides {
    width: 441px;
    height: 275px;
    top: 17px;
    left: 94px;
    overflow: hidden
}

.geoservice-page .text-block .slider-wrap .slider .slides .slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.geoservice-page .text-block .slider-wrap .slider .arrow {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0
}

.geoservice-page .text-block .slider-wrap .slider .arrow:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    position: relative;
    display: block;
    top: 50%
}

.geoservice-page .text-block .slider-wrap .slider .arrow.arrow-left {
    left: 0
}

.geoservice-page .text-block .slider-wrap .slider .arrow.arrow-left:before {
    width: 15px;
    height: 33px;
    background: url(../images/sprite.png) -30px -270px no-repeat
}

.geoservice-page .text-block .slider-wrap .slider .arrow.arrow-right:before {
    width: 15px;
    height: 33px;
    background: url(../images/sprite.png) -60px -270px no-repeat;
    left: 34px
}

.geoservice-page .text-block ul li:before,
.geoservice-page aside .complect li:before {
    height: 6px;
    vertical-align: middle;
    position: relative;
    content: ""
}

.geoservice-page .text-block .slider-wrap .slider .arrow:hover {
    cursor: pointer;
    opacity: .2
}

.geoservice-page .text-block ul {
    margin: 12px 0
}

.geoservice-page .text-block ul li:before {
    width: 4px;
    background: url(../images/sprite.png) -100px -190px no-repeat;
    display: inline-block;
    margin-right: 17px
}

.geoservice-page aside {
    box-sizing: border-box;
    margin-top: 18px;
    padding: 30px 30px 34px;
    background-color: #f2f2f2
}

.geoservice-page aside .button {
    width: 76%;
    margin: 0 auto 20px;
    display: block;
    text-align: center
}

.geoservice-page aside .title {
    margin-top: 45px;
    font-weight: 600
}

.geoservice-page aside .title.add-info {
    margin-top: 37px;
    margin-bottom: 16px
}

.geoservice-page aside .complect {
    margin-top: 14px;
    font: 700 12px/24px 'Open Sans', sans-serif
}

.geoservice-page aside .complect li a {
    color: #497bc0;
    border-bottom: 1px solid rgba(73, 123, 192, .5)
}

.geoservice-page aside .complect li a:hover {
    border-color: #497bc0
}

.geoservice-page aside .complect li:before {
    width: 4px;
    background: url(../images/sprite.png) -80px -190px no-repeat;
    margin-right: 10px;
    display: inline-block
}

.catalog-detail-page .big-photo-slider .slide,
.catalog-detail-page .thumbs-photo-slider .slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box
}

.geoservice-page aside .download-list-title {
    margin-bottom: 18px;
    margin-top: 37px
}

.geoservice-page aside .download-list-wrapper ul:before {
    display: none
}

.geoservice-page aside .download-list-wrapper ul.download-list li {
    margin: 0 0 14px
}

.geoservice-page aside .download-list-wrapper ul.download-list a {
    font-size: 12px;
    margin-bottom: 15px
}

.geoservice-page aside .download-list-wrapper ul.download-list a:before {
    vertical-align: middle
}


nav.navigation .col.js-geoservices .menu {
    columns: 2;
    width: 50%;
}

@media (max-width:1000px) {
    nav.navigation .col.js-geoservices .menu {
        width: 100%;
    }
}

nav.navigation .col.js-geoservices .menu li {
    padding: 0px;
}

.caption.black.js-caption {
    display: none !important;
}


/* Start 25_05_2021 */
.main-page .main-slideshow-part {
    height: 48.315789vw;
}

@media (max-width: 1300px) {
    .main-page .main-slideshow-part {
        height: 52.31578947368421vw;
    }
}

@media (max-width: 1023px) {
    .main-page main {
        padding-top: 74px;
    }

    .main-page .main-slideshow-part {
        margin-top: -9vw;
        height: 67.315789vw;
    }

    .slideshow .slide {
        -webkit-background-size: contain;
        background-size: contain;
    }

    .slideshow .next,
    .slideshow .prev {
        opacity: .5;
    }
}

@media (max-width: 767px) {
    .main-page .main-slideshow-part {
        margin-top: 0.5vw;
        height: 51.5vw;
    }
}

.image_proc_container a {
    border-bottom: unset;
}

.image_proc_title {
    margin-top: 20px;
}

.image_proc_container {
    padding: unset;
}

.image_proc_container .bx_catalog_item_images {
    height: 320px;
    padding-top: unset;
    margin-top: 20px;
}

.img_proc_catalog {
    border-bottom: unset;
}

/* End 25_05_2021 */

/* Start 16-07-21 */
nav.navigation .tab.tab_custom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

nav.navigation .tab.tab_custom .col {
    width: 20% !important;
    flex-grow: 1;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav.navigation .tab.tab_custom .col:last-child {
    /*    flex-shrink: 0;*/
}

nav.navigation .tab.tab_custom .col .menu {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* End 16-07-21 */

.button-v2{
	background: #E40029;
	color:#fff;
	text-decoration: none;
	transition: background .3s linear;
	border: 2px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0px 0px 10px rgba(29, 54, 85, 0.25);
	border-radius: 2px;
	padding: 8px 20px;
	display: flex;
	align-items:center;
	line-height: 22px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}

@media (min-width: 768px) {
    .button-v2 {
        font-size: 14px;
    }
}


@media (max-width: 767px) {
    .button-v2 {
        font-size: 12px;
    }
}

.button-v2:hover{
	background: #122949;
	color:#fff;
}

.button-v2 .button-icon{
	margin-right: 10px;
}

.button-fly{
	position: fixed;
	bottom: 20px;
	right: 20px;
	/*z-index: 888;*/
	/*transition: all .3s linear;*/
    -webkit-animation: buttonFly 1s linear;
    animation: buttonFly 1s linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*.button-fly.flying{
	top: 20px
}*/

@-webkit-keyframes buttonFly {
    from {
        opacity: 0;
        z-index: -999;
        bottom: -20px;
    }
    to {
        opacity: 1;
        z-index: 888;
        bottom: 20px;
    }
}
@keyframes buttonFly {
    from {
        opacity: 0;
        z-index: -999;
        bottom: -20px;
    }
    to {
        opacity: 1;
        z-index: 888;
        bottom: 20px;
    }
}

/*.main-page .js-form-satellite h1 + p{display: none;}*/

.popup-snapshot-order--mp{
    border-left: 6px solid #2873CC;
    padding: 10px 44px 10px 31px;
}

.popup-snapshot-order--mp .columns{
    display: flex;
}
.popup-snapshot-order--mp .columns .column{
    box-sizing: border-box;
    width: 50%;
}
.popup-snapshot-order--mp .columns .column:nth-child(odd){
    padding-right: 18px;
}
.popup-snapshot-order--mp .columns .column:nth-child(even){
    padding-left: 18px;
}

.popup.popup-snapshot-order--mp h1{
    font-size: 32px;
    line-height: 28px;
    font-weight: normal;
    letter-spacing: normal;
    color: #2873CC;
    padding-bottom: 20px;
    padding-right: 40px;
}


.no-label label{display: none !important;}

.popup.popup-snapshot-order--mp .columns .column + .column{margin: 0}

.popup-snapshot-order--mp .popup-row{
    padding-left: 41px;
    padding-bottom: 15px;
    position: relative;
}
.popup-snapshot-order--mp .popup-row:last-child{
    padding-bottom: 0;
}
.popup-snapshot-order--mp .popup-row__num{
    font-size: 22px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}

form .popup-snapshot-order--mp .form-title{
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: normal;
    padding-bottom: 6px;
}
form .popup-snapshot-order--mp .form-title:after{
    display: none;
}

.popup-snapshot-order--mp .column__name{
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 12px;
}

.popup textarea:focus{
    outline: none;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp .description{
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: #A9A9A9;
    font-weight: 300;
    margin-bottom: 12px;
}

.popup.popup-snapshot-order--mp .columns{
    border:none;
    padding: 0;
    margin: 0;
}

.popup.popup-snapshot-order--mp .agree_row{
    text-align: center;
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top: 35px;
    font-size: 12px;
    line-height: 14px;
}
.upload-button{white-space: nowrap;}
form .popup-snapshot-order--mp .upload-button{
    font-weight: normal;
    padding: 0 20px;
    position: relative;
    background: #fff;
    color: #2873CC;
    cursor: pointer;
    transition: color .3s linear, background-color .3s linear
}
form .popup-snapshot-order--mp .upload-button *{cursor: pointer;}
form .popup-snapshot-order--mp .upload-button:hover{
    opacity:1;
    background: #2873CC;
    color:#fff;
}

/*.popup-snapshot-order--mp .button-select-file-wrapper{
    margin-bottom: 12px;
}
*/
.popup-snapshot-order--mp .button-select-file-wrapper + .error-container{
    color:#EE4055;
    font-size: 12px;
    line-height: 18px;
}

.popup-snapshot-order--mp .uploadifive-queue{
    padding-top: 12px;
}
 
.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list{
    margin-bottom: 5px;
    text-overflow: ellipsis;
}
.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list:last-child{margin-bottom:7px;}

.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list .filename, 
.popup.popup-snapshot-order.popup-snapshot-order--mp .form-row.description{
    font-weight: normal;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list .filename{
    order: 1;
    max-width: calc(100% - 15px);
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp .progress{
    width: 100%;
}
.popup.popup-snapshot-order.popup-snapshot-order--mp .progress-bar{
    height: 2px;
}
.popup.popup-snapshot-order.popup-snapshot-order--mp .file-list .delete{
    order:2;
    vertical-align: middle;
    margin: 0 0 0px 5px;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp textarea{
    padding: 13px;
    min-height: 116px;
}

.popup.popup-snapshot-order.popup-snapshot-order--mp textarea,
.popup.popup-snapshot-order.popup-snapshot-order--mp [type=text]{
    border-color:#EDEDED;
    transition: border-color .3s linear, color .3s linear;
}
.popup.popup-snapshot-order.popup-snapshot-order--mp textarea:focus,
.popup.popup-snapshot-order.popup-snapshot-order--mp [type=text]:focus{
    border-color: #666
}

.popup.popup-snapshot-order.popup-snapshot-order--mp .error textarea,
.popup.popup-snapshot-order.popup-snapshot-order--mp .error [type=text],
.popup.popup-snapshot-order.popup-snapshot-order--mp .error textarea:focus,
.popup.popup-snapshot-order.popup-snapshot-order--mp .error [type=text]:focus{
    border-color: #EE4055
}

.popup.popup-snapshot-order.popup-snapshot-order--mp [type=text]{
    padding: 0 13px;
    min-height: 40px;
}

form .popup-snapshot-order--mp .form-row.sub-name {
    display: block;
    position: relative;
    margin-top: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

form .popup-snapshot-order--mp .form-row.sub-name label,
form .popup-snapshot-order--mp .form-row.sub-name input{
    visibility: hidden;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    min-height: 0;
}


.agree_row a{
    color:#497bc0;
    transition: color .3s linear;
}
.agree_row a:hover,
.agree_row a:active{
    color:#142D51;
}

::-webkit-input-placeholder       {transition: color 0.25s ease;}
::-moz-placeholder                {transition: color 0.25s ease;}
:-moz-placeholder                 {transition: color 0.25s ease;}
:-ms-input-placeholder            {transition: color 0.25s ease;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

@media (max-width:850px) {
    .popup.popup-snapshot-order.popup-snapshot-order--mp{
        width: 600px;
    }
    .popup-snapshot-order--mp{
        padding: 10px 25px 10px 20px;
    }
    .fancybox-close{
        right: 12px;
        top: 10px;
    }
}

@media (max-width:620px) {
    .popup.popup-snapshot-order.popup-snapshot-order--mp{
        width: 500px;
    }
    .popup-snapshot-order--mp .popup-row{
        padding-left: 25px;
    }
    .popup.popup-snapshot-order.popup-snapshot-order--mp textarea{
        min-height: 80px;
    }
}

@media (max-width:520px) {
    .popup.popup-snapshot-order.popup-snapshot-order--mp{
        width: 300px;
    }
    .popup-snapshot-order--mp .columns{
        flex-wrap: wrap;
    }
    .popup-snapshot-order--mp .columns .column:nth-child(odd){
        padding-right: 0;
        width: 100%;
    }
    .popup-snapshot-order--mp .columns .column:nth-child(even){
        padding-left: 0;
        width: 100%;
    }
    .popup-snapshot-order--mp .popup-row{
        padding-bottom: 25px;
    }
    .popup-snapshot-order--mp .popup-row:last-child{
        padding-bottom: 0;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}