/* Start:/local/templates/main/styles.css?16631639822894*/
header .top_g {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(211,208,206,.1);
margin-bottom: 5px;
}

@media (min-width: 1236px) {
header {
    height: 140px !important;
	padding-top: 12px !important;;
}
}
.fr {float:right;}

.head-contacts-inf {
	color: #fff;
	float:left;	
}

.head-contacts-inf a {
	color: #fff;
}

.mf-text {font-weight: bold;}
.mf-name input[type="text"],.mf-email input[type="text"], .mf-message textarea {border: 1px solid #f2a900; padding: 4px; background: #fff5de;}
.mfeedback input[type="submit"] {background: #f2a900; border: none; padding: 3px 10px; color: #fff;}

.main-news h2, .js-analytics h2 {display: inline;}

.accordeon-title {
  font-size: 16px;
  line-height: 18px;
  padding: 15px 0 15px 0;
  padding-right: 0px;
  color: #242424;
  font-weight: 500;
  border-top: 1px #d1d1d1 solid;
  cursor: pointer;
  padding-right: 15px;
  position: relative;
}
.accordeon-title:after {
	content: "";
	background: url(/local/images/sprite.svg?23498a09) -347px -271px no-repeat;
	position: absolute;
	height: 15px;
	width: 20px;
	top: 15px;
	right: 0px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.accordeon-title.active:after {
	background: url(/local/images/sprite.svg?23498a09) -347px -271px no-repeat;
  	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
.accordeon-entry {
  padding: 0 0 20px 0;
  display: none;
}
.accordeon-entry li{
padding-bottom: 10px;
font: 14px/18px 'Pragmatica',sans-serif;}

.list-answer {
	border: 1px solid #f2a900;
	padding: 10px;
}

.title-faq {
	font-weight: bold;
	display: block;
}

.accordeon-title.faq{ 
	padding: 10px 10px;
	background: #f2a900;
	color: #fff;
	border-bottom: 3px solid #fff;
}

.accordeon-title.faq:after {
	background: url(/local/images/sprite.svg?23498a09) -391px -269px no-repeat;
	top: 11px;
	right: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
.accordeon-title.faq.active:after {
	background: url(/local/images/sprite.svg?23498a09) -391px -269px no-repeat;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.accordeon-entry.faq {padding-bottom: 5px;}

.sitemap-html .map-level-1	{
		padding-top: 15px;
		
	}
	
.slider-button {
	background: #f2a900;
	border: none;
	padding: 8px 18px;
	border-radius: 7px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	
}

.slider-button:hover {
	background: #dc9d0c;	
}

@media (max-width: 767px) {
.slider-button {
	font-size: 12px;
}
}
/* End */


/* Start:/local/css/style.css?1698403163310928*/
@A-webkit-keyframes loader {
0% {
    opacity : 1
}to {
    opacity : 0
}
} @keyframes loader {
      0% {
          opacity : 1
      }
      to {
          opacity : 0
      }
  }

@-webkit-keyframes more-solutions {
    0%, 94%, to {
        transform : translateY(0)
    }
    97% {
        transform : translateY(3px)
    }
}

@keyframes more-solutions {
    0%, 94%, to {
        transform : translateY(0)
    }
    97% {
        transform : translateY(3px)
    }
}

body, html {
    min-height : 100vh
}

html {
    -ms-text-size-adjust        : 100%;
    -webkit-text-size-adjust    : 100%;
    -webkit-tap-highlight-color : transparent;
    height                      : 100%;
    font-family                 : sans-serif;
    font-size                   : 10px
}

body {
    margin             : 0;
    font-size          : 14px;
    line-height        : 1.42857143;
    background-color   : #ffffff;
    min-width          : 320px;
    background         : #ffffff;
    font-family        : 'Pragmatica', sans-serif;
    color              : #282828;
    -ms-overflow-style : scrollbar
}

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

audio, canvas, progress, video {
    display        : inline-block;
    vertical-align : baseline
}

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

[hidden], template {
    display : none
}

a {
    background-color : transparent;
    color            : #f39800;
    text-decoration  : none !important
}

.interview-form .form-group input, a:active, a:hover {
    outline : 0
}

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

b, strong {
    font-weight : 700
}

dfn {
    font-style : italic
}

h1, sub, sup {
    position : relative
}

h1 {
    margin      : .67em 0;
    padding-top : 35px;
    text-align  : center;
    font-size   : 40px
}

mark {
    background : #ffff00;
    color      : #000000
}

small {
    font-size : 80%
}

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

sup {
    top : -.5em
}

sub {
    bottom : -.25em
}

img {
    border         : 0;
    vertical-align : middle
}

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

figure {
    margin : 0
}

hr {
    box-sizing    : content-box;
    height        : 0;
    margin-top    : 20px;
    margin-bottom : 20px;
    border        : 0;
    border-top    : 1px solid #ffffff
}

pre {
    overflow : auto
}

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

button, input, optgroup, select, textarea {
    color  : inherit;
    font   : inherit;
    margin : 0
}

button {
    overflow : visible
}

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
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border  : 0;
    padding : 0
}

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height : auto
}

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
}

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

legend {
    border : 0
}

textarea {
    overflow : auto
}

optgroup {
    font-weight : 700
}

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

.breadcrumbs ul, legend, td, th {
    padding : 0
}

*, :after, :before {
    box-sizing : border-box
}

button, input, select, textarea {
    font-family : inherit;
    font-size   : inherit;
    line-height : inherit
}

a:focus, a:hover {
    color           : #f39800;
    text-decoration : underline
}

a:focus {
    outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px
}

.img-responsive {
    display   : block;
    max-width : 100%;
    height    : auto
}

.img-rounded {
    border-radius : 6px
}

.img-thumbnail {
    padding          : 4px;
    line-height      : 1.42857143;
    background-color : #ffffff;
    border           : 1px solid #dddddd;
    border-radius    : 4px;
    transition       : all .2s ease-in-out;
    display          : inline-block;
    max-width        : 100%;
    height           : auto
}

.img-circle {
    border-radius : 50%
}

.sr-only {
    position : absolute;
    width    : 1px;
    height   : 1px;
    margin   : -1px;
    padding  : 0;
    overflow : hidden;
    clip     : rect(0, 0, 0, 0);
    border   : 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position : static;
    width    : auto;
    height   : auto;
    margin   : 0;
    overflow : visible;
    clip     : auto
}

[role=button] {
    cursor : pointer
}

.container {
    margin-right  : auto;
    margin-left   : auto;
    padding-left  : 18px;
    padding-right : 18px
}

@media (min-width : 768px) {
    .container {
        width : 756px
    }
}

@media (min-width : 992px) {
    .container {
        width : 976px
    }
}

@media (min-width : 1200px) {
    .container {
        width : 1170px
    }
}

.container-fluid {
    margin-right  : auto;
    margin-left   : auto;
    padding-left  : 18px;
    padding-right : 18px
}

.row {
    margin-left  : -18px;
    margin-right : -18px
}

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

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

.col-xs-12 {
    width : 100%
}

.col-xs-11 {
    width : 91.66666667%
}

.col-xs-10 {
    width : 83.33333333%
}

.col-xs-9 {
    width : 75%
}

.col-xs-8 {
    width : 66.66666667%
}

.col-xs-7 {
    width : 58.33333333%
}

.col-xs-6 {
    width : 50%
}

.col-xs-5 {
    width : 41.66666667%
}

.col-xs-4 {
    width : 33.33333333%
}

.col-xs-3 {
    width : 25%
}

.col-xs-2 {
    width : 16.66666667%
}

.col-xs-1 {
    width : 8.33333333%
}

.col-xs-pull-12 {
    right : 100%
}

.col-xs-pull-11 {
    right : 91.66666667%
}

.col-xs-pull-10 {
    right : 83.33333333%
}

.col-xs-pull-9 {
    right : 75%
}

.col-xs-pull-8 {
    right : 66.66666667%
}

.col-xs-pull-7 {
    right : 58.33333333%
}

.col-xs-pull-6 {
    right : 50%
}

.col-xs-pull-5 {
    right : 41.66666667%
}

.col-xs-pull-4 {
    right : 33.33333333%
}

.col-xs-pull-3 {
    right : 25%
}

.col-xs-pull-2 {
    right : 16.66666667%
}

.col-xs-pull-1 {
    right : 8.33333333%
}

.col-xs-pull-0 {
    right : auto
}

.col-xs-push-12 {
    left : 100%
}

.col-xs-push-11 {
    left : 91.66666667%
}

.col-xs-push-10 {
    left : 83.33333333%
}

.col-xs-push-9 {
    left : 75%
}

.col-xs-push-8 {
    left : 66.66666667%
}

.col-xs-push-7 {
    left : 58.33333333%
}

.col-xs-push-6 {
    left : 50%
}

.col-xs-push-5 {
    left : 41.66666667%
}

.col-xs-push-4 {
    left : 33.33333333%
}

.col-xs-push-3 {
    left : 25%
}

.col-xs-push-2 {
    left : 16.66666667%
}

.col-xs-push-1 {
    left : 8.33333333%
}

.col-xs-push-0 {
    left : auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-0 {
    margin-left : 0
}

@media (min-width : 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float : left
    }

    .col-sm-12 {
        width : 100%
    }

    .col-sm-11 {
        width : 91.66666667%
    }

    .col-sm-10 {
        width : 83.33333333%
    }

    .col-sm-9 {
        width : 75%
    }

    .col-sm-8 {
        width : 66.66666667%
    }

    .col-sm-7 {
        width : 58.33333333%
    }

    .col-sm-6 {
        width : 50%
    }

    .col-sm-5 {
        width : 41.66666667%
    }

    .col-sm-4 {
        width : 33.33333333%
    }

    .col-sm-3 {
        width : 25%
    }

    .col-sm-2 {
        width : 16.66666667%
    }

    .col-sm-1 {
        width : 8.33333333%
    }

    .col-sm-pull-12 {
        right : 100%
    }

    .col-sm-pull-11 {
        right : 91.66666667%
    }

    .col-sm-pull-10 {
        right : 83.33333333%
    }

    .col-sm-pull-9 {
        right : 75%
    }

    .col-sm-pull-8 {
        right : 66.66666667%
    }

    .col-sm-pull-7 {
        right : 58.33333333%
    }

    .col-sm-pull-6 {
        right : 50%
    }

    .col-sm-pull-5 {
        right : 41.66666667%
    }

    .col-sm-pull-4 {
        right : 33.33333333%
    }

    .col-sm-pull-3 {
        right : 25%
    }

    .col-sm-pull-2 {
        right : 16.66666667%
    }

    .col-sm-pull-1 {
        right : 8.33333333%
    }

    .col-sm-pull-0 {
        right : auto
    }

    .col-sm-push-12 {
        left : 100%
    }

    .col-sm-push-11 {
        left : 91.66666667%
    }

    .col-sm-push-10 {
        left : 83.33333333%
    }

    .col-sm-push-9 {
        left : 75%
    }

    .col-sm-push-8 {
        left : 66.66666667%
    }

    .col-sm-push-7 {
        left : 58.33333333%
    }

    .col-sm-push-6 {
        left : 50%
    }

    .col-sm-push-5 {
        left : 41.66666667%
    }

    .col-sm-push-4 {
        left : 33.33333333%
    }

    .col-sm-push-3 {
        left : 25%
    }

    .col-sm-push-2 {
        left : 16.66666667%
    }

    .col-sm-push-1 {
        left : 8.33333333%
    }

    .col-sm-push-0 {
        left : auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-0 {
        margin-left : 0
    }
}

@media (min-width : 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float : left
    }

    .col-md-12 {
        width : 100%
    }

    .col-md-11 {
        width : 91.66666667%
    }

    .col-md-10 {
        width : 83.33333333%
    }

    .col-md-9 {
        width : 75%
    }

    .col-md-8 {
        width : 66.66666667%
    }

    .col-md-7 {
        width : 58.33333333%
    }

    .col-md-6 {
        width : 50%
    }

    .col-md-5 {
        width : 41.66666667%
    }

    .col-md-4 {
        width : 33.33333333%
    }

    .col-md-3 {
        width : 25%
    }

    .col-md-2 {
        width : 16.66666667%
    }

    .col-md-1 {
        width : 8.33333333%
    }

    .col-md-pull-12 {
        right : 100%
    }

    .col-md-pull-11 {
        right : 91.66666667%
    }

    .col-md-pull-10 {
        right : 83.33333333%
    }

    .col-md-pull-9 {
        right : 75%
    }

    .col-md-pull-8 {
        right : 66.66666667%
    }

    .col-md-pull-7 {
        right : 58.33333333%
    }

    .col-md-pull-6 {
        right : 50%
    }

    .col-md-pull-5 {
        right : 41.66666667%
    }

    .col-md-pull-4 {
        right : 33.33333333%
    }

    .col-md-pull-3 {
        right : 25%
    }

    .col-md-pull-2 {
        right : 16.66666667%
    }

    .col-md-pull-1 {
        right : 8.33333333%
    }

    .col-md-pull-0 {
        right : auto
    }

    .col-md-push-12 {
        left : 100%
    }

    .col-md-push-11 {
        left : 91.66666667%
    }

    .col-md-push-10 {
        left : 83.33333333%
    }

    .col-md-push-9 {
        left : 75%
    }

    .col-md-push-8 {
        left : 66.66666667%
    }

    .col-md-push-7 {
        left : 58.33333333%
    }

    .col-md-push-6 {
        left : 50%
    }

    .col-md-push-5 {
        left : 41.66666667%
    }

    .col-md-push-4 {
        left : 33.33333333%
    }

    .col-md-push-3 {
        left : 25%
    }

    .col-md-push-2 {
        left : 16.66666667%
    }

    .col-md-push-1 {
        left : 8.33333333%
    }

    .col-md-push-0 {
        left : auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-0 {
        margin-left : 0
    }
}

@media (min-width : 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float : left
    }

    .col-lg-12 {
        width : 100%
    }

    .col-lg-11 {
        width : 91.66666667%
    }

    .col-lg-10 {
        width : 83.33333333%
    }

    .col-lg-9 {
        width : 75%
    }

    .col-lg-8 {
        width : 66.66666667%
    }

    .col-lg-7 {
        width : 58.33333333%
    }

    .col-lg-6 {
        width : 50%
    }

    .col-lg-5 {
        width : 41.66666667%
    }

    .col-lg-4 {
        width : 33.33333333%
    }

    .col-lg-3 {
        width : 25%
    }

    .col-lg-2 {
        width : 16.66666667%
    }

    .col-lg-1 {
        width : 8.33333333%
    }

    .col-lg-pull-12 {
        right : 100%
    }

    .col-lg-pull-11 {
        right : 91.66666667%
    }

    .col-lg-pull-10 {
        right : 83.33333333%
    }

    .col-lg-pull-9 {
        right : 75%
    }

    .col-lg-pull-8 {
        right : 66.66666667%
    }

    .col-lg-pull-7 {
        right : 58.33333333%
    }

    .col-lg-pull-6 {
        right : 50%
    }

    .col-lg-pull-5 {
        right : 41.66666667%
    }

    .col-lg-pull-4 {
        right : 33.33333333%
    }

    .col-lg-pull-3 {
        right : 25%
    }

    .col-lg-pull-2 {
        right : 16.66666667%
    }

    .col-lg-pull-1 {
        right : 8.33333333%
    }

    .col-lg-pull-0 {
        right : auto
    }

    .col-lg-push-12 {
        left : 100%
    }

    .col-lg-push-11 {
        left : 91.66666667%
    }

    .col-lg-push-10 {
        left : 83.33333333%
    }

    .col-lg-push-9 {
        left : 75%
    }

    .col-lg-push-8 {
        left : 66.66666667%
    }

    .col-lg-push-7 {
        left : 58.33333333%
    }

    .col-lg-push-6 {
        left : 50%
    }

    .col-lg-push-5 {
        left : 41.66666667%
    }

    .col-lg-push-4 {
        left : 33.33333333%
    }

    .col-lg-push-3 {
        left : 25%
    }

    .col-lg-push-2 {
        left : 16.66666667%
    }

    .col-lg-push-1 {
        left : 8.33333333%
    }

    .col-lg-push-0 {
        left : auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-offset-0 {
        margin-left : 0
    }
}

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

.clearfix:after, .container-fluid:after, .container:after, .row:after {
    clear : both
}

.center-block {
    display      : block;
    margin-left  : auto;
    margin-right : auto
}

.pull-right {
    float : right !important
}

.pull-left {
    float : left !important
}

.hide {
    display : none !important
}

.show {
    display : block !important
}

.invisible {
    visibility : hidden
}

.text-hide {
    font             : 0/0 a;
    color            : transparent;
    text-shadow      : none;
    background-color : transparent;
    border           : 0
}

.hidden {
    display : none !important
}

.affix {
    position : fixed
}

@-ms-viewport {
    width : device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display : none !important
}

@media (max-width : 767px) {
    .visible-xs, .visible-xs-block {
        display : block !important
    }

    table.visible-xs {
        display : table !important
    }

    tr.visible-xs {
        display : table-row !important
    }

    td.visible-xs, th.visible-xs {
        display : table-cell !important
    }

    .visible-xs-inline {
        display : inline !important
    }

    .visible-xs-inline-block {
        display : inline-block !important
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    .visible-sm, .visible-sm-block {
        display : block !important
    }

    table.visible-sm {
        display : table !important
    }

    tr.visible-sm {
        display : table-row !important
    }

    td.visible-sm, th.visible-sm {
        display : table-cell !important
    }

    .visible-sm-inline {
        display : inline !important
    }

    .visible-sm-inline-block {
        display : inline-block !important
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    .visible-md, .visible-md-block {
        display : block !important
    }

    table.visible-md {
        display : table !important
    }

    tr.visible-md {
        display : table-row !important
    }

    td.visible-md, th.visible-md {
        display : table-cell !important
    }

    .visible-md-inline {
        display : inline !important
    }

    .visible-md-inline-block {
        display : inline-block !important
    }
}

@media (min-width : 1200px) {
    .visible-lg, .visible-lg-block {
        display : block !important
    }

    table.visible-lg {
        display : table !important
    }

    tr.visible-lg {
        display : table-row !important
    }

    td.visible-lg, th.visible-lg {
        display : table-cell !important
    }

    .visible-lg-inline {
        display : inline !important
    }

    .visible-lg-inline-block {
        display : inline-block !important
    }
}

@media (max-width : 767px) {
    .hidden-xs {
        display : none !important
    }
}

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

@media (min-width : 992px) and (max-width : 1199px) {
    .hidden-md {
        display : none !important
    }
}

@media (min-width : 1200px) {
    .hidden-lg {
        display : none !important
    }
}

.visible-print {
    display : none !important
}

@media print {
    .visible-print {
        display : block !important
    }

    table.visible-print {
        display : table !important
    }

    tr.visible-print {
        display : table-row !important
    }

    td.visible-print, th.visible-print {
        display : table-cell !important
    }
}

.visible-print-block {
    display : none !important
}

@media print {
    .visible-print-block {
        display : block !important
    }
}

.visible-print-inline {
    display : none !important
}

@media print {
    .visible-print-inline {
        display : inline !important
    }
}

.visible-print-inline-block {
    display : none !important
}

@media print {
    .visible-print-inline-block {
        display : inline-block !important
    }

    .hidden-print {
        display : none !important
    }
}

.popup {
    width   : 530px;
    padding : 45px 40px 62px
}

.popup .title {
    margin-bottom : 40px;
    font          : 700 30px/56px 'Pragmatica', sans-serif;
    text-align    : center;
    position      : relative
}

.popup .title:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -12px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

.popup .text {
    text-align : center;
    font       : 18px/28px 'Pragmatica', sans-serif
}

.breadcrumbs {
    padding-top : 40px
}

@media (min-width : 620px) {
    .breadcrumbs {
        padding-top : 46px
    }
}

.breadcrumbs ul li {
    position       : relative;
    display        : inline-block;
    list-style     : none;
    padding-bottom : 10px
}

.breadcrumbs ul li:not(:last-of-type) {
    padding-right : 39px
}

.breadcrumbs ul li:not(:last-of-type):after {
    width            : 1px;
    height           : 9px;
    content          : '';
    position         : absolute;
    top              : 6px;
    right            : 17px;
    background-color : #ebeaeb
}

.breadcrumbs ul li a {
    display       : inline-block;
    border-bottom : 1px solid #f2a900;
    transition    : .3s;
    color         : #282828;
    line-height   : 19px
}

.breadcrumbs ul li a:hover {
    border-bottom-color : transparent
}

.breadcrumbs ul li span {
    color   : #999999;
    opacity : .5
}

.image-signed {
    padding-top : 6px
}

.image-signed, .image-signed img, .interview-form .form-group.label-line label {
    max-width : 100%
}

.image-signed .title {
    display : block;
    padding : 16px 0 20px;
    font    : 14px/22px 'Pragmatica', sans-serif;
    color   : #666666
}

.pagination {
    text-align : center;
    margin     : 0 auto 129px
}

.pagination .page {
    font            : 700 20px/1 'Pragmatica', sans-serif;
    color           : #000000;
    padding         : 13px 15px 11px;
    margin          : 0 9px;
    display         : inline-block;
    transition      : .3s background;
    text-decoration : none !important
}

.pagination .page.modern-page-current {
    background : #f2a900;
    color      : #ffffff;
    cursor     : default
}

.pagination .page:not(.modern-page-current):hover {
    background : #f6f6f5
}

.pagination .modern-page-next, .pagination .modern-page-previous {
    font            : 400 14px/1 'Pragmatica', sans-serif;
    color           : #999999;
    text-transform  : lowercase;
    position        : relative;
    top             : -4px;
    text-decoration : none !important;
    transition      : .3s color
}

.pagination .modern-page-next:after, .pagination .modern-page-next:before, .pagination .modern-page-previous:after, .pagination .modern-page-previous:before {
    content    : '';
    position   : absolute;
    top        : 0;
    transition : .3s opacity, .3s transform
}

.pagination .modern-page-next:after, .pagination .modern-page-previous:after {
    width      : 11px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -438px -245px no-repeat;
    opacity    : 0
}

.pagination .modern-page-next:before, .pagination .modern-page-previous:before {
    width      : 11px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -303px -125.97px no-repeat
}

.pagination .modern-page-next:not(.disabled):hover, .pagination .modern-page-previous:not(.disabled):hover {
    color : #282828
}

.pagination .modern-page-next:not(.disabled):hover:after, .pagination .modern-page-previous:not(.disabled):hover:after {
    opacity : 1
}

.pagination .modern-page-next:not(.disabled):hover:before, .pagination .modern-page-previous:not(.disabled):hover:before {
    opacity : 0
}

.pagination .modern-page-next.disabled, .pagination .modern-page-previous.disabled {
    opacity : .5;
    display : none
}

.pagination .modern-page-previous {
    padding-left : 20px;
    margin-right : 29px
}

.pagination .modern-page-previous:after, .pagination .modern-page-previous:before {
    left : 0
}

.pagination .modern-page-previous:not(.disabled):hover:after, .pagination .modern-page-previous:not(.disabled):hover:before {
    transform : translateX(-10px)
}

.pagination .modern-page-next {
    padding-right : 20px;
    margin-left   : 31px
}

.pagination .modern-page-next:after, .pagination .modern-page-next:before {
    right     : 0;
    transform : scale(-1)
}

.pagination .modern-page-next:not(.disabled):hover:after, .pagination .modern-page-next:not(.disabled):hover:before {
    transform : scale(-1) translateX(-10px)
}

.pagination .modern-page-dots {
    color      : #000000;
    font       : 700 20px/1 'Pragmatica', sans-serif;
    margin     : 0 9px;
    padding    : 13px 15px 11px;
    transition : .3s background
}

.pagination .modern-page-dots:hover {
    background : #f6f6f5
}

@media (max-width : 767px) {
    .pagination .modern-page-dots, .pagination .page {
        padding : 10px 10px 8px;
        margin  : 0
    }

    .pagination .modern-page-next span, .pagination .modern-page-previous span {
        display : none
    }

    .pagination .modern-page-previous {
        margin-right : 10px
    }

    .pagination .modern-page-next {
        margin-left : 10px
    }
}

.quote {
    padding          : 56px 0 50px;
    margin           : 6px 0 19px;
    background-color : #f6f6f5
}

.quote blockquote p {
    margin : 0 0 28px
}

.quote .author {
    padding-top : 16px;
    margin-top  : 40px;
    border-top  : 3px solid #f2a900
}

@media (min-width : 1236px) {
    .quote .author {
        margin-top : 4px
    }
}

.quote .author .image {
    width        : 67px;
    height       : 67px;
    float        : left;
    margin-top   : 4px;
    margin-right : 20px;
    border       : 1px solid transparent;
    transition   : border .2s ease
}

.quote .author .image:hover {
    border : 1px solid #f2a900
}

.quote .author .text {
    padding-left : 87px
}

.quote .author .name {
    padding-bottom : 5px
}

.quote .author .name a {
    color         : #282828;
    font          : 18px/24px 'Pragmatica', sans-serif;
    border-bottom : 1px solid transparent;
    transition    : border .2s ease
}

.quote .author .name:hover a {
    border-bottom : 1px solid #f2a900
}

.quote .author .position {
    padding-bottom : 9px;
    font           : 12px/20px 'Pragmatica', sans-serif;
    color          : #666666
}

.quote .author .contacts > * {
    display      : block;
    position     : relative;
    padding-left : 22px;
    font         : 12px/22px 'Pragmatica', sans-serif;
    color        : #666666;
    transition   : .3s opacity
}

.quote .author .contacts > :active, .quote .author .contacts > :active:focus, .quote .author .contacts > :focus {
    text-decoration    : none;
    -webkit-appearance : none;
    outline            : 0;
    box-shadow         : none
}

.quote .author .contacts > :before {
    content   : '';
    position  : absolute;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%)
}

.quote .author .contacts > :hover {
    opacity : .6
}

.quote .author .contacts .phone:before {
    width      : 13px;
    height     : 13px;
    background : url(/local/images/sprite.svg?23498a09) -285px -425px no-repeat
}

.quote .author .contacts .mail:before {
    width      : 14px;
    height     : 10px;
    background : url(/local/images/sprite.svg?23498a09) -437px -271px no-repeat
}

.page-heading {
    padding-bottom  : 128px;
    background      : center no-repeat;
    background-size : cover;
    color           : #ffffff;
    position        : relative
}

.page-heading.light:after {
    content    : '';
    position   : absolute;
    width      : 100%;
    height     : 100%;
    background : rgba(0, 0, 0, .3);
    left       : 0;
    top        : 0;
    z-index    : 1
}

.page-heading .container {
    position : relative;
    z-index  : 2
}

.page-heading .breadcrumbs ul li a, .page-heading .breadcrumbs ul li span {
    color : #ffffff
}

.page-heading .breadcrumbs ul li span {
    opacity : .5
}

.page-heading .breadcrumbs ul li:after {
    opacity : .2
}

.page-heading .tags {
    text-align : center
}

@media (min-width : 960px) {
    .page-heading .tags {
        text-align : right
    }
}

.page-heading .tag {
    display          : block;
    padding          : 11px 10px 7px;
    font             : 700 10px 'Pragmatica', sans-serif;
    background-color : #f2a900;
    color            : #ffffff;
    text-align       : center;
    text-transform   : uppercase;
    transition       : .3s;
    margin-bottom    : 10px
}

.page-heading .tag:active, .page-heading .tag:active:focus, .page-heading .tag:focus {
    text-decoration    : none;
    -webkit-appearance : none;
    outline            : 0;
    box-shadow         : none
}

@media (max-width : 1235px) {
    .page-heading .tag {
        display : inline-block
    }
}

.page-heading .tag:first-of-type {
    margin-top : 53px
}

.page-heading .tag:hover {
    background-color : #282828
}

.page-heading h1 {
    padding-top   : 17px;
    margin-bottom : 16px;
    line-height   : 48px
}

@media (min-width : 1236px) {
    .page-heading h1 {
        margin-left  : -20px;
        margin-right : -20px
    }
}

.page-heading .title {
    position       : relative;
    padding-bottom : 26px
}

.page-heading .title:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : 0;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #f2a900
}

.page-heading .subtitle {
    font       : 16px 'Pragmatica', sans-serif;
    text-align : center;
    opacity    : .7
}

.page-heading .text {
    color     : #ffffff;
    font      : 24px/34px 'Pragmatica', sans-serif;
    max-width : 1100px;
    margin    : 0 auto
}

.page-heading .download, .page-heading .text {
    padding-top : 45px;
    text-align  : center
}

.page-heading .download a {
    position      : relative;
    color         : #ffffff;
    font          : 20px/2 'Pragmatica', sans-serif;
    border-bottom : 1px dashed #f2a900
}

@media (min-width : 620px) {
    .page-heading .download a {
        display       : inline-block;
        padding-right : 30px;
        border-bottom : none
    }
}

.page-heading .download a:after {
    width      : 22px;
    height     : 28px;
    background : url(/local/images/sprite.svg?23498a09) -504px -370px no-repeat;
    content    : '';
    display    : block;
    position   : relative;
    top        : 20px;
    left       : 50%;
    transform  : translateX(-50%)
}

@media (min-width : 620px) {
    .page-heading .download a:after {
        position  : absolute;
        top       : 50%;
        right     : 0;
        left      : auto;
        transform : translateY(-50%)
    }
}

.page-heading .download a span {
    display  : inline;
    position : relative
}

@media (min-width : 620px) {
    .page-heading .download a span {
        display : inline-block
    }
}

.page-heading .download a span:after {
    width         : 100%;
    height        : 1px;
    display       : none;
    content       : '';
    position      : absolute;
    bottom        : 7px;
    left          : 0;
    border-bottom : 1px dashed #f2a900;
    transition    : .3s
}

@media (min-width : 620px) {
    .page-heading .download a span:after {
        display : block
    }
}

.analytics-card .title:hover span, .page-heading .download a:hover, .page-heading .download a:hover span:after {
    border-bottom-color : transparent
}

.slon, .slon .slon-item {
    width      : 23px;
    height     : 16px;
    background : url(/local/images/sprite.svg?23498a09) -320px -271px no-repeat
}

.slon {
    margin-left : 4px;
    display     : inline-block;
    position    : relative
}

.slon .slon-item {
    position : absolute;
    display  : none
}

.slon .pss {
    position : absolute;
    width    : 139px;
    font     : 700 12px/16px 'Pragmatica', sans-serif;
    left     : 40px;
    bottom   : 60px
}

.slon .pss span {
    font-size : 16px
}

.slon .cloaks, .slon .pss {
    display : none
}

.slon .cloak {
    width      : 17px;
    height     : 6px;
    background : url(/local/images/sprite.svg?23498a09) -504px -402px no-repeat;
    display    : none;
    position   : absolute
}

.slon .cloak:nth-child(1) {
    top  : 3px;
    left : -2px
}

.slon .cloak:nth-child(2) {
    top  : 5px;
    left : 21px
}

.slon .cloak:nth-child(3) {
    top  : -13px;
    left : 19px
}

.slon .cloak:nth-child(4) {
    top  : -10px;
    left : 42px
}

.slon .zzz {
    display : none
}

.slon .z-item {
    display    : none;
    width      : 7px;
    height     : 7px;
    background : url(/local/images/sprite.svg?23498a09) -489px -413px no-repeat;
    position   : absolute;
    top        : -23px;
    left       : -14px
}

.slon .z-item:nth-child(2) {
    transform : scale(.9);
    top       : -15px;
    left      : -3px
}

.slon .z-item:nth-child(3) {
    transform : scale(.8);
    top       : -8px;
    left      : 6px
}

.slon .s-message {
    display  : none;
    position : absolute;
    width    : 170px;
    font     : 700 12px/16px 'Pragmatica', sans-serif;
    bottom   : 52px;
    left     : 19px
}

.slon .s-message div {
    border-bottom : 1px solid #f2a900;
    float         : left
}

.slon .s-message:before {
    content          : '';
    position         : absolute;
    width            : 10px;
    bottom           : -10px;
    left             : 0;
    border-bottom    : 1px solid #f2a900;
    transform        : skewY(45deg);
    transform-origin : 100% 0
}

@media (max-width : 1235px) {
    .slon .s-message {
        left : -55px
    }

    .slon .pss {
        left : -20px
    }
}

@media (max-width : 991px) {
    .slon .s-message {
        left : 19px
    }

    .slon .pss {
        left : 40px
    }
}

.slon .i0 {
    top  : 0;
    left : 0
}

.slon .i1 {
    top  : 2px;
    left : 23px
}

.slon .i2 {
    top  : -16px;
    left : 21px
}

.slon .i3 {
    top  : -13px;
    left : 44px
}

.slon .i4 {
    top  : 4px;
    left : 51px
}

.slon .i5 {
    top  : 19px;
    left : 0
}

.slon .i6 {
    top  : 19px;
    left : 28px
}

.slon .i7 {
    top  : 20px;
    left : 58px
}

.slon .i8 {
    top  : 3px;
    left : 81px
}

.slon .i9 {
    top  : -16px;
    left : 74px
}

.slon .m0, .slon .m1, .slon .m2, .slon .m3, .slon .m4, .slon .m5, .slon .m6, .slon .m7, .slon .m8, .slon .m9 {
    display : none
}

.slon.animation .pss, .slon.frame0 .i0, .slon.frame0 .m0, .slon.frame0 .z-item, .slon.frame1 .i0, .slon.frame1 .i1, .slon.frame1 .m1, .slon.frame2 .i0, .slon.frame2 .i1, .slon.frame2 .i2, .slon.frame2 .m2, .slon.frame3 .cloak, .slon.frame3 .i0, .slon.frame3 .i1, .slon.frame3 .i2, .slon.frame3 .i3, .slon.frame3 .m3, .slon.frame4 .i0, .slon.frame4 .i1, .slon.frame4 .i2, .slon.frame4 .i3, .slon.frame4 .i4, .slon.frame4 .m4, .slon.frame5 .i0, .slon.frame5 .i1, .slon.frame5 .i2, .slon.frame5 .i3, .slon.frame5 .i4, .slon.frame5 .i5, .slon.frame5 .m5, .slon.frame6 .i0, .slon.frame6 .i1, .slon.frame6 .i2, .slon.frame6 .i3, .slon.frame6 .i4, .slon.frame6 .i5, .slon.frame6 .i6, .slon.frame6 .m6, .slon.frame7 .i0, .slon.frame7 .i1, .slon.frame7 .i2, .slon.frame7 .i3, .slon.frame7 .i4, .slon.frame7 .i5, .slon.frame7 .i6, .slon.frame7 .i7, .slon.frame7 .m7, .slon.frame8 .i0, .slon.frame8 .i1, .slon.frame8 .i2, .slon.frame8 .i3, .slon.frame8 .i4, .slon.frame8 .i5, .slon.frame8 .i6, .slon.frame8 .i7, .slon.frame8 .i8, .slon.frame8 .m8, .slon.frame9 .i0, .slon.frame9 .i1, .slon.frame9 .i2, .slon.frame9 .i3, .slon.frame9 .i4, .slon.frame9 .i5, .slon.frame9 .i6, .slon.frame9 .i7, .slon.frame9 .i8, .slon.frame9 .i9, .slon.frame9 .m9, .slon.show-frame .cloaks, .slon.show-frame .s-message, .slon.show-frame .zzz {
    display : block
}

.slon:hover:not(.show-frame) .pss {
    display : block
}

.contact-us {
    padding       : 50px 0 92px;
    margin-bottom : 5px
}

.contact-us .text {
    font   : 18px/28px 'Pragmatica', sans-serif;
    margin : 23px 0 66px
}

.contact-us .email, .contact-us .person, .contact-us .phone {
    min-height   : 93px;
    padding-left : 80px;
    position     : relative
}

.contact-us .contact-label {
    display       : block;
    font          : 18px/27px 'Pragmatica', sans-serif;
    color         : #999999;
    padding       : 0;
    margin-bottom : 4px
}

.contact-us .value {
    font : 700 24px/28px 'Pragmatica', sans-serif
}

@media (max-width : 1236px) {
    .contact-us .value {
        font : 700 18px/22px 'Pragmatica', sans-serif
    }
}

.contact-us .value a {
    color      : #282828;
    transition : .3s opacity
}

.contact-us .value a:hover {
    opacity : .7
}

.contact-us .img {
    position : absolute;
    left     : 0;
    top      : 6px
}

.contact-us .person {
    display : block;
    color   : #282828
}

.contact-us .person .img {
    width             : 67px;
    height            : 67px;
    background-repeat : no-repeat;
    background-size   : cover
}

.contact-us .phone .img {
    width      : 47px;
    height     : 47px;
    background : url(/local/images/sprite.svg?23498a09) -530px -378px no-repeat
}

.contact-us .email .img {
    width      : 48px;
    height     : 33px;
    background : url(/local/images/sprite.svg?23498a09) -530px -300px no-repeat
}

.contact-us .email .value a {
    color           : #282828;
    border-bottom   : 1px solid #f2a900;
    transition      : border .2s ease;
    text-decoration : none
}

.contact-us .email .value a:hover {
    opacity      : 1;
    border-color : transparent
}

@media (max-width : 991px) {
    .contact-us .email, .contact-us .person, .contact-us .phone {
        padding-left : 0;
        padding-top  : 80px
    }

    .contact-us .phone .img {
        top : 18px
    }

    .contact-us .email .img {
        top : 22px
    }
}

@media (max-width : 767px) {
    .contact-us .email, .contact-us .person, .contact-us .phone {
        padding-left : 80px;
        padding-top  : 0
    }

    .contact-us .email .img, .contact-us .phone .img {
        top : 6px
    }
}

.page-loader {
    margin       : 50px auto;
    position     : relative;
    text-align   : center;
    word-spacing : 4px;
    display      : block
}

.page-loader span {
    width             : 16px;
    height            : 16px;
    display           : inline-block;
    background        : #f2a900;
    -webkit-animation : loader .6s linear infinite;
    animation         : loader .6s linear infinite
}

.page-loader span:nth-child(1) {
    -webkit-animation-delay : -.6s;
    animation-delay         : -.6s
}

.page-loader span:nth-child(2) {
    -webkit-animation-delay : -.4s;
    animation-delay         : -.4s
}

.page-loader span:nth-child(3) {
    -webkit-animation-delay : -.2s;
    animation-delay         : -.2s
}

.analytics-card {
    display         : block;
    text-decoration : none
}

.analytics-card:after, .news-card:after {
    content    : '';
    position   : absolute;
    border     : 1px solid transparent;
    z-index    : -1;
    left       : 20px;
    top        : 0;
    right      : 20px;
    bottom     : 0;
    transition : .3s border, .3s top, .3s right, .3s bottom, .3s left
}

.analytics-card .tags {
    margin-bottom : 15px
}

.analytics-card .tag {
    display        : inline-block;
    background     : #f2a900;
    text-transform : uppercase;
    color          : #ffffff;
    font           : 700 10px/1 'Pragmatica', sans-serif;
    padding        : 11px 9px 7px;
    transition     : .3s background
}

.analytics-card .tag:hover {
    background : #282828
}

.analytics-card .title, .download-block .wrapper.open .close {
    display : block
}

.analytics-card .title span {
    display       : inline;
    font          : 400 18px/28px 'Pragmatica', sans-serif;
    border-bottom : 1px solid #f2a900;
    color         : #282828;
    transition    : .3s border
}

.analytics-card .similar-date {
    color          : #a9a9a9;
    font           : 14px/1 'Pragmatica', sans-serif;
    padding-bottom : 22px;
    padding-top    : 9px
}

.analytics-card .description {
    font  : 16px/26px 'Pragmatica', sans-serif;
    color : #282828
}

.analytics-card .arrow {
    width      : 40px;
    height     : 3px;
    background : #e9e7e6;
    margin-top : 22px
}

.analytics-card .similar-type {
    display    : block;
    margin-top : 28px
}

.analytics-card .similar-type a {
    display       : inline-block;
    color         : #666666;
    font          : 400 14px/18px 'Pragmatica', sans-serif;
    border-bottom : 1px dashed #f2a900;
    transition    : .3s border
}

.analytics-card .similar-type a:hover {
    border-bottom-color : transparent
}

.analytics-card:hover:after {
    border-color : #f2a900;
    left         : 0;
    top          : -20px;
    right        : 0;
    bottom       : -23px
}

.download-block {
    margin-top : 71px
}

.download-block .wrapper {
    position         : relative;
    background-color : #f2a900;
    font             : 24px 'Pragmatica', sans-serif;
    color            : #ffffff
}

.download-block .wrapper .close {
    width      : 19px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -264px -391px no-repeat;
    display    : none;
    position   : absolute;
    top        : 20px;
    right      : 19px;
    opacity    : 1;
    z-index    : 1;
    transition : .3s
}

.download-block .wrapper .close:hover {
    transform : rotateZ(90deg)
}

@media (min-width : 1236px) {
    .download-block .wrapper .close {
        top   : 40px;
        right : 39px
    }
}

.download-block .text {
    padding-top : 53px
}

.download-block .state {
    position : relative;
    display  : flex
}

.download-block .state .image {
    position : relative
}

.download-block .state .image img {
    max-width : 100%;
    position  : absolute;
    bottom    : -55px;
    left      : 50%;
    transform : translateX(-50%)
}

.download-block .state.initial {
    padding-bottom : 55px
}

.download-block .state.initial a {
    color         : #ffffff;
    font-weight   : 700;
    border-bottom : 1px dashed #ffffff;
    transition    : .3s
}

.download-block .state.initial a:active, .download-block .state.initial a:active:focus, .download-block .state.initial a:focus {
    text-decoration    : none;
    -webkit-appearance : none;
    outline            : 0;
    box-shadow         : none
}

.actual-solutions .more-solutions > span:hover, .download-block .state.initial a:hover, .news-card .title:hover span {
    border-bottom-color : transparent
}

.download-block .state.initial .project-title {
    padding-top : 5px
}

.download-block .state.form {
    padding-bottom : 46px
}

.download-block .state.form .title {
    padding     : 0 0 11px;
    font-weight : 700
}

.download-block .state.form .subtitle {
    padding-bottom : 43px;
    font-size      : 18px
}

.download-block .state.success .title {
    padding     : 3px 0 6px;
    font-weight : 700
}

.download-block .state.success .subtitle {
    padding-bottom : 57px
}

.download-block .state.success .image img {
    bottom : 0
}

.actual-solutions {
    padding-top    : 37px;
    padding-bottom : 10px
}

.actual-solutions .block {
    display         : flex;
    align-items     : flex-start;
    justify-content : space-between;
    padding         : 0 20px
}

.actual-solutions .block.items-2 .item:first-child {
    margin-right : 18px
}

.actual-solutions .block.items-2 .item:last-child {
    margin-left : 18px
}

.actual-solutions .block.items-3 .item:nth-child(2) {
    margin : 0 36px 36px
}

.actual-solutions .item {
    width              : 100%;
    min-height         : 180px;
    -ms-grid-row-align : stretch;
    align-self         : stretch;
    box-sizing         : border-box;
    background         : no-repeat center;
    background-size    : cover;
    position           : relative;
    color              : #ffffff;
    padding            : 38px 28px;
    margin-bottom      : 36px
}

.actual-solutions .item:before {
    transition : background .3s ease;
    content    : '';
    position   : absolute;
    width      : 100%;
    height     : 100%;
    background : rgba(153, 152, 155, .3);
    left       : 0;
    top        : 0
}

.accordion-block, .actual-solutions .item > *, .subscription .wrapper .container {
    position : relative
}

.actual-solutions a.item:hover:before {
    background : rgba(153, 152, 155, .1)
}

.actual-solutions a.item:hover .arrow i {
    width      : 100%;
    transition : .3s width
}

.actual-solutions a.item:hover .arrow:after, .actual-solutions a.item:hover .arrow:before {
    width      : 12px;
    transition : .3s width .3s
}

.actual-solutions .title {
    font : 700 24px/26px 'Pragmatica', sans-serif
}

.actual-solutions .description {
    font        : 14px/22px 'Pragmatica', sans-serif;
    padding-top : 9px
}

.actual-solutions .arrow {
    width                       : 43px;
    height                      : 2px;
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    position                    : relative;
    pointer-events              : none;
    margin-top                  : 23px
}

.actual-solutions .arrow i {
    width      : 0;
    height     : 100%;
    transition : .3s width .3s;
    display    : block;
    position   : absolute;
    background : #ffffff
}

.actual-solutions .arrow:after, .actual-solutions .arrow:before {
    content    : '';
    position   : absolute;
    width      : 0;
    height     : 2px;
    top        : 0;
    right      : 0;
    background : #ffffff;
    transition : .3s width
}

.actual-solutions .arrow:before {
    transform        : rotate(45deg);
    transform-origin : 100% 100%
}

.actual-solutions .arrow:after {
    transform        : rotate(-45deg);
    transform-origin : 100% 0
}

.actual-solutions .more-solutions {
    text-align  : center;
    padding-top : 21px
}

.actual-solutions .more-solutions > span {
    transition    : border .3s ease;
    position      : relative;
    font          : 16px/20px 'Pragmatica', sans-serif;
    border-bottom : 1px dashed #f2a900;
    display       : inline-block;
    cursor        : pointer
}

.actual-solutions .more-solutions > span:after {
    content           : '';
    position          : absolute;
    width             : 12px;
    height            : 14px;
    background        : url(/local/images/sprite.svg?23498a09) -269px -425px no-repeat;
    right             : -21px;
    top               : 3px;
    -webkit-animation : 5s more-solutions linear infinite;
    animation         : 5s more-solutions linear infinite
}

@media (max-width : 960px) {
    .actual-solutions .block {
        flex-wrap : wrap
    }

    .actual-solutions .block.items-2 .item, .actual-solutions .block.items-3 .item {
        width : calc(50% - 18px)
    }

    .actual-solutions .block.items-3 .item:nth-child(2) {
        margin : 0 0 36px
    }

    .actual-solutions .block.items-3 .item:last-child {
        width : 100%
    }
}

@media (max-width : 480px) {
    .actual-solutions .block {
        flex-wrap : wrap;
        padding   : 0
    }

    .actual-solutions .block.items-2 .item, .actual-solutions .block.items-3 .item {
        width : 100%
    }

    .actual-solutions .block.items-3 .item:nth-child(2) {
        margin : 0 0 18px
    }

    .actual-solutions .block.items-2 .item:first-child {
        margin-right : 0
    }

    .actual-solutions .block.items-2 .item:last-child {
        margin-left : 0
    }

    .actual-solutions .item {
        margin-bottom : 18px
    }

    .actual-solutions .more-solutions > span span {
        display : none
    }
}

.accordion-block {
    border        : 1px solid #ebebeb;
    padding       : 0 30px 30px 80px;
    margin-bottom : 30px
}

.accordion-block.no-img {
    padding      : 0 0 30px;
    border-left  : none;
    border-right : none
}

.accordion-block.open {
    border-bottom : 3px solid #f2a900
}

.accordion-block .icon {
    width    : 40px;
    position : absolute;
    left     : 20px;
    top      : 20px
}

.accordion-block .icon img {
    margin    : 0;
    max-width : none;
    width     : 100%
}

.accordion-block .title-expert {
    font          : 16px/26px 'Pragmatica', sans-serif;
    margin-bottom : 30px
}

.accordion-block .expert-list {
    word-spacing  : 40px;
    margin-bottom : 30px
}

.accordion-block .expert {
    width               : 120px;
    height              : 120px;
    display             : inline-block;
    border              : 1px solid #f2a900 !important;
    border-radius       : 50%;
    overflow            : hidden;
    background-size     : cover;
    background-position : center
}

.accordion-block .toggle-content {
    display : none
}

.accordion-block .toggle-link {
    border-bottom : 1px dashed #f2a900;
    position      : relative;
    display       : inline-block
}

.accordion-block .toggle-link:before {
    content    : '';
    position   : absolute;
    width      : 7px;
    height     : 13px;
    background : url(/local/images/sprite.svg?23498a09) -442px -173px no-repeat;
    transform  : rotate(-90deg);
    right      : -20px;
    top        : 4px
}

.accordion-block .toggle-link:after {
    content    : '';
    position   : absolute;
    width      : 30px;
    height     : 30px;
    background : url(/local/images/sprite.svg?23498a09) -289px -291px no-repeat;
    opacity    : 0;
    top        : -5px;
    right      : -32px;
    transition : opacity .2s ease;
    transform  : scale(.8)
}

.accordion-block .toggle-link:hover:after {
    opacity : 1
}

.accordion-block .toggle-link:hover:before, header .bottom .menu li.burger a:hover:after, header .bottom .menu li.search a:hover:after {
    opacity : 0
}

.accordion-block .toggle-link.open:before {
    transform : rotate(90deg)
}

.accordion-block .toggle-link.open:after {
    top       : -3px;
    right     : -32px;
    transform : scale(.8) rotate(180deg)
}

.subscription {
    padding       : 40px 0;
    margin-bottom : -50px;
    overflow      : hidden
}

@media (min-width : 960px) {
    .subscription {
        padding-bottom : 0;
        margin-bottom  : 0;
        overflow       : visible
    }
}

.subscription .wrapper {
    padding    : 36px 0 236px;
    background : url(/local/css/../images/pattern.jpg) 0 0
}

@media (min-width : 620px) {
    .subscription .wrapper {
        padding : 59px 0 19px
    }
}

@media (min-width : 960px) {
    .subscription .wrapper {
        padding : 55px 0 19px
    }
}

.subscription .image {
    width      : 440px;
    height     : 313px;
    position   : absolute;
    bottom     : -297px;
    left       : -32px;
    background : center center no-repeat
}

@media (min-width : 620px) {
    .subscription .image {
        top       : 50%;
        right     : 0;
        bottom    : auto;
        left      : auto;
        transform : translateY(-50%) translateY(10px) translateX(40%)
    }
}

@media (min-width : 960px) {
    .subscription .image {
        transform : translateY(-50%) translateY(10px)
    }
}

@media (min-width : 1236px) {
    .subscription .image {
        top       : -110px;
        right     : auto;
        left      : -23px;
        transform : none
    }
}

.subscription .h2, .subscription h2, .subscription p {
    color : #ffffff
}

.subscription .h2, .subscription h2 {
    margin : 0;
    font   : 700 24px/34px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    .subscription .h2, .subscription h2 {
        font : 700 30px/1 'Pragmatica', sans-serif
    }
}

.subscription p {
    margin      : 0;
    padding-top : 11px;
    font        : 18px/24px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    .subscription p {
        padding-top : 13px
    }

    .subscription .form-container {
        padding-top : 9px
    }
}

@media (min-width : 960px) {
    .subscription .form-container {
        padding-top : 0
    }
}

.subscription form {
    padding-top : 21px
}

.subscription form [type=submit], .subscription form [type=text] {
    width              : 100%;
    height             : 48px;
    border             : 0;
    border-radius      : 0;
    -webkit-appearance : none
}

.subscription form [type=submit]:active, .subscription form [type=submit]:active:focus, .subscription form [type=submit]:focus, .subscription form [type=text]:active, .subscription form [type=text]:active:focus, .subscription form [type=text]:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.subscription form [type=text] {
    padding          : 0 18px;
    background-color : #ececec
}

.subscription form [type=text]::-webkit-input-placeholder {
    color     : rgba(153, 152, 155, .5);
    font-size : 16px
}

.subscription form [type=text]:-moz-placeholder, .subscription form [type=text]::-moz-placeholder {
    color     : rgba(153, 152, 155, .5);
    font-size : 16px
}

.subscription form [type=text]:-ms-input-placeholder {
    color     : rgba(153, 152, 155, .5) !important;
    font-size : 16px !important
}

.subscription form [type=text]:focus {
    background-color : #ffffff
}

.subscription form [type=submit] {
    position         : relative;
    background-color : #282828;
    color            : #ffffff;
    font-weight      : 700;
    transition       : .3s;
    font-size        : 16px
}

.subscription form [type=submit]:hover {
    background-color : #4f4f4f
}

.subscription form .form-row {
    position : relative;
    display  : table
}

.subscription form .form-row .form-group {
    margin-bottom : 19px;
    font-size     : 16px;
    width         : 50%;
    display       : table-cell
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group {
        margin-bottom : 15px;
        font-size     : 14px
    }
}

.subscription form .form-row .form-group:first-of-type {
    max-width : 0;
    overflow  : hidden;
    display   : block
}

.subscription form .form-row .form-group:nth-of-type(2) {
    width : 50%
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group:nth-of-type(2) {
        width : 50%
    }
}

.subscription form .form-row .form-group:last-of-type {
    width : 164px
}

@media (min-width : 620px) {
    .subscription form .form-row .form-group:last-of-type {
        width : auto
    }
}

.subscription form .form-row .error-message {
    position         : absolute;
    left             : 0;
    top              : calc(100% + 10px);
    background-color : #f85421;
    padding          : 0 10px;
    color            : #ffffff;
    font             : 12px/18px 'Pragmatica', sans-serif;
    display          : none;
    min-height       : 48px;
    min-width        : 148px;
    align-items      : center;
    z-index          : 1
}

.subscription form .form-row .error-message:after {
    content             : '';
    position            : absolute;
    left                : 48px;
    top                 : -8px;
    border              : 4px solid transparent;
    border-bottom-color : #f85421
}

.subscription form .form-row.error .error-message {
    display : flex
}

.subscription .success {
    position       : absolute;
    top            : 20px;
    pointer-events : none;
    opacity        : 0
}

@media (min-width : 1236px) {
    .subscription .success {
        padding : 18px 0 0 61px
    }
}

.subscription .success .h2 {
    font : 700 20px/30px 'Pragmatica', sans-serif
}

.subscription .success p {
    padding-top : 0;
    font        : 16px/20px 'Pragmatica', sans-serif
}

.subscription .success:before {
    width            : 1px;
    height           : 88px;
    content          : '';
    position         : absolute;
    display          : none;
    top              : 2px;
    left             : 0;
    background-color : rgba(255, 255, 255, .3)
}

@media (min-width : 1236px) {
    .subscription .success:before {
        display : block
    }

    .subscription .success {
        top : 0
    }
}

.interview-form .form-group {
    margin-top : 20px;
    position   : relative
}

.interview-form .form-group ::-moz-placeholder {
    color : #d0d0d0
}

.interview-form .form-group :-ms-input-placeholder {
    color : #d0d0d0
}

.interview-form .form-group ::placeholder {
    color : #d0d0d0
}

.interview-form .form-group ::-webkit-inner-spin-button, .interview-form .form-group ::-webkit-outer-spin-button {
    -webkit-appearance : none;
    margin             : 0
}

.interview-form .form-group.error .select2-container--interview .select2-selection--single, .interview-form .form-group.error input[type=checkbox] + span:before, .interview-form .form-group.error input[type=email], .interview-form .form-group.error input[type=number], .interview-form .form-group.error input[type=password], .interview-form .form-group.error input[type=radio] + span:before, .interview-form .form-group.error input[type=tel], .interview-form .form-group.error input[type=text] {
    border-color : #ef5350
}

.interview-form .form-group.error input.additional-input {
    border-color : transparent transparent #282828
}

.interview-form .form-group.error input.additional-input[required] {
    border-bottom-color : #ef5350
}

.interview-form .form-group.error .select2-container--interview .select2-selection__placeholder {
    color   : #ef5350;
    opacity : 1
}

.interview-form .form-group.error .select2-container--interview .select2-results, .interview-form .form-group.error .select2-container--interview .select2-search__field {
    border-color : #ef5350
}

.interview-form .form-group.error .select2-container--interview .select2-search__field::-moz-placeholder {
    color : #ef5350
}

.interview-form .form-group.error .select2-container--interview .select2-search__field:-ms-input-placeholder {
    color : #ef5350
}

.interview-form .form-group.error .select2-container--interview .select2-search__field::placeholder {
    color : #ef5350
}

.interview-form .form-group label {
    display        : block;
    max-width      : 475px;
    margin-bottom  : 4px;
    font           : 700 13px/1.3 'Pragmatica', sans-serif;
    letter-spacing : -.008em
}

.interview-form .form-group input[type=email], .interview-form .form-group input[type=number], .interview-form .form-group input[type=password], .interview-form .form-group input[type=tel], .interview-form .form-group input[type=text] {
    width         : 100%;
    height        : 39px;
    max-width     : 170px;
    padding       : 0 13px;
    color         : #282828;
    border        : 1px solid #d0d0d0;
    border-radius : 0;
    font          : 400 12px/39px 'Pragmatica', sans-serif;
    box-sizing    : border-box
}

.interview-form .form-group input[type=number] {
    -moz-appearance : textfield
}

.interview-form .form-group input[type=checkbox], .interview-form .form-group input[type=radio] {
    width              : 0;
    height             : 0;
    position           : absolute;
    overflow           : hidden;
    opacity            : 0;
    border             : 0;
    padding            : 0;
    margin             : 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
}

.checkbox:checked + label:after, .interview-form .form-group input[type=checkbox]:checked + span:after, .interview-form .form-group input[type=radio]:checked + span:after {
    opacity : 1
}

.interview-form .form-group input[type=checkbox]:not(:checked) + span:hover::after, .interview-form .form-group input[type=radio]:not(:checked) + span:hover::after, .interview-form .form-group input[type=radio]:not(:checked):hover::after {
    opacity : .5
}

.interview-form .form-group input[type=checkbox] + span, .interview-form .form-group input[type=radio] + span {
    position       : relative;
    cursor         : pointer;
    padding-left   : 25px;
    display        : inline-block;
    font           : 400 12px/16px 'Pragmatica', sans-serif;
    letter-spacing : .006em
}

.interview-form .form-group input[type=radio] + span:before {
    content          : '';
    position         : absolute;
    transition       : all .3s ease;
    width            : 16px;
    height           : 16px;
    left             : 0;
    top              : calc(.6em - 8px);
    border           : 1px solid #d0d0d0;
    background-color : #ffffff;
    box-sizing       : border-box
}

.interview-form .form-group input[type=checkbox] + span:after, .interview-form .form-group input[type=radio] + span:after {
    content    : '';
    position   : absolute;
    transition : opacity .3s ease;
    background : #f2a900;
    opacity    : 0
}

.interview-form .form-group input[type=radio] + span:after {
    width  : 8px;
    height : 8px;
    left   : 4px;
    top    : calc(.6em - 4px)
}

.interview-form .form-group input[type=checkbox] + span:before {
    content          : '';
    position         : absolute;
    transition       : all .3s ease;
    width            : 15px;
    height           : 15px;
    left             : 0;
    top              : calc(.6em - 8px);
    border           : 1px solid #d0d0d0;
    background-color : #ffffff;
    box-sizing       : border-box
}

.interview-form .form-group input[type=checkbox] + span:after {
    width      : 11px;
    height     : 9px;
    background : url(/local/images/sprite.svg?23498a09) -305px -264px no-repeat;
    left       : 2px;
    top        : calc(.6em - 5px)
}

.interview-form .form-group input[type=radio]:checked + span {
    cursor : default
}

.interview-form .form-group input[type=radio] + span:after, .interview-form .form-group input[type=radio] + span:before {
    border-radius : 50%
}

.interview-form .form-group input.additional-input {
    display      : inline-block;
    height       : 16px;
    line-height  : 16px;
    padding      : 0;
    max-width    : 100px;
    border-color : transparent transparent #282828
}

.interview-form .form-group.sphere-group {
    display : none
}

.card-wrap, .interview-form .input-row {
    position : relative
}

.interview-form .input-row.checkbox-row {
    margin-top : 12px
}

.interview-form .input-row.checkbox-row label {
    margin : 0
}

.interview-form .input-row.inline-row {
    display        : inline-block;
    vertical-align : top
}

.interview-form .input-row.inline-row + .inline-row {
    margin-left : 15px
}

.interview-form .error-message-text {
    position : absolute;
    left     : 0;
    bottom   : -15px;
    color    : #ef5350;
    font     : 400 12px/1 'Pragmatica', sans-serif
}

.interview-form .interview-form-btn {
    transition         : all .3s ease;
    display            : inline-block;
    position           : relative;
    padding            : 0 62px;
    margin-top         : 38px;
    background-color   : #f2a900;
    color              : #ffffff;
    font               : 700 16px/40px 'Pragmatica', sans-serif;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    outline            : 0;
    border             : 0;
    border-radius      : 0;
    box-shadow         : none
}

.interview-form .interview-form-btn:hover, header a.logo:hover {
    opacity : .7
}

.interview-form .interview-form-btn.interview-form-submit {
    padding : 0 72px
}

.interview-form .hr {
    color            : #ffffff;
    background-color : #f2a900;
    margin           : 38px 0;
    padding          : 0 15px;
    height           : 1px
}

.interview-form .policy {
    max-width  : 270px;
    margin-top : 11px;
    color      : #282828;
    opacity    : .5;
    font       : 400 11px/1.3 'Pragmatica', sans-serif
}

.interview-form .result-block {
    margin-top : 74px;
    font       : 700 20px/1 'Pragmatica', sans-serif;
    text-align : center
}

@media (max-width : 620px) {
    .interview-form .result-block {
        margin-top : 35px
    }
}

.card-wrap {
    margin-bottom : 58px
}

.news-card {
    display         : block;
    text-decoration : none
}

.news-card .tags {
    margin-bottom : 14px
}

.news-card .tag {
    display        : inline-block;
    background     : #f2a900;
    text-transform : uppercase;
    color          : #ffffff;
    font           : 700 10px/1 'Pragmatica', sans-serif;
    padding        : 11px 9px 7px;
    transition     : .3s background
}

.news-card .tag:hover {
    background : #282828
}

.news-card .title, .slick-slide img {
    display : block
}

.news-card .title span {
    display       : inline;
    font          : 400 18px/28px 'Pragmatica', sans-serif;
    border-bottom : 1px solid #f2a900;
    color         : #282828;
    transition    : .3s border
}

.news-card .card-date {
    color          : #a9a9a9;
    font           : 14px/1 'Pragmatica', sans-serif;
    padding-bottom : 23px;
    padding-top    : 10px;
    text-transform : lowercase
}

.news-card .description {
    font  : 16px/26px 'Pragmatica', sans-serif;
    color : #282828
}

.news-card:hover:after {
    border-color : #f2a900;
    left         : 0;
    top          : -20px;
    right        : 0;
    bottom       : -8px
}

.gallery .card, .news-card.large {
    position : relative
}

.news-card.large:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
    background-color : #f2a900;
    transition       : .3s top, .3s right, .3s bottom, .3s left
}

.news-card.large .content-wrapper {
    position : relative;
    padding  : 47px 30px 99px;
    z-index  : 1
}

.news-card.large:after {
    display : none
}

.news-card.large .tags {
    margin-bottom : 0
}

.news-card.large .tag {
    color      : #f2a900;
    background : #ffffff;
    transition : .3s background, .3s color
}

.news-card.large .tag:hover {
    color      : #ffffff;
    background : #282828
}

.news-card.large .title span {
    display    : inline-block;
    color      : #ffffff;
    font       : 30px/40px 'Pragmatica', sans-serif;
    padding    : 32px 0 7px;
    transition : .3s opacity
}

.news-card.large .title:hover span {
    opacity : .9
}

.news-card.large .card-date {
    display        : block;
    letter-spacing : initial;
    color          : #fedf94;
    font-size      : 18px;
    opacity        : 1;
    padding        : 0
}

.news-card.large .arrow {
    width                       : 40px;
    height                      : 3px;
    position                    : relative;
    margin-top                  : 43px;
    margin-bottom               : 43px;
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : translate(5px, 0)
}

.news-card.large .arrow:after, .news-card.large .arrow:before {
    position : absolute;
    content  : ''
}

.news-card.large .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.news-card.large .arrow:after {
    width        : 8px;
    height       : 8px;
    top          : 50%;
    right        : -1px;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(0)
}

.news-card.large:hover:before {
    left   : -20px;
    top    : -20px;
    right  : -20px;
    bottom : -8px
}

.gallery .card.large:hover .arrow:before, .news-card.large:hover .arrow:before {
    transform : scaleX(1)
}

.gallery .card.large:hover .arrow:after, .news-card.large:hover .arrow:after {
    transition : cubic-bezier(.8, 0, .75, 0) .3s;
    transform  : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(1)
}

.gallery {
    padding-bottom : 20px
}

.gallery .card.large .image:before, .gallery .cards + .cards, .slick-slide.slick-loading img {
    display : none
}

@media (min-width : 1236px) {
    .gallery .cards + .cards {
        display     : block;
        padding-top : 60px
    }
}

.gallery .card {
    display         : block;
    margin-bottom   : 38px;
    border-bottom   : none;
    text-decoration : none;
    color           : #282828
}

.gallery .card:active, .gallery .card:active:focus, .gallery .card:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.gallery .card .image {
    position : relative
}

.gallery .card .image:before {
    display     : block;
    content     : "";
    width       : 100%;
    padding-top : 60.07%
}

@media (min-width : 960px) {
    .gallery .card .image:before {
        padding-top : 62.27%
    }
}

.gallery .card .image > .content, .gallery .card .overlay .content {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background      : center no-repeat;
    background-size : cover
}

.gallery .card .title {
    padding : 14px 3px 22px;
    font    : 18px/28px 'Pragmatica', sans-serif
}

@media (min-width : 960px) {
    .gallery .card .title {
        padding : 14px 3px 21px
    }
}

.gallery .card .arrow {
    width            : 41px;
    height           : 2px;
    position         : relative;
    background-color : #e9e7e6;
    transform        : translateZ(0);
    pointer-events   : none
}

.gallery .card .arrow > div {
    width        : 14px;
    height       : 14px;
    top          : -6px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg) scale(0)
}

.gallery .card .partner {
    padding-top : 23px
}

.gallery .card .partner img {
    opacity : .5;
    height  : 35px
}

.gallery .card .overlay {
    position       : absolute;
    top            : 0;
    right          : 0;
    left           : 0;
    padding        : 20px 30px;
    background     : #f2a900;
    font           : 22px/32px 'Pragmatica', sans-serif;
    color          : #ffffff;
    opacity        : 0;
    transition     : opacity .6s;
    pointer-events : none;
    min-height     : 100%
}

.gallery .card .overlay .content {
    opacity : .1
}

.gallery .card.hover .overlay {
    opacity        : 1;
    z-index        : 1;
    padding-bottom : 20px
}

.gallery .card.hover .arrow {
    background-color : #ffffff;
    z-index          : 10
}

.gallery .card.large .image {
    height           : 100%;
    background-color : #f2a900;
    overflow         : hidden
}

.gallery .card.large .image .content {
    opacity    : .1;
    transition : ease-out 1s
}

.gallery .card.large .image:hover .content {
    transform : scale(1.05)
}

.gallery .card.large .content-wrapper {
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    padding        : 17px 30px;
    pointer-events : none
}

.gallery .card.large .title {
    color   : #ffffff;
    font    : 34px/44px 'Pragmatica', sans-serif;
    padding : 14px 3px 19px
}

.gallery .card.large .title b {
    display        : block;
    padding-bottom : 10px
}

.gallery .card.large .title b + span {
    display : block;
    opacity : .3
}

.gallery .card.large .arrow {
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : none
}

.gallery .card .arrow > div, .gallery .card.large .arrow:after, .gallery .card.large .arrow:before {
    position : absolute;
    content  : ''
}

.gallery .card.large .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.gallery .card.large .arrow:after {
    width        : 14px;
    height       : 14px;
    top          : 1px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg) scale(0)
}

.gallery .card.large .partner {
    padding-top : 32px
}

.gallery .card.large .partner img:not(:last-of-type) {
    margin-right : 33px
}

.gallery .all {
    margin-top : -1px
}

.gallery .all a {
    position        : relative;
    text-decoration : none;
    border-bottom   : 1px solid #f2a900;
    transition      : .3s;
    color           : #282828;
    z-index         : 0
}

.gallery .all a:hover {
    text-decoration     : none;
    border-bottom-color : transparent
}

@media (max-width : 767px) {
    .gallery .card {
        height : auto
    }
}

.header-ticker {
    height     : 80px;
    background : #ffffff;
    position   : relative;
    overflow   : hidden
}

.header-ticker .ticker-slider {
    border      : 1px solid #f2a900;
    position    : relative;
    white-space : nowrap
}

.header-ticker .ticker-slider .slick-arrow {
    width      : 30px;
    height     : 30px;
    transition : all .3s ease;
    position   : absolute;
    top        : 50%;
    margin-top : -15px
}

.header-ticker .ticker-slider .slick-arrow:before {
    width      : 11.97px;
    height     : 21.97px;
    background : url(/local/images/sprite.svg?23498a09) -303px -76px no-repeat
}

.header-ticker .ticker-slider .slick-arrow.slick-prev {
    left : -42px
}

.header-ticker .ticker-slider .slick-arrow.slick-next {
    right : -42px
}

.header-ticker .ticker-slider .slick-arrow:hover {
    transform : scale(1.1)
}

.header-ticker .ticker-item {
    transition      : all .3s ease;
    box-sizing      : border-box;
    padding         : 13px 25px;
    height          : 78px;
    border          : 1px solid transparent;
    display         : inline-block;
    white-space     : normal;
    color           : #242424;
    text-decoration : none;
    cursor          : default
}

.header-ticker .ticker-item.link {
    cursor : pointer
}

.header-ticker .ticker-item .title {
    white-space : nowrap;
    font        : 700 13px/17px 'Pragmatica', sans-serif;
    color       : #242424
}

.header-ticker .ticker-item .desc, .header-ticker .ticker-item .info {
    font  : 400 13px/17px 'Pragmatica', sans-serif;
    color : #8e8e8e
}

.header-ticker .ticker-item .info {
    color : #242424
}

.header-ticker .ticker-item .info i {
    font-style : normal
}

.header-ticker .ticker-item .info.yellow i {
    color : #f19f05
}

.header-ticker .ticker-item .info.red i {
    color : #dd3e3e
}

.header-ticker .ticker-item .info.green i {
    color : #63972b
}

.header-ticker .ticker-item .arrow-down, .header-ticker .ticker-item .arrow-up, .header-ticker .ticker-item .unchanged {
    background     : url(/local/images/sprite.svg?23498a09) -306.78px -391px no-repeat;
    margin-left    : 5px;
    margin-top     : -4px;
    display        : inline-block;
    vertical-align : middle
}

.header-ticker .ticker-item .arrow-up, .header-ticker .ticker-item .unchanged {
    width  : 15.78px;
    height : 19px
}

.header-ticker .ticker-item .unchanged {
    width         : 16px;
    height        : 3px;
    border-radius : 2px;
    background    : silver;
    margin-top    : -1px
}

.header-ticker .ticker-item .arrow-down {
    width      : 15.78px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -287px -391px no-repeat
}

.header-ticker .ticker-item.slick-active + .slick-active {
    border-left : 1px dotted #f2a900
}

.header-ticker .ticker-item:hover {
    border : 1px solid #f2a900 !important
}

@media (max-width : 1235px) {
    .header-ticker {
        transition : all .3s ease;
        transform  : translateY(-100%);
        margin-top : -80px
    }

    .open .header-ticker {
        transform  : translateY(0);
        margin-top : 0
    }

    .header-ticker .ticker-item {
        padding : 13px 19px
    }

    .header-ticker .ticker-item .title {
        font : 700 13px/17px 'Pragmatica', sans-serif
    }
}

@media (max-width : 991px) {
    .header-ticker {
        height     : 65px;
        margin-top : -65px
    }

    .open .header-ticker {
        margin-top : 0
    }

    .header-ticker .ticker-item {
        padding : 7px 9px;
        height  : auto
    }

    .header-ticker .ticker-item .title {
        font : 700 11px/13px 'Pragmatica', sans-serif
    }
}

.cookies-notify {
    position   : fixed;
    bottom     : 0;
    left       : 0;
    right      : 0;
    background : #f2a900;
    color      : #ffffff;
    z-index    : 100;
    padding    : 16px 0 10px;
    transition : transform .5s ease;
    transform  : translateY(100%)
}

.cookies-notify.show {
    transform : none
}

.cookies-notify .row {
    display   : flex;
    flex-wrap : wrap
}

.cookies-notify .text-content {
    color : #ffffff;
    font  : 400 14px/16px 'Pragmatica', sans-serif
}

.cookies-notify .text-content p {
    margin : 7px 0;
    font   : 400 14px/16px 'Pragmatica', sans-serif
}

.cookies-notify .text-content p:first-of-type {
    margin-top : 7px
}

.cookies-notify .text-content h2, .cookies-notify .text-content .h2 {
    margin : 0 0 7px;
    font   : 700 22px/27px 'Pragmatica', sans-serif;
    word-break: break-word;
}

.cookies-notify .buttons {
    display         : flex;
    justify-content : flex-end;
    align-items     : center
}

.cookies-notify .btn {
    font : 400 17px/20px 'Pragmatica', sans-serif
}

.cookies-notify .btn.transparent:hover {
    background : #ffffff;
    color      : #f2a900
}

.solution-example {
    color : #282828
}

.solution-example h2, .solution-example .h2 {
    text-align : center;
    margin     : 57px 0 26px !important
}

.solution-example .subtitle {
    margin-bottom : 26px !important
}

.solution-example .solution-example-item {
    margin-bottom : 30px
}

.solution-example .solution-example-item .image {
    width           : 240px;
    height          : 240px;
    background      : center no-repeat;
    background-size : cover;
    margin-bottom   : 11px
}

.solution-example .solution-example-item .name {
    font : 20px/23px 'Pragmatica', sans-serif
}

.solution-example .solution-example-item .name span {
    transition    : all .3s ease;
    border-bottom : 1px solid transparent
}

.solution-example .solution-example-item .link {
    color           : #282828;
    display         : block;
    text-decoration : none
}

.solution-example .solution-example-item .link:hover .name span {
    transition    : all .3s ease;
    border-bottom : 1px solid #282828
}

@media (max-width : 991px) {
    .solution-example .solution-example-item {
        text-align : center
    }

    .solution-example .solution-example-item .image {
        margin : 0 auto 11px
    }
}

.slick-list, .slick-slider {
    position : relative;
    display  : block
}

.slick-slider {
    box-sizing                  : border-box;
    -webkit-touch-callout       : none;
    -webkit-user-select         : none;
    -moz-user-select            : none;
    -ms-user-select             : none;
    user-select                 : none;
    touch-action                : pan-y;
    -webkit-tap-highlight-color : transparent
}

.slick-list {
    overflow : hidden;
    margin   : 0;
    padding  : 0
}

.slick-list:focus, a:active, a:active:focus, a:focus {
    outline : 0
}

.slick-list.dragging {
    cursor : pointer;
    cursor : hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform : translate3d(0, 0, 0)
}

.slick-track {
    position : relative;
    left     : 0;
    top      : 0;
    display  : block
}

.slick-track:after, .slick-track:before {
    content : "";
    display : table
}

.slick-track:after {
    clear : both
}

.slick-loading .slick-track {
    visibility : hidden
}

.slick-slide {
    float      : left;
    height     : 100%;
    min-height : 1px;
    display    : none
}

[dir=rtl] .slick-slide {
    float : right
}

.slick-slide.dragging img {
    pointer-events : none
}

.slick-initialized .slick-slide {
    display : block
}

.slick-loading .slick-slide {
    visibility : hidden
}

.slick-vertical .slick-slide {
    display : block;
    height  : auto;
    border  : 1px solid transparent
}

.slick-slide:active, .slick-slide:active:focus, .slick-slide:focus {
    text-decoration    : none;
    box-shadow         : none;
    -webkit-appearance : none;
    outline            : 0
}

.slick-arrow.slick-hidden {
    display : none
}

.slick-arrow {
    width       : 30px;
    height      : 30px;
    line-height : 30px;
    min-height  : 30px;
    position    : absolute;
    background  : 0 0;
    border      : 0;
    top         : 31px;
    font-size   : 0;
    z-index     : 1
}

.slick-arrow:active, .slick-arrow:active:focus, .slick-arrow:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.slick-arrow:before {
    width      : 11px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -305px -242px no-repeat;
    content    : '';
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%)
}

.slick-arrow.slick-disabled {
    cursor : default
}

.slick-arrow.slick-disabled:before {
    width      : 11px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -326.56px -391px no-repeat
}

.slick-arrow.slick-next {
    right : 10px
}

.slick-arrow.slick-next.slick-disabled:before {
    transform : translate(-50%, -50%) rotateZ(180deg)
}

.slick-arrow.slick-prev {
    right : 45px
}

.slick-arrow.slick-prev:not(.slick-disabled):before {
    transform : translate(-50%, -50%) rotateZ(180deg)
}

.slick-dots {
    padding : 0
}

.slick-dots li {
    width      : 8px;
    height     : 8px;
    display    : inline-block;
    position   : relative;
    list-style : none
}

.slick-dots li:before {
    width            : 8px;
    height           : 8px;
    content          : '';
    position         : absolute;
    top              : 0;
    left             : 0;
    background-color : #dbdbdc;
    transition       : .3s
}

.slick-dots li:hover:before {
    transform : scale(1.5)
}

.projects-list-page .card.mark .partner img:not(:last-of-type), .slick-dots li:not(:last-of-type) {
    margin-right : 21px
}

.slick-dots li button {
    width              : 16px;
    height             : 16px;
    position           : absolute;
    top                : 50%;
    left               : 50%;
    padding            : 0;
    transform          : translate(-50%, -50%);
    border             : 0;
    color              : transparent;
    outline            : 0 !important;
    -webkit-appearance : none;
    transition         : background-color .3s
}

.slick-dots li button, .slick-dots li.slick-active {
    background-color : transparent
}

.slick-dots li.slick-active button {
    background-color : #f2a900
}

.slick-counter {
    position : absolute;
    top      : -4px;
    right    : 19px;
    font     : 700 20px/30px 'Pragmatica', sans-serif;
    color    : #e0e0e1
}

.slick-counter span {
    color : #f2a900
}

.select2-container {
    box-sizing     : border-box;
    display        : inline-block;
    margin         : 0;
    position       : relative;
    vertical-align : middle
}

.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    box-sizing          : border-box;
    cursor              : pointer;
    display             : block;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-container .select2-selection--single {
    height : 28px
}

.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 .select2-selection--single .select2-selection__clear {
    position : relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right : 8px;
    padding-left  : 20px
}

.select2-container .select2-selection--multiple {
    min-height : 32px
}

.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 {
    position : absolute;
    left     : 0;
    top      : 0;
    bottom   : 0;
    right    : 0
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing : border-box;
    border     : 0;
    font-size  : 100%;
    margin-top : 5px;
    padding    : 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance : none
}

.select2-dropdown {
    background-color : #ffffff;
    box-sizing       : border-box;
    display          : block;
    position         : absolute;
    left             : -100000px;
    width            : 100%;
    z-index          : 999
}

.select2-results {
    display : block
}

.select2-results__options {
    list-style : none;
    margin     : 0;
    padding    : 0
}

.select2-results__option {
    padding             : 0 6px;
    line-height         : 29px;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-results__option[aria-selected] {
    cursor : pointer
}

.select2-container--open .select2-dropdown {
    left : 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom : none
}

.select2-container--open .select2-dropdown--below {
    border-top : none
}

.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--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 : #ffffff;
    filter           : alpha(opacity=0)
}

.select2-hidden-accessible {
    border   : 0 !important;
    clip     : rect(0 0 0 0) !important;
    height   : 1px !important;
    margin   : -1px !important;
    overflow : hidden !important;
    padding  : 0 !important;
    position : absolute !important;
    width    : 1px !important
}

.select2-container--default {
    font-size : 16px
}

.select2-container--default .select2-selection--single {
    height           : 29px;
    background-color : #f2a900;
    border           : 0
}

.select2-container--default .select2-selection--single:active, .select2-container--default .select2-selection--single:active:focus, .select2-container--default .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding     : 1px 11px 0;
    color       : #ffffff;
    line-height : 29px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder, header .bottom .menu li .submenu li.active a:hover {
    color : #ffffff
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height   : 29px;
    position : absolute;
    top      : 1px;
    right    : 1px;
    width    : 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width      : 13px;
    height     : 8px;
    background : url(/local/images/sprite.svg?23498a09) -455px -413px no-repeat;
    position   : absolute;
    top        : 10px;
    left       : -3px
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--default.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--interview.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform : rotateZ(180deg)
}

.select2-container--default .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text
}

.select2-container--default .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__rendered li, .select2-container--interview .select2-selection--multiple .select2-selection__rendered li, .select2-container--order .select2-selection--multiple .select2-selection__rendered li {
    list-style : none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color      : #999999;
    margin-top : 5px;
    float      : left
}

.select2-container--default .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 {
    background-color : #e4e4e4;
    cursor           : default;
    float            : left;
    margin-right     : 5px;
    margin-top       : 5px;
    padding          : 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color        : #999999;
    cursor       : pointer;
    display      : inline-block;
    font-weight  : 700;
    margin-right : 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--default[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 {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--default .select2-search--inline .select2-search__field {
    background         : 0 0;
    border             : 0;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : textfield
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y       : auto;
    background-color : #f2a900;
    color            : #ffffff
}

.select2-container--default .select2-results__option[role=group] {
    padding : 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color : #dddddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--default .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--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .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--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .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--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .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--interview .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option, .select2-container--order .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] {
    background-color : rgba(255, 255, 255, .3);
    color            : #ffffff
}

.select2-container--default .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--interview {
    font-size : 14px;
    width     : 100% !important;
    max-width : 376px
}

.select2-container--interview.select2-container--open .select2-dropdown {
    top : -1px
}

.select2-container--interview .select2-selection--single {
    min-height : 39px;
    height     : auto;
    border     : 1px solid #d0d0d0
}

.select2-container--interview .select2-selection--single:active, .select2-container--interview .select2-selection--single:active:focus, .select2-container--interview .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--interview .select2-selection--single .select2-selection__rendered {
    padding       : 9px 13px;
    line-height   : 1.5;
    text-overflow : initial;
    white-space   : normal
}

.select2-container--interview .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--interview .select2-selection--single .select2-selection__placeholder {
    font-size : 12px;
    opacity   : .5
}

.select2-container--interview .select2-selection--single .select2-selection__arrow {
    width    : 34px;
    height   : 39px;
    position : absolute;
    top      : 1px;
    right    : 1px
}

.select2-container--interview .select2-selection--single .select2-selection__arrow b {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 5px 4px 0;
    border-color : #b8b8b7 transparent transparent;
    position     : absolute;
    top          : 18px;
    left         : calc(50% - 4px)
}

.select2-container--interview[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--interview[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--interview.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--interview.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--interview .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text;
    font-size        : 0;
    min-height       : 39px;
    max-height       : 999px
}

.select2-container--interview .select2-selection--multiple .select2-selection__rendered {
    width      : 100%;
    min-height : 41px;
    position   : relative;
    box-sizing : border-box;
    list-style : none;
    margin     : 0;
    padding    : 0 0 12px;
    font-size  : 12px
}

.select2-container--interview .select2-selection--multiple .select2-selection__placeholder {
    color      : #999999;
    margin-top : 5px;
    float      : left
}

.select2-container--interview .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    cursor           : default;
    display          : inline-block;
    margin-left      : 16px;
    margin-top       : 12px;
    padding          : 0 5px
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice__remove {
    display : none
}

.select2-container--interview .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--interview[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--interview.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--interview.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--interview.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--interview .select2-search--inline .select2-search__field {
    position           : absolute;
    min-height         : 39px;
    width              : 100% !important;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background         : 0 0;
    border             : 1px solid #d0d0d0;
    margin             : 0;
    padding            : 0 15px;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    color              : #282828;
    cursor             : pointer
}

.select2-container--interview .select2-results {
    border     : 1px solid #d0d0d0;
    border-top : 0
}

.select2-container--interview .select2-results > .select2-results__options {
    overflow-y : auto
}

.select2-container--interview .select2-results__option {
    padding     : 9px 13px;
    line-height : 1.5
}

.select2-container--interview .select2-results__option[role=group] {
    padding : 0
}

.select2-container--interview .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--interview .select2-results__option[aria-selected=true] {
    background-color : #dddddd
}

.select2-container--interview .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--interview .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--interview .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--interview .select2-results__option--highlighted[aria-selected] {
    background-color : #f2a900;
    color            : #ffffff
}

.select2-container--interview .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--interview .select2-selection--multiple .select2-selection__rendered {
    white-space : normal
}

.select2-container--interview.select2-container--open .select2-dropdown--above {
    top : 1px
}

.select2-container--interview.select2-container--open .select2-dropdown--above .select2-results {
    border        : 1px solid #d0d0d0;
    border-bottom : 0
}

.select2-container--order {
    transition : all .3s ease;
    font-size  : 16px;
    width      : 100% !important;
    background : #fdd075
}

.select2-container--order.fill {
    background : #ffffff
}

.select2-container--order.fill .select2-selection--single .select2-selection__arrow b {
    border-color : #f2a900 transparent transparent
}

.select2-container--order .select2-dropdown {
    border     : 1px solid #ffffff;
    border-top : none
}

.select2-container--order.select2-container--open .select2-dropdown {
    top : -1px
}

.select2-container--order .select2-selection--single {
    min-height : 39px;
    height     : auto
}

.select2-container--order .select2-selection--single:active, .select2-container--order .select2-selection--single:active:focus, .select2-container--order .select2-selection--single:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.select2-container--order .select2-selection--single .select2-selection__rendered {
    padding       : 12px 13px 11px;
    line-height   : 1.5;
    text-overflow : initial;
    white-space   : normal
}

.select2-container--order .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--order .select2-selection--single .select2-selection__placeholder {
    font-size     : 16px;
    color         : #ffffff;
    text-overflow : ellipsis;
    overflow      : hidden;
    white-space   : nowrap;
    max-width     : calc(100% - 10px);
    display       : block
}

.select2-container--order .select2-selection--single .select2-selection__arrow {
    width    : 34px;
    height   : 47px;
    position : absolute;
    top      : 1px;
    right    : 1px
}

.select2-container--order .select2-selection--single .select2-selection__arrow b {
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 5px 4px 0;
    border-color : #ffffff transparent transparent;
    position     : absolute;
    top          : 18px;
    left         : calc(50% - 4px)
}

.select2-container--order[dir=rtl] .select2-selection--single .select2-selection__clear, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float : left
}

.select2-container--order[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--order.select2-container--disabled .select2-selection--single {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--order.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--order.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform : rotateZ(180deg)
}

.select2-container--order .select2-selection--multiple {
    background-color : #ffffff;
    cursor           : text;
    font-size        : 0;
    min-height       : 39px;
    max-height       : 999px
}

.select2-container--order .select2-selection--multiple .select2-selection__rendered {
    width      : 100%;
    min-height : 41px;
    position   : relative;
    box-sizing : border-box;
    list-style : none;
    margin     : 0;
    padding    : 0 0 12px;
    font-size  : 12px
}

.select2-container--order .select2-selection--multiple .select2-selection__placeholder {
    color      : #ffffff;
    margin-top : 5px;
    float      : left
}

.select2-container--order .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--order .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    cursor           : default;
    display          : inline-block;
    margin-left      : 16px;
    margin-top       : 12px;
    padding          : 0 5px
}

.select2-container--order .select2-selection--multiple .select2-selection__choice__remove {
    display : none
}

.select2-container--order .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333333
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--order[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--order.select2-container--focus .select2-selection--multiple {
    outline : 0
}

.select2-container--order.select2-container--disabled .select2-selection--multiple {
    background-color : #eeeeee;
    cursor           : default
}

.select2-container--order.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--order .select2-search--inline .select2-search__field {
    position           : absolute;
    min-height         : 39px;
    width              : 100% !important;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background         : 0 0;
    border             : 1px solid #d0d0d0;
    margin             : 0;
    padding            : 0 15px;
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    color              : #282828;
    cursor             : pointer
}

.select2-container--order .select2-results {
    border-top : 0
}

.select2-container--order .select2-results > .select2-results__options {
    overflow-y : auto
}

.select2-container--order .select2-results__option {
    padding     : 12px 13px 11px;
    line-height : 1.5
}

.select2-container--order .select2-results__option[role=group] {
    padding : 0
}

.select2-container--order .select2-results__option[aria-disabled=true] {
    color : #999999
}

.select2-container--order .select2-results__option[aria-selected=true] {
    background-color : #f6f6f5
}

.select2-container--order .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--order .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--order .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--order .select2-results__option--highlighted[aria-selected] {
    background-color : #fdd075;
    color            : #ffffff
}

.select2-container--order .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--order .select2-selection--multiple .select2-selection__rendered {
    white-space : normal
}

.select2-container--order.select2-container--open .select2-dropdown--above {
    top : 1px
}

.select2-container--order.select2-container--open .select2-dropdown--above .select2-results {
    border        : 1px solid #d0d0d0;
    border-bottom : 0
}

.mCustomScrollbar {
    touch-action : pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action : auto
}

.mCustomScrollBox {
    position  : relative;
    overflow  : hidden;
    height    : 100%;
    max-width : 100%;
    outline   : 0;
    direction : ltr
}

.mCSB_container {
    overflow : hidden;
    width    : auto;
    height   : auto
}

.mCSB_inside > .mCSB_container {
    margin-right : 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right : 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right : 0;
    margin-left  : 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left : 0
}

.mCSB_scrollTools {
    position : absolute;
    width    : 16px;
    height   : auto;
    left     : auto;
    top      : 0;
    right    : 0;
    bottom   : 0
}

.mCSB_outside + .mCSB_scrollTools {
    right : -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
    right : auto;
    left  : 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right : auto;
    left  : -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position : absolute;
    top      : 0;
    left     : 0;
    bottom   : 0;
    right    : 0;
    height   : auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin : 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width         : 2px;
    height        : 100%;
    margin        : 0 auto;
    border-radius : 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor  : pointer;
    width   : 100%;
    height  : 30px;
    z-index : 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position      : relative;
    width         : 4px;
    height        : 100%;
    margin        : 0 auto;
    border-radius : 16px;
    text-align    : center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width : 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width : 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display  : block;
    position : absolute;
    height   : 20px;
    width    : 100%;
    overflow : hidden;
    margin   : 0 auto;
    cursor   : pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom : 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right  : 0;
    margin-bottom : 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height : 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom : 0
}

.mCSB_container_wrapper, .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width  : auto;
    height : 16px;
    top    : auto;
    right  : 0;
    bottom : 0;
    left   : 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom : -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin : 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width  : 100%;
    height : 2px;
    margin : 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width  : 30px;
    height : 100%;
    left   : 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width  : 100%;
    height : 4px;
    margin : 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height : 12px;
    margin : 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height : 8px;
    margin : 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display  : block;
    position : absolute;
    width    : 20px;
    height   : 100%;
    overflow : hidden;
    margin   : 0 auto;
    cursor   : pointer
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left : 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right : 0
}

.mCSB_container_wrapper {
    position      : absolute;
    height        : auto;
    overflow      : hidden;
    top           : 0;
    margin-right  : 30px;
    margin-bottom : 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right  : 30px;
    padding-bottom : 30px;
    box-sizing     : border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom : 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right : 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom : 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left : 20px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right : 0;
    margin-left  : 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right : 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom : 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right : 0;
    margin-left  : 0
}

.analytics-detail-page h3, .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden, .news-detail-page h3 {
    margin-bottom : 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition : opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition : width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right  : 0;
    margin : 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom : 0;
    margin : 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left  : 0;
    right : auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color : transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height : 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width : 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color : #ffffff;
    background-color : rgba(255, 255, 255, .2);
    filter           : "alpha(opacity=20)";
    -ms-filter       : "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color : #ffffff;
    background-color : rgba(255, 255, 255, .5);
    filter           : "alpha(opacity=50)";
    -ms-filter       : "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color : #000000;
    background-color : rgba(0, 0, 0, .2);
    filter           : "alpha(opacity=20)";
    -ms-filter       : "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color : #000000;
    background-color : rgba(0, 0, 0, .5);
    filter           : "alpha(opacity=50)";
    -ms-filter       : "alpha(opacity=50)"
}

.mCS-yellow.mCSB_horizontal.mCSB_inside > .mCSB_container {
    padding       : 20px;
    margin-bottom : 16px
}

.mCS-yellow.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height       : 8px;
    margin-left  : 20px;
    margin-right : 20px
}

.mCS-yellow.mCSB_scrollTools .mCSB_draggerContainer {
    background : #e9e7e6
}

.mCS-yellow.mCSB_scrollTools .mCSB_dragger {
    background : #f0af13;
    width      : 40px
}

.mCS-yellow.mCSB_scrollTools .mCSB_dragger:hover {
    cursor : -webkit-grabbing;
    cursor : grabbing
}

.stacktable {
    width : 100%;
}

.st-head-row {
    padding-top    : 1em;
    padding-bottom : 1em
}

.st-head-row.st-head-row-main {
    font-size   : 1.5em;
    padding-top : 0
}

.st-key {
    width         : 49%;
    text-align    : right;
    padding-right : 1%
}

.st-val {
    width          : 49%;
    padding-left   : 1%;
    vertical-align : middle
}

.stacktable.large-only {
    display : table
}

.qtip, .stacktable.small-only {
    display : none
}

@media (max-width : 800px) {
    .stacktable.large-only {
        display : none
    }

    .stacktable.small-only {
        display : table
    }
}

.qtip {
    position    : absolute;
    left        : -28000px;
    top         : -28000px;
    max-width   : 280px;
    min-width   : 50px;
    font-size   : 10.5px;
    line-height : 12px;
    direction   : ltr;
    box-shadow  : none;
    padding     : 0
}

.qtip-content {
    position   : relative;
    padding    : 5px 9px;
    overflow   : hidden;
    text-align : left;
    word-wrap  : break-word
}

@media (max-width : 991px) {
    .qtip-content {
        white-space : nowrap
    }
}

.qtip-titlebar {
    position     : relative;
    padding      : 5px 35px 5px 10px;
    overflow     : hidden;
    border-width : 0 0 1px;
    font-weight  : 700
}

.qtip-titlebar + .qtip-content {
    border-top-width : 0 !important
}

.qtip-close {
    position : absolute;
    right    : -9px;
    top      : -9px;
    z-index  : 11;
    cursor   : pointer;
    outline  : medium;
    border   : 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right      : 4px;
    top        : 50%;
    margin-top : -9px
}

* html .qtip-titlebar .qtip-close {
    top : 16px
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
    display     : block;
    text-indent : -1000em;
    direction   : ltr
}

.qtip-icon .ui-icon {
    width       : 18px;
    height      : 14px;
    line-height : 14px;
    text-align  : center;
    text-indent : 0;
    font        : 700 10px/13px Tahoma, sans-serif;
    color       : inherit;
    background  : no-repeat -100em -100em
}

.qtip-icon, .qtip-icon .ui-icon {
    border-radius   : 3px;
    text-decoration : none
}

.qtip-default {
    border           : 0;
    font             : 12px/18px 'Pragmatica', sans-serif;
    background-color : #f85421;
    color            : #ffffff;
    padding          : 10px 10px 9px
}

@media (max-width : 991px) {
    .qtip-default {
        max-width : 320px
    }
}

.qtip-default .qtip-titlebar {
    background-color : #ffef93
}

.qtip-default .qtip-icon {
    border-color : #cccccc;
    background   : #f1f1f1;
    color        : #777777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color : #aaaaaa;
    color        : #111111
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
    filter     : none;
    -ms-filter : none
}

.qtip .qtip-tip {
    margin   : 0 auto;
    overflow : hidden;
    z-index  : 10
}

.qtip .qtip-tip, x:-o-prefocus {
    visibility : hidden
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
    position   : absolute;
    color      : #123456;
    background : 0 0;
    border     : 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top  : 0;
    left : 0
}

.qtip .qtip-tip .qtip-vml {
    behavior   : url(/local/css/#default#VML);
    display    : inline-block;
    visibility : visible
}

.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:after, .ui-helper-clearfix:before {
    content         : "";
    display         : table;
    border-collapse : collapse
}

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

.ui-helper-zfix {
    width    : 100%;
    height   : 100%;
    top      : 0;
    left     : 0;
    position : absolute;
    opacity  : 0;
    filter   : alpha(opacity=0)
}

.ui-front {
    z-index : 100
}

.ui-state-disabled {
    cursor         : default !important;
    pointer-events : none
}

.ui-icon {
    display           : inline-block;
    vertical-align    : middle;
    margin-top        : -.25em;
    position          : relative;
    text-indent       : -99999px;
    overflow          : hidden;
    background-repeat : no-repeat
}

.ui-widget-icon-block {
    left        : 50%;
    margin-left : -8px;
    display     : block
}

.ui-widget-overlay {
    position : fixed;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%
}

.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-multi {
    width : auto
}

.ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float : left
}

.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
}

.ui-datepicker .ui-icon {
    display           : block;
    text-indent       : -99999px;
    overflow          : hidden;
    background-repeat : no-repeat;
    left              : .5em;
    top               : .3em
}

.fancybox-inner, .fancybox-outer, .fancybox-skin, .fancybox-wrap {
    padding        : 0;
    margin         : 0;
    border         : 0;
    outline        : 0;
    vertical-align : top
}

.fancybox-image {
    padding        : 0;
    margin         : 0;
    outline        : 0;
    vertical-align : top
}

.fancybox-nav, .fancybox-nav span, .fancybox-tmp, .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  : 8020
}

.fancybox-skin {
    position    : relative;
    background  : #f9f9f9;
    color       : #444444;
    text-shadow : none
}

.fancybox-opened {
    z-index : 8030
}

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

.fancybox-inner {
    overflow : hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling : touch
}

.fancybox-error {
    color       : #444444;
    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%;
    border     : 1px solid #e9e7e6
}

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

#fancybox-loading div {
    width  : 44px;
    height : 44px
}

.fancybox-close, .fancybox-nav {
    position : absolute;
    cursor   : pointer;
    z-index  : 8040
}

.fancybox-close {
    background : url(/local/images/sprite.svg?23498a09) -423px -359px no-repeat;
    right      : 30px;
    transition : transform .3s ease;
    width      : 19px;
    height     : 19px;
    top        : 30px
}

.fancybox-close:before {
    content  : '';
    position : absolute;
    left     : -10px;
    right    : -10px;
    bottom   : -10px;
    top      : -10px
}

.fancybox-close:hover {
    transform : rotate(90deg)
}

.fancybox-nav {
    top                         : 0;
    width                       : 40%;
    height                      : 100%;
    text-decoration             : none;
    -webkit-tap-highlight-color : transparent
}

.fancybox-prev {
    left : -44px
}

.fancybox-next {
    right : -44px
}

.fancybox-nav span {
    width      : 11px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -305px -242px no-repeat;
    position   : absolute;
    top        : 50%;
    margin-top : -9px;
    cursor     : pointer;
    z-index    : 8040
}

.fancybox-prev span {
    left      : 10px;
    transform : rotate(180deg)
}

.fancybox-next span {
    right : 10px
}

.fancybox-nav:hover span {
    transform  : scale(1.2) rotate(.02deg);
    visibility : visible
}

.fancybox-prev:hover span {
    transform : scale(1.2) rotate(180deg)
}

.fancybox-tmp {
    position   : absolute;
    top        : -99999px;
    left       : -99999px;
    visibility : hidden;
    max-width  : 99999px;
    max-height : 99999px;
    overflow   : visible !important
}

.fancybox-lock {
    width : auto
}

.fancybox-lock, .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 : rgba(40, 40, 40, .4)
}

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

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

.fancybox-title {
    visibility  : hidden;
    font        : 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    : 0 0;
    background    : rgba(0, 0, 0, .8);
    border-radius : 15px;
    text-shadow   : 0 1px 2px #222222;
    color         : #ffffff;
    font-weight   : 700;
    line-height   : 24px;
    white-space   : nowrap
}

.fancybox-title-outside-wrap {
    position   : relative;
    margin-top : 10px;
    color      : #ffffff
}

.fancybox-title-inside-wrap {
    padding-top : 10px
}

.fancybox-title-over-wrap {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    color      : #ffffff;
    padding    : 10px;
    background : #000000;
    background : rgba(0, 0, 0, .8)
}

body * {
    max-height : 10000em
}

@media (min-width : 1236px) {
    .container {
        width : 1236px
    }
}

a:hover {
    text-decoration : none
}

.menu li {
    display    : inline-block;
    list-style : none
}

.form.order-form .type-group.meeting ~ .address-group, .menu li a {
    display : block
}

@media (max-width : 480px) {
    h1 {
        font-size : 30px
    }
}

h2, .h2 {
    font-size   : 30px;
    font-weight : 700;
    word-break  : break-word
}

h3 {
    font : 700 24px/34px 'Pragmatica', sans-serif
}

p + h3 {
    margin : -2px 0 24px
}

h4 {
    font   : 18px/28px 'Pragmatica', sans-serif;
    margin : 24px 0
}

.up {
    width            : 100%;
    height           : 51px;
    display          : none;
    position         : relative;
    background-color : #f2a900
}

.up:before {
    width      : 19px;
    height     : 12px;
    background : url(/local/images/sprite.svg?23498a09) -370px -271px no-repeat;
    content    : '';
    display    : inline-block;
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%)
}

@media (min-width : 620px) {
    .up {
        width            : 50px;
        height           : 50px;
        position         : fixed;
        right            : 42px;
        bottom           : 50px;
        background-color : rgba(255, 255, 255, .3);
        z-index          : 1;
        transition       : background-color linear .3s
    }

    .up.show {
        opacity : 1
    }

    .up:before {
        width      : 19px;
        height     : 12px;
        background : url(/local/images/sprite.svg?23498a09) -347px -271px no-repeat;
        content    : '';
        position   : absolute;
        top        : 50%;
        left       : 50%;
        transform  : translate(-50%, -50%)
    }

    .up:hover {
        background-color : rgba(0, 0, 0, .8)
    }
}

@media (min-width : 620px) and (min-width : 620px) {
    .up {
        opacity : 0
    }
}

input::-ms-clear {
    display : none
}

input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none
}

.text-content img {
    margin    : 20px;
    max-width : calc(100% - 40px)
}

.text-content p {
    margin-bottom : 26px;
    font          : 16px/26px 'Pragmatica', sans-serif
}

.text-content p:first-of-type {
    margin-top : 24px
}

.text-content a {
    border-bottom : 1px solid #f2a900;
    transition    : .3s;
    color         : #282828
}

.project-detail-page .project-stats .similar a:active, .project-detail-page .project-stats .similar a:active:focus, .project-detail-page .project-stats .similar a:focus, .text-content a:active, .text-content a:active:focus, .text-content a:focus {
    text-decoration    : none;
    -webkit-appearance : none;
    outline            : 0;
    box-shadow         : none
}

.project-detail-page .project-stats .similar a:hover, .text-content a:hover {
    border-bottom-color : transparent
}

.text-content ol, .text-content ul {
    margin  : 0;
    font    : 16px/26px 'Pragmatica', sans-serif;
    padding : 0 0 0 22px
}

.text-content ol li, .text-content ul li {
    position      : relative;
    margin-bottom : 26px;
    list-style    : none
}

.text-content ul li:before {
    width            : 4px;
    height           : 3px;
    content          : '';
    position         : absolute;
    top              : 1.3875ex;
    left             : -21px;
    background-color : #f2a900
}

.text-content ol {
    margin-bottom : 30px;
    counter-reset : list
}

footer li {
    list-style : none
}

.text-content ol li:before {
    width             : 20px;
    position          : absolute;
    top               : -1px;
    left              : -22px;
    content           : counter(list);
    counter-increment : list;
    color             : #f2a900;
    font              : 700 14px/26px 'Pragmatica', sans-serif
}

.text-content table {
    border-collapse : collapse
}

.text-content table img {
    max-width : initial
}

.text-content table tr:first-of-type td {
    padding-top    : 21px;
    padding-bottom : 12px;
    font           : 700 14px/24px 'Pragmatica', sans-serif;
    border-top     : none;
    border-bottom  : 3px solid #f2a900
}

.text-content table tr td {
    padding        : 15px 30px 12px;
    border         : solid #e1e1e0;
    border-width   : 1px 0;
    font           : 16px/24px 'Pragmatica', sans-serif;
    vertical-align : top;
    transition     : .3s
}

.text-content table tr td:first-child {
    font : 700 14px/24px 'Pragmatica', sans-serif
}

.text-content table tr:hover td {
    background-color : #f6f6f5
}

.text-content table.stacktable.small-only tr td {
    padding : 16px 15px 12px !important
}

.text-content table.stacktable.small-only tr td:first-child {
    font-weight : 400
}

blockquote {
    position : relative;
    margin   : 0;
    padding  : 0 0 0 67px;
    font     : 18px/28px 'Pragmatica', sans-serif
}

blockquote:before {
    width      : 24px;
    height     : 24px;
    background : url(/local/images/sprite.svg?23498a09) -297px -359px no-repeat;
    content    : '';
    position   : absolute;
    top        : 3px;
    left       : 0
}

.form [type=email], .form [type=password], .form [type=tel], .form [type=text] {
    color : #282828
}

.form [type=email], .form [type=password], .form [type=submit], .form [type=tel], .form [type=text] {
    width         : 100%;
    height        : 47px;
    padding       : 0 18px;
    border        : 0;
    font          : 16px/30px 'Pragmatica', sans-serif;
    border-radius : 0;
    box-shadow    : none !important
}

.form [type=email]:active, .form [type=email]:active:focus, .form [type=email]:focus, .form [type=password]:active, .form [type=password]:active:focus, .form [type=password]:focus, .form [type=submit]:active, .form [type=submit]:active:focus, .form [type=submit]:focus, .form [type=tel]:active, .form [type=tel]:active:focus, .form [type=tel]:focus, .form [type=text]:active, .form [type=text]:active:focus, .form [type=text]:focus {
    box-shadow         : none;
    outline            : 0;
    -webkit-appearance : none
}

.form [type=submit] {
    font-weight      : 700;
    background-color : #282828;
    transition       : .3s;
    color            : #ffffff
}

.form [type=submit]:hover {
    background-color : #535353
}

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

.form .form-group.error:after, .form .form-group.valid:after {
    content   : '';
    position  : absolute;
    top       : 50%;
    right     : 36px;
    transform : translateY(-50%)
}

.form .form-group.valid:after {
    width      : 13px;
    height     : 11px;
    background : url(/local/images/sprite.svg?23498a09) -359.56px -391px no-repeat
}

.form .form-group.valid input {
    padding-right : 48px
}

.form .form-group.error:after {
    width      : 12px;
    height     : 12px;
    background : url(/local/images/sprite.svg?23498a09) -317px -425px no-repeat
}

.form .form-group.error input {
    padding-right : 46px;
    color         : #f85421;
    border        : 1px solid #f85421
}

.form.order-form .form-group input[type=email], .form.order-form .form-group input[type=text] {
    transition : all .3s ease;
    background : #fdd075
}

.form.order-form .form-group input[type=email]::-webkit-input-placeholder, .form.order-form .form-group input[type=text]::-webkit-input-placeholder {
    color : #ffffff
}

.form.order-form .form-group input[type=email]:-moz-placeholder, .form.order-form .form-group input[type=email]::-moz-placeholder, .form.order-form .form-group input[type=text]:-moz-placeholder, .form.order-form .form-group input[type=text]::-moz-placeholder {
    color : #ffffff
}

.form.order-form .form-group input[type=email]:-ms-input-placeholder, .form.order-form .form-group input[type=text]:-ms-input-placeholder {
    color : #ffffff
}

.form.order-form .form-group input[type=email].fill, .form.order-form .form-group input[type=text].fill, .form.order-form .form-group.error input[type=email], .form.order-form .form-group.error input[type=text], .form.order-form .form-group.valid input[type=email], .form.order-form .form-group.valid input[type=text] {
    background : #ffffff
}

.form.order-form .form-group.valid input[type=email], .form.order-form .form-group.valid input[type=text] {
    color : #282828
}

.form.order-form .form-group.error input[type=email], .form.order-form .form-group.error input[type=text] {
    color : #f85421
}

.form.order-form .form-group.error input[type=email]::-webkit-input-placeholder, .form.order-form .form-group.error input[type=text]::-webkit-input-placeholder {
    color : #f85421
}

.form.order-form .form-group.error input[type=email]:-moz-placeholder, .form.order-form .form-group.error input[type=email]::-moz-placeholder, .form.order-form .form-group.error input[type=text]:-moz-placeholder, .form.order-form .form-group.error input[type=text]::-moz-placeholder {
    color : #f85421
}

.form.order-form .form-group.error input[type=email]:-ms-input-placeholder, .form.order-form .form-group.error input[type=text]:-ms-input-placeholder {
    color : #f85421
}

.form.order-form .address-group, .form.order-form .type-group.call ~ .mail-group, .form.order-form .type-group.meeting ~ .fake-group, .form.order-form .type-group.meeting ~ .mail-group {
    display : none
}

.form.order-form .type-group.call ~ .fake-group {
    display : block
}

.form.order-form .type-group.mail ~ .phone-group {
    display : none
}

.form.order-form .type-group.mail ~ .fake-group {
    display : block
}

.form.order-form .form-success {
    padding-top : 50px;
    color       : #ffffff
}

.form.order-form .form-success .title {
    font : 700 24px/32px 'Pragmatica', sans-serif
}

.form.order-form .form-success .subtitle {
    font : 15px/18px 'Pragmatica', sans-serif
}

@media (max-width : 960px) {
    .form.order-form .fake-group {
        display : none !important
    }
}

main select {
    width      : 100%;
    visibility : hidden
}

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

.clear:after {
    clear : both
}

.agree-text {
    font       : 12px 'Pragmatica', sans-serif;
    color      : #ffffff;
    margin-top : 20px
}

.btn {
    display       : inline-block;
    position      : relative;
    transition    : all .2s ease;
    font          : 700 14px/20px 'Pragmatica', sans-serif;
    color         : #ffffff;
    padding       : 10px 24px;
    background    : #f2a900;
    border-radius : 0;
    border        : 0
}

.btn:hover {
    background : #282828;
    color      : #ffffff
}

.btn.transparent {
    background : 0 0;
    border     : 2px solid #ffffff
}

.btn.transparent:focus {
    color : #ffffff
}

.btn.transparent:hover {
    background   : #f2a900;
    border-color : #f2a900
}

.btn.yellow-border {
    background : 0 0;
    border     : 2px solid #f2a900;
    color      : #f2a900
}

.btn.yellow-border:focus {
    color : #f2a900
}

.btn.yellow-border:hover {
    background   : #f2a900;
    border-color : #f2a900;
    color        : #ffffff
}

.checkbox {
    vertical-align : top;
    margin         : 0 3px 0 0;
    width          : 17px;
    height         : 17px
}

.checkbox + label {
    cursor         : pointer;
    color          : #282828;
    font           : 500 13px/18px 'Pragmatica', sans-serif;
    letter-spacing : -.05em;
    padding        : 0 0 0 25px;
    width          : 100%;
    margin         : 10px 0 0;
    position       : relative;
    display        : inline-block;
    transition     : .3s color
}

.checkbox + label:hover {
    color : #666666
}

.checkbox:not(checked) {
    position   : absolute;
    opacity    : 0;
    visibility : hidden
}

.checkbox:not(checked) + label:before {
    content    : '';
    position   : absolute;
    width      : 15px;
    height     : 15px;
    top        : 0;
    left       : 0;
    background : #ffffff;
    border     : 1px solid #ebebeb
}

.checkbox:not(checked) + label:after {
    content    : '';
    position   : absolute;
    width      : 11px;
    height     : 9px;
    background : url(/local/images/sprite.svg?23498a09) -305px -264px no-repeat;
    top        : 3px;
    left       : 2px;
    opacity    : 0;
    transition : .3s opacity
}

header {
    width            : 100%;
    height           : 73px;
    position         : relative;
    padding-top      : 24px;
    z-index          : 1000;
    background-color : transparent;
    transition       : .3s
}

@media (min-width : 1236px) {
    header {
        width            : 100%;
        height           : 140px;
        background-color : #282828
    }
}

header .logo {
    display     : block;
    padding-top : 7px
}

header a.logo {
    transition : opacity .3s ease
}

header .logo-img-sm {
    width      : 150px;
    height     : 53px;
    background : url(/local/images/sprite.svg?23498a09) -2px -185px no-repeat
}

header .logo-img-sm.en {
    width      : 131px;
    height     : 54px;
    background : url(/local/images/sprite.svg?23498a09) -320px -2px no-repeat
}

header .logo-img {
    width      : 167px;
    height     : 70px;
    background : url(/local/images/sprite.svg?23498a09) -149px -2px no-repeat
}

header .logo-img.en {
    width      : 150px;
    height     : 75px;
    background : url(/local/images/sprite.svg?23498a09) -149px -76px no-repeat
}

header .menu {
    margin : 0
}

header .top {
    padding-bottom : 5px;
    border-bottom  : 1px solid rgba(211, 208, 206, .1);
    margin-bottom  : 16px
}

header .top a {
    position    : relative;
    display     : inline-block;
    font-size   : 13px;
    line-height : 28px
}

header .top .language {
    float    : right;
    position : relative
}

header .top .language:before {
    width            : 1px;
    height           : 19px;
    content          : '';
    position         : absolute;
    top              : 4px;
    left             : -18px;
    background-color : #99989b;
    opacity          : .2
}

header .top .language a {
    color           : #ffffff;
    text-decoration : none
}

header .top .language a:active, header .top .language a:active:focus, header .top .language a:focus, header .top .language a:hover {
    text-decoration : none
}

header .top .language a.current {
    color : #a8a8a8
}

header .top .language a:not(.current):after {
    content       : '';
    position      : absolute;
    bottom        : 6px;
    right         : 0;
    left          : 1px;
    border-bottom : 1px solid #f2a900;
    transition    : border-bottom-color .3s
}

header .menu-small .bottom .language a:not(.current):hover:after, header .sliding-menu .language a:not(.current):hover:after, header .top .language a:not(.current):hover:after {
    border-bottom-color : transparent
}

header .top .language span {
    display     : inline-block;
    font-weight : 400;
    color       : #a8a8a8
}

header .top .language span:not(.current) {
    padding : 0 4px
}

header .top .menu {
    float        : left;
    padding-left : 0
}

header .top .menu li {
    padding-right : 22px
}

header .top .menu li a {
    color           : #cecece;
    text-decoration : none
}

header .top .menu li a:before {
    content       : '';
    position      : absolute;
    right         : 0;
    bottom        : 6px;
    left          : 0;
    border-bottom : 1px solid transparent;
    transition    : border-bottom-color .3s
}

header .bottom .menu a:hover, header .sliding-menu ul li a:hover, header .top .menu li a:hover {
    text-decoration : none
}

header .sliding-menu ul li a:hover:before, header .top .menu li a:hover:before {
    border-bottom-color : #f2a900
}

header .top .menu li.active a {
    color : #f2a900
}

header .bottom {
    clear : both
}

header .bottom .menu {
    padding : 12px 0 0
}

header .bottom .menu li:not(:first-of-type) {
    padding-left : 41px
}

header .bottom .menu li > span {
    display        : inline-block;
    font-size      : 15px;
    line-height    : 16px;
    vertical-align : middle;
    font-weight    : 700;
    color          : #ffffff;
    cursor         : default
}

header .bottom .menu li.search a {
    width  : 26px;
    height : 26px
}

header .bottom .menu li.search a:after {
    margin-top : -3px;
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -388px -291px no-repeat
}

header .bottom .menu li.search a:before {
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -418px -291px no-repeat;
    margin-top : -2px;
    opacity    : 0
}

header .bottom .menu li.burger a {
    width  : 24px;
    height : 20px
}

header .bottom .menu li.burger a:after {
    width      : 24px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -210px -155px no-repeat
}

header .bottom .menu li.burger a:before {
    width      : 24px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -182px -155px no-repeat;
    opacity    : 0
}

header .bottom .menu li.burger, header .bottom .menu li.search {
    padding-left : 31px;
    position     : relative;
    top          : 1px;
    float        : right
}

header .bottom .menu li.burger a, header .bottom .menu li.search a, header .menu-small .bottom .menu li.burger a, header .menu-small .bottom .menu li.search a {
    line-height : 16px;
    position    : relative
}

header .bottom .menu li.burger a:after, header .bottom .menu li.burger a:before, header .bottom .menu li.search a:after, header .bottom .menu li.search a:before {
    content    : '';
    position   : absolute;
    left       : 0;
    top        : 0;
    border     : 0;
    transition : .3s opacity
}

header .bottom .menu li.burger a:hover:before, header .bottom .menu li.search a:hover:before {
    opacity : 1
}

header .bottom .menu li.active a {
    color : #f2a900
}

header .bottom .menu li .submenu li a:before, header .bottom .menu li.has-submenu:hover a:before {
    display : none
}

header .bottom .menu li.has-submenu:hover .submenu {
    transform : scale(1);
    opacity   : 1
}

header .bottom .menu li .submenu {
    position         : absolute;
    padding          : 0;
    margin           : 7px 0 0;
    background-color : #f8f8f8;
    border-top       : 1px solid #f2a900;
    transform-origin : top left;
    transform        : scale(0);
    opacity          : 0;
    transition       : opacity .3s
}

header .bottom .menu li .submenu:before {
    content          : '';
    position         : absolute;
    top              : -10px;
    right            : 0;
    bottom           : 0;
    left             : 0;
    z-index          : 0;
    background-color : transparent
}

header .bottom .menu li .submenu li {
    display : block;
    padding : 0;
    z-index : 1
}

header .bottom .menu li .submenu li:not(:last-of-type) {
    border-bottom : 1px solid #ecebeb
}

header .bottom .menu li .submenu li a {
    display    : block;
    padding    : 12px 41px 11px 18px;
    font       : 14px 'Pragmatica', sans-serif;
    color      : #282828;
    transition : .3s
}

header .bottom .menu li .submenu li.active a, header .sliding-menu ul li.active a, header .sliding-menu ul li.active span {
    color : #f2a900
}

header .bottom .menu li .submenu li:hover a {
    color            : #ffffff;
    background-color : #f2a900
}

header .bottom .menu a {
    display         : inline-block;
    position        : relative;
    font-size       : 15px;
    line-height     : 16px;
    vertical-align  : middle;
    font-weight     : 700;
    color           : #ffffff;
    text-decoration : none
}

header .bottom .menu a:before {
    content       : '';
    position      : absolute;
    right         : 0;
    bottom        : -15px;
    left          : 0;
    border-bottom : 1px solid transparent;
    transition    : .3s
}

header .bottom .menu a:hover:before {
    bottom              : -10px;
    border-bottom-color : #f2a900
}

header .sliding-search {
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 649px;
    padding-top      : 131px;
    background-color : rgba(40, 40, 40, .97);
    z-index          : 1000;
    color            : #ffffff;
    transform        : translateY(-100%);
    transition       : .3s
}

header .sliding-search.open {
    transform : translateY(0)
}

header .sliding-search .close {
    width      : 19px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -423px -359px no-repeat;
    position   : absolute;
    top        : 40px;
    right      : 41px;
    opacity    : 1;
    transition : .3s
}

header .sliding-search .close:before {
    content  : '';
    position : absolute;
    left     : -10px;
    right    : -10px;
    bottom   : -10px;
    top      : -10px
}

header .sliding-search .close:hover {
    transform : rotateZ(90deg)
}

header .sliding-search .form-group {
    position      : relative;
    margin-bottom : 32px
}

header .sliding-search .form-control {
    display : block;
    width   : 100%
}

header .sliding-search input[type=text] {
    height           : 78px;
    padding          : 24px 120px 24px 30px;
    color            : #ffffff;
    background-color : #353535;
    border           : 0;
    border-radius    : 0;
    font             : 18px/30px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    header .sliding-search input[type=text] {
        font : 24px/30px 'Pragmatica', sans-serif
    }
}

header .sliding-search input[type=text]:focus {
    outline            : 0;
    -webkit-appearance : none;
    box-shadow         : none
}

header .menu-small .bottom .menu li, header .sliding-search input[type=checkbox] {
    display : none
}

header .sliding-search input[type=checkbox] + label {
    position       : relative;
    padding-left   : 40px;
    font           : 16px/26px 'Pragmatica', sans-serif;
    vertical-align : middle;
    display        : inline-block;
    cursor         : pointer
}

@media (min-width : 620px) {
    header .sliding-search input[type=checkbox] + label {
        font : 16px/20px 'Pragmatica', sans-serif
    }
}

header .sliding-search input[type=checkbox] + label:after, header .sliding-search input[type=checkbox] + label:before {
    content  : '';
    position : absolute
}

header .sliding-search input[type=checkbox] + label:before {
    width            : 20px;
    height           : 20px;
    top              : 2px;
    left             : 0;
    background-color : #5d5d5d
}

@media (min-width : 620px) {
    header .sliding-search input[type=checkbox] + label:before {
        top : -2px
    }
}

header .sliding-search input[type=checkbox] + label:after {
    width        : 10px;
    height       : 22px;
    display      : none;
    border       : solid #f2a900;
    border-width : 0 3px 3px 0;
    transform    : rotateZ(45deg) scale(.95);
    left         : 8px;
    top          : -3px
}

@media (min-width : 620px) {
    header .sliding-search input[type=checkbox] + label:after {
        top : -7px
    }
}

header .sliding-search input[type=checkbox] + label .hint {
    width          : 20px;
    height         : 20px;
    background     : url(/local/images/sprite.svg?23498a09) -375px -359px no-repeat;
    display        : inline-block;
    position       : relative;
    top            : -2px;
    margin-left    : 5px;
    line-height    : 20px;
    vertical-align : middle;
    transition     : .3s;
    cursor         : default
}

header .sliding-search input[type=checkbox] + label .hint .tip {
    background : #efefef;
    padding    : 9px;
    color      : #666666;
    font       : 13px/15px 'Pragmatica', sans-serif;
    position   : absolute;
    top        : 50%;
    margin-top : -24px;
    left       : 30px;
    width      : 207px;
    opacity    : 0;
    transition : .3s;
    display    : none
}

header .sliding-search input[type=checkbox] + label .hint .tip:after {
    content      : '';
    position     : absolute;
    border       : 5px solid;
    border-color : transparent #efefef transparent transparent;
    left         : -10px;
    top          : 19px
}

header .sliding-search input[type=checkbox] + label .hint:hover {
    opacity : .8
}

header .sliding-search input[type=checkbox] + label .hint:hover .tip {
    display : block;
    opacity : 1
}

header .sliding-search input[type=checkbox]:checked + label:after {
    display : block
}

header .sliding-search .search-submit {
    width            : 91px;
    height           : 78px;
    position         : absolute;
    top              : 0;
    right            : 0;
    border           : 0;
    background-color : transparent
}

header .sliding-search .search-submit:before {
    width      : 32px;
    height     : 32px;
    background : url(/local/images/sprite.svg?23498a09) -269px -242px no-repeat;
    content    : '';
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : translate(-50%, -50%)
}

header .sliding-search .search-submit:active, header .sliding-search .search-submit:focus, header .sliding-search .search-submit:focus:active {
    box-shadow : none;
    outline    : 0
}

header .sliding-search ::-webkit-input-placeholder {
    color     : #ffffff;
    font-size : 18px
}

@media (min-width : 620px) {
    header .sliding-search ::-webkit-input-placeholder {
        font-size : 24px
    }
}

header .sliding-search :-moz-placeholder, header .sliding-search ::-moz-placeholder {
    color     : #ffffff;
    font-size : 18px
}

@media (min-width : 620px) {
    header .sliding-search :-moz-placeholder {
        font-size : 24px
    }
}

@media (min-width : 620px) {
    header .sliding-search ::-moz-placeholder {
        font-size : 24px
    }
}

header .sliding-search :-ms-input-placeholder {
    color     : #ffffff !important;
    font-size : 18px !important
}

@media (min-width : 620px) {
    header .sliding-search :-ms-input-placeholder {
        font-size : 24px !important
    }
}

header .sliding-menu {
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    max-height       : 100vh;
    padding          : 79px 0 30px;
    background-color : rgba(40, 40, 40, .97);
    color            : #ffffff;
    transform        : translateY(-100%);
    transition       : .3s;
    z-index          : 1000;
    overflow         : hidden
}

@media (min-width : 620px) {
    header .sliding-menu {
        height  : 649px;
        padding : 79px 0 0
    }
}

header .sliding-menu.open {
    transform : translateY(0)
}

header .sliding-menu .close {
    width      : 19px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -423px -359px no-repeat;
    position   : absolute;
    top        : 29px;
    right      : 22px;
    opacity    : 1;
    transition : .3s
}

@media (min-width : 620px) {
    header .sliding-menu .close {
        top   : 40px;
        right : 40px
    }
}

header .sliding-menu .close:hover {
    transform : rotateZ(90deg)
}

header .sliding-menu .language {
    position : absolute;
    top      : 27px;
    left     : 19px
}

header .sliding-menu .language a {
    display         : inline-block;
    position        : relative;
    color           : #ffffff;
    text-decoration : none;
    font-size       : 20px;
    margin          : 0 16px
}

header .menu-small .bottom .language a:active, header .menu-small .bottom .language a:active:focus, header .menu-small .bottom .language a:focus, header .menu-small .bottom .language a:hover, header .sliding-menu .language a:active, header .sliding-menu .language a:active:focus, header .sliding-menu .language a:focus, header .sliding-menu .language a:hover {
    text-decoration : none
}

header .menu-small .bottom .language a.current, header .sliding-menu .language a.current {
    color : #a8a8a8
}

header .menu-small .bottom .language a:not(.current):after, header .sliding-menu .language a:not(.current):after {
    content       : '';
    position      : absolute;
    bottom        : 2px;
    right         : 0;
    left          : 1px;
    border-bottom : 1px solid #f2a900;
    transition    : border-bottom-color .3s
}

header .sliding-menu .language span {
    display     : inline-block;
    padding     : 0 16px;
    font-weight : 400;
    color       : #a8a8a8
}

header .sliding-menu ul {
    padding-top   : 5px;
    padding-left  : 1px;
    margin-bottom : -1px
}

@media (min-width : 620px) {
    header .sliding-menu ul {
        padding-left : 40px
    }
}

@media (min-width : 960px) {
    header .sliding-menu ul {
        padding-top : 0
    }
}

header .sliding-menu ul li {
    list-style     : none;
    padding-bottom : 19px
}

@media (min-width : 960px) {
    header .sliding-menu ul li {
        padding-bottom : 46px
    }
}

header .sliding-menu ul li:first-of-type {
    padding-bottom : 20px
}

@media (min-width : 620px) {
    header .sliding-menu ul li:first-of-type.has-submenu {
        padding-bottom : 2px
    }
}

@media (min-width : 960px) {
    header .sliding-menu ul li:first-of-type {
        padding-bottom : 36px
    }
}

@media (min-width : 620px) {
    header .sliding-menu ul li:last-of-type {
        padding-bottom : 19px
    }
}

header .sliding-menu ul li a {
    position        : relative;
    font-size       : 18px;
    font-weight     : 700;
    color           : #ffffff;
    text-decoration : none
}

@media (min-width : 1236px) {
    header .sliding-menu ul li a {
        font-size : 24px
    }
}

header .sliding-menu ul li a:before {
    content       : '';
    position      : absolute;
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px solid transparent;
    transition    : .3s
}

header .sliding-menu ul li a[data-toggle=collapse]:before {
    border-bottom-color : transparent !important
}

header .sliding-menu ul li a[data-toggle=collapse]:after {
    width       : 13px;
    height      : 8px;
    background  : url(/local/images/sprite.svg?23498a09) -455px -413px no-repeat;
    content     : '';
    display     : inline-block;
    margin-left : 7px;
    transform   : rotateZ(180deg)
}

header .sliding-menu ul li a[data-toggle=collapse].collapsed:after {
    transform : rotateZ(0)
}

header .sliding-menu ul .submenu {
    padding       : 2px 0 0;
    margin-bottom : 0
}

@media (min-width : 960px) {
    header .sliding-menu ul .submenu {
        padding-top    : 11px;
        padding-bottom : 36px
    }
}

header .sliding-menu ul .submenu li {
    padding-bottom : 18px
}

header .sliding-menu ul .submenu li a {
    font-size   : 16px;
    font-weight : 400;
    color       : #999999
}

header .sliding-menu .scroll-area {
    height     : 550px;
    max-height : calc(100vh - 109px)
}

@media (min-width : 960px) {
    header .sliding-menu .scroll-area {
        max-height : none
    }
}

header .menu-large {
    display  : none;
    position : relative
}

@media (min-width : 1236px) {
    header .menu-large {
        display : block
    }
}

header .order-btn {
    font     : 16px/30px 'Pragmatica', sans-serif;
    position : absolute;
    bottom   : -61px;
    right    : 17px;
    padding  : 2px 14px
}

header .header-small {
    position   : fixed;
    top        : 0;
    left       : 0;
    width      : 100%;
    transition : transform .3s ease
}

@media (min-width : 1236px) {
    header .header-small {
        transform : translateY(-100%)
    }

    header .header-small .order-btn {
        transform : translateY(-100px)
    }
}

header .header-small.fancybox-margin {
    padding-right : 17px
}

header .header-small .order-wrap {
    position : relative
}

header .header-small .order-btn {
    bottom : -46px
}

@media (min-width : 1236px) {
    header .header-small.open, header .header-small.open .order-btn {
        transform : translateY(0)
    }
}

header .menu-small {
    width            : 100%;
    padding          : 12px 0 21px;
    background-color : #282828;
    height           : 73px;
    z-index          : 1;
    position         : relative
}

header .menu-small .container {
    position : relative
}

@media (min-width : 1236px) {
    header .menu-small .order-btn {
        display : none
    }
}

header .menu-small .logo {
    padding-top : 0;
    margin-top  : -1px;
    margin-left : 2px
}

@media (min-width : 620px) {
    header .menu-small .logo {
        margin-left : 11px
    }
}

@media (max-width : 1235px) {
    header .menu-small .logo .logo-img-sm {
        margin-top    : -12px;
        margin-bottom : -12px
    }
}

header .menu-small .logo img {
    width  : 106px;
    height : auto
}

@media (min-width : 1236px) {
    header .menu-small .logo {
        margin-left : 0
    }

    header .menu-small .logo img {
        width : auto
    }

    header .menu-small .bottom {
        margin-left : -6px
    }
}

header .menu-small .bottom .menu {
    padding-top : 3px;
    float       : right;
    text-align  : right
}

@media (min-width : 1236px) {
    header .menu-small .bottom .menu {
        padding-top : 12px;
        float       : none;
        text-align  : left
    }
}

header .menu-small .bottom .menu li.burger, header .menu-small .bottom .menu li.search {
    display    : inline-block;
    transition : .3s;
    float      : right
}

header .menu-small .bottom .menu li.burger a:after, header .menu-small .bottom .menu li.burger a:before, header .menu-small .bottom .menu li.search a:after, header .menu-small .bottom .menu li.search a:before {
    content    : '';
    position   : absolute;
    left       : 0;
    top        : 0;
    border     : 0;
    transition : .3s opacity
}

header .menu-small .bottom .menu li.burger a:hover:after, header .menu-small .bottom .menu li.search a:hover:after {
    opacity : 0
}

header .menu-small .bottom .menu li.burger a:hover:before, header .menu-small .bottom .menu li.search a:hover:before {
    opacity : 1
}

header .menu-small .bottom .menu li.search {
    position : relative
}

@media (min-width : 1236px) {
    header .menu-small .bottom .menu li.search {
        padding-left : 37px
    }
}

header .menu-small .bottom .menu li.burger {
    padding-left : 38px
}

@media (min-width : 1236px) {
    header .menu-small .bottom .menu li.burger {
        padding-left : 31px
    }

    header .menu-small .bottom .menu li {
        display : inline-block
    }
}

header .menu-small .bottom .language {
    display       : none;
    padding-top   : 8px;
    padding-right : 30px;
    float         : right
}

@media (min-width : 620px) {
    header .menu-small .bottom .language {
        display : block
    }
}

@media (min-width : 1236px) {
    header .menu-small .bottom .language {
        display : none
    }
}

header .menu-small .bottom .language a {
    display         : inline-block;
    position        : relative;
    color           : #ffffff;
    text-decoration : none;
    font-size       : 13px;
    margin          : 0 4px
}

header .menu-small .bottom .language span {
    display     : inline-block;
    padding     : 0 4px;
    font-weight : 400;
    color       : #a8a8a8
}

@media (max-width : 1235px) {
    header .menu-small {
        padding : 21px 0
    }

    header .menu-small.fancybox-margin {
        padding-right : 0
    }
}

@media (max-width : 767px) {
    header ul {
        margin-top    : 0;
        margin-bottom : 0
    }

    header ul .submenu {
        margin-top : 14px
    }
}

footer {
    padding          : 21px 0 43px;
    background-color : #f6f6f5
}

@media (min-width : 620px) {
    footer {
        padding : 21px 0 59px
    }
}

@media (min-width : 960px) {
    footer {
        padding : 41px 0 38px
    }
}

footer ul {
    padding       : 0;
    margin-bottom : 2px
}

@media (min-width : 620px) {
    footer ul {
        margin-bottom : 1em
    }
}

footer ul li {
    padding-bottom : 16px;
    font           : 700 16px/20px 'Pragmatica', sans-serif
}

footer ul li:last-of-type, footer ul ul li:last-of-type {
    padding-bottom : 0
}

@media (min-width : 620px) {
    footer ul li {
        padding-bottom : 20px
    }

    footer ul li:last-of-type {
        padding-bottom : 20px
    }
}

@media (min-width : 960px) {
    footer ul li {
        padding-bottom : 16px;
        font           : 700 14px/20px 'Pragmatica', sans-serif
    }
}

footer ul ul {
    margin-top    : 17px;
    margin-bottom : 1px
}

@media (min-width : 620px) {
    footer ul ul {
        margin-top : 21px
    }
}

@media (min-width : 960px) {
    footer ul ul {
        margin-top    : 20px;
        margin-bottom : 1em
    }
}

footer ul ul li {
    padding-bottom : 18px;
    font           : 16px/18px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    footer ul ul li {
        padding-bottom : 22px
    }
}

@media (min-width : 960px) {
    footer ul ul li {
        padding-bottom : 10px;
        font           : 14px/18px 'Pragmatica', sans-serif
    }
}

@media (min-width : 960px) {
    footer ul ul li:last-of-type {
        padding-bottom : 22px
    }
}

footer ul ul li a {
    color : #484848
}

footer ul ul li.mark {
    font-weight : 700;
    padding     : 18px 0
}

footer a {
    color           : #282828;
    text-decoration : none;
    border-bottom   : 1px solid transparent;
    transition      : .3s
}

footer a:active, footer a:active:focus, footer a:focus {
    text-decoration : none;
    color           : #282828
}

footer a:hover {
    color               : #282828;
    text-decoration     : none;
    border-bottom-color : #f2a900
}

footer a.stub {
    pointer-events : none
}

footer .collapse {
    border-bottom-color : transparent !important
}

footer .collapse:after {
    width       : 13px;
    height      : 8px;
    background  : url(/local/images/sprite.svg?23498a09) -472px -413px no-repeat;
    content     : '';
    display     : inline-block;
    margin-left : 7px;
    transform   : rotateX(0)
}

footer .collapse.open {
    transform : rotateX(180deg)
}

footer .collapse, footer .collapse-wrap {
    display : inline-block
}

footer .contacts {
    padding-top : 32px;
    font-size   : 16px
}

@media (min-width : 620px) {
    footer .contacts {
        padding-top : 3px
    }
}

@media (min-width : 960px) {
    footer .contacts {
        padding-top : 0
    }
}

footer .contacts + .contacts {
    padding-top : 0;
    margin-top  : -4px;
    line-height : 26px
}

@media (min-width : 620px) {
    footer .contacts + .contacts {
        padding-top : 3px;
        margin-top  : 0;
        line-height : 1.42857143
    }
}

.project-detail-page .content h2, .project-detail-page .content .h2, footer .contacts + .contacts p {
    margin-bottom : 12px
}

@media (min-width : 620px) {
    footer .contacts + .contacts p {
        margin-bottom : 1em
    }
}

footer .phone {
    padding : 15px 0 11px;
    font    : 700 24px 'Pragmatica', sans-serif
}

.solutions-page, footer .phone a {
    color : #282828
}

footer .email {
    padding-bottom : 17px
}

footer .address {
    padding-bottom : 15px;
    color          : #484848
}

@media (min-width : 960px) {
    footer .address {
        padding-bottom : 17px
    }
}

footer .email a {
    border-bottom : 1px solid #f2a900;
    color         : #484848
}

footer .email a:hover {
    text-decoration     : none;
    color               : #484848;
    border-bottom-color : transparent
}

footer .email a:active, footer .email a:active:focus, footer .email a:focus {
    text-decoration : none;
    color           : #282828
}

footer .socials {
    color : #484848
}

footer .socials a {
    width            : 40px;
    height           : 40px;
    display          : inline-block;
    position         : relative;
    padding          : 0;
    margin           : 0 17px 0 0;
    background-color : #282828;
    transition       : .3s
}

footer .socials a .icon {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%)
}

footer .socials a .icon.icon-yt {
    width      : 20px;
    height     : 24px;
    background : url(/local/images/sprite.svg?23498a09) -325px -359px no-repeat
}

footer .socials a .icon.icon-fb {
    width      : 12px;
    height     : 22px;
    background : url(/local/images/sprite.svg?23498a09) -567px -465px no-repeat
}

footer .socials a .icon.icon-ln {
    width      : 20px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -399px -359px no-repeat
}

footer .socials a .icon.icon-tw {
    width      : 22px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -238px -155px no-repeat
}

footer .socials a:hover {
    background-color : #f2a900
}

footer .row + .row {
    padding-top : 29px;
    font        : 14px/17px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    footer .row + .row {
        padding-top : 34px
    }
}

@media (min-width : 960px) {
    footer .row + .row {
        padding-top : 41px
    }
}

footer .membership {
    padding-top    : 23px;
    padding-bottom : 22px
}

@media (min-width : 620px) {
    footer .membership {
        padding-bottom : 46px
    }
}

@media (min-width : 960px) {
    footer .membership {
        padding-top    : 0;
        padding-bottom : 0
    }
}

footer .membership img {
    line-height    : 1;
    margin         : 3px 0 26px;
    vertical-align : top
}

@media (min-width : 620px) {
    footer .membership img {
        margin : 3px 0 10px
    }
}

@media (min-width : 1236px) {
    footer .membership img {
        margin-bottom : 0
    }
}

footer .membership img:not(:last-child) {
    margin-right : 37px
}

footer .bottom-row {
    margin-top : 20px
}

@media (max-width : 991px) {
    footer .developer {
        margin-top : 30px
    }
}

@media (max-width : 767px) {
    footer .submenu {
        display : none
    }
}

.text-page .page-heading {
    margin-bottom : 50px
}

.text-page main {
    padding-bottom : 67px
}

@media (min-width : 960px) {
    .text-page main {
        padding-bottom : 119px
    }
}

.text-page h1 {
    padding-top   : 25px;
    margin-bottom : 74px
}

.projects-list-page h1:after, .solutions-page h1:after, .text-page h1:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -18px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

.text-page h2, .text-page .h2 {
    margin : 21px 0
}

.text-page h4 + h2, .text-page h4 + .h2 {
    margin-top : -2px
}

.project-detail-page .project-stats {
    padding-bottom : 57px;
    position       : relative;
    z-index        : 3
}

.project-detail-page .project-stats .stats-item {
    padding-top : 71px;
    font-size   : 18px;
    color       : #999999;
    text-align  : center
}

.project-detail-page .project-stats .stats-item span {
    display : block;
    font    : 700 46px/1 'Pragmatica', sans-serif;
    color   : #282828
}

@media (min-width : 1236px) {
    .project-detail-page .project-stats .stats-item span {
        display : inline
    }
}

.project-detail-page .project-stats .stats-item:first-of-type {
    padding-top : 50px;
    position    : relative
}

.project-detail-page .project-stats .stats-item:first-of-type span {
    margin-left   : -4px;
    display       : block;
    margin-bottom : -10px;
    font-size     : 76px
}

.project-detail-page .project-stats .stats-item:first-of-type:after {
    content    : '';
    position   : absolute;
    width      : 3px;
    height     : 40px;
    background : #ebeaeb;
    top        : 75px;
    right      : 14px
}

@media (max-width : 767px) {
    .project-detail-page .project-stats .stats-item:first-of-type:after {
        display : none
    }
}

@media (min-width : 1236px) {
    .project-detail-page .project-stats .stats-item:first-of-type {
        text-align : left
    }
}

.project-detail-page .project-stats .stats-item:nth-of-type(2) {
    padding-right : 33px
}

.project-detail-page .project-stats .stats-item:nth-of-type(2) span {
    padding-right : 4px
}

.project-detail-page .project-stats .stats-item:nth-of-type(3) {
    padding-right : 38px
}

.project-detail-page .project-stats .stats-item:nth-of-type(3) span {
    padding-right : 9px
}

.project-detail-page .project-stats .similar {
    padding          : 37px 20px 7px 29px;
    margin-top       : 60px;
    background-color : #f2a900;
    color            : #ffffff
}

@media (min-width : 960px) {
    .project-detail-page .project-stats .similar {
        margin-top : -75px
    }
}

.project-detail-page .project-stats .similar a {
    color         : #ffffff;
    border-bottom : 1px solid #ffffff;
    transition    : .3s
}

.project-detail-page .project-stats .similar ul, .projects-list-page .filter ul {
    padding : 0;
    margin  : 0
}

.project-detail-page .project-stats .similar li {
    position       : relative;
    padding-bottom : 27px;
    padding-left   : 20px;
    list-style     : none;
    line-height    : 24px
}

.project-detail-page .project-stats .similar li:before {
    width            : 6px;
    height           : 3px;
    content          : '';
    position         : absolute;
    top              : 1.1ex;
    left             : 1px;
    background-color : rgba(255, 255, 255, .3)
}

.project-detail-page .project-stats .similar .title {
    padding-bottom : 30px;
    font           : 700 18px 'Pragmatica', sans-serif
}

.project-detail-page .content {
    margin-bottom : 71px
}

.project-detail-page .content .customer {
    padding          : 28px 0 52px;
    margin           : 42px 0 29px;
    background-color : #f9f9f9
}

.project-detail-page .content .customer .image {
    padding : 19px 0 0
}

.project-detail-page .content .customer .image a, .solutions-page .toggle-content .clients-list a {
    border : 0
}

@media (min-width : 1236px) {
    .project-detail-page .content .customer .image {
        padding-left : 16px
    }
}

.project-detail-page .content .customer ~ .container {
    padding-bottom : 11px
}

.project-detail-page .content .image-signed {
    padding : 8px 0 0
}

.project-detail-page .content .image-signed .title {
    padding : 29px 0 14px
}

.project-detail-page .content h3 {
    margin-top : 14px
}

.project-detail-page .content .footnote {
    position   : relative;
    margin-top : 25px;
    padding    : 14px 0 0 1px;
    border-top : 3px solid #f2a900;
    font       : 12px/22px 'Pragmatica', sans-serif;
    color      : #666666
}

.project-detail-page .content .footnote sup {
    position : relative;
    top      : -2px
}

.project-detail-page .content p:last-child {
    margin-bottom : 10px
}

.project-detail-page .content p sup {
    position : relative;
    top      : -2px;
    font     : 700 26px/1 'Pragmatica', sans-serif;
    color    : #f2a900
}

.project-detail-page .customers-review {
    padding          : 46px 0 101px;
    background-color : #f6f6f5
}

.project-detail-page .customers-review h2 {
    margin-bottom : 22px
}

.project-detail-page .customers-review blockquote {
    font-size   : 16px;
    line-height : 26px
}

.project-detail-page .customers-review blockquote:before {
    top : 7px
}

.project-detail-page .customers-review .author {
    padding-top  : 27px;
    padding-left : 67px;
    display      : flex
}

.project-detail-page .customers-review .author .image {
    width  : 80px;
    height : 80px;
    margin : 4px 20px 20px 0
}

@media (min-width : 620px) {
    .project-detail-page .customers-review .author .image {
        margin-bottom : 0
    }
}

.project-detail-page .customers-review .author .name {
    padding-bottom : 2px;
    font           : 700 18px/24px 'Pragmatica', sans-serif
}

.project-detail-page .customers-review .author .position {
    position : relative;
    font     : 14px/24px 'Pragmatica', sans-serif;
    color    : #666666
}

.project-detail-page .customers-review .author .position:after {
    width            : 80px;
    height           : 3px;
    content          : '';
    background-color : #f2a900;
    position         : absolute;
    bottom           : -11px;
    left             : 0
}

.projects-list-page h1 {
    padding-top   : 27px;
    margin-bottom : 74px
}

.projects-list-page .pagination {
    margin-top : 40px
}

@media (max-width : 767px) {
    .projects-list-page .pagination {
        margin-top    : 0;
        margin-bottom : 40px
    }
}

.projects-list-page .filter {
    margin-top : 34px
}

@media (max-width : 767px) {
    .projects-list-page .filter ul {
        display : none
    }
}

.projects-list-page .filter .sections {
    margin-left  : 11px;
    margin-right : -30px;
    position     : relative
}

.projects-list-page .filter .sections:after {
    content    : '';
    position   : absolute;
    width      : 1px;
    height     : 100%;
    left       : -31px;
    top        : -5px;
    background : #efefef
}

.projects-list-page .filter li {
    display       : inline-block;
    margin-right  : 29px;
    margin-bottom : 16px;
    list-style    : none;
    margin-left   : 20px
}

.projects-list-page .filter li a {
    position  : relative;
    font-size : 16px;
    color     : #666666
}

.projects-list-page .filter li a:before {
    content    : '';
    position   : absolute;
    transition : .3s
}

.projects-list-page .filter li a:after {
    content  : '';
    position : absolute
}

.projects-list-page .filter li a:before {
    background-color : transparent;
    top              : -6px;
    right            : -19px;
    bottom           : -8px;
    left             : -20px;
    z-index          : 0
}

.projects-list-page .filter li a:after {
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px dashed #f2a900;
    transition    : .3s
}

.projects-list-page .filter li a:hover:after {
    border-bottom-color : transparent
}

.news-list-page .filter li a span, .projects-list-page .filter li a span {
    display     : inline-block;
    position    : relative;
    z-index     : 1;
    white-space : nowrap
}

.projects-list-page .filter li.active a {
    color          : #ffffff;
    pointer-events : none
}

.projects-list-page .filter li.active a:before {
    background-color : #f2a900
}

.analytics-detail-page .method a.card:hover .title span, .analytics-detail-page .type a:hover, .projects-list-page .filter li.active a:after {
    border-bottom-color : transparent
}

.news-list-page .filter li.active span, .projects-list-page .filter li.active span {
    top : 2px
}

.projects-list-page .list {
    margin-top    : 75px;
    margin-bottom : 5px
}

.projects-list-page .card-wrap {
    margin-bottom : 37px
}

.projects-list-page .card {
    display         : block;
    position        : relative;
    text-decoration : none;
    color           : #282828;
    box-sizing      : border-box
}

.projects-list-page .card .tag {
    text-transform : uppercase;
    color          : #ffffff;
    font           : 400 9px/1 'Pragmatica', sans-serif;
    background     : #f2a900;
    display        : inline-block;
    padding        : 10px 10px 9px;
    letter-spacing : .12em;
    margin-right   : 7px;
    margin-bottom  : 10px;
    position       : relative
}

.projects-list-page .card:active, .projects-list-page .card:active:focus, .projects-list-page .card:focus {
    outline            : 0;
    box-shadow         : none;
    -webkit-appearance : none
}

.projects-list-page .card .image {
    position        : relative;
    height          : 170px;
    background      : #99989b center center no-repeat;
    background-size : cover;
    padding         : 20px
}

.projects-list-page .card .image > .content, .projects-list-page .card .overlay .content {
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    background      : center no-repeat;
    background-size : cover
}

.projects-list-page .card .title {
    padding : 14px 3px 8px;
    font    : 18px/28px 'Pragmatica', sans-serif
}

.projects-list-page .card .date {
    color          : #a9a9a9;
    font           : 16px/1 'Pragmatica', sans-serif;
    padding-bottom : 27px
}

.projects-list-page .card .arrow {
    width            : 40px;
    height           : 2px;
    position         : absolute;
    background-color : #e9e7e6;
    transform        : translateZ(0);
    pointer-events   : none
}

.projects-list-page .card .arrow > div {
    width        : 13px;
    height       : 13px;
    content      : '';
    position     : absolute;
    top          : -5px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg) scale(0)
}

.projects-list-page .card .partner {
    padding-top    : 23px;
    padding-bottom : 54px
}

.projects-list-page .card .overlay {
    position       : absolute;
    top            : 0;
    right          : 0;
    bottom         : 0;
    left           : 0;
    padding        : 32px 29px;
    background     : #f2a900;
    font           : 22px/32px 'Pragmatica', sans-serif;
    color          : #ffffff;
    opacity        : 0;
    transition     : opacity .6s;
    pointer-events : none
}

.projects-list-page .card .overlay .content {
    opacity : .1
}

.projects-list-page .card .overlay .head {
    border-bottom  : 1px solid #f5c75a;
    padding-bottom : 35px
}

.projects-list-page .card .overlay .head .num {
    font : 700 76px/1 'Pragmatica', sans-serif
}

.projects-list-page .card .overlay .head .description {
    font : 400 24px/1 'Pragmatica', sans-serif
}

.projects-list-page .card .overlay .body {
    font           : 400 16px/1 'Pragmatica', sans-serif;
    padding-top    : 8px;
    padding-bottom : 32px
}

.direction-detail-page .content .card.facts .item span, .projects-list-page .card .overlay .body span {
    font-size   : 36px;
    font-weight : 700
}

.projects-list-page .card .overlay .body div {
    padding-top : 29px
}

.projects-list-page .card.hover .overlay {
    opacity : 1;
    z-index : 1
}

.projects-list-page .card.hover .arrow {
    background-color : #ffffff;
    z-index          : 10
}

.projects-list-page .card.mark {
    background-color : #f2a900;
    overflow         : hidden
}

.projects-list-page .card.mark .tag {
    color      : #f2a900;
    background : #ffffff
}

.projects-list-page .card.mark .image {
    height     : 100%;
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    opacity    : .1;
    transition : ease-out 1s
}

.projects-list-page .card.mark .image:before, .solutions-page .fix-block a.touch div {
    display : none
}

.projects-list-page .card.mark .content-wrapper {
    position       : relative;
    padding        : 20px;
    pointer-events : none
}

.projects-list-page .card.mark .title {
    color   : #ffffff;
    font    : 700 34px/44px 'Pragmatica', sans-serif;
    padding : 23px 10px 10px
}

@media (max-width : 767px) {
    .projects-list-page .card.mark .title {
        font : 700 24px/28px 'Pragmatica', sans-serif
    }
}

.projects-list-page .card.mark .card-date {
    color          : #ffffff;
    display        : block;
    letter-spacing : initial;
    font-size      : 34px;
    opacity        : .3;
    padding        : 0 8px 10px
}

.projects-list-page .card.mark .arrow {
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : translate(5px, 0)
}

.projects-list-page .card.mark .arrow:after, .projects-list-page .card.mark .arrow:before {
    position : absolute;
    content  : ''
}

.projects-list-page .card.mark .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.projects-list-page .card.mark .arrow:after {
    width        : 13px;
    height       : 13px;
    top          : 50%;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(0)
}

.projects-list-page .card.mark .partner {
    padding : 43px 10px 0
}

.projects-list-page .card.mark .partner img {
    margin-bottom : 20px
}

.projects-list-page .card.mark:hover .image {
    transform : scale(1.05)
}

.projects-list-page .card.mark:hover .arrow:before {
    transform : scaleX(1)
}

.projects-list-page .card.mark:hover .arrow:after {
    transition : cubic-bezier(.8, 0, .75, 0) .3s;
    transform  : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(1)
}

.solutions-page main {
    overflow : hidden;
    opacity  : .99
}

.solutions-page .fix-block {
    position : fixed;
    right    : 0;
    top      : 216px;
    z-index  : 21
}

.solutions-page .fix-block a {
    width         : 40px;
    height        : 40px;
    display       : block;
    margin-bottom : 2px;
    position      : relative;
    background    : #f2a900;
    transition    : background .3s ease
}

.solutions-page .fix-block a span {
    box-sizing  : border-box;
    height      : 40px;
    width       : 178px;
    font        : 11px/13px 'Pragmatica', sans-serif;
    padding     : 7px 10px;
    color       : #ffffff;
    overflow    : hidden;
    display     : flex;
    align-items : center
}

.solutions-page .fix-block a div {
    position   : absolute;
    height     : 40px;
    width      : 0;
    top        : 0;
    left       : 0;
    overflow   : hidden;
    transition : all .3s ease;
    background : #f2a900
}

.solutions-page .fix-block a:before {
    content  : '';
    position : absolute;
    left     : 50%;
    top      : 50%
}

.solutions-page .fix-block a:hover div {
    width : 178px;
    left  : -178px
}

.solutions-page .fix-block a.spros:before {
    width       : 26px;
    height      : 25px;
    background  : url(/local/images/sprite.svg?23498a09) -267px -359px no-repeat;
    margin-left : -13px;
    margin-top  : -13px
}

.solutions-page .fix-block a.clients:before {
    width       : 28px;
    height      : 26px;
    background  : url(/local/images/sprite.svg?23498a09) -356px -291px no-repeat;
    margin-left : -14px;
    margin-top  : -13px
}

.solutions-page .fix-block a.speaker:before {
    width       : 30px;
    height      : 19px;
    background  : url(/local/images/sprite.svg?23498a09) -404px -245px no-repeat;
    margin-left : -15px;
    margin-top  : -10px
}

.solutions-page .fix-block a.target:before {
    width       : 29px;
    height      : 29px;
    background  : url(/local/images/sprite.svg?23498a09) -323px -291px no-repeat;
    margin-left : -14px;
    margin-top  : -14px
}

.solutions-page .fix-block a.panel-tet-o-tvet-vserossiyskie-onlayn-oprosy:before {
    width       : 29px;
    height      : 29px;
    background  : url(/local/images/sprite.svg?23498a09) -478px -477px no-repeat;
    margin-left : -14px;
    margin-top  : -14px
}

.solutions-page .fix-block a.hr:before {
    width       : 32px;
    height      : 25px;
    background  : url(/local/images/sprite.svg?23498a09) -406px -173px no-repeat;
    margin-left : -16px;
    margin-top  : -13px
}

.solutions-page .fix-block a.gov:before {
    width       : 31px;
    height      : 30px;
    background  : url(/local/images/sprite.svg?23498a09) -254px -291px no-repeat;
    margin-left : -15px;
    margin-top  : -15px
}

.solutions-page .fix-block a.finance:before {
    width       : 33px;
    height      : 27px;
    background  : url(/local/images/sprite.svg?23498a09) -530px -465px no-repeat;
    margin-left : -16px;
    margin-top  : -13px
}

.solutions-page .fix-block a.pr:before {
    width       : 29px;
    height      : 24px;
    background  : url(/local/images/sprite.svg?23498a09) -149px -155px no-repeat;
    margin-left : -15px;
    margin-top  : -12px
}

.solutions-page h1 {
    padding-top   : 25px;
    margin-bottom : 42px
}

.solutions-page .subtitle {
    text-align    : center;
    font          : 18px/28px 'Pragmatica', sans-serif;
    margin-bottom : 13px
}

.solutions-page h2, .solutions-page .h2 {
    line-height : 42px;
    margin      : 0
}

.solutions-page .title-icon {
    width          : 42px;
    height         : 42px;
    display        : inline-block;
    position       : relative;
    vertical-align : middle;
    margin-right   : 16px
}

.solutions-page .title-icon:before {
    content    : '';
    position   : absolute;
    top        : 50%;
    margin-top : -21px
}

.solutions-page .title-icon.spros:before {
    width      : 38px;
    height     : 38px;
    background : url(/local/images/sprite.svg?23498a09) -227px -242px no-repeat;
    margin-top : -25px
}

.solutions-page .title-icon.clients:before {
    width      : 43px;
    height     : 38px;
    background : url(/local/images/sprite.svg?23498a09) -404px -203px no-repeat;
    margin-top : -30px
}

.solutions-page .title-icon.speaker:before {
    width      : 47px;
    height     : 32px;
    background : url(/local/images/sprite.svg?23498a09) -530px -429px no-repeat;
    margin-top : -21px
}

.solutions-page .title-icon.target:before {
    width      : 40px;
    height     : 40px;
    background : url(/local/images/sprite.svg?23498a09) -183px -242px no-repeat;
    margin-top : -30px
}

.solutions-page .title-icon.hr:before {
    width      : 47px;
    height     : 37px;
    background : url(/local/images/sprite.svg?23498a09) -530px -337px no-repeat;
    margin-top : -25px
}

.solutions-page .title-icon.gov:before {
    width      : 42px;
    height     : 43px;
    background : url(/local/images/sprite.svg?23498a09) -409px -60px no-repeat;
    margin-top : -33px
}

.solutions-page .title-icon.panel-tet-o-tvet-vserossiyskie-onlayn-oprosy:before {
    width      : 40px;
    height     : 40px;
    background : url(/local/images/sprite.svg?23498a09) -478px -430px no-repeat;
    margin-top : -33px
}

.solutions-page .title-icon.finance:before {
    width      : 45px;
    height     : 39px;
    background : url(/local/images/sprite.svg?23498a09) -455px -370px no-repeat;
    margin-top : -28px
}

.solutions-page .title-icon.pr:before {
    width      : 45px;
    height     : 36px;
    background : url(/local/images/sprite.svg?23498a09) -406px -133px no-repeat;
    margin-top : -27px
}

.solutions-page .toggle-wrap {
    margin-bottom : 26px
}

.solutions-page .toggle-wrap.open .toggle-label {
    border-bottom : 1px dashed transparent
}

.solutions-page .toggle-label {
    font            : 18px/28px 'Pragmatica', sans-serif;
    border-bottom   : 1px dashed #f2a900;
    text-decoration : none
}

.solutions-page .toggle-label.empty {
    border-bottom-color : transparent;
    cursor              : default
}

.solutions-page .toggle-content {
    display    : none;
    padding    : 23px 30px 15px;
    background : #f6f6f5;
    margin     : 14px 0 36px;
    color      : #666666;
    position   : relative
}

.solutions-page .toggle-content .toggle-close {
    width      : 19px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -241px -391px no-repeat;
    position   : absolute;
    border     : 0;
    display    : block;
    top        : 30px;
    right      : 30px;
    transition : transform .2s ease
}

.solutions-page .toggle-content .toggle-close:hover {
    transform : rotate(90deg)
}

.solutions-page .toggle-content .text {
    font          : 14px/24px 'Pragmatica', sans-serif;
    margin-bottom : 18px;
    padding-right : 20px
}

.solutions-page .toggle-content .title {
    font          : 700 16px/24px 'Pragmatica', sans-serif;
    margin-bottom : 22px;
    color         : #282828
}

.solutions-page .toggle-content .clients-list img {
    margin-right  : 33px;
    margin-bottom : 15px
}

.solutions-page .toggle-content .method-list {
    margin-bottom : 15px
}

.solutions-page .toggle-content .method-list li {
    font          : 14px/18px 'Pragmatica', sans-serif;
    margin-bottom : 6px
}

.solutions-page .toggle-content .method-list li:before {
    top        : 9px;
    margin-top : -3px
}

.solutions-page .solutions-block {
    position : relative;
    padding  : 56px 0 25px
}

.solutions-page .solutions-block .anchor {
    position : absolute;
    top      : -73px
}

.solutions-page .solutions-block .info, .solutions-page .solutions-block .toggle-wrap {
    position : relative
}

.solutions-page .solutions-block .info {
    margin-bottom : 44px
}

.solutions-page .solutions-block .info p {
    margin : 12px 0
}

.solutions-page .solutions-block:nth-child(even):before {
    content     : '';
    position    : absolute;
    width       : 100vw;
    height      : 100%;
    top         : 0;
    left        : 50%;
    margin-left : -50vw;
    background  : #f6f6f5
}

.howto-block {
    padding : 50px 0 28px
}

.howto-block .steps {
    display         : flex;
    justify-content : space-around;
    margin          : 73px -15px 44px
}

.howto-block .steps .separator {
    width    : 16px;
    height   : 26px;
    position : relative
}

.howto-block .steps .separator:after, .howto-block .steps .separator:before {
    content       : '';
    position      : absolute;
    width         : 4px;
    height        : 4px;
    background    : #b8b8b7;
    border-radius : 50%;
    left          : 0;
    bottom        : 0
}

.howto-block .steps .separator:after {
    left  : auto;
    right : 0
}

.howto-block .step {
    font  : 16px/24px 'Pragmatica', sans-serif;
    width : 176px
}

.howto-block .step:before, .team-page .clear:before {
    content : " ";
    display : table
}

.howto-block .step:after, .team-page .clear:after {
    content : " ";
    display : table;
    clear   : both
}

.howto-block .step .desc {
    float : left;
    width : 100px
}

.howto-block .step .icon {
    width    : 76px;
    height   : 76px;
    float    : left;
    position : relative
}

.howto-block .step .icon:before {
    content  : '';
    position : absolute
}

.howto-block .step .icon.mail:before {
    width      : 54px;
    height     : 55px;
    background : url(/local/images/sprite.svg?23498a09) -530px -69px no-repeat
}

.howto-block .step .icon.tz:before {
    width      : 56px;
    height     : 63px;
    background : url(/local/images/sprite.svg?23498a09) -530px -2px no-repeat
}

.howto-block .step .icon.research:before {
    width      : 54px;
    height     : 52px;
    background : url(/local/images/sprite.svg?23498a09) -530px -244px no-repeat
}

.howto-block .step .icon.docs:before {
    width      : 54px;
    height     : 67px;
    background : url(/local/images/sprite.svg?23498a09) -2px -425px no-repeat
}

.howto-block .step .icon.presentation:before {
    width      : 65px;
    height     : 62px;
    background : url(/local/images/sprite.svg?23498a09) -200px -425px no-repeat
}

.howto-block .title {
    font          : 700 20px/24px 'Pragmatica', sans-serif;
    margin-bottom : 20px;
    position      : relative
}

.howto-block .title span {
    position   : relative;
    background : #ffffff
}

.howto-block .dos-way {
    width           : 349px;
    height          : 68px;
    position        : absolute;
    border          : 4px solid #e9e7e6;
    -o-border-image : url(/local/css/../images/dots.svg) 0 4 4 0 repeat repeat;
    border-image    : url(/local/css/../images/dots.svg) 0 4 4 0 repeat repeat;
    right           : 66px;
    top             : -53px
}

.howto-block .formats {
    display         : flex;
    justify-content : space-around;
    margin          : 30px -15px
}

.howto-block .formats .separator {
    height      : 25px;
    border-left : 3px solid #e9e7e6;
    transform   : skewX(-10deg)
}

.howto-block .format {
    font : 16px/24px 'Pragmatica', sans-serif
}

.howto-block .format span {
    font        : 700 16px/24px 'Pragmatica', sans-serif;
    color       : #f2a900;
    white-space : nowrap
}

@media (max-width : 1236px) {
    .howto-block .step {
        width : 100px
    }

    .howto-block .formats {
        margin : 30px 0
    }

    .howto-block .formats .separator {
        display : none
    }
}

.solutions-page .academy-block {
    color               : #ffffff;
    padding             : 40px 0 60px;
    background-size     : cover;
    background-position : center
}

.solutions-page .academy-block .academy-icon {
    width          : 147px;
    height         : 45px;
    background     : url(/local/images/sprite.svg?23498a09) -156px -185px no-repeat;
    display        : inline-block;
    vertical-align : middle
}

.solutions-page .academy-block .academy-icon.en {
    width      : 133px;
    height     : 45px;
    background : url(/local/images/sprite.svg?23498a09) -2px -242px no-repeat
}

.solutions-page .academy-block .academy-label {
    font          : 700 12px/18px 'Pragmatica', sans-serif;
    margin-bottom : 45px
}

.solutions-page .academy-block .text {
    font          : 34px/42px 'Pragmatica', sans-serif;
    margin-bottom : 20px
}

.solutions-page .academy-block .btn {
    padding : 10px 27px
}

@media (max-width : 1235px) {
    .solutions-page .solutions-block {
        padding-right : 20px
    }

    .howto-block .steps .separator {
        display : none
    }

    .howto-block .formats {
        display : block
    }

    .howto-block .format {
        margin-bottom : 10px
    }
}

@media (max-width : 991px) {
    .howto-block .steps {
        display : block;
        margin  : 30px 0
    }

    .howto-block .step {
        width : 100%
    }

    .howto-block .step .desc {
        float       : none;
        width       : 100%;
        padding-top : 15px
    }

    .howto-block .step .icon:before {
        position : relative;
        margin   : 0 auto;
        display  : block
    }
}

@media (max-width : 767px) {
    .solutions-page main {
        z-index  : 100;
        position : relative;
        overflow : visible
    }

    .solutions-page header .menu-small .order-btn {
        bottom : -106px
    }

    .solutions-page .breadcrumbs {
        padding-top : 80px
    }

    .solutions-page h1 {
        font-size : 24px
    }

    .solutions-page .fix-block {
        top     : 73px;
        right   : auto;
        left    : 0;
        width   : 320px;
        z-index : 100
    }

    .solutions-page .fix-block a {
        float : left
    }

    .solutions-page .fix-block a + a {
        width       : 39px;
        margin-left : 1px
    }

    .solutions-page .fix-block a div {
        display : none
    }
}

.analytics-detail-page main {
    padding-bottom : 71px
}

@media (max-width : 620px) {
    .analytics-detail-page main {
        padding-bottom : 0
    }
}

.analytics-detail-page .breadcrumbs {
    padding-right : 100px
}

@media (max-width : 767px) {
    .analytics-detail-page .breadcrumbs {
        padding-right : 0
    }
}

.analytics-detail-page .head-labels {
    position : absolute;
    right    : 19px;
    top      : 54px
}

@media (max-width : 767px) {
    .analytics-detail-page .head-labels {
        position : relative;
        top      : 22px;
        right    : auto
    }
}

.analytics-detail-page .head-label {
    background     : #f2a900;
    text-transform : uppercase;
    color          : #ffffff;
    font           : 700 10px/1 'Pragmatica', sans-serif;
    padding        : 11px 9px 7px;
    margin-left    : 10px;
    display        : inline-block;
    transition     : .3s background
}

.analytics-detail-page .head-label:first-of-type {
    margin-left : 0
}

.analytics-detail-page .head-label:hover {
    background-color : #282828
}

.analytics-detail-page h1 {
    line-height   : 1.2em;
    padding-top   : 30px;
    margin-bottom : 59px
}

.analytics-detail-page h1:after, .analytics-list-page h1:after, .news-list-page h1:after, .team-page h1:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -22px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

@media (max-width : 480px) {
    .analytics-detail-page h1 {
        font-size : 30px
    }
}

.analytics-detail-page .date {
    text-align     : center;
    color          : #999999;
    font           : 400 16px/1 'Pragmatica', sans-serif;
    margin-bottom  : 52px;
    text-transform : lowercase
}

.analytics-detail-page .quote {
    padding : 56px 0 22px;
    margin  : 0
}

.analytics-detail-page .quote + .project, .analytics-detail-page h3 + h4, .news-detail-page h4 {
    margin-top : 0
}

.analytics-detail-page sup, .news-detail-page sup {
    font  : 700 26px/1 'Pragmatica', sans-serif;
    color : #f2a900;
    top   : 0
}

.analytics-detail-page .sup-container {
    position    : relative;
    padding-top : 29px
}

@media (max-width : 1236px) {
    .analytics-detail-page .sup-container {
        padding-top : 0
    }
}

.analytics-detail-page .sup-block {
    position   : relative;
    border-top : 3px solid #f2a900;
    color      : #666666;
    font       : 400 12px/22px 'Pragmatica', sans-serif;
    padding    : 15px 0
}

.analytics-detail-page .type {
    padding-top    : 62px;
    padding-bottom : 62px;
    color          : #282828;
    font           : 400 14px/18px 'Pragmatica', sans-serif
}

.analytics-detail-page .type span {
    padding-right : 15px
}

.analytics-detail-page .type a {
    color          : #282828;
    font-weight    : 700;
    letter-spacing : -.01em;
    border-bottom  : 1px dashed #f2a900;
    display        : inline-block;
    transition     : .3s border
}

.analytics-detail-page .similar {
    padding-top : 60px
}

.analytics-detail-page .similar h2, .analytics-detail-page .similar .h2 {
    margin-bottom : 27px
}

.analytics-detail-page .similar .card-wrap {
    margin-bottom : 30px
}

@media (max-width : 480px) {
    .analytics-detail-page .similar .card-wrap {
        margin-bottom : 70px
    }
}

.analytics-detail-page .method h2, .analytics-detail-page .method .h2 {
    margin-bottom : 29px
}

.analytics-detail-page .method .card-wrap {
    margin-bottom : 30px
}

.analytics-detail-page .method .card {
    background : #f6f6f5;
    display    : block;
    padding    : 29px 20px 20px 30px;
    box-sizing : border-box
}

.analytics-detail-page .method a.card {
    transition : .3s background
}

.analytics-detail-page .method a.card:hover {
    background : #f2a900
}

.analytics-detail-page .method a.card:hover .title {
    color : #ffffff
}

.analytics-detail-page .method a.card:hover .arrow {
    opacity : 1
}

.analytics-detail-page .method a.card:hover .description, .analytics-list-page .filter .datepicker.opened + i:before, .analytics-list-page .filter .datepicker.opened-top + i:before {
    opacity : 0
}

.analytics-detail-page .method a.card .title span {
    border-bottom : 1px solid #f2a900;
    transition    : .3s border
}

.analytics-detail-page .method .title {
    position   : relative;
    color      : #282828;
    display    : inline-block;
    font       : 400 18px/28px 'Pragmatica', sans-serif;
    transition : .3s color
}

.analytics-detail-page .method .arrow {
    width            : 40px;
    height           : 3px;
    position         : relative;
    background-color : #ffffff;
    transform        : translateZ(0);
    pointer-events   : none;
    opacity          : 0;
    top              : 38px;
    transition       : .3s opacity
}

.analytics-detail-page .method .arrow i {
    width        : 9px;
    height       : 9px;
    position     : absolute;
    display      : block;
    top          : -3px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : rotateZ(45deg)
}

.analytics-detail-page .method .description {
    position    : relative;
    color       : #666666;
    margin-top  : 17px;
    line-height : 24px;
    transition  : .3s opacity
}

.analytics-detail-page .project {
    position        : relative;
    padding         : 75px 0 70px;
    margin          : 25px 0;
    background      : center center;
    background-size : cover
}

.analytics-detail-page .project.light:after {
    content    : '';
    position   : absolute;
    width      : 100%;
    height     : 100%;
    background : rgba(0, 0, 0, .3);
    left       : 0;
    top        : 0;
    z-index    : 1
}

.analytics-detail-page .project .container {
    z-index  : 2;
    position : relative
}

.analytics-detail-page .project .name {
    transition    : border .3s ease;
    font          : 700 24px/30px 'Pragmatica', sans-serif;
    color         : #ffffff;
    border-bottom : 1px solid #f2a900
}

.analytics-detail-page .project .name:hover {
    border-bottom-color : transparent
}

.analytics-detail-page .project .subtitle {
    color       : #ffffff;
    font        : 14px/28px 'Pragmatica', sans-serif;
    padding-top : 4px
}

.analytics-detail-page .project .btn {
    margin-top : 5px
}

.analytics-detail-page .project + .download-block {
    margin-top : 160px
}

.analytics-list-page main {
    opacity : .99
}

.analytics-list-page h1 {
    letter-spacing : -.01em;
    line-height    : 1.2em;
    padding-top    : 30px;
    margin-bottom  : 59px
}

@media (max-width : 480px) {
    .analytics-list-page h1 {
        font-size : 30px
    }
}

.analytics-list-page .wrapper {
    margin-top : 48px
}

.analytics-list-page .filter {
    background    : #f6f6f5;
    padding       : 25px 31px 25px 30px;
    margin-bottom : 30px
}

.analytics-list-page .filter [type=text] {
    width         : 100%;
    height        : 39px;
    border        : 1px solid #ebebeb;
    padding-right : 39px
}

.analytics-list-page .filter .clearfix {
    margin-top : 20px
}

.analytics-list-page .filter .form-row {
    position : relative
}

.analytics-list-page .filter .form-row > label {
    font : 700 13px/17px 'Pragmatica', sans-serif
}

.analytics-list-page .filter .form-row > label.toggler {
    position : relative;
    width    : 100%;
    cursor   : pointer;
    display  : inline-block
}

.analytics-list-page .filter .form-row > label.toggler:after {
    content      : '';
    position     : absolute;
    width        : 0;
    height       : 0;
    right        : 0;
    top          : 5px;
    border-style : solid;
    border-width : 0 4px 5px;
    border-color : transparent transparent #b8b8b7;
    transition   : .3s transform
}

.analytics-list-page .filter .form-row > label.toggler.closed:after {
    transform : scale(-1)
}

.analytics-list-page .filter .form-row .toggle {
    margin-bottom : -3px
}

.analytics-list-page .filter .form-row + .form-row {
    margin-top : 20px
}

.analytics-list-page .filter .form-row .btn {
    margin-top : 4px;
    padding    : 0 23px;
    font-size  : 14px;
    height     : 40px
}

.analytics-list-page .filter .form-row .search-btn {
    width      : 39px;
    height     : 39px;
    position   : absolute;
    bottom     : 0;
    right      : 0;
    background : 0 0;
    padding    : 0
}

.analytics-list-page .filter .form-row .search-btn:after {
    content    : '';
    position   : absolute;
    width      : 22px;
    height     : 22px;
    background : url(/local/images/sprite.svg?23498a09) -349px -359px no-repeat;
    right      : 10px;
    top        : 9px
}

.analytics-list-page .filter .form-row .reset {
    outline      : 0 !important;
    background   : 0 0;
    border       : 0;
    color        : #666666;
    font         : 400 14px/1 'Pragmatica', sans-serif;
    margin       : -2px auto 2px;
    display      : block;
    position     : relative;
    padding-left : 27px
}

.analytics-list-page .filter .form-row .reset:after {
    content          : '';
    position         : absolute;
    width            : 11px;
    height           : 13px;
    background       : url(/local/images/sprite.svg?23498a09) -302px -425px no-repeat;
    left             : 7px;
    top              : 1px;
    transform-origin : 50% 7px
}

.analytics-list-page .filter .form-row .reset:hover:after {
    transition : .3s transform;
    transform  : rotate(-360deg)
}

@media (max-width : 991px) {
    .analytics-list-page .filter .form-row.half {
        width         : 44%;
        margin-right  : 12%;
        margin-bottom : 20px;
        float         : left
    }

    .analytics-list-page .filter .form-row.half + .half {
        margin-right : 0
    }
}

@media (max-width : 767px) {
    .analytics-list-page .filter .form-row.half {
        width         : 100%;
        margin-right  : 0;
        margin-bottom : 0;
        float         : none
    }
}

.analytics-list-page .filter .dates {
    display         : flex;
    justify-content : space-between;
    align-items     : center
}

.analytics-list-page .filter .date {
    width : 44%
}

.analytics-list-page .filter .datepicker {
    width       : 100%;
    position    : relative;
    color       : #a9a9a9;
    font-family : 'Pragmatica', sans-serif;
    font-size   : 12px;
    padding     : 0 30px 0 10px
}

.analytics-list-page .filter .datepicker + i {
    z-index  : 100;
    position : relative;
    display  : inline-block
}

.analytics-list-page .filter .datepicker + i:after, .analytics-list-page .filter .datepicker + i:before {
    content    : '';
    position   : absolute;
    top        : -9px;
    right      : 11px;
    transition : .3s opacity
}

.analytics-list-page .filter .datepicker + i:before {
    width      : 15px;
    height     : 9px;
    background : url(/local/images/sprite.svg?23498a09) -295px -325px no-repeat
}

.analytics-list-page .filter .datepicker + i:after {
    width      : 15px;
    height     : 9px;
    background : url(/local/images/sprite.svg?23498a09) -276px -325px no-repeat;
    opacity    : 0
}

.analytics-list-page .filter .datepicker.opened, .analytics-list-page .filter .datepicker.opened-top {
    z-index : 99
}

.analytics-list-page .filter .datepicker.opened + i:after, .analytics-list-page .filter .datepicker.opened-top + i:after, .analytics-list-page .sort a.active:after, .analytics-list-page .sort a:hover:before, .analytics-list-page .ui-datepicker tr td a:hover:after {
    opacity : 1
}

.analytics-list-page .filter .datepicker.opened, .news-list-page .filter li a:hover:after {
    border-bottom-color : transparent
}

.analytics-list-page .filter .datepicker.opened-top {
    border-top-color : transparent
}

.analytics-list-page .ui-datepicker {
    background : #ffffff;
    border     : 1px solid #ebebeb;
    width      : 212px;
    transform  : translateY(-1px);
    padding    : 0 19px 8px 9px
}

.analytics-list-page .ui-datepicker .ui-datepicker-title {
    font : 700 12px/1 'Pragmatica', sans-serif
}

.analytics-list-page .ui-datepicker .ui-datepicker-header {
    border-bottom : 1px solid #e5e5e5;
    padding       : 21px 0 7px 3px
}

.analytics-list-page .ui-datepicker .ui-datepicker-next, .analytics-list-page .ui-datepicker .ui-datepicker-prev {
    top    : 14px !important;
    cursor : pointer
}

.analytics-list-page .ui-datepicker .ui-datepicker-next:after, .analytics-list-page .ui-datepicker .ui-datepicker-prev:after {
    content    : '';
    position   : absolute;
    width      : 7px;
    height     : 13px;
    background : url(/local/images/sprite.svg?23498a09) -442px -173px no-repeat
}

.analytics-list-page .ui-datepicker .ui-datepicker-prev {
    left : -7px !important
}

.analytics-list-page .ui-datepicker .ui-datepicker-prev:after {
    left : calc(50% - 3px);
    top  : calc(50% - 6px)
}

.analytics-list-page .ui-datepicker .ui-datepicker-next {
    right : -7px !important
}

.analytics-list-page .ui-datepicker .ui-datepicker-next:after {
    transform : scale(-1);
    right     : calc(50% - 7px);
    top       : calc(50% - 8px)
}

.analytics-list-page .ui-datepicker th {
    font       : 400 10px/1 'Pragmatica', sans-serif;
    padding    : 12px 14px 8px 0;
    text-align : right;
    border     : 0
}

.analytics-list-page .ui-datepicker tr:hover td {
    background-color : initial
}

.analytics-list-page .ui-datepicker tr td {
    font       : 400 10px/1 'Pragmatica', sans-serif;
    padding    : 2px 12px 2px 0;
    text-align : left;
    border     : 0 !important
}

.analytics-list-page .ui-datepicker tr td a {
    position : relative;
    color    : #000000
}

.analytics-list-page .ui-datepicker tr td a:after {
    content          : '';
    position         : absolute;
    left             : -1px;
    top              : -3px;
    right            : -2px;
    bottom           : 0;
    background-color : #f6f6f5;
    z-index          : -1;
    opacity          : 0
}

.analytics-list-page .ui-datepicker .ui-datepicker-today a {
    color : #f2a900
}

.analytics-list-page .ui-datepicker .ui-datepicker-week-end a {
    color : #acacac
}

.analytics-list-page .ui-datepicker .ui-datepicker-unselectable span {
    color   : #acacac;
    opacity : .5
}

.analytics-list-page .ui-datepicker .ui-state-active {
    position : relative;
    color    : #ffffff !important
}

.analytics-list-page .ui-datepicker .ui-state-active:before {
    content    : '';
    position   : absolute;
    left       : -1px;
    top        : -3px;
    right      : -2px;
    bottom     : 0;
    background : #f2a900;
    z-index    : -1
}

.analytics-list-page .ui-datepicker .ui-state-active:after {
    display : none
}

.analytics-list-page .sort {
    border-bottom  : 1px solid #ebeaeb;
    padding-bottom : 34px;
    padding-top    : 3px
}

.analytics-list-page .sort span {
    font    : 500 14px/1 'Pragmatica', sans-serif;
    color   : #282828;
    display : inline-block
}

.analytics-list-page .sort a {
    width       : 18px;
    height      : 11px;
    background  : url(/local/images/sprite.svg?23498a09) -393px -271px no-repeat;
    display     : inline-block;
    position    : relative;
    margin-left : 9px
}

.analytics-list-page .sort a.active {
    cursor : default
}

.analytics-list-page .sort a:after, .analytics-list-page .sort a:before {
    content    : '';
    position   : absolute;
    left       : 0;
    top        : 0;
    transition : .3s opacity
}

.analytics-list-page .sort a:after {
    width      : 18px;
    height     : 11px;
    background : url(/local/images/sprite.svg?23498a09) -415px -271px no-repeat;
    opacity    : 0
}

.analytics-list-page .sort a:before {
    width      : 18px;
    height     : 11px;
    background : url(/local/images/sprite.svg?23498a09) -254px -325px no-repeat;
    opacity    : 0
}

.analytics-list-page .sort a.up-arrow {
    transform : scale(-1)
}

.analytics-list-page .list {
    margin-top : 40px
}

.analytics-list-page .list .card-wrap {
    margin-bottom : 60px
}

@media (max-width : 480px) {
    .analytics-list-page .list .card-wrap {
        margin-bottom : 50px
    }
}

.analytics-list-page .no-result {
    font           : 400 18px/28px 'Pragmatica', sans-serif;
    color          : #282828;
    padding-top    : 34px;
    padding-bottom : 34px
}

.analytics-list-page .pagination {
    margin-bottom : 158px;
    margin-top    : 22px
}

@media (max-width : 1235px) {
    .analytics-list-page .pagination {
        margin-bottom : 40px
    }

    .analytics-list-page .pagination .modern-page-dots, .analytics-list-page .pagination .page {
        padding : 10px 10px 8px;
        margin  : 0
    }

    .analytics-list-page .pagination .modern-page-next span, .analytics-list-page .pagination .modern-page-previous span {
        display : none
    }

    .analytics-list-page .pagination .modern-page-previous {
        margin-right : 10px
    }

    .analytics-list-page .pagination .modern-page-next {
        margin-left : 10px
    }
}

.team-page .header h2, .team-page .header .h2 {
    font-weight   : 500;
    font-size     : 44px;
    line-height   : 56px;
    width         : 1080px;
    margin-top    : 80px;
    margin-bottom : 40px;
}

.team-page .header p {
    font-weight   : 400;
    font-size     : 20px;
    line-height   : 30px;
    width         : 960px;
    margin-bottom : 68px;
}

.team-page .footer {
    box-shadow            : 0 0 4px rgba(0, 0, 0, 0.2);
    display               : grid;
    grid-template-columns : 1fr 457px;
    margin-bottom         : 100px;
}

.team-page .footer .title {
    padding-left  : 64px;
    padding-top   : 80px;
    padding-right : 128px;
}

.team-page .footer .title p {
    font-weight   : 500;
    font-size     : 20px;
    line-height   : 26px;
    margin-bottom : 12px;
    margin-top    : 0;
}

.team-page .footer .title a {
    font-weight     : 500;
    font-size       : 26px;
    line-height     : 34px;
    text-decoration : underline !important;
}

.team-page .footer .image {
    width : 100%;
}

.team-page .footer .image img {
    object-fit : cover;
    width      : 100%;
}

@media (max-width : 767px) {
    .team-page .header h2, .team-page .header .h2 {
        width         : 100%;
        margin-top    : 32px;
        font-size     : 34px;
        line-height   : 42px;
        margin-bottom : 24px;
    }

    .team-page .header p {
        width         : 100%;
        font-size     : 16px;
        line-height   : 24px;
        margin-bottom : 32px;
    }

    .team-page .footer {
        grid-template-columns : 1fr;
        margin-bottom         : 66px;
    }

    .team-page .footer .title {
        padding : 24px 16px;
    }

    .team-page .footer .title p {
        font-size     : 22px;
        line-height   : 28px;
        margin-bottom : 8px;
    }

    .team-page .footer .title a {
        margin-bottom : 8px;
    }
}

.team-page h1 {
    padding-top   : 25px;
    margin-bottom : 79px
}

.news-list-page h1:after, .team-page h1:after {
    bottom : -18px
}

.team-page .team-list {
    margin-bottom : 129px
}

.team-page .anchor {
    position : absolute;
    top      : -100px
}

.team-page .team-item {
    width         : 100%;
    margin-bottom : 25px;
    position      : relative
}

.team-page .team-item .hr, .vacancies-page .text-content hr {
    width      : 40px;
    height     : 3px;
    background : #e4e3e1;
    margin     : 0 0 0 18px
}

.team-page .team-item:hover .hr {
    background : 0 0
}

.team-page .last-post, .team-page .person {
    color      : #282828;
    display    : block;
    border     : 1px solid transparent;
    transition : border .3s ease
}

.team-page .person {
    text-decoration : none !important;
    padding         : 18px 18px 11px
}

.team-page .person .img-wrap {
    border        : 1px solid #f3f3f3;
    margin-bottom : 16px;
    text-align    : center
}

.team-page .person .img-wrap img {
    width      : 100%;
    height     : 100%;
    max-height : 280px;
    max-width  : 346px
}

.team-page .person .name {
    font : 700 18px/24px 'Pragmatica', sans-serif
}

.team-page .person .desc {
    font  : 16px/24px 'Pragmatica', sans-serif;
    color : #666666
}

.team-page .person.link:hover {
    border-color : #f2a900
}

.team-page .last-post {
    padding : 11px 18px
}

.team-page .last-post .name {
    font          : 700 14px/18px 'Pragmatica', sans-serif;
    padding-left  : 23px;
    position      : relative;
    margin-bottom : 10px
}

.team-page .last-post .name:before {
    content    : '';
    position   : absolute;
    width      : 17px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -287px -155px no-repeat;
    top        : 0;
    left       : 0
}

.team-page .last-post .post {
    font : 14px/22px 'Pragmatica', sans-serif
}

.team-page .last-post .post span {
    border-bottom : 1px solid #f2a900;
    transition    : border .3s ease
}

.team-page .last-post:hover {
    border-color : #f2a900
}

.team-page .last-post:hover .post span, .vacancies-page .download:hover span, .vacancies-page .toggle-label:hover span {
    border-color : transparent
}

.vacancies-page main {
    padding-bottom : 160px
}

.vacancies-page h2 {
    margin-top    : 30px;
    margin-bottom : 20px
}

.vacancies-page .page-heading {
    margin-bottom : 28px
}

.vacancies-page .info {
    margin-bottom : 26px
}

.vacancies-page .text-content {
    color : #282828
}

.vacancies-page .text-content p {
    font : 18px/28px 'Pragmatica', sans-serif
}

.vacancies-page .text-content li {
    margin-bottom : 0
}

.vacancies-page .text-content li:before {
    top        : 13px;
    margin-top : -3px
}

.vacancies-page .text-content hr {
    margin : 20px auto 25px 0
}

.vacancies-page .text-content h3, .vacancies-page .toggle-content .text-content h3 {
    font : 700 16px/26px 'Pragmatica', sans-serif
}

.vacancies-page .toggle-wrap {
    margin-bottom : 14px
}

.vacancies-page .toggle-wrap .info {
    font     : 18px/22px 'Pragmatica', sans-serif;
    color    : #666666;
    display  : inline-block;
    margin   : 0 0 15px;
    position : relative
}

.vacancies-page .toggle-wrap .info:before {
    content      : '';
    display      : inline-block;
    left         : 0;
    height       : 13px;
    top          : 5px;
    border-left  : 1px solid #e9e7e6;
    margin-right : 15px
}

.vacancies-page .toggle-label {
    display         : inline-block;
    font            : 700 18px/22px 'Pragmatica', sans-serif;
    color           : #282828;
    text-decoration : none;
    transition      : .3s;
    margin-bottom   : 15px;
    margin-right    : 18px
}

.vacancies-page .download span, .vacancies-page .toggle-label span {
    transition    : border-color .3s ease;
    border-bottom : 1px dashed #f2a900
}

.vacancies-page .toggle-close {
    width      : 19px;
    height     : 19px;
    background : url(/local/images/sprite.svg?23498a09) -241px -391px no-repeat;
    position   : absolute;
    border     : 0;
    display    : block;
    top        : 30px;
    right      : 30px;
    transition : transform .2s ease
}

.vacancies-page .toggle-close:hover {
    transform : rotate(90deg)
}

.vacancies-page .toggle-content {
    background    : #f6f6f6;
    padding       : 10px 30px 46px;
    position      : relative;
    display       : none;
    margin-bottom : 37px
}

.vacancies-page .text-content li, .vacancies-page .toggle-content .text-content p {
    font : 16px/26px 'Pragmatica', sans-serif
}

.vacancies-page .download {
    display      : inline-block;
    border       : 0;
    font-size    : 16px;
    margin-right : 38px;
    position     : relative;
    margin-top   : 15px
}

.vacancies-page .download span {
    transition : .3s
}

.vacancies-page .download:after {
    top            : -5px;
    right          : -33px;
    content        : '';
    position       : absolute;
    width          : 22px;
    height         : 28px;
    background     : url(/local/images/sprite.svg?23498a09) -241px -359px no-repeat;
    vertical-align : bottom;
    margin-left    : 10px
}

.vacancies-page .post-text {
    margin-top : 36px;
    font       : 16px/26px 'Pragmatica', sans-serif
}

@media (max-width : 991px) {
    .vacancies-page main {
        padding-bottom : 60px
    }

    .vacancies-page .toggle-content {
        padding : 40px 30px 46px
    }
}

.news-list-page main {
    padding-bottom : 14px
}

.news-list-page h1 {
    padding-top   : 26px;
    margin-bottom : 72px
}

.news-list-page h1:after {
    bottom : -16px
}

.news-list-page .pagination {
    margin-bottom : 123px
}

@media (max-width : 1235px) {
    .news-list-page .pagination {
        margin-bottom : 50px
    }
}

.news-list-page .filter {
    margin-top : 34px
}

.news-list-page .filter ul {
    padding : 0;
    margin  : 0
}

@media (max-width : 767px) {
    .news-list-page .filter ul {
        display : none
    }
}

.news-list-page .filter .sections {
    margin-left  : 11px;
    margin-right : -30px;
    position     : relative
}

.news-list-page .filter .sections:after {
    content    : '';
    position   : absolute;
    width      : 1px;
    height     : 100%;
    left       : -31px;
    top        : -5px;
    background : #efefef
}

@media (max-width : 1235px) {
    .news-list-page .filter .sections:after {
        left : 0
    }
}

.news-list-page .filter li {
    display       : inline-block;
    margin-right  : 29px;
    margin-bottom : 16px;
    list-style    : none;
    margin-left   : 20px
}

.news-list-page .filter li a {
    position  : relative;
    font-size : 16px;
    color     : #666666
}

.news-list-page .filter li a:before {
    content    : '';
    position   : absolute;
    transition : .3s
}

.news-list-page .filter li a:after {
    content  : '';
    position : absolute
}

.news-list-page .filter li a:before {
    background-color : transparent;
    top              : -6px;
    right            : -19px;
    bottom           : -8px;
    left             : -20px;
    z-index          : 0
}

.news-list-page .filter li a:after {
    right         : 0;
    bottom        : 0;
    left          : 0;
    border-bottom : 1px dashed #f2a900;
    transition    : .3s
}

.news-list-page .filter li.active a {
    color          : #ffffff;
    pointer-events : none
}

.news-list-page .filter li.active a:before {
    background-color : #f2a900
}

.news-list-page .filter li.active a:after {
    border-bottom-color : transparent
}

.news-list-page .list {
    margin-top    : 51px;
    margin-bottom : 14px
}

.news-detail-page main {
    padding-bottom : 58px
}

.news-detail-page .breadcrumbs {
    padding-right : 100px
}

@media (max-width : 767px) {
    .news-detail-page .breadcrumbs {
        padding-right : 0
    }
}

.news-detail-page .head-labels {
    position : absolute;
    right    : 19px;
    top      : 54px
}

@media (max-width : 767px) {
    .news-detail-page .head-labels {
        position : relative;
        top      : 22px;
        right    : auto
    }
}

.news-detail-page .head-label {
    background     : #f2a900;
    text-transform : uppercase;
    color          : #ffffff;
    font           : 700 10px/1 'Pragmatica', sans-serif;
    padding        : 11px 9px 7px;
    margin-left    : 10px;
    display        : inline-block;
    transition     : .3s background
}

.news-detail-page .head-label:first-of-type {
    margin-left : 0
}

.news-detail-page .head-label:hover {
    background-color : #282828
}

.news-detail-page h1 {
    line-height   : 1.2em;
    padding-top   : 30px;
    margin-bottom : 59px
}

.news-detail-page h1:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -22px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

@media (max-width : 480px) {
    .news-detail-page h1 {
        font-size : 30px
    }
}

.news-detail-page .date {
    text-align     : center;
    color          : #999999;
    font           : 400 16px/1 'Pragmatica', sans-serif;
    margin-bottom  : 52px;
    text-transform : lowercase
}

.news-detail-page .image-signed {
    padding-top : 2px
}

.news-detail-page .image-signed + p {
    margin-top : 7px
}

.news-detail-page .sup-container {
    position    : relative;
    padding-top : 10px
}

.news-detail-page .sup-block {
    position   : relative;
    border-top : 3px solid #f2a900;
    color      : #666666;
    font       : 400 12px/22px 'Pragmatica', sans-serif;
    padding    : 15px 0
}

.news-detail-page .back {
    margin : 27px 0 99px
}

@media (max-width : 1235px) {
    .news-detail-page .back {
        margin-bottom : 0
    }
}

.news-detail-page .back a {
    color        : #999999;
    padding-left : 21px;
    position     : relative
}

.news-detail-page .back a span {
    font           : 400 14px/16px 'Pragmatica', sans-serif;
    border-bottom  : 1px solid #f2a900;
    transition     : .3s;
    display        : inline-block;
    letter-spacing : -.045em
}

.news-detail-page .back a span:active, .news-detail-page .back a span:active:focus, .news-detail-page .back a span:focus {
    text-decoration    : none;
    -webkit-appearance : none;
    outline            : 0;
    box-shadow         : none
}

.news-detail-page .back a:after {
    content    : '';
    position   : absolute;
    width      : 11px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -303px -101.97px no-repeat;
    left       : 0;
    top        : -2px;
    transition : .3s transform
}

.direction-detail-page .content .card .title a:hover, .direction-detail-page .content .card.dark .title a:hover, .direction-detail-page .subhead .more > span:hover, .news-detail-page .back a:hover span, .order-page .desc a:hover {
    border-bottom-color : transparent
}

.news-detail-page .back a:hover:after {
    transform : translateX(-10px)
}

.search-page header {
    position : absolute
}

.search-page main {
    padding-bottom : 130px;
    padding-top    : 130px
}

.search-page .search-form {
    margin-top    : 50px;
    margin-bottom : 37px
}

.search-page .search-form .input-wrap {
    margin-bottom : 14px
}

.search-page .search-form .input-wrap:before {
    content : " ";
    display : table
}

.search-page .search-form .input-wrap:after {
    content : " ";
    display : table;
    clear   : both
}

.search-page .search-form .input-wrap input[type=text] {
    color      : #999999;
    font       : 18px/24px 'Pragmatica', sans-serif;
    padding    : 17px 30px;
    width      : calc(100% - 180px);
    background : #f6f6f6;
    border     : 0;
    outline    : 0 !important;
    float      : left
}

.search-page .search-form .input-wrap .submit-btn {
    float      : left;
    width      : 180px;
    padding    : 17px 30px;
    font       : 700 16px/24px 'Pragmatica', sans-serif;
    transition : background .3s ease
}

.search-page .search-form .checkbox + label {
    color          : #666666;
    font           : 16px/18px 'Pragmatica', sans-serif;
    letter-spacing : normal;
    padding-left   : 40px;
    display        : inline-block;
    width          : auto
}

.search-page .search-form .question {
    width          : 20px;
    height         : 20px;
    display        : inline-block;
    border-radius  : 50%;
    background     : #cbcbcb;
    position       : relative;
    vertical-align : bottom;
    margin-left    : 5px;
    margin-top     : -2px
}

.search-page .search-form .question:before {
    content    : '';
    position   : absolute;
    width      : 7px;
    height     : 11px;
    background : url(/local/images/sprite.svg?23498a09) -308px -155px no-repeat;
    left       : 6px;
    top        : 5px
}

.search-page .search-form .question .tip {
    background : #efefef;
    padding    : 9px;
    color      : #666666;
    font       : 13px/15px 'Pragmatica', sans-serif;
    position   : absolute;
    top        : 50%;
    margin-top : -24px;
    left       : 30px;
    width      : 207px;
    opacity    : 0;
    transition : .3s;
    display    : none
}

.search-page .search-form .question .tip:after {
    content      : '';
    position     : absolute;
    border       : 5px solid;
    border-color : transparent #efefef transparent transparent;
    left         : -10px;
    top          : 19px
}

.search-page .search-form .question:hover .tip {
    display : block;
    opacity : 1
}

.search-page .title {
    padding-top   : 27px;
    margin-bottom : 74px;
    text-align    : center;
    font          : 700 30px/40px 'Pragmatica', sans-serif;
    position      : relative
}

.not-found-page h1 span, .search-page .title span {
    color : #f2a900
}

.clients-page h1:after, .search-page .title:after {
    width            : 60px;
    height           : 3px;
    content          : '';
    position         : absolute;
    bottom           : -18px;
    left             : 50%;
    transform        : translateX(-50%);
    background-color : #e9e7e6
}

.search-page .title .message {
    color : #999999;
    font  : 18px/34px 'Pragmatica', sans-serif
}

.search-page .result-item {
    display         : block;
    position        : relative;
    color           : #141414;
    margin-bottom   : 51px;
    text-decoration : none !important
}

.search-page .result-item .name {
    font          : 18px/24px 'Pragmatica', sans-serif;
    margin-bottom : 18px;
    position      : relative
}

.search-page .result-item .name span {
    border-bottom : 1px solid #f2a900
}

.search-page .result-item .desc {
    font          : 16px/26px 'Pragmatica', sans-serif;
    margin-bottom : 13px;
    position      : relative
}

.search-page .result-item .section {
    position     : relative;
    padding-left : 33px;
    color        : #666666
}

.search-page .result-item .section:before {
    content    : '';
    position   : absolute;
    width      : 21px;
    height     : 3px;
    background : #e9e7e6;
    left       : 0;
    top        : 50%;
    margin-top : -1px
}

.search-page .result-item i {
    background : rgba(240, 175, 19, .2);
    font-style : normal
}

.search-page .result-item:before {
    content    : '';
    position   : absolute;
    top        : -18px;
    left       : -18px;
    right      : -18px;
    bottom     : -18px;
    border     : 1px solid transparent;
    transition : border .3s ease;
    opacity    : .3
}

.clients-page .slider-part .item:hover:before, .search-page .result-item:hover:before {
    border-color : #f2a900
}

.search-page .pagination {
    text-align : center;
    margin     : 74px auto 0
}

@media (max-width : 767px) {
    .search-page .search-form .input-wrap .submit-btn, .search-page .search-form .input-wrap input[type=text] {
        width : 100%
    }

    .search-page .search-form .question .tip {
        width : 106px
    }
}

.not-found-page main {
    min-height     : calc(100vh - 415px);
    padding-bottom : 150px
}

.not-found-page h1 {
    text-align : left;
    color      : #d3d3d3;
    font       : 700 40px/50px 'Pragmatica', sans-serif;
    padding    : 0;
    margin     : 146px 0 35px
}

.not-found-page .message {
    padding-left : 9px;
    position     : relative;
    font         : 18px/28px 'Pragmatica', sans-serif
}

.not-found-page .message:before {
    content  : '*';
    position : absolute;
    left     : 0
}

.clients-page main {
    padding-bottom : 160px
}

.clients-page h1 {
    padding-top   : 25px;
    margin-bottom : 101px
}

.clients-page h2, .clients-page .h2 {
    margin : 0 0 34px;
    font   : 700 24px/30px 'Pragmatica', sans-serif
}

.clients-page .slider-part {
    background    : #f6f6f6;
    padding       : 19px 0 40px;
    margin-bottom : 57px;
    text-align    : center;
    overflow      : hidden
}

.clients-page .slider-part .slider {
    white-space  : nowrap;
    margin-left  : -20px;
    margin-right : -20px
}

.clients-page .slider-part .item {
    width            : 143px;
    height           : 179px;
    background       : url(/local/images/sprite.svg?23498a09) -2px -2px no-repeat;
    padding          : 12px;
    display          : inline-block;
    text-align       : center;
    transition       : transform .3s ease;
    position         : relative;
    transform        : rotate(.02deg);
    vertical-align   : middle;
    background-color : #ffffff;
    margin-left      : 26px
}

.clients-page .slider-part .item img {
    max-width  : 100%;
    max-height : 100%
}

.clients-page .slider-part .item:before {
    content    : '';
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    right      : 0;
    border     : 4px solid transparent;
    transition : border .3s ease
}

.clients-page .slider-part .item:after {
    content     : '';
    position    : absolute;
    width       : 40px;
    height      : 40px;
    background  : url(/local/images/sprite.svg?23498a09) -139px -242px no-repeat;
    left        : 50%;
    top         : 50%;
    margin-top  : -20px;
    margin-left : -20px;
    opacity     : 0;
    transition  : opacity .3s ease
}

.clients-page .slider-part .item:hover {
    transform : scale(1.2) rotate(.02deg)
}

.clients-page .client-item.isreviews:hover .review, .clients-page .slider-part .item:hover:after {
    opacity : 1
}

.clients-page .client-list {
    margin-bottom : 25px
}

.clients-page .client-item {
    height        : 120px;
    padding       : 15px;
    position      : relative;
    margin-bottom : 30px;
    align-items   : center;
    display       : flex
}

.clients-page .client-item img {
    margin     : 0 auto;
    max-height : 100%;
    max-width  : 100%
}

.clients-page .client-item .review {
    position   : absolute;
    left       : 0;
    top        : 0;
    right      : 0;
    bottom     : 0;
    background : #f2a900;
    opacity    : 0;
    padding    : 30px;
    transition : opacity .3s ease;
    color      : #ffffff;
    font       : 20px 'Pragmatica', sans-serif;
    text-align : left
}

.clients-page .client-item .arrow {
    background-color            : rgba(255, 255, 255, .5);
    -webkit-backface-visibility : initial;
    backface-visibility         : initial;
    transform                   : translate(0, 0);
    width                       : 40px;
    height                      : 2px;
    margin-top                  : 20px
}

.clients-page .client-item .arrow:after, .clients-page .client-item .arrow:before {
    position : absolute;
    content  : ''
}

.clients-page .client-item .arrow:before {
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : #ffffff;
    transform        : scaleX(0);
    transform-origin : left;
    transition       : linear .3s
}

.clients-page .client-item .arrow:after {
    width        : 14px;
    height       : 14px;
    top          : 1px;
    right        : 0;
    border       : solid #ffffff;
    border-width : 2px 2px 0 0;
    transform    : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(0)
}

.clients-page .client-item.isreviews:hover .arrow:before {
    transform : scaleX(1)
}

.clients-page .client-item.isreviews:hover .arrow:after {
    transition : cubic-bezier(.8, 0, .75, 0) .3s;
    transform  : translateY(-50%) translateY(.5px) rotateZ(45deg) scale(1)
}

@media (max-width : 767px) {
    .clients-page main {
        padding-bottom : 60px
    }
}

.direction-detail-page header {
    position   : absolute;
    background : 0 0
}

.direction-detail-page .page-heading {
    min-height  : 650px;
    padding-top : 170px;
    display     : flex;
    align-items : center
}

@media (max-width : 480px) {
    .direction-detail-page .page-heading {
        min-height     : 200px;
        padding-top    : 73px;
        padding-bottom : 73px
    }

    .direction-detail-page .page-heading h1 {
        line-height : 34px;
        font-size   : 24px
    }
}

.direction-detail-page .subhead {
    padding-top    : 66px;
    padding-bottom : 9px
}

.direction-detail-page .subhead .fact {
    color    : #999999;
    font     : 500 18px/22px 'Pragmatica', sans-serif;
    position : relative
}

.direction-detail-page .subhead .fact:after {
    content    : '';
    position   : absolute;
    width      : 3px;
    height     : 40px;
    right      : 15px;
    top        : 13px;
    background : #ebeaeb
}

.direction-detail-page .subhead .fact span {
    display : block;
    color   : #f2a900;
    font    : 700 76px/52px 'Pragmatica', sans-serif
}

@media (max-width : 1235px) {
    .direction-detail-page .subhead .fact:after {
        right : 0
    }
}

@media (max-width : 767px) {
    .direction-detail-page .subhead .fact {
        padding-bottom : 20px
    }

    .direction-detail-page .subhead .fact:after {
        display : none
    }
}

.direction-detail-page .subhead .clients {
    padding-top : 8px;
    box-sizing  : border-box
}

.direction-detail-page .subhead .clients .clients-hide, .direction-detail-page .subhead .clients .for-xs {
    display : none
}

@media (max-width : 767px) {
    .direction-detail-page .subhead .clients .clients-hide .client-logo-wrap:first-of-type {
        display : none
    }
}

@media (max-width : 767px) {
    .direction-detail-page .subhead .clients .for-xs {
        display : block
    }
}

.direction-detail-page .subhead .client-logo {
    width           : 140px;
    height          : 40px;
    max-width       : 100%;
    margin          : 0 auto 40px;
    background      : center no-repeat;
    background-size : contain
}

@media (max-width : 767px) {
    .direction-detail-page .subhead .client-logo {
        margin-bottom : 20px
    }
}

.direction-detail-page .subhead .more {
    text-align    : center;
    padding-top   : 20px;
    padding-right : 21px
}

.direction-detail-page .subhead .more > span {
    transition    : border .3s ease;
    position      : relative;
    font          : 16px/20px 'Pragmatica', sans-serif;
    border-bottom : 1px dashed #f2a900;
    display       : inline-block;
    cursor        : pointer
}

.direction-detail-page .subhead .more > span:after {
    content           : '';
    position          : absolute;
    width             : 12px;
    height            : 14px;
    background        : url(/local/images/sprite.svg?23498a09) -269px -425px no-repeat;
    right             : -21px;
    top               : 3px;
    -webkit-animation : 5s more-solutions linear infinite;
    animation         : 5s more-solutions linear infinite
}

.direction-detail-page .subhead .more > span.open:after {
    -webkit-animation : none;
    animation         : none;
    transform         : scale(1, -1)
}

@media (max-width : 767px) {
    .direction-detail-page .subhead .more.hide-xs {
        display : none
    }
}

.direction-detail-page .content {
    overflow       : hidden;
    position       : relative;
    min-height     : 725px;
    padding-bottom : 140px
}

.direction-detail-page .content .bg {
    width                 : 100%;
    height                : 100%;
    position              : absolute;
    top                   : 100%;
    background            : center no-repeat;
    background-size       : cover;
    background-attachment : fixed
}

@media (max-width : 1235px) {
    .direction-detail-page .content .bg {
        display : none
    }
}

.direction-detail-page .content > .container {
    position        : relative;
    display         : flex;
    flex-wrap       : wrap;
    align-items     : flex-start;
    justify-content : space-between;
    padding-top     : 40px;
    z-index         : 2
}

.direction-detail-page .content .bgfix {
    width      : 100%;
    top        : 0;
    left       : 0;
    position   : absolute;
    z-index    : 1;
    background : #ffffff
}

.direction-detail-page .content .card {
    transition      : all .6s ease;
    background      : center no-repeat;
    background-size : cover;
    box-sizing      : border-box;
    position        : relative;
    padding         : 34px 36px;
    opacity         : 0;
    transform       : translateY(100%)
}

.direction-detail-page .content .card .title {
    font           : 700 26px/34px 'Pragmatica', sans-serif;
    color          : #ffffff;
    padding-bottom : 16px
}

.direction-detail-page .content .card .title a {
    transition      : border .3s ease;
    text-decoration : none;
    color           : #ffffff;
    border-bottom   : 1px solid rgba(255, 255, 255, .5)
}

.direction-detail-page .content .card .text {
    font  : 500 16px/24px 'Pragmatica', sans-serif;
    color : #ffffff
}

.direction-detail-page .content .card.dark .title {
    color : #282828
}

.direction-detail-page .content .card.dark .title a {
    color               : #282828;
    border-bottom-color : #f2a900
}

.direction-detail-page .content .card.dark .text {
    font  : 500 16px/24px 'Pragmatica', sans-serif;
    color : #282828
}

.direction-detail-page .content .card.projects {
    padding : 0
}

.direction-detail-page .content .card.projects .title {
    padding-bottom : 26px
}

.direction-detail-page .content .card.projects .image {
    height          : 225px;
    background      : center no-repeat;
    background-size : cover
}

.direction-detail-page .content .card.projects .wrap {
    padding : 34px 36px
}

.direction-detail-page .content .card.projects .text a {
    color   : #282828;
    display : inline-block
}

.direction-detail-page .content .card.analytics .item a span, .direction-detail-page .content .card.projects .text a span, .direction-detail-page .content .card.publications_media .item a span, .direction-detail-page .content .card.publications_scientific .item a span {
    transition    : border .3s ease;
    border-bottom : 1px solid transparent
}

.direction-detail-page .content .card.projects .text a:hover span {
    border-bottom-color : #282828
}

.direction-detail-page .content .card.analytics .item, .direction-detail-page .content .card.publications_media .item, .direction-detail-page .content .card.publications_scientific .item {
    color : #ffffff;
    font  : 500 16px/24px 'Pragmatica', sans-serif
}

.direction-detail-page .content .card.analytics .item:last-of-type, .direction-detail-page .content .card.publications_media .item:last-of-type, .direction-detail-page .content .card.publications_scientific .item:last-of-type {
    padding-bottom : 0
}

.direction-detail-page .content .card.analytics .item .date, .direction-detail-page .content .card.publications_media .item .date, .direction-detail-page .content .card.publications_scientific .item .date {
    opacity : .5;
    font    : 500 14px/30px 'Pragmatica', sans-serif
}

.direction-detail-page .content .card.analytics .item a, .direction-detail-page .content .card.publications_media .item a, .direction-detail-page .content .card.publications_scientific .item a {
    color   : #ffffff;
    display : block
}

.direction-detail-page .content .card.analytics .item a:hover span, .direction-detail-page .content .card.publications_media .item a:hover span, .direction-detail-page .content .card.publications_scientific .item a:hover span {
    border-bottom-color : rgba(255, 255, 255, .5)
}

.direction-detail-page .content .card.analytics .item {
    padding-top    : 4px;
    padding-bottom : 19px
}

.direction-detail-page .content .card.analytics .item .date {
    padding-bottom : 5px
}

.direction-detail-page .content .card.facts {
    color : #ffffff
}

.direction-detail-page .content .card.facts .item {
    font        : 500 16px/26px 'Pragmatica', sans-serif;
    padding-top : 35px
}

.direction-detail-page .content .card.facts .item:first-of-type {
    font           : 500 24px/34px 'Pragmatica', sans-serif;
    padding-top    : 11px;
    padding-bottom : 30px;
    margin-bottom  : 10px;
    position       : relative
}

.direction-detail-page .content .card.facts .item:first-of-type:after {
    content    : '';
    position   : absolute;
    width      : 207px;
    height     : 1px;
    bottom     : -1px;
    left       : 0;
    background : rgba(255, 255, 255, .3)
}

.direction-detail-page .content .card.facts .item:first-of-type span {
    font-size   : 76px;
    line-height : 60px
}

.direction-detail-page .content .card.publications_media .item {
    padding-top    : 10px;
    padding-bottom : 22px
}

.direction-detail-page .content .card.publications_media .item .logo {
    height     : 30px;
    opacity    : .5;
    background : left center no-repeat
}

.direction-detail-page .content .card.publications_media .item .date {
    padding-top    : 10px;
    padding-bottom : 4px
}

.direction-detail-page .content .card.publications_scientific .item {
    padding-top    : 3px;
    padding-bottom : 19px
}

.direction-detail-page .content .card.video {
    padding : 0
}

.direction-detail-page .content .card.video .video-wrap {
    width    : 100%;
    height   : 100%;
    position : absolute;
    left     : 0;
    top      : 0
}

.direction-detail-page .content .card.video .play {
    transition      : all .3s ease;
    width           : 100%;
    height          : 100%;
    position        : absolute;
    background      : center no-repeat;
    background-size : cover
}

.direction-detail-page .content .card.video .play:after, .direction-detail-page .content .card.video .play:before {
    transition : opacity .3s ease;
    content    : '';
    position   : absolute;
    left       : calc(50% - 27px);
    top        : calc(50% - 27px)
}

.direction-detail-page .content .card.video .play:after {
    width      : 54px;
    height     : 54px;
    background : url(/local/images/sprite.svg?23498a09) -530px -128px no-repeat
}

.direction-detail-page .content .card.video .play:before {
    width      : 54px;
    height     : 54px;
    background : url(/local/images/sprite.svg?23498a09) -530px -186px no-repeat;
    opacity    : 0
}

.direction-detail-page .content .card.video .play:hover:before {
    opacity : 1
}

.direction-detail-page .content .card.video .play:hover:after {
    opacity : 0
}

.direction-detail-page .content .card.video.playing .play {
    opacity    : 0;
    visibility : hidden
}

.direction-detail-page .content .card.show {
    transform : translateY(0);
    opacity   : 1
}

.direction-detail-page .content .card:nth-of-type(10n+1) {
    width      : 48%;
    min-height : 395px
}

.direction-detail-page .content .card:nth-of-type(10n+2) {
    width      : 26%;
    min-height : 480px;
    margin-top : 160px
}

.direction-detail-page .content .card:nth-of-type(10n+3) {
    width      : 26%;
    min-height : 395px
}

.direction-detail-page .content .card:nth-of-type(10n+4) {
    width        : 39%;
    min-height   : 395px;
    margin-top   : -85px;
    margin-right : 8%
}

.direction-detail-page .content .card:nth-of-type(10n+5) {
    width       : 26%;
    min-height  : 480px;
    margin-left : 8%
}

.direction-detail-page .content .card:nth-of-type(10n+6) {
    width      : 26%;
    min-height : 480px
}

.direction-detail-page .content .card:nth-of-type(10n+7) {
    width        : 48%;
    min-height   : 395px;
    margin-top   : -170px;
    margin-right : 26%
}

.direction-detail-page .content .card:nth-of-type(10n+8) {
    width      : 26%;
    min-height : 225px
}

.direction-detail-page .content .card:nth-of-type(10n+9) {
    width      : 48%;
    min-height : 395px;
    margin-top : -65px
}

.direction-detail-page .content .card:nth-of-type(10n+10) {
    width      : 26%;
    min-height : 585px;
    margin-top : -255px
}

.direction-detail-page .subscription {
    padding-top : 0
}

@media (max-width : 1235px) {
    .direction-detail-page .content .card {
        padding  : 35px 18px;
        overflow : hidden
    }

    .direction-detail-page .content .card.projects .title {
        padding-bottom : 16px
    }

    .direction-detail-page .content .card.projects .wrap {
        padding : 35px 18px
    }

    .direction-detail-page .content .card:nth-of-type(10n+1) {
        width : 64%
    }

    .direction-detail-page .content .card:nth-of-type(10n+2) {
        width      : 35.8%;
        margin-top : 60px
    }

    .direction-detail-page .content .card:nth-of-type(10n+3) {
        width      : 40%;
        margin-top : -60px
    }

    .direction-detail-page .content .card:nth-of-type(10n+4) {
        width        : 60%;
        margin-top   : 0;
        margin-right : 0
    }

    .direction-detail-page .content .card:nth-of-type(10n+5) {
        width       : 40%;
        margin-left : 0
    }

    .direction-detail-page .content .card:nth-of-type(10n+6) {
        width : 60%
    }

    .direction-detail-page .content .card:nth-of-type(10n+7) {
        width        : 70%;
        margin-top   : 0;
        margin-right : 0
    }

    .direction-detail-page .content .card:nth-of-type(10n+8) {
        width      : 30%;
        margin-top : 30px
    }

    .direction-detail-page .content .card:nth-of-type(10n+9) {
        width      : 60%;
        margin-top : 0
    }

    .direction-detail-page .content .card:nth-of-type(10n+10) {
        width      : 40%;
        margin-top : 0
    }
}

@media (max-width : 767px) {
    .direction-detail-page .content {
        padding-bottom : 0
    }

    .direction-detail-page .content > .container {
        padding-left  : 0;
        padding-right : 0
    }

    .direction-detail-page .content .card {
        min-height     : 280px !important;
        width          : 100% !important;
        opacity        : 1;
        transform      : translateY(0);
        padding-bottom : 60px
    }

    .direction-detail-page .content .card.projects .wrap {
        padding-bottom : 60px
    }

    .direction-detail-page .content .card:nth-of-type(10n+2), .direction-detail-page .content .card:nth-of-type(10n+3), .direction-detail-page .content .card:nth-of-type(10n+8) {
        margin-top : 0
    }

    .direction-detail-page .content .card:nth-of-type(10n+10), .direction-detail-page .content .card:nth-of-type(10n+6) {
        margin-left : 0
    }
}

.interview-page .page-heading {
    padding-bottom : 185px
}

.interview-page .page-heading .interview-policy {
    position   : absolute;
    bottom     : 14px;
    left       : 18px;
    right      : 18px;
    text-align : center;
    opacity    : .4
}

.interview-page h2 {
    margin         : 47px 0 50px;
    letter-spacing : -.005em
}

.interview-page section.content {
    min-height : 500px
}

.interview-page .interview-form-tab-header-list {
    display : flex
}

.interview-page .interview-form-tab-header {
    position : relative;
    flex     : 1 1 33.33%;
    overflow : hidden
}

.interview-page .interview-form-tab-header:after {
    content          : '';
    position         : absolute;
    height           : 2px;
    left             : 0;
    bottom           : 7px;
    right            : 0;
    background-color : #282828;
    z-index          : 1
}

.interview-page .interview-form-tab-header.active .interview-form-tab-header-text {
    color : #f2a900
}

.interview-page .interview-form-tab-header.active .interview-form-tab-header-line {
    transform : translateX(0%)
}

.interview-page .interview-form-tab-header.active ~ .interview-form-tab-header:after {
    background-color : #d0d0d0
}

.interview-page .interview-form-tab-header.active ~ .interview-form-tab-header .interview-form-tab-header-line {
    transform : translateX(-100%)
}

.interview-page .interview-form-tab-header.active ~ .interview-form-tab-header .interview-form-tab-header-text {
    color : #d0d0d0
}

.interview-page .interview-form-tab-header .interview-form-tab-header-text {
    transition : color .6s ease;
    color      : #282828;
    padding    : 16px 0 14px 18px;
    font       : 400 13px/1.3 'Pragmatica', sans-serif
}

.interview-page .interview-form-tab-header .interview-form-tab-header-line {
    width            : 100%;
    height           : 2px;
    transition       : transform .6s ease;
    display          : block;
    position         : absolute;
    left             : 0;
    bottom           : 7px;
    right            : 0;
    background-color : #f2a900;
    transform        : translateX(100%);
    z-index          : 2
}

.interview-page .interview-form-tab {
    padding-top    : 14px;
    padding-bottom : 80px
}

@media (max-width : 620px) {
    .interview-page h2 {
        font-size : 24px;
        margin    : 30px 0
    }

    .interview-page .interview-form-tab {
        padding-bottom : 45px
    }
}

.order-page main {
    background     : #f2a900;
    padding-bottom : 15px
}

.order-page .desc, .order-page h1 {
    color : #ffffff
}

.order-page h1 {
    font          : 700 24px/32px 'Pragmatica', sans-serif;
    text-align    : left;
    padding-top   : 38px;
    margin-bottom : 11px
}

.order-page .desc {
    font : 15px/18px 'Pragmatica', sans-serif
}

.order-page .desc a {
    transition      : border .3s ease;
    color           : #ffffff;
    text-decoration : none;
    border-bottom   : 1px solid #ffffff
}

.order-page .image {
    margin-top  : 73px;
    margin-left : 28px
}

.order-page .order-form {
    padding-top : 22px
}

.order-page .form-group {
    margin-bottom : 15px
}

@media (max-width : 1236px) {
    .order-page .image {
        max-width : 100%;
        margin    : 50px auto;
        display   : block
    }
}

.font-small {
    font-size : 14px;
}

.tac {
    text-align : center
}

@media (min-width : 656px) {
    .text-page h1 {
        font-size : 48px
    }
}

.text-page h2, .text-page .h2 {
    font-size : 36px
}

.text-page h3 {
    font-size : 24px
}

@media (min-width : 800px) {
    .text-page table td.without-bottom-border {
        border-bottom : 0
    }
}

.solutions-page .cases .subtitle, .solutions-page .cases h1 {
    text-align : left;
    margin     : 0
}

.solutions-page .cases h1:after {
    display : none
}

.actual-solutions {
    float       : left;
    padding-top : 10px
}

.actual-solutions-cases .item {
    display         : block;
    float           : left;
    width           : 33.3%;
    height          : 422px;
    align-self      : stretch;
    box-sizing      : border-box;
    background      : no-repeat center;
    background-size : cover;
    position        : relative;
    color           : #ffffff;
    padding         : 31px 23px;
    margin-bottom   : 0
}

.actual-solutions-cases .item .title {
    background : #efab0d;
    padding    : 10px;
    font-size  : 24px;
    display    : inline-block
}

.actual-solutions-cases .item:hover .title {
    display : none
}

.actual-solutions-cases .item .description {
    opacity    : 0;
    background : #efab0d;
    display    : block;
    padding    : 50px;
    max-height : 355px;
    font-size  : 14px
}

.actual-solutions-cases .item:hover .description {
    opacity    : 1;
    transition : opacity 1s
}

.actual-solutions-cases .item:hover .description .inner-title {
    font-size   : 24px;
    font-weight : 700;
    display     : block;
    text-align  : center
}

.actual-solutions-cases .item:first-child {
    width : 66.6%
}

.actual-solutions-cases .item:before > * {
    position : relative
}

.actual-solutions-cases .item .description .show-btn {
    display    : block;
    background : #282828;
    color      : #ffffff;
    padding    : 10px;
    clear      : both;
    width      : 133px;
    margin     : 20px auto 0;
    text-align : center
}

.actual-solutions-cases .btn-other-cases {
    color      : #ffffff;
    float      : left;
    background : #efab0d;
    padding    : 10px;
    clear      : both;
    margin     : 20px 0 0;
    text-align : center
}

.actual-solutions-cases .btn-other-cases i.arrow-btn, .actual-solutions-cases .item .description .show-btn i.arrow-btn, .btn i.arrow-btn {
    display     : inline-block;
    margin      : 0 0 0 10px;
    width       : 10px;
    height      : 10px;
    border-top  : 2px solid #ffffff;
    border-left : 2px solid #ffffff;
    transform   : rotate(135deg)
}

.btn-dark {
    background : #282828
}

.btn-dark:hover {
    background : #f2a900
}

.actual-solutions-cases .more-solutions {
    margin     : 0;
    text-align : left;
    width      : 100%;
    display    : inline-block
}

.colored {
    background : #efab0d
}

.image-with-caption, .text-content .image-with-caption {
    overflow      : hidden;
    position      : relative;
    margin-bottom : 26px;
    border-bottom : none;
    display       : block;
}

.without-pad {
    padding : 0
}

.image-with-caption img {
    display   : block;
    margin    : 0 auto;
    max-width : 100%
}

.fullwidth.btn, .image-with-caption.full img {
    max-width : 100%;
    width     : 100%
}

.image-with-caption .caption {
    position   : absolute;
    display    : inline-block;
    background : #efab0d;
    padding    : 10px;
    z-index    : 10;
    left       : 40px;
    top        : 20px;
    color      : #ffffff
}

div.fullwidth {
    width    : 100vw;
    position : relative;
    right    : calc(50vw - 50% + 8px);
    margin   : 0
}

div.fullwidth p {
    margin-left : 8px;
}

div.fullwidth img {
    width     : 100vw;
    max-width : 100vw;
    margin    : 0
}

div.fullwidth.fix-height {
    max-height : 300px
}

.overflow-hide {
    overflow : hidden
}

a.cases-btn {
    color : #ffffff;
}

a.cases-btn:hover {
    background : rgba(242, 169, 0, 0.7);
}

.text-content .row p:first-of-type {
    margin-top : 0
}

.text-content .colored .row p {
    margin-top : 24px
}

.text-content table {
    table-layout : fixed;
}

.text-content table td, .text-content table td ul li {
    line-height : 1;
    font-size   : 14px;
}

.text-content table td:not(:first-child).highlighted {
    background-color : #f6f6f5;
}

.text-content table td ul li {
    margin-bottom : 10px;
}

.next-cases .image-with-caption {
    max-height : 300px
}

.next-cases .image-with-caption img {
    width : 100%
}

.text-content ol li, .text-content ul li {
    line-height : 1
}

.text-content ul li:before {
    top : .6ex
}

.text-content ol li:before {
    top : -5px
}

.text-content ul.list-with-border li {
    text-transform : uppercase;
    border-bottom  : 1px solid #000000;
    padding-bottom : 11px
}

.text-content ul.list-with-border li:before {
    border-radius : 50%;
    height        : 6px;
    width         : 6px
}

.row.bricks-block {
    color         : #595959;
    display       : flex;
    border-bottom : 1px solid #c2c2c2
}

.bricks-block > div {
    padding     : 50px 100px;
    font-size   : 16px;
    line-height : 1.5;
    position    : relative;
    display     : table
}

.bricks-block:last-child {
    border-bottom : none
}

.bricks-block > div + div {
    border-left : 1px solid #c2c2c2
}

.bricks-block > div .counter {
    position  : absolute;
    bottom    : 20px;
    right     : 20px;
    font-size : 12px
}

.bricks-block > div .counter.left {
    left : 20px
}

.bricks-block > div .text-content {
    display        : table-cell;
    vertical-align : middle
}

@media (max-width : 960px) {
    .text-content ol li, .text-content ul li {
        line-height : 1.5
    }

    .row.bricks-block {
        display : block;
        border  : none
    }

    .bricks-block > div {
        border        : 1px solid #c2c2c2;
        border-bottom : none
    }

    .bricks-block > div:last-child {
        border-bottom : 1px solid #c2c2c2
    }

    .actual-solutions-cases .item, .actual-solutions-cases .item:first-child {
        width : 100%
    }
}

@media (max-width : 480px) {
    .bricks-block > div {
        padding : 50px 50px
    }
}

.text-content table tr:hover td {
    background-color : transparent;
}

@media (max-width : 800px) {
    .text-content td.st-key {
        vertical-align : middle;
    }

    .text-content td h4 {
        margin : 0;
    }
}

.agree-text a {
    color : black;
}

ol.with-sub {
    counter-reset : item
}

ol.with-sub h3 {
    text-align : left;
}

ol.with-sub > li:before {
    content           : counters(item, ".") " ";
    counter-increment : item;
    left              : -25px;
    font-size         : 24px;
    top               : 4px;
}

ol.with-sub > li li:before {
    font-size : 14px;
    left      : -40px;
    top       : auto;
}

.d-flex {
    display : flex;
}

.align-center {
    align-items : center;
}

.m-30 {
    margin : -30px;
}

.bg-white {
    background : white;
}

.font-white {
    color : white;
}

hr.simple {
    margin     : 0;
    background : #fdd075;
    height     : 3px;
}

.order-space-block {
    background : black;
}

.order-space-block h2 {
    font-size : 40px;
}

.order-content-block {
    padding-top    : 70px;
    padding-bottom : 70px;
}

.order-content-block ul {
    padding : 0;
}

.order-content-block ul li {
    list-style : none;
    padding    : 10px 0;
}

.order-content-block .highlighted {
    color : #f2a900;
}

.order-content-block .delimeter {
    padding : 0 20px;
    color   : #e9e7e6;
}

.font-black {
    color : black !important
}

.font-large {
    font-size : 21px;
}

.font-bold {
    font-weight : bold;
}

.img-left img {
    float : right;
}

.order-text-container {
    max-width : 100%;
    overflow  : hidden;
}

.bg-sky {
    background      : url(https://nafi.ru/upload/medialibrary/35e/35e3ad469b2bb895017ba8b152c9f8ec.jpg);
    background-size : cover;
}

@media (max-width : 1024px) {
    .font-large {
        font-size : 16px;
    }

    .order-space-block .d-flex {
        display : inline-block
    }

    .order-space-block .m-30 {
        margin : 0
    }

    .order-space-block h2 {
        font-size : 24px;
    }

    .order-text-container .img-right, .order-text-container .img-left {
        display : none;
    }
}

.fr {
    float : right;
}

footer .socials a {
    width            : 40px;
    height           : 40px;
    display          : inline-block;
    position         : relative;
    padding          : 0;
    margin           : 0 17px 0 0;
    background-color : #282828;
    transition       : .3s
}

footer .socials a .icon {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%)
}

footer .socials a .icon.icon-yt {
    width      : 20px;
    height     : 24px;
    background : url(/local/images/sprite.svg?23498a09) -325px -359px no-repeat
}

footer .socials a .icon.icon-fb {
    width      : 12px;
    height     : 22px;
    background : url(/local/images/sprite.svg?23498a09) -567px -465px no-repeat
}

footer .socials a .icon.icon-ln {
    width      : 20px;
    height     : 20px;
    background : url(/local/images/sprite.svg?23498a09) -399px -359px no-repeat
}

footer .socials a .icon.icon-tw {
    width      : 22px;
    height     : 18px;
    background : url(/local/images/sprite.svg?23498a09) -238px -155px no-repeat
}

footer .socials a .icon.icon-vk {
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -374px -394px no-repeat
}

footer .socials a .icon.icon-tg {
    width      : 26px;
    height     : 26px;
    background : url(/local/images/sprite.svg?23498a09) -400px -393px no-repeat
}

footer .socials a:hover {
    background-color : #f2a900
}

footer .row + .row {
    padding-top : 29px;
    font        : 14px/17px 'Pragmatica', sans-serif
}

@media (min-width : 620px) {
    footer .row + .row {
        padding-top : 34px
    }
}

@media (min-width : 960px) {
    footer .row + .row {
        padding-top : 41px
    }
}

footer .membership {
    padding-top    : 23px;
    padding-bottom : 22px
}

@media (min-width : 620px) {
    footer .membership {
        padding-bottom : 46px
    }
}

@media (min-width : 960px) {
    footer .membership {
        padding-top    : 0;
        padding-bottom : 0
    }
}

footer .membership img {
    line-height    : 1;
    margin         : 3px 0 26px;
    vertical-align : top
}

@media (min-width : 620px) {
    footer .membership img {
        margin : 3px 0 10px
    }
}

@media (min-width : 1236px) {
    footer .membership img {
        margin-bottom : 0
    }
}

footer .membership img:not(:last-child) {
    margin-right : 37px
}

footer .bottom-row {
    margin-top : 20px
}

@media (max-width : 991px) {
    footer .developer {
        margin-top : 30px
    }
}

@media (max-width : 767px) {
    footer .submenu {
        display : none
    }
}

.otvet img {
    margin : 0
}

.otvet-leading {
    position              : relative;
    display               : grid;
    align-items           : center;
    height                : calc(100vh - 140px);
    height                : calc(100svh - 140px);
    margin-top            : -1px;
    margin-bottom         : 120px;
    color                 : #ffffff;
    background-image      : url(/local/images/tetotvet/leading_bg-eaf7e53d.jpg);
    background-repeat     : no-repeat;
    background-size       : cover;
    background-attachment : fixed;
    overflow              : hidden
}

@media (max-width : 992px) {
    .otvet-leading {
        margin-bottom       : 40px;
        padding             : 0 30px;
        background-position : center;
        background-image    : url(/local/images/tetotvet/leading_mobile_bg-3f3478fd.jpg);
        background-size     : cover;
        height              : calc(100vh - 73px);
        height              : calc(100svh - 73px);
    }
}

.otvet-leading__content {
    text-align  : center;
    will-change : transform
}

.otvet-leading__content h1 {
    margin-bottom : 24px
}

.otvet-leading__content p {
    font-size   : 30px;
    line-height : 40px
}

@media (max-width : 992px) {
    .otvet-leading__content p {
        font-size   : 24px;
        line-height : 34px
    }
}

.otvet-leading__arrow {
    position        : absolute;
    bottom          : 50px;
    height          : 106px;
    width           : 100%;
    display         : flex;
    justify-content : center;
    align-items     : center
}

@media (max-width : 992px) {
    .otvet-leading__arrow {
        bottom : 30px
    }
}

.otvet-leading__arrow div {
    display       : inline-block;
    width         : 2px;
    height        : 22px;
    background    : #ffffff;
    border-radius : 5px;
    margin        : 6px;
    animation     : arrow-move 1.1s infinite ease-in-out
}

.otvet-leading__arrow div:nth-of-type(1) {
    transform : rotate(-45deg)
}

.otvet-leading__arrow div:nth-of-type(2) {
    transform : rotate(45deg)
}

@keyframes arrow-move {
    0% {
        margin-top : 0
    }
    50% {
        margin-top : 100px
    }
    100% {
        margin-top : 0
    }
}

.otvet-insight {
    padding             : 80px 616px 80px 100px;
    margin-bottom       : 160px;
    background-color    : var(--light-black);
    background-image    : url(/local/images/tetotvet/otvet_insight-a0b2db24.png);
    background-size     : 50%;
    background-repeat   : no-repeat;
    background-position : right 0 bottom 0;
    border-radius       : 40px;
    color               : #ffffff
}

.otvet-insight p {
    font-size   : 20px;
    line-height : 30px
}

@media (max-width : 1280px) {
    .otvet-insight {
        padding-left  : 60px;
        padding-right : 600px;
        margin-bottom : 100px
    }
}

@media (max-width : 992px) {
    .otvet-insight {
        padding         : 32px 16px 248px;
        margin-bottom   : 72px;
        border-radius   : 32px;
        background-size : 300px
    }

    .otvet-insight p {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-insight a {
    color           : #ffffff !important;
    text-decoration : underline !important;
    border-bottom   : none !important
}

.otvet-insight h3 {
    margin-bottom : 24px
}

@media (max-width : 992px) {
    .otvet-insight h3 {
        margin-bottom : 16px
    }
}

.otvet-insight__definition {
    margin-bottom : 16px
}

@media (max-width : 992px) {
    .otvet .otvet-insight__platform {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-insight__platform {
    margin-bottom : 32px
}

@media (max-width : 992px) {
    .otvet .otvet-insight__platform {
        margin-bottom : 24px;
        font-size     : 16px;
        line-height   : 24px
    }
}

.otvet-experts {
    margin-bottom : 120px
}

.otvet .otvet-experts h2 {
    padding-left : 32px;
    margin-top   : 0
}

@media (max-width : 992px) {
    .otvet .otvet-experts {
        margin-bottom : 56px
    }

    .otvet .otvet-experts h2 {
        padding-left : 16px
    }
}

.otvet-experts h2 {
    padding-left  : 32px;
    max-width     : 1100px;
    margin-bottom : 80px;
    border-left   : 4px solid var(--orange)
}

@media (max-width : 992px) {
    .otvet-experts h2 {
        padding-left  : 16px;
        margin-bottom : 56px
    }
}

.otvet .otvet-experts__text {
    max-width   : 1100px;
    font-size   : 24px;
    line-height : 34px
}

@media (max-width : 992px) {
    .otvet .otvet-experts__text {
        font-size   : 20px;
        line-height : 30px
    }
}

.otvet-experts__text:first-of-type {
    margin-bottom : 16px
}

.otvet-experts ul.check-list.otvet-experts-list {
    display               : grid;
    grid-template-columns :1fr 1fr;
    gap                   : 40px 32px;
    margin                : 64px 0 160px
}

@media (max-width : 1440px) {
    .otvet-experts ul.check-list.otvet-experts-list {
        margin-bottom : 100px
    }
}

@media (max-width : 992px) {
    .otvet-experts ul.check-list.otvet-experts-list {
        grid-template-columns :1fr;
        gap                   : 0;
        margin                : 24px 0 40px;
        font-size             : 16px
    }
}

.otvet-experts ul.check-list.otvet-experts-list li {
    font-size : 20px
}

@media (max-width : 992px) {
    .otvet-experts ul.check-list.otvet-experts-list li {
        font-size     : 16px;
        margin-bottom : 0
    }
}

.otvet-experts ul.check-list.otvet-experts-list li::before {
    top : 4px
}

@media (max-width : 992px) {
    .otvet-experts ul.check-list.otvet-experts-list li::before {
        top : 2px
    }
}

.otvet-experts-stat {
    display               : grid;
    grid-template-columns :repeat(4, 278px);
    gap                   : 30px
}

@media (max-width : 1280px) {
    .otvet-experts-stat {
        grid-template-columns :repeat(4, 225px)
    }
}

@media (max-width : 992px) {
    .otvet-experts-stat {
        grid-template-columns :1fr;
        gap                   : 24px
    }
}

.otvet-experts-stat__top {
    font-size   : 40px !important;
    line-height : 70px !important;
    font-weight : 700 !important;
    color       : var(--orange);
    margin      : 0 !important
}

.otvet-experts-stat__number {
    font-size : 50px
}

.otvet .otvet-experts-stat__text {
    font-size   : 16px;
    line-height : 24px;
    margin      : 0 !important
}

.otvet-recruiting {
    padding          : 80px 102px;
    margin-bottom    : 120px;
    background-color : var(--extra-light-gray);
    border-radius    : 40px
}

@media (max-width : 1280px) {
    .otvet-recruiting {
        padding       : 80px 60px;
        margin-bottom : 56px
    }
}

@media (max-width : 992px) {
    .otvet-recruiting {
        padding       : 32px 16px;
        border-radius : 32px
    }
}

.otvet-recruiting h3 {
    margin-bottom : 32px
}

@media (max-width : 992px) {
    .otvet-recruiting h3 {
        margin-bottom : 16px
    }
}

.otvet-recruiting__text {
    max-width   : 960px;
    font-size   : 20px;
    line-height : 30px
}

.otvet-recruiting-list {
    display               : grid;
    grid-template-columns :repeat(4, 1fr);
    margin-top            : 64px;
    gap                   : 32px;
    font-size             : 16px;
    line-height           : 24px
}

@media (max-width : 992px) {
    .otvet-recruiting-list {
        margin-top            : 24px;
        grid-template-columns :1fr;
        gap                   : 16px
    }
}

.otvet-recruiting-list__item {
    height              : 168px;
    padding             : 88px 32px 0;
    background-color    : #ffffff;
    border-radius       : 18px;
    background-repeat   : no-repeat;
    background-position : 32px 32px
}

@media (max-width : 1280px) {
    .otvet-recruiting-list__item {
        height : 180px
    }
}

@media (max-width : 992px) {
    .otvet-recruiting-list__item {
        height              : 144px;
        padding             : 76px 24px 0;
        background-position : 20px 24px
    }
}

.otvet .otvet-recruiting-list__item p {
    margin      : 0;
    line-height : 24px
}

.otvet-recruiting-list__item.phone {
    background-image : url(/local/images/tetotvet/icon_phone-6dd670e6.svg)
}

.otvet-recruiting-list__item.chat {
    background-image : url(/local/images/tetotvet/icon_chat-6cd53484.svg)
}

.otvet-recruiting-list__item.search {
    background-image : url(/local/images/tetotvet/icon_search-aa8a6959.svg)
}

.otvet-recruiting-list__item.link {
    background-image : url(/local/images/tetotvet/icon_link-11145366.svg)
}

.otvet-recruiting-list__item.home {
    background-image : url(/local/images/tetotvet/icon_home-f1e46240.svg)
}

.otvet-recruiting-list__item.user-tag {
    background-image : url(/local/images/tetotvet/icon_user_tag-1fab00be.svg)
}

.otvet-recruiting-list__item.sms {
    background-image : url(/local/images/tetotvet/icon_sms-e3e44e03.svg)
}

.otvet-recruiting-list__item.partnership {
    background-image : url(/local/images/tetotvet/icon_partnership-7234bf7f.svg)
}

.otvet-participant {
    margin-bottom : 120px
}

@media (max-width : 992px) {
    .otvet-participant {
        margin-bottom : 56px
    }
}

.otvet .otvet-participant h3 {
    max-width     : 960px;
    margin-bottom : 32px;
    font-size     : 36px;
    line-height   : 42px
}

@media (max-width : 992px) {
    .otvet .otvet-participant h3 {
        margin-bottom : 16px;
        font-size     : 32px;
        line-height   : 40px
    }
}

.otvet-participant p {
    max-width   : 960px;
    font-size   : 20px;
    line-height : 30px
}

@media (max-width : 992px) {
    .otvet-participant p {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-participant-reward {
    display               : grid;
    grid-template-columns :repeat(3, 280px);
    gap                   : 130px;
    margin                : 64px 0 160px;
    font-weight           : 500;
    line-height           : 26px
}

@media (max-width : 1280px) {
    .otvet-participant-reward {
        gap           : 50px;
        margin-bottom : 120px
    }
}

@media (max-width : 992px) {
    .otvet-participant-reward {
        grid-template-columns :1fr;
        gap                   : 32px;
        margin                : 32px 0 72px
    }
}

.otvet-participant-reward__item {
    padding-top         : 128px;
    background-repeat   : no-repeat;
    background-position : 0 0
}

@media (max-width : 992px) {
    .otvet-participant-reward__item {
        padding-top     : 80px;
        background-size : 64px
    }
}

.otvet-participant-reward__item.card {
    background-image : url(/local/images/tetotvet/icon_card-8f8c9784.svg)
}

.otvet-participant-reward__item.card-phone {
    background-image : url(/local/images/tetotvet/icon_card_phone-235693af.svg)
}

.otvet-participant-reward__item.heart {
    background-image : url(/local/images/tetotvet/icon_heart-1b0ba47e.svg)
}

.otvet-participant-check {
    display               : grid;
    grid-template-columns :584px 630px;
    gap                   : 134px
}

@media (max-width : 1280px) {
    .otvet-participant-check {
        gap                   : 50px;
        grid-template-columns :430px 450px
    }
}

@media (max-width : 992px) {
    .otvet-participant-check {
        grid-template-columns :1fr;
        gap                   : 40px
    }
}

.otvet-participant-check img {
    max-width : 100%
}

.otvet-participant-check-left {
    margin-top : 50px
}

@media (max-width : 992px) {
    .otvet-participant-check-left {
        margin-top : 0
    }
}

.otvet .otvet-participant-check-left__text {
    margin-bottom : 16px;
    font-size     : 20px;
    line-height   : 30px
}

@media (max-width : 992px) {
    .otvet .otvet-participant-check-left__text {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-participant-check-left ul {
    padding-left  : 20px;
    margin-top    : 32px;
    font-size     : 16px;
    line-height   : 24px;
    margin-bottom : 0
}

@media (max-width : 992px) {
    .otvet-participant-check-left ul {
        margin-top : 16px
    }
}

.otvet-participant-check-left ul li {
    list-style  : disc;
    line-height : 1
}

.otvet-participant-check-left ul li:before {
    display : none
}

.otvet-participant-check-left ul li:not(:last-of-type) {
    margin-bottom : 16px
}

@media (max-width : 992px) {
    .otvet-participant-check-left ul li:not(:last-of-type) {
        margin-bottom : 12px
    }
}

.otvet-quality {
    padding             : 80px 102px 96px;
    margin-bottom       : 120px;
    background-color    : var(--light-black);
    border-radius       : 40px;
    background-repeat   : no-repeat;
    background-position : right 52px bottom 35px;
    background-image    : url(/local/images/tetotvet/quality_mark-a0d4e3b8.svg)
}

@media (max-width : 1280px) {
    .otvet-quality {
        margin-bottom : 56px;
        padding       : 80px 60px 96px
    }
}

@media (max-width : 992px) {
    .otvet-quality {
        padding             : 32px 16px 56px;
        background-size     : 140px;
        background-position : right 16px bottom -40px;
        border-radius       : 32px
    }
}

.otvet-quality h3 {
    margin-bottom : 56px;
    color         : #ffffff
}

@media (max-width : 992px) {
    .otvet-quality h3 {
        margin-bottom : 24px
    }
}

.otvet-quality-list {
    display               : grid;
    grid-template-columns :repeat(3, 1fr);
    gap                   : 32px
}

@media (max-width : 992px) {
    .otvet-quality-list {
        grid-template-columns :1fr;
        gap                   : 16px
    }
}

.otvet-quality-list-item {
    padding          : 32px;
    border-radius    : 22px;
    background-color : #ffffff
}

@media (max-width : 992px) {
    .otvet-quality-list-item {
        padding       : 20px 24px;
        border-radius : 18px
    }
}

.otvet .otvet-quality-list-item p {
    font-weight : 500;
    line-height : 26px;
    margin      : 0 !important;
    font-size   : 20px
}

@media (max-width : 992px) {
    .otvet .otvet-quality-list-item p {
        line-height : 24px;
        font-size   : 16px
    }
}

.otvet-quality-list .otvet-quality__arrow-link {
    text-decoration : underline !important;
    border-bottom   : none !important
}

.otvet-quality__download {
    display             : block;
    width               : 120px;
    padding             : 9px 16px 9px 48px;
    margin-top          : 16px;
    border              : 1px solid var(--light-gray);
    border-radius       : 10px;
    font-size           : 14px;
    line-height         : 18px;
    font-weight         : 500;
    color               : var(--black);
    text-decoration     : none;
    background-repeat   : no-repeat;
    background-position : 16px 5px;
    background-image    : url(/local/images/tetotvet/icon_download-425c2f11.svg);
    border-bottom       : 1px solid var(--light-gray) !important
}

.otvet-quality__arrow-link {
    display        : block;
    margin-top     : 78px;
    font-size      : 16px;
    line-height    : 24px;
    letter-spacing : .01em;
    color          : var(--blank);
    border-bottom  : 1px solid var(--light-gray) !important
}

@media (max-width : 992px) {
    .otvet-quality__arrow-link {
        margin-top : 24px
    }
}

.otvet-quality__arrow-link::after {
    content             : "";
    position            : relative;
    top                 : 2px;
    display             : inline-block;
    width               : 16px;
    height              : 16px;
    margin-left         : 6px;
    background-repeat   : no-repeat;
    background-position : center;
    background-image    : url(/local/images/tetotvet/icon_arrow-388982c1.svg)
}

.otvet-quality__logos {
    display               : grid;
    grid-template-columns :233px 125px 176px;
    gap                   : 96px;
    align-items           : center;
    margin-top            : 68px
}

@media (max-width : 992px) {
    .otvet-quality__logos {
        grid-template-columns :170px 90px;
        gap                   : 16px 32px;
        margin-top            : 40px
    }

    .otvet-quality__logos img:last-of-type {
        max-width : 126px
    }
}

.otvet-benefits {
    padding          : 120px 360px;
    margin-bottom    : 120px;
    background-color : var(--orange)
}

@media screen and (max-width : 1650px) {
    .otvet-benefits {
        padding : 120px 107px
    }
}

@media (max-width : 992px) {
    .otvet-benefits {
        padding       : 56px 16px;
        margin-bottom : 56px
    }
}

.otvet-benefits h3 {
    margin-bottom : 64px;
    color         : #ffffff
}

@media (max-width : 992px) {
    .otvet-benefits h3 {
        margin-bottom : 24px
    }
}

.otvet-benefits-list {
    display               : grid;
    grid-template-columns :repeat(3, 1fr);
    grid-auto-rows        : 282px;
    gap                   : 32px
}

@media (max-width : 992px) {
    .otvet-benefits-list {
        grid-template-columns :1fr;
        grid-auto-rows        : unset;
        gap                   : 16px
    }
}

.otvet-benefits-list__item {
    padding             : 120px 32px 32px;
    background-color    : #ffffff;
    border-radius       : 22px;
    font-weight         : 500;
    line-height         : 26px;
    background-repeat   : no-repeat;
    background-position : 32px 32px
}

@media (max-width : 992px) {
    .otvet-benefits-list__item {
        padding             : 84px 24px 20px;
        border-radius       : 18px;
        background-position : 20px 24px;
        background-size     : 48px;
        line-height         : 24px
    }
}

.otvet-benefits-list__item.profile {
    background-image : url(/local/images/tetotvet/icon_profile-7bde79ff.svg)
}

.otvet-benefits-list__item.document {
    background-image : url(/local/images/tetotvet/icon_document-324eb6d1.svg)
}

.otvet-benefits-list__item.table {
    background-image : url(/local/images/tetotvet/icon_table-edf6dad2.svg)
}

.otvet-benefits-list__item.database {
    background-image : url(/local/images/tetotvet/icon_database-ae3a3017.svg)
}

.otvet-benefits-list__item.three-user {
    background-image : url(/local/images/tetotvet/icon_three_user-2a43d8e6.svg)
}

.otvet-benefits-list__item.chart {
    background-image : url(/local/images/tetotvet/icon_chart-63ae444b.svg)
}

.otvet-steps {
    margin-bottom : 160px
}

@media (max-width : 1440px) {
    .otvet-steps {
        margin-bottom : 120px
    }
}

@media (max-width : 992px) {
    .otvet-steps {
        margin-bottom : 72px
    }
}

.otvet-steps h3 {
    margin-bottom : 64px
}

@media (max-width : 992px) {
    .otvet-steps h3 {
        margin-bottom : 24px
    }
}

.otvet-steps-list {
    display               : grid;
    grid-template-columns :repeat(3, 1fr);
    gap                   : 32px
}

@media (max-width : 992px) {
    .otvet-steps-list {
        grid-template-columns :1fr;
        gap                   : 16px
    }
}

.otvet-steps-list__item {
    display               : grid;
    grid-template-columns :56px auto;
    gap                   : 24px;
    align-items           : center;
    padding               : 24px;
    border                : 1px solid var(--light-gray);
    border-radius         : 18px;
    font-size             : 16px;
    line-height           : 24px;
    font-weight           : 500
}

@media (max-width : 992px) {
    .otvet-steps-list__item {
        grid-template-columns :40px auto;
        padding               : 20px;
        border-radius         : 16px
    }
}

.otvet-steps-list__item::before {
    content          : attr(data-step);
    display          : inline-block;
    width            : 56px;
    padding          : 15px 0;
    margin-right     : 24px;
    color            : var(--orange);
    font-weight      : 500;
    line-height      : 26px;
    font-size        : 20px;
    text-align       : center;
    background-color : var(--light-orange);
    border-radius    : 15px
}

@media (max-width : 992px) {
    .otvet-steps-list__item::before {
        width         : 40px;
        height        : 40px;
        margin-right  : 0;
        border-radius : 10px;
        padding       : 8px 0;
        line-height   : 24px;
        font-size     : 16px
    }
}

.otvet-represent {
    margin-bottom : 160px
}

@media (max-width : 1280px) {
    .otvet-represent {
        margin-bottom : 80px
    }
}

@media (max-width : 992px) {
    .otvet-represent {
        margin-bottom : 72px
    }
}

.otvet-represent h3 {
    margin-bottom : 64px
}

@media (max-width : 992px) {
    .otvet-represent h3 {
        margin-bottom : 16px
    }
}

.otvet-represent ul {
    padding-left : 26px
}

@media (max-width : 992px) {
    .otvet-represent ul {
        padding-left  : 16px;
        margin-bottom : 0
    }
}

.otvet-represent ul li {
    list-style : disc;
    font-size  : 20px
}

@media (max-width : 992px) {
    .otvet-represent ul li {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-represent ul li:before {
    display : none
}

.otvet-represent ul li::marker {
    color : var(--dark-gray)
}

.otvet-represent ul li:first-of-type {
    margin-bottom : 32px
}

@media (max-width : 992px) {
    .otvet-represent ul li:first-of-type {
        margin-bottom : 12px
    }
}

.otvet-advantage {
    margin-bottom : 160px
}

@media (max-width : 1280px) {
    .otvet-advantage {
        margin-bottom : 80px
    }
}

@media (max-width : 992px) {
    .otvet-advantage {
        margin-bottom : 20px
    }
}

.otvet-advantage h3 {
    margin-bottom : 32px
}

@media (max-width : 992px) {
    .otvet-advantage h3 {
        margin-bottom : 16px
    }
}

.otvet-advantage-content {
    display               : grid;
    grid-template-columns :580px 800px;
    gap                   : 120px
}

@media (max-width : 1440px) {
    .otvet-advantage-content {
        grid-template-columns :550px 650px;
        gap                   : 65px
    }
}

@media (max-width : 1280px) {
    .otvet-advantage-content {
        grid-template-columns :490px 580px
    }
}

@media (max-width : 992px) {
    .otvet-advantage-content {
        grid-template-columns :1fr;
        gap                   : 55px
    }
}

.otvet-advantage-content img {
    position : relative;
    top      : -20px
}

.otvet .otvet-advantage-content-left__text {
    margin-bottom : 32px;
    font-size     : 20px;
    line-height   : 30px;
    margin-top    : 0
}

@media (max-width : 992px) {
    .otvet .otvet-advantage-content-left__text {
        margin-bottom : 24px;
        font-size     : 16px;
        line-height   : 24px;
        margin-top    : 0 !important
    }
}

.otvet-advantage-content-left ul.check-list {
    font-size   : 16px;
    line-height : 24px
}

.otvet-advantage-content-left .button {
    margin-top : 64px
}

@media (max-width : 992px) {
    .otvet-advantage-content-left .button {
        margin-top : 32px
    }
}

.otvet-business {
    display               : grid;
    grid-template-columns :588px auto;
    gap                   : 134px;
    margin-bottom         : 120px
}

@media (max-width : 1280px) {
    .otvet-business {
        gap                   : 70px;
        grid-template-columns :580px auto
    }
}

@media (max-width : 992px) {
    .otvet-business {
        grid-template-columns :1fr;
        gap                   : 40px;
        margin-bottom         : 72px
    }
}

.otvet-business h3 {
    margin-bottom : 32px
}

@media (max-width : 992px) {
    .otvet-business h3 {
        margin-bottom : 16px
    }
}

.otvet .otvet-business-left {
    margin-top : 100px
}

.otvet .otvet-business-left p {
    font-size   : 20px;
    line-height : 30px;
    margin      : 0
}

@media (max-width : 992px) {
    .otvet .otvet-business-left {
        margin-top : 0
    }
}

@media (max-width : 992px) {
    .otvet .otvet-business-left p {
        font-size   : 16px;
        line-height : 24px
    }
}

.otvet-business-left__voice {
    display               : grid;
    grid-template-columns :56px auto;
    align-items           : center;
    gap                   : 20px;
    width                 : fit-content;
    margin-top            : 40px;
    color                 : var(--black);
    text-decoration       : none;
    font-size             : 16px;
    line-height           : 24px;
    letter-spacing        : .01em;
    border-bottom         : none !important
}

@media (max-width : 992px) {
    .otvet-business-left__voice {
        margin-top : 16px
    }
}

.otvet-business-left__voice:hover {
    text-decoration : underline
}

.otvet-panel {
    padding          : 80px 102px;
    margin-bottom    : 120px;
    background-color : var(--extra-light-gray);
    border-radius    : 40px
}

@media (max-width : 1280px) {
    .otvet-panel {
        padding : 80px 60px
    }
}

@media (max-width : 992px) {
    .otvet-panel {
        padding       : 32px 16px;
        margin-bottom : 56px;
        border-radius : 32px
    }
}

.otvet-panel h3 {
    margin-bottom : 56px
}

@media (max-width : 992px) {
    .otvet-panel h3 {
        margin-bottom : 24px
    }
}

.otvet-panel-row {
    display : grid;
    gap     : 32px
}

@media (max-width : 992px) {
    .otvet-panel-row {
        gap : 16px
    }
}

.otvet-panel-row:first-of-type {
    grid-template-columns :1.42fr 1fr;
    margin-bottom         : 32px
}

@media (max-width : 992px) {
    .otvet-panel-row:first-of-type {
        grid-template-columns :1fr;
        margin-bottom         : 16px
    }
}

.otvet-panel-row:nth-last-of-type(2) {
    grid-template-columns :1fr 1fr;
    margin-bottom         : 32px
}

@media (max-width : 992px) {
    .otvet-panel-row:nth-last-of-type(2) {
        grid-template-columns :1fr;
        margin-bottom         : 16px
    }
}

.otvet-panel-row:last-of-type {
    grid-template-columns :1fr 1.42fr
}

@media (max-width : 992px) {
    .otvet-panel-row:last-of-type {
        grid-template-columns :1fr
    }
}

.otvet-panel-row__item {
    padding          : 48px;
    background-color : #ffffff;
    border-radius    : 22px
}

@media (max-width : 992px) {
    .otvet-panel-row__item {
        padding : 20px 24px
    }
}

.otvet-feedback {
    padding          : 120px 360px;
    background-color : var(--light-black)
}

@media (max-width : 1440px) {
    .otvet-feedback {
        padding : 120px 50px
    }
}

@media (max-width : 992px) {
    .otvet-feedback {
        padding : 56px 16px
    }
}

.otvet-feedback h3 {
    margin-bottom : 64px;
    color         : #ffffff
}

@media (max-width : 992px) {
    .otvet-feedback h3 {
        margin-bottom : 24px
    }
}

.otvet-feedback-list {
    display               : grid;
    grid-template-columns :repeat(3, 1fr);
    grid-auto-rows        : 240px;
    gap                   : 32px;
    margin-bottom         : 80px
}

@media (max-width : 992px) {
    .otvet-feedback-list {
        grid-template-columns :1fr;
        grid-auto-rows        : unset;
        gap                   : 16px;
        margin-bottom         : 40px
    }
}

.otvet-feedback-list__item {
    padding          : 32px;
    font-size        : 16px !important;
    line-height      : 24px;
    background-color : #ffffff;
    border-radius    : 18px
}

@media (max-width : 992px) {
    .otvet-feedback-list__item {
        padding : 20px 24px
    }

    .otvet-feedback-list__item img {
        height : 24px
    }
}

.otvet .otvet-feedback-list__item p {
    position      : relative;
    margin-top    : 16px;
    padding-left  : 25px;
    padding-right : 20px;
    margin-bottom : 0;
    line-height   : 24px
}

@media (max-width : 992px) {
    .otvet .otvet-feedback-list__item p {
        margin-top : 10px
    }
}

.otvet-feedback-list__item p::after, .otvet-feedback-list__item p::before {
    content             : "";
    position            : absolute;
    display             : block;
    width               : 29px;
    height              : 26px;
    background-repeat   : no-repeat;
    background-position : center
}

@media (max-width : 992px) {
    .otvet-feedback-list__item p::after, .otvet-feedback-list__item p::before {
        width           : 22px;
        height          : 20px;
        background-size : cover
    }
}

.otvet-feedback-list__item p::before {
    top              : -2px;
    left             : -15px;
    background-image : url(/local/images/tetotvet/icon_chevron_left-d99a9976.svg)
}

@media (max-width : 992px) {
    .otvet-feedback-list__item p::before {
        left : -10px
    }
}

.otvet-feedback-list__item p::after {
    bottom           : -2px;
    right            : -15px;
    background-image : url(/local/images/tetotvet/icon_chevron_right-9d063196.svg)
}

@media (max-width : 992px) {
    .otvet-feedback-list__item p::after {
        right : -10px
    }
}

.otvet-feedback .button {
    display : block;
    margin  : 0 auto
}

.otvet-summary {
    padding    : 200px 0 121px;
    text-align : center
}

@media (max-width : 1440px) {
    .otvet-summary {
        padding : 160px 0 121px
    }
}

@media (max-width : 1280px) {
    .otvet-summary {
        padding : 140px 0 121px
    }
}

@media (max-width : 992px) {
    .otvet .otvet-summary {
        padding : 56px 0 13px
    }

    .otvet-summary h2 {
        padding-left : 0 !important
    }
}

.otvet-summary h2 {
    margin-bottom : 48px
}

section.otvet {
    font-family : "Pragmatica", sans-serif;
    font-size   : 20px;
    line-height : 30px;
    color       : var(--black)
}

@media (max-width : 992px) {
    section.otvet {
        font-size   : 16px;
        line-height : 24px
    }
}

section.otvet .with-padding {
    padding-left  : 102px;
    padding-right : 102px
}

@media (max-width : 1280px) {
    section.otvet .with-padding {
        padding-left  : 30px;
        padding-right : 30px
    }
}

@media (max-width : 992px) {
    section.otvet .with-padding {
        padding-left  : 0;
        padding-right : 0
    }
}

section.otvet img {
    max-width : 100%
}

section.otvet .check-list {
    margin       : 0;
    padding-left : 0;
    list-style   : none
}

section.otvet .check-list li:not(:last-of-type) {
    margin-bottom : 16px
}

section.otvet li {
    line-height : 30px
}

.otvet-advantage-content-left ul li {
    line-height : 24px
}

section.otvet .check-list li {
    position     : relative;
    padding-left : 45px;
    line-height  : 30px
}

section.otvet .check-list li::before {
    content          : "";
    position         : absolute;
    top              : 2px;
    left             : 5px;
    display          : inline-block;
    width            : 24px;
    height           : 20px;
    background-image : url(/local/images/tetotvet/icon_check-e64b4ca1.svg);
    background-color : transparent
}

:root {
    --orange           : #f2a900;
    --light-orange     : rgba(242, 169, 0, 0.2);
    --light-black      : #333333;
    --black            : #282828;
    --extra-light-gray : #f5f5f5;
    --light-gray       : #cbcbcb;
    --dark-gray        : #646464
}

.otvet-container {
    width        : 1400px;
    margin-right : auto;
    margin-left  : auto
}

@media screen and (max-width : 1400px) {
    .otvet-container {
        width : 1140px
    }
}

@media screen and (max-width : 1200px) {
    .otvet-container {
        width : 960px
    }
}

@media screen and (max-width : 992px) {
    .otvet-container {
        width         : 720px;
        padding-right : 16px;
        padding-left  : 16px;
        width         : 100%;
        padding-right : 16px;
        padding-left  : 16px
    }
}

.otvet .button.outline {
    width            : 220px;
    color            : var(--orange);
    background-color : transparent
}

@media (max-width : 992px) {
    .otvet .button.outline {
        width : 100%
    }
}

.otvet .button {
    display          : inline-block;
    padding          : 10px 32.5px;
    border           : 1px solid var(--orange);
    font-size        : 16px;
    line-height      : 24px;
    font-weight      : 500;
    letter-spacing   : .01em;
    color            : #ffffff;
    text-decoration  : none;
    text-align       : center;
    background-color : var(--orange);
    border-radius    : 10px;
    cursor           : pointer
}

.otvet-feedback .button {
    display : block;
    margin  : 0 auto
}

.otvet h1 {
    font-size   : 98px;
    line-height : 110px;
    font-weight : 500;
    padding-top : 0;
    margin-top  : 0
}

@media (max-width : 1440px) {
    .otvet h1 {
        font-size   : 72px;
        line-height : 84px
    }
}

@media (max-width : 992px) {
    .otvet h1 {
        font-size   : 44px;
        line-height : 52px
    }
}

.otvet h2 {
    font-size    : 44px;
    line-height  : 48px;
    font-weight  : 500;
    padding-top  : 0;
    margin-top   : 0;
    padding-left : 32px
}

@media (max-width : 992px) {
    .otvet h2 {
        font-size   : 34px;
        line-height : 42px
    }
}

.otvet h3 {
    font-size   : 36px;
    line-height : 42px;
    font-weight : 500;
    padding-top : 0;
    margin-top  : 0
}

@media (max-width : 992px) {
    .otvet h3 {
        font-size   : 32px;
        line-height : 40px
    }
}

.otvet a.button {
    text-decoration : none !important
}

.otvet a.button:hover {
    border : 1px solid var(--orange) !important
}

@media (max-width : 992px) {
    .otvet a.button {
        width : 100%
    }
}

.shared {
    padding-top : 60px;
}

.shared .content {
    background            : #333333;
    height                : 116px;
    position              : relative;
    display               : grid;
    padding               : 36px 112px 36px 184px;
    grid-template-columns : 436px 248px;
    gap                   : 220px;
}

.shared .content:before {
    position         : absolute;
    content          : '';
    background-image : url("/local/css/../images/share.png");
    left             : 0;
    bottom           : 0;
    width            : 135px;
    height           : 116px;
}

.shared .content p {
    font-weight : 500;
    font-size   : 20px;
    line-height : 22px;
    color       : #ffffff;
    margin      : 0;
}

.shared .content .buttons {
    display : flex;
}

.shared .content .buttons .button {
    margin-right    : 12px;
    width           : 40px;
    height          : 40px;
    background      : #f2a900;
    border-radius   : 10px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.shared .content .buttons .button:last-child {
    margin : 0;
}

@media (max-width : 767px) {
    .shared {
        padding : 0;
    }

    .shared .content {
        height                : 184px;
        padding               : 24px 16px;
        grid-template-columns : 1fr;
        gap                   : 24px;
    }

    .shared .content:before {
        top    : 16px;
        right  : 8px;
        left   : auto;
        width  : 80px;
        height : 80px;
        background-image : url("/local/css/../images/share_mobile.png");
    }

    .shared .content p {
        padding-right : 80px;
        font-size     : 18px;
        line-height   : 24px;
    }
}

.toast {
    position         : fixed;
    z-index          : 999;
    width            : 280px;
    bottom           : 5%;
    left             : 50%;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    background-color : white;
    box-shadow       : 0 4px 16px -6px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.4);
    border-radius    : 10px;
    padding          : 13px 17px;
    box-sizing       : border-box;
}

.toast::before {
    content          : "";
    display          : inline-block;
    width            : 26px;
    height           : 26px;
    margin-right     : 15px;
    background-repeat: no-repeat;
    background-image : url("/local/css/../images/icon_checkmark.svg");
    background-size  : cover;
}

.toast__close {
    display          : inline-block;
    width            : 16px;
    height           : 16px;
    margin-left      : auto;
    background-repeat: no-repeat;
    background-image : url("/local/css/../images/icon_close.svg");
    cursor           : pointer;
}

/* End */
/* /local/templates/main/styles.css?16631639822894 */
/* /local/css/style.css?1698403163310928 */