html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

strong, b { font-family: "GothamProBold"; font-weight: normal; }

* { box-sizing: border-box; }

svg { fill: currentColor; }
svg path { fill: currentColor; }

html, body { height: 100%; min-width: 1220px; background: #f2f2f2; }

body { font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; }

.wrapper { overflow: hidden; }

.content-relative { position: relative; }
.content-relative--main { height: 100%; }

* { box-sizing: border-box; }

.g-container { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; width: 1220px; }
.g-container--collapse { padding-left: 0; padding-right: 0; }

.g-row { margin-right: -10px; margin-left: -10px; }
.g-row--collapse { margin-left: 0; margin-right: 0; }
.g-row--collapse > [class*="g-col-"] { padding-left: 0; padding-right: 0; }

.clearfix:before, .clearfix:after, .g-container:before, .g-container:after, .g-row:before, .g-row:after { display: table; content: " "; }

.g-container:after, .g-row:after { clear: both; }

.g-col-1, .g-col-2, .g-col-3, .g-col-4, .g-col-5, .g-col-6, .g-col-7, .g-col-8, .g-col-9, .g-col-10, .g-col-11, .g-col-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.g-col-1, .g-col-2, .g-col-3, .g-col-4, .g-col-5, .g-col-6, .g-col-7, .g-col-8, .g-col-9, .g-col-10, .g-col-11, .g-col-12 { float: left; }

.g-col-12 { width: 100%; }

.g-col-11 { width: 91.66666667%; }

.g-col-10 { width: 83.33333333%; }

.g-col-9 { width: 75%; }

.g-col-8 { width: 66.66666667%; }

.g-col-7 { width: 58.33333333%; }

.g-col-6 { width: 50%; }

.g-col-5 { width: 41.66666667%; }

.g-col-4 { width: 33.33333333%; }

.g-col-3 { width: 25%; }

.g-col-2 { width: 16.66666667%; }

.g-col-1 { width: 8.33333333%; }

.g-col-pull-12 { right: 100%; }

.g-col-pull-11 { right: 91.66666667%; }

.g-col-pull-10 { right: 83.33333333%; }

.g-col-pull-9 { right: 75%; }

.g-col-pull-8 { right: 66.66666667%; }

.g-col-pull-7 { right: 58.33333333%; }

.g-col-pull-6 { right: 50%; }

.g-col-pull-5 { right: 41.66666667%; }

.g-col-pull-4 { right: 33.33333333%; }

.g-col-pull-3 { right: 25%; }

.g-col-pull-2 { right: 16.66666667%; }

.g-col-pull-1 { right: 8.33333333%; }

.g-col-pull-0 { right: auto; }

.g-col-push-12 { left: 100%; }

.g-col-push-11 { left: 91.66666667%; }

.g-col-push-10 { left: 83.33333333%; }

.g-col-push-9 { left: 75%; }

.g-col-push-8 { left: 66.66666667%; }

.g-col-push-7 { left: 58.33333333%; }

.g-col-push-6 { left: 50%; }

.g-col-push-5 { left: 41.66666667%; }

.g-col-push-4 { left: 33.33333333%; }

.g-col-push-3 { left: 25%; }

.g-col-push-2 { left: 16.66666667%; }

.g-col-push-1 { left: 8.33333333%; }

.g-col-push-0 { left: auto; }

.g-col-offset-12 { margin-left: 100%; }

.g-col-offset-11 { margin-left: 91.66666667%; }

.g-col-offset-10 { margin-left: 83.33333333%; }

.g-col-offset-9 { margin-left: 75%; }

.g-col-offset-8 { margin-left: 66.66666667%; }

.g-col-offset-7 { margin-left: 58.33333333%; }

.g-col-offset-6 { margin-left: 50%; }

.g-col-offset-5 { margin-left: 41.66666667%; }

.g-col-offset-4 { margin-left: 33.33333333%; }

.g-col-offset-3 { margin-left: 25%; }

.g-col-offset-2 { margin-left: 16.66666667%; }

.g-col-offset-1 { margin-left: 8.33333333%; }

.g-col-offset-0 { margin-left: 0; }

@font-face { font-family: 'GothamProLight'; src: url("../fonts/gothampro-webfont.eot"); src: url("../fonts/gothampro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro-webfont.woff") format("woff"), url("../fonts/gothampro-webfont.ttf") format("truetype"), url("../fonts/gothampro-webfont.svg#gotham_proregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GothamProRegular'; src: url("../fonts/gothampro-webfont.eot"); src: url("../fonts/gothampro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro-webfont.woff") format("woff"), url("../fonts/gothampro-webfont.ttf") format("truetype"), url("../fonts/gothampro-webfont.svg#gotham_proregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GothamProBold'; src: url("../fonts/gothampro-bold-webfont.eot"); src: url("../fonts/gothampro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gothampro-bold-webfont.woff") format("woff"), url("../fonts/gothampro-bold-webfont.ttf") format("truetype"), url("../fonts/gothampro-bold-webfont.svg#gotham_probold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gradeUp'; src: url("../fonts/gradeUp.eot?-ykmaqb"); src: url("../fonts/gradeUp.eot?#iefix-ykmaqb") format("embedded-opentype"), url("../fonts/gradeUp.ttf?-ykmaqb") format("truetype"), url("../fonts/gradeUp.woff?-ykmaqb") format("woff"), url("../fonts/gradeUp.svg?-ykmaqb#gradeUp") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'gradeUp'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before { content: "\f09a"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-apple:before { content: "\f179"; }

.icon-vk:before { content: "\f189"; }

.icon-at:before { content: "\f1fa"; }

.icon-odnoklassniki:before { content: "\f263"; }

.icon-arrow-right2:before { content: "\e600"; }

.icon-arrow-left2:before { content: "\e601"; }

.icon-android:before { content: "\e602"; }

.icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; }

.arrow-next { width: 13px; height: 22px; position: relative; overflow: hidden; margin: 0; }
.arrow-next:before, .arrow-next:after { content: ''; display: block; position: absolute; background: #fff; width: 14px; height: 2px; }
.arrow-next:before { top: 5px; left: -1px; transform: rotate(45deg); }
.arrow-next:after { top: 14px; left: -1px; transform: rotate(-45deg); }

.dropup, .dropdown { position: relative; }

.dropdown__menu { position: absolute; top: 100%; right: 0; display: none; float: left; padding: 0; margin: 0px 0 0; list-style: none; text-align: left; background-color: #2979ff; border: 1px solid #2979ff; border: 1px solid #2979ff; background-clip: padding-box; }
.dropdown.pull-right { right: 0; left: auto; }
.dropdown__list--active, .dropdown__list--active:hover, .dropdown__list--active:focus { color: #fff; text-decoration: none; outline: 0; background-color: #2962ff; }
.dropdown__list--disabled, .dropdown__list--disabled:hover, .dropdown__list--disabled:focus { color: #000; }
.dropdown__list--disabled:hover, .dropdown__list--disabled:focus { text-decoration: none; background-color: transparent; background-image: none; }
.dropdown__link { display: block; padding: 24px 36px; clear: both; font-weight: normal; color: #fff; white-space: nowrap; }
.dropdown__link:hover, .dropdown__link:focus { text-decoration: none; color: #fff; background-color: #2962ff; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; }

.open > .dropdown__menu { display: block; }
.open > a { outline: 0; }

/* CSS Styles that are needed by jScrollPane for it to operate correctly.  Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; width: 100% !important; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 7px; height: 100%; background: red; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #2962ff; position: relative; }

.jspDrag { background: #fff; position: relative; top: 0; left: 0; cursor: pointer; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { 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: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/*  Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/*  Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/*  Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { cursor: pointer; cursor: hand; user-select: none; }
.owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item { user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/*  Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

/*  Owl Carousel - Video Plugin */
/*! jQuery UI - v1.11.4 - 2015-09-07
* http://jqueryui.com
* Includes: core.css, menu.css, selectmenu.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.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-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:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ }

.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: 0; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; }

.ui-menu .ui-menu { position: absolute; }

.ui-menu .ui-menu-item { position: relative; margin: 0; padding: 13px 10px 13px 10px; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active { background: #2962ff; }

/* icon support */
.ui-menu-icons { position: relative; }

.ui-menu-icons .ui-menu-item { padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }

.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }

.ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; background: #2979ff; color: #fff; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 16px; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }

.ui-selectmenu-open { display: block; }

.ui-selectmenu-button[aria-expanded="true"] { background: #2979ff; color: #fff; border-bottom-color: #fff; }
.ui-selectmenu-button[aria-expanded="true"] .ui-icon-triangle-1-s:before { content: "\f106"; }

.ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; }

.ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -10px; position: absolute; top: 50%; font-family: 'gradeUp'; }

.ui-icon-triangle-1-s:before { content: "\f107"; font-size: 14px; }

.ui-selectmenu-button span.ui-selectmenu-text { text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; color: #000; font-size: 16px; }

.ui-placeholder { display: none; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.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-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancy/fancybox_sprite.png); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancy/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fancy/blank.gif); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; 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; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: visible !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancy/fancybox_overlay.png); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; 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, 0.8); }

/*Retina graphics!*/
@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-prev span, .fancybox-next span { background-image: url(../images/fancy/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url(../images/fancy/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
a { color: #000; text-decoration: none; }

.company-block { text-align: center; padding: 172px 0; font-family: "GothamProLight", Arial, sans-serif; }
.company-block__main { font-size: 16px; line-height: 28px; margin-bottom: 54px; }
.company-block__add { font-size: 13px; line-height: 22px; margin-bottom: 23px; }

.list-gallery__item { display: block; }

.contacts-basic__img { display: block; }
.contacts-basic__address { text-align: center; padding-top: 110px; padding-left: 15px; padding-right: 15px; }
.contacts-basic__title { font: 14px "GothamProLight", Arial, sans-serif; margin-bottom: 22px; }
.contacts-basic__text { font: 17px/22px "GothamProBold", Arial, sans-serif; }
.contacts-basic__link { font: 17px/22px "GothamProBold", Arial, sans-serif; }
.contacts-basic__link:hover { color: #2979ff; }

.contacts-map { height: 400px; }

.contacts-emails { padding: 90px 0; }
.contacts-emails:before, .contacts-emails:after { content: " "; display: table; }
.contacts-emails:after { clear: both; }
.contacts-emails__title { font: 13px "GothamProLight", Arial, sans-serif; margin-bottom: 13px; }
.contacts-emails__link { font: 13px "GothamProBold", Arial, sans-serif; font-weight: bold; display: inline-block; margin-bottom: 35px; }
.contacts-emails__link:hover { color: #2979ff; }

.header { background: #060721; width: 1200px; top: 30px; left: 0; right: 0; margin: 0 auto; z-index: 10; }
.header__dropdown { float: right; }
.header__nav { margin: 0; padding: 0; list-style: none; text-align: center; }
.header--static { position: static; }

#sticky-header-sticky-wrapper { position: absolute; top: 30px; width: 1200px; left: 0; right: 0; margin: auto; z-index: 10; }

.logo__img { float: left; padding: 12px 28px 12px; }
.logo__img svg { display: inline-block; fill: currentColor; }
.logo__link { color: #fff; }
.logo__link:hover { color: #2979ff; }

.nav { margin: 0; padding: 0; list-style: none; }
.nav__item { font-size: 12px; display: inline-block; text-transform: uppercase; margin: 0 14px; border-bottom: 4px solid transparent; }
.nav__item--active { border-bottom-color: #2979ff; }
.nav__item--active .nav__link { color: #fff; }
.nav__link { display: block; padding: 25px 9px 19px; list-style: none; color: #999; text-decoration: none; }
.nav__link:hover { color: #fff; }

.dropdown { text-transform: uppercase; font-size: 12px; }
.dropdown__button { display: block; color: #fff; display: block; padding: 26px 37px 2px; font-size: 12px; background: #120d25; }
.dropdown__button .icon-angle-down { display: block; text-align: center; font-size: 15px; color: #fff; opacity: 0.3; padding-top: 5px; }
.dropdown__button:hover, .dropdown__button[aria-expanded="true"] { background: #2979ff; }
.dropdown__button:hover .icon-angle-down, .dropdown__button[aria-expanded="true"] .icon-angle-down { opacity: 0; }
.dropdown__menu { border: none; width: 100%; }

.g-container--main-carousel-item { height: 100%; position: relative; }

.main-carousel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; min-height: 600px; }
.main-carousel__content { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin-top: 30px; }
.main-carousel-body { background: rgba(5, 0, 25, 0.6); }
.main-carousel-content { display: table; text-align: center; width: 100%; height: 220px; color: #fff; padding: 30px; }
.main-carousel-link { display: table; width: 100%; height: 140px; background: #120d25; text-align: center; color: #fff; }
.main-carousel-content__title { display: table-cell; vertical-align: middle; font-size: 28px; font-family: "GothamProBold"; text-transform: uppercase; line-height: 40px; }
.main-carousel-link__inner { display: table-cell; vertical-align: middle; font-size: 12px; text-transform: uppercase; color: #fff; }
.main-carousel-link__inner:hover { background: #00c853; }
.main-carousel__nav { display: table; text-align: center; float: left; color: #fff; background: #120d25; width: 100%; height: 80px; }
.main-carousel__item { min-height: 600px; background: no-repeat; background-size: cover; height: 100%; }
.main-carousel__button--prev, .main-carousel__button--next { display: table-cell; vertical-align: middle; color: #fff; color: rgba(255, 255, 255, 0.2); cursor: pointer; font-size: 30px; }
.main-carousel__button--prev:hover, .main-carousel__button--next:hover { color: #fff; background: #2979ff; }
.main-carousel .owl-stage-outer, .main-carousel .owl-stage, .main-carousel .owl-item { height: 100%; }
.main-carousel .owl-controls { display: none; }

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

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { animation-name: fadeOut; }

.header-page-content-holder { height: 600px; overflow: hidden; }
.header-page__content { background-size: cover; background-repeat: no-repeat; }
.header-page__content--gallery { background-color: #f2a819; }
.header-page-content-holder__inner { display: table; width: 100%; height: 100%; }
.header-page__title { display: table-cell; color: #fff; font-size: 70px; padding: 123px 100px; vertical-align: middle; text-align: center; text-transform: uppercase; font-family: "GothamProBold"; word-break: break-word; line-height: 90px; }
.header-page__img { margin-top: 20px; padding-left: 83px; }

ul.nav { text-align: left !important; }

.b-share-icon:hover { color: #2979ff; }

.g-container__white { background: #fff; }

.background__content { background: #fff; }

.b-share__handle { height: auto !important; }

.b-share-icon { background: none !important; font-family: 'gradeUp'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; display: inline-block !important; width: auto !important; height: auto !important; text-transform: none; line-height: 1; font-size: 18px; color: #cdcdcd; }

.b-share__handle.b-share__link { margin: 0 23px !important; padding: 0 9px 10px 9px !important; }

.b-share-icon_facebook:before { content: "\f09a"; }

.b-share-icon_vkontakte:before { content: "\f189"; }

.b-share-icon_odnoklassniki:before { content: "\f263"; }

.menu__nav { background: #060721; list-style: none; z-index: 9; }
.menu__nav:before, .menu__nav:after { content: " "; display: table; }
.menu__nav:after { clear: both; }
.menu__item { float: left; }
.menu__item--active .menu__link { color: #fff; background: #2979ff; }
.menu__link { display: block; padding: 24px 23px; min-width: 200px; text-align: center; font-size: 12px; font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #ccc; text-transform: uppercase; text-decoration: none; background: #060721; }
.menu__link:hover { background: #2979ff; color: #fff; }

.wysiwyg h2 { font-size: 18px; font-family: "GothamProBold"; text-decoration: none; color: #000; margin: 40px 0 28px; }
.wysiwyg h3 { font-size: 14px; line-height: 24px; font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; text-align: left; margin: 90px 0 41px; }
.wysiwyg p { font-size: 14px; line-height: 24px; font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 28px 0; }
.wysiwyg--vacancy h2 { margin-top: 102px; margin-bottom: 34px; }
.wysiwyg--vacancy p { margin: 26px 0; }
.wysiwyg ul { list-style: none; }
.wysiwyg ul > li { font-size: 14px; line-height: 24px; font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: left; margin: 7px 0; position: relative; padding-left: 36px; }
.wysiwyg ul > li:before { content: ''; width: 3px; height: 3px; background: #000; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.wysiwyg ul + h3 { margin-top: 75px; }
.wysiwyg ul:last-of-type { margin-bottom: 105px; }

.description { background: #fff; padding-bottom: 200px; }

.description-links { padding: 21px 100px 47px 110px; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; }
.description-links p { padding-right: 30px; }
.description-links:hover { background: #fafafa; }
.description-links:hover .description-links__btn__link { background: #00c853; }
.description-links__btn { position: absolute; height: 100%; background: #fafafa; width: 100px; top: 0; right: 0; }
.description-links__btn__link { position: absolute; height: 100%; width: 100%; }

.description-links + .description-links { margin-top: -1px; }

.arrow-next { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); }

.sidebar { margin-top: 33px; }
.sidebar__list .list__item .item__link { display: block; text-decoration: none; color: #000; font-size: 14px; font-family: "GothamProBold"; text-align: left; margin-bottom: 26px; }

.sidebar__list + .social { margin-top: 60px; }

.social__heading { text-decoration: none; color: #000; font-size: 14px; font-weight: 400; text-align: left; margin: 73px 0 30px; }
.social__heading--collapse { margin: 73px 35px 25px; }

.btn { display: block; font-weight: 400; font-size: 14px; color: #fff; padding: 23px 35px; text-transform: uppercase; text-decoration: none; cursor: pointer; background-color: #060721; white-space: nowrap; text-align: center; }
.btn:hover { background: #2979ff; }

.social + #sticky-button-sticky-wrapper { margin-top: 60px; }

.btn-xxl { display: block; text-align: center; color: #fff; background-color: #060721; white-space: nowrap; }
.btn-xxl__headline { display: block; font-weight: 400; font-size: 54px; text-decoration: none; padding: 99px 0 114px; cursor: pointer; color: inherit; }
.btn-xxl .headline__sub { display: block; font-size: 18px; padding-bottom: 15px; }
.btn-xxl:hover { background: #00c853; }

.form { padding: 100px 0; }
.form__group { font-size: 16px; margin-bottom: 17px; margin-top: 11px; }
.form__group--captcha { padding-top: 8px; margin-top: 0; }
.form__control { display: block; width: 100%; height: 40px; border: none; padding: 10px 0; border-bottom: 1px solid #060721; }
.form__control:focus { border-bottom: 2px solid #2979ff; }
.form__control--error { border-bottom: 1px solid #ea2348; color: #ea2348; }
.form__control--error:focus { border-bottom: 1px solid #ea2348; }
.form__control--textarea { border: none; min-height: 120px; background: #f2f2f2; resize: vertical; padding: 20px 20px; }
.form__control--textarea:focus { border: none; }
.form__label { display: block; position: relative; font-size: 12px; color: #999; margin-top: 10px; }
.form__captcha-img { width: 180px; height: 77px; margin-right: 15px; background: #bcbcbc; }
.form__title { font-size: 18px; text-transform: uppercase; color: #000; margin: 15px 0; }
.form__textarea { margin-bottom: 26px; margin-top: 47px; }

.button { display: inline-block; text-decoration: none; padding: 24px 40px; text-transform: uppercase; color: #fff; font-size: 12px; background: #060721; word-break: break-word; }
.button:hover { background: #2979ff; }
.button--form { width: 180px; border: none; cursor: pointer; margin-bottom: 35px; margin-top: 35px; }

.ui-selectmenu-button { display: block; width: 100% !important; height: 40px; border: none; padding: 10px 0; border-bottom: 1px solid #060721; padding-left: 10px; padding-right: 10px; }

.ui-selectmenu-menu ul { height: 185px; overflow: auto; overflow-x: hidden; }

.ui-selectmenu-button[aria-expanded="true"] { background: #2979ff; color: #fff; border-bottom-color: #fff; }
.ui-selectmenu-button[aria-expanded="true"] .ui-icon-triangle-1-s:before { content: "\f107"; transform: rotate(180deg); display: block; }

.tooltip { display: inline-block; position: absolute; top: -3px; }
.tooltip__link { display: inline-block; text-decoration: none; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-left: 10px; color: #dedede; border: 1px solid #dedede; border-radius: 50%; }
.tooltip__link:hover { background: #2979ff; }
.tooltip__link:hover + .tooltip__container { display: block; position: absolute; top: 135%; left: -178px; z-index: 1000; }
.tooltip__container { display: none; font-size: 14px; line-height: 22px; width: 380px; padding: 25px 30px; color: #fff; background: #2979ff; position: relative; }
.tooltip__container:before { bottom: 100%; left: 50%; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 6px; border-style: solid; border-top: none; border-bottom-color: #2979ff; }

.ui-menu-item { font-size: 16px; font-family: "GothamProRegular", Arial, "Helvetica Neue", Helvetica, sans-serif; }

#header-sticky-wrapper { position: absolute; left: 0; right: 0; top: 0; z-index: 20; }

#tabs { z-index: 10; }

.logo__link { display: block; }

.logo { overflow: hidden; float: left; }

.header__logo { overflow: hidden; float: left; }

.main-carousel-content { width: 100.1%; }

body { display: table; table-layout: fixed; width: 100%; }

.footer-holder { display: table-footer-group; height: 1px; }

.thumb { background: #fff; }
.thumb__img-holder { height: 200px; background: #ccc; overflow: hidden; }
.thumb__link { position: relative; display: block; }
.thumb__link:hover .thumb__link-text { display: block; }
.thumb__link:hover .thumb__img { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); }
.thumb__link:hover:before { content: ''; width: 100%; height: 100%; background: rgba(5, 0, 25, 0.5); position: absolute; top: 0; left: 0; z-index: 2; }
.thumb__link-text { position: absolute; z-index: 3; top: 50%; left: 50%; text-transform: uppercase; font-size: 12px; color: #fff; transform: translate(-50%, -50%); display: none; }
.thumb__title { padding: 10px 20px; min-height: 100px; text-transform: uppercase; text-align: center; font-size: 18px; line-height: 24px; color: #000; }
.thumb__logo { display: table; width: 100%; height: 160px; }
.thumb__logo-img { display: table-cell; vertical-align: middle; text-align: center; }
.thumb__logo-img img { display: inline-block; }

.g-row--margin { margin: 0; padding: 20px 0; }

.social { font-size: 0; padding: 0 20px; text-align: center; }
.social__link { text-decoration: none; display: inline-block; color: #cdcdcd; font-size: 18px; margin: 0 10px; padding: 0 10px 30px 10px; }
.social__link:hover { color: #2979ff; }
.social__link--collapse { margin: 0 23px; padding: 0 10px 10px 10px; }
.social__link--footer { color: #fff; font-size: 16px; padding: 0 16px; margin: 2px 17px; text-align: left; }
.social__link--content { width: 45px; height: 45px; line-height: 50px; margin: 40px 25px 0; text-align: center; color: #29b6f6; background: #fff; border-radius: 50%; }
.social__link--content:hover { background: #29b6f6; color: #fff; }
.social--collapse { padding: 0; margin: 0 -35px; text-align: left; }

.footer { background: #060721; }
.footer__copyright { font-size: 11px; color: #8a8a8a; margin-top: 35px; margin-left: 10px; }
.footer__mail { text-align: center; }
.footer__mail .link { margin-top: 35px; margin-left: 27px; display: block; font-size: 12px; color: #fff; text-decoration: none; }
.footer__mail .link:hover { text-decoration: underline; }
.footer__social { margin-top: 30px; }

.logo-footer__link { margin: 15px 0 15px 25px; display: block; font-size: 48px; color: #fff; }
.logo-footer__link:hover { color: #2979ff; }

.main-content { background-repeat: no-repeat; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative; }
.main-content:before { content: ''; width: 100%; height: 100%; background: rgba(6, 7, 33, 0.8); position: absolute; top: 0; left: 0; z-index: 2; }
.main-content__holder { position: absolute; left: 0; right: 0; z-index: 3; text-align: center; padding-top: 100px; margin: 80px auto 0; }

.game-carousel { padding: 20px 100px 120px 100px; }
.game-carousel__control { display: table; background: #120d25; width: 292px; height: 80px; float: left; color: #fff; }
.game-carousel__control .game-carousel__prev, .game-carousel__control .game-carousel__next, .game-carousel__control .game-carousel__number-slide { display: table-cell; padding: 25px; text-align: center; vertical-align: middle; }
.game-carousel__number-slide { color: #fff; font-family: "GothamProLight"; font-size: 16px; }
.game-carousel__list { overflow: hidden; }
.game-carousel__prev, .game-carousel__next { display: table-cell; width: 100px; vertical-align: middle; text-align: center; background: #120d25; color: #fff; color: rgba(255, 255, 255, 0.2); cursor: pointer; color: #413d51; padding-top: 10px; font-size: 30px; }
.game-carousel__prev:hover, .game-carousel__next:hover { background: #2979ff; color: #fff; }
.game-carousel__number-slide { width: 100px; display: table-cell; vertical-align: middle; text-align: center; background: #120d25; color: #fff; font-family: "GothamProLight"; font-size: 18px; }
.game-carousel__number-slide:hover { color: #fff; background: #2979ff; }
.game-carousel__next span:before { content: "\e600"; display: block; }
.game-carousel__prev span:before { content: "\e601"; display: block; }

.content { background: #fff; }

.content-holder { padding: 156px 0 64px 12px; }
.content-holder__title { font-family: "GothamProBold"; font-size: 40px; line-height: 50px; color: #000; text-transform: uppercase; }
.content-holder__text { font-family: "GothamProLight"; margin-top: 40px; font-size: 14px; line-height: 24px; color: #000; }
.content-holder__image--top { margin-top: -55px; margin-left: -15px; position: relative; z-index: 4; }

.test-content { font-size: 15px; line-height: 24px; }
.test-content p { margin-bottom: 20px; }
.test-content ol { list-style-type: decimal; padding-left: 20px; line-height: 24px; margin-bottom: 20px; }
.test-content .intro { background: #dadada; padding: 30px 20px 10px; }
.test-content .intro .attention { display: block; color: #f7dcc4; background: #882922; margin: 0 -20px 20px; padding: 20px 20px; }
.test-content .intro.intro_location { background: url("../images/tests/bg.jpg") bottom center no-repeat; }
.test-content .intro.intro_location > p:first-child { background: #dadada; margin: -30px -20px 0; padding: 30px 20px 20px; }
.test-content .test-sample, .test-content .video-sample { font-size: 16px; line-height: 26px; overflow: hidden; padding: 0 20px; position: relative; border-top: 1px solid #dadada; min-height: 290px; }
.test-content .test-sample *, .test-content .video-sample * { position: relative; z-index: 2; }
.test-content .test-sample img.abs, .test-content .video-sample img.abs { position: absolute; right: 0; bottom: 0; z-index: 0; }
.test-content .test-sample img.float, .test-content .video-sample img.float { float: right; margin: 20px 0; }
.test-content .test-sample.right, .test-content .video-sample.right { text-align: right; }
.test-content .test-sample.right img.abs, .test-content .video-sample.right img.abs { left: 0; right: auto; }
.test-content .test-sample.right img.float, .test-content .video-sample.right img.float { float: left; }
.test-content .test-sample.right .small-text, .test-content .video-sample.right .small-text { left: auto; right: 20px; }
.test-content .test-sample .heading, .test-content .video-sample .heading { font-size: 34px; font-weight: bold; margin: 15px 0 15px; }
.test-content .test-sample .small-text, .test-content .video-sample .small-text { font-size: 12px; line-height: 16px; color: #999; position: absolute; bottom: 10px; left: 20px; margin-bottom: 0; }
.test-content .landscape-sample { padding: 20px 0 40px; text-align: center; font-weight: bold; font-size: 0; }
.test-content .landscape-sample > div { position: relative; display: inline-block; vertical-align: middle; font-size: 34px; color: #fff; margin: 0 4px; }
.test-content .landscape-sample > div img { display: block; border: 2px solid #7993b4; box-shadow: 5px 5px 11px rgba(20, 46, 72, 0.21); }
.test-content .landscape-sample > div span { position: absolute; bottom: -30px; display: block; text-align: center; white-space: nowrap; font-size: 13px; letter-spacing: 0.06em; width: 170px; left: 50%; margin-left: -85px; }
.test-content .video-sample { padding: 20px; border: 0; }
.test-content .variant-sample { padding: 20px 0 50px; border-bottom: 1px solid #dadada; }
.test-content .variant-sample .heading { font-size: 24px; text-align: center; font-family: 'GothamProBold'; padding-bottom: 24px; }
.test-content .variant-sample .row { text-align: center; font-size: 0; }
.test-content .variant-sample .row > div { display: inline-block; vertical-align: middle; font-size: 72px; color: #dadada; padding: 0 12px; position: relative; }
.test-content .variant-sample .row > div img { display: block; }
.test-content .variant-sample .row > div span { color: #999; font-size: 14px; line-height: 16px; position: absolute; bottom: -40px; display: block; text-align: center; white-space: nowrap; width: 170px; min-height: 34px; left: 50%; margin-left: -85px; }
.test-content .download { display: block; background: #2979ff; color: #fff; text-align: center; padding: 12px 20px; font-size: 22px; }
.test-content .g-col-4 { display: block; text-decoration: none; text-align: center; font-size: 15px; color: #999999; }
.test-content .g-col-4 img { display: block; width: 100%; }