@charset "UTF-8";
progress,
sub,
sup {
    vertical-align: baseline
}

button,
hr,
input {
    overflow: visible
}

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

.ui-helper-reset,
.ui-menu,
li,
ol,
ul {
    list-style: none
}


.jspVerticalBar .jspArrow:focus,
.slick-list:focus,
.ui-dialog,
.ui-menu,
a {
    outline: 0
}

.btn,
a {
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

.about_block,
.about_block h3,
.about_block p,
.about_icon,
.advantage_item {
    break-inside: avoid-column
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/dtpHsbgPEm2lVWciJZ0P-A.ttf) format('truetype')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/W5F8_SL0XFawnjxHGsZjJA.ttf) format('truetype')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/Uxzkqj-MIMWle-XP2pDNAA.ttf) format('truetype')
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/bdHGHleUa-ndQCOrdpfxfw.ttf) format('truetype')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/hcKoSgxdnKlbH5dlTwKbow.ttf) format('truetype')
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/daIfzbEw-lbjMyv4rMUUTqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}


/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

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

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

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

.ui-helper-hidden,
[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 600;
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

.slick-slider,
legend {
    box-sizing: border-box
}

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

optgroup {
    font-weight: 700
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}


/*! jQuery UI - v1.10.0 - 2013-01-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

.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%
}

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

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

.ui-helper-clearfix {
    min-height: 0
}

.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
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

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

.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-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.about_block,
.about_columns,
.articles_item:nth-child(2n+3),
.clear:after,
.comment-prev,
.slick-track:after,
.text-block_row.clear,
section {
    clear: both
}

.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-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    padding: 2px;
    margin: 0;
    display: block
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%
}

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

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

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

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em;
    vertical-align: middle
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

.jspContainer,
.slick-list,
.slick-slider,
.slick-track {
    position: relative
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    font-weight: 700;
    color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #fff
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

#ui-timepicker-div,
.ui-timepicker-hours,
.ui-timepicker-minutes {
    padding: .2em
}

.ui-timepicker-inline {
    display: inline
}

.ui-timepicker-table {
    display: inline-table;
    width: 0
}

.ui-timepicker-table table {
    margin: .15em 0 0;
    border-collapse: collapse
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center
}

.ui-timepicker-table td,
.ui-timepicker-table th.periods {
    padding: .1em;
    width: 2.2em
}

.ui-timepicker-table td span {
    display: block;
    text-decoration: none
}

.ui-timepicker-table td a {
    display: block;
    cursor: pointer;
    text-decoration: none
}

.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-timepicker .ui-timepicker-buttonpane button {
    margin: .5em .2em .4em;
    cursor: pointer;
    width: auto;
    overflow: visible
}

.jspHorizontalBar *,
.jspVerticalBar *,
.slick-list {
    margin: 0;
    padding: 0
}

.ui-timepicker .ui-timepicker-close {
    float: right
}

.ui-timepicker .ui-timepicker-deselect,
.ui-timepicker .ui-timepicker-now {
    float: left
}

.slick-slider {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    overflow: hidden
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

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

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

.slick-slide img {
    display: block
}

.reviews-sec_slider .video-label{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(32, 149, 242, .8);
    padding: 20px 20px;
    color: #fff;
    font-size: 1.1rem;
}

.reviews-sec_slide-video .video-embed-field-launch-modal{
    height: 100%;
}

.reviews-sec_slide-video img{
    width: 100%;
    height: 100%;
}

.slick-slide.slick-loading img {
    display: none
}

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

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

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

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

.jspContainer {
    overflow: hidden
}

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

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

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

.btn,
.header,
.jspDrag,
.jspTrack,
.wrapper,
body,
html {
    position: relative
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: rgba(0, 0, 0, .15)
}

.jspDrag {
    top: 0;
    left: 0;
    background: #fff;
    cursor: pointer;
    margin: 0 4px;
    border-radius: 4px;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .8) inset
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

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

* html .jspCorner {
    margin: 0 -3px 0 0
}

h1,
h2,
h3,
li,
ol,
ul {
    margin: 0;
    padding: 0
}

body,
html {
    font: 16px/1.25 Roboto, sans-serif;
    color: #2b2b2b;
    font-weight: 300;
    height: 100%;
    background: #fff
}

h1,
h2 {
    font-weight: 300;
    line-height: 1.25;
    color: #2a2a2a;
    text-align: center;
    clear: both;
}

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

.contacts_main_email:before,
.contacts_main_tel:before,
.feedback-sec_call:after,
.header_main-menu>ul>li>a.chevrone:after,
.mob-menu-btn span,
.mob-menu-btn span:after,
.mob-menu-btn span:before,
.pop-up_time>label:after,
.portfolio_carusel-slide:after,
.right-nav_btn:before,
.right-nav_sev-link:before,
.tab-item:after {
    content: ''
}

.clear {
    -ms-zoom: 1;
    zoom: 1
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

p {
    margin: 1.125rem 0
}

h1 {
    font-size: 2.25rem;
    margin-bottom: 2.25rem
}

h2 {
    font-size: 2.5rem;
    margin-bottom: 1.875rem
}

.header_logo-slogan span,
.header_slogan {
    font-weight: 500;
    text-transform: uppercase
}

a {
    text-decoration: none;
    color: #f7285e;
    transition: .35s ease
}

a:hover {
    text-decoration: underline
}

.wrapper {
    min-height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -14rem
}

.btn,
input,
textarea {
    display: block;
    outline: 0
}

.content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.container {
    width: 100%;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

.btn {
    background: 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    padding: 0;
    transition: .35s ease
}

.header_logo-slogan span,
input,
textarea {
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

input,
textarea {
    width: 100%;
    background: #e6e6e6;
    border: 1px solid #f6f6f6;
    padding: 0 1.375rem;
    height: 3.5rem;
    margin-bottom: 1.25rem;
    color: #494949;
    font-size: 1rem;
    transition: .35s ease
}

input:focus,
textarea:focus {
    border-color: #2095f2;
    background: #fff
}

input.error,
textarea.error {
    border-color: red
}

textarea {
    resize: none;
    padding: 1.11rem 1.375rem;
    height: 9.125rem;
    margin-bottom: 2.5rem
}

form {
    margin: 0
}

.input::-webkit-input-placeholder {
    color: #494949;
    opacity: 1
}

.input::-moz-placeholder {
    color: #494949;
    opacity: 1
}

.input:-moz-placeholder {
    color: #494949;
    opacity: 1
}

.input:-ms-input-placeholder {
    color: #494949;
    opacity: 1
}

.input:placeholder {
    color: #494949;
    opacity: 1
}

.page {
    padding: 1.875rem 0 7.5rem
}

.page_main-sidebar {
    float: right;
    width: 68.34%;
    max-width: 710px;
    padding-left: 1.375rem
}

/*
.page-pagination {
    text-align: center;
    font-size: 0;
    margin-bottom: 1.5rem
}

.page-pagination a,
.page-pagination span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.625rem;
    margin: 0 .5rem
}

.page-pagination a {
    color: #f7285e;
    text-decoration: none
}

.page-pagination a:hover {
    color: #2095f2;
    text-decoration: none
}

.page-pagination span {
    color: #2095f2;
    text-decoration: underline
}

.page-pagination_next,
.page-pagination_prev {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.page-pagination_next:hover,
.page-pagination_prev:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.page-pagination_prev {
    background: url(../images/prev.svg) 1.25rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.page-pagination_prev:hover {
    background: url(../images/prev-w.svg) 1.25rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.page-pagination_next {
    background: url(../images/next.svg) center center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.page-pagination_next:hover {
    background: url(../images/next-w.svg) center center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}
*/

.pager {
    text-align: center;
    font-size: 0;
    margin-bottom: 1.5rem
}

.pager a,
.pager span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.625rem;
    margin: 0 .5rem
}

.pager a {
    color: #f7285e;
    text-decoration: none
}

.pager a:hover {
    color: #2095f2;
    text-decoration: none
}

.pager .is-active a {
    color: #2095f2!important;
}

.pager .page-pagination_next,
.pager .page-pagination_prev {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.pager .page-pagination_next:hover,
.pager .page-pagination_prev:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.pager .page-pagination_prev {
    background: url(../images/prev.svg) 1.25rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.pager .page-pagination_prev:hover {
    background: url(../images/prev-w.svg) 1.25rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.pager .page-pagination_next {
    background: url(../images/next.svg) center center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.pager .page-pagination_next:hover {
    background: url(../images/next-w.svg) center center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.sidebar {
    float: left;
    width: 31.66%
}

.header {
    height: 8.375rem;
    z-index: 2
}

.header .container {
    position: relative;
    height: 100%
}

.header_logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px
}

.header_logo-slogan,
.header_right {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.header_logo-img {
    height: 5.44rem
}

.header_logo-img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    transition: .35s ease
}

.header_logo-img img:nth-child(1) {
    opacity: 1;
    transition: .35s ease
}

.header_logo-img img:nth-child(2),
.header_logo-img img:nth-child(3),
.header_logo:hover .header_logo-img img:nth-child(1) {
    opacity: 0;
    transition: .35s ease
}

.header_logo-slogan {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding-left: 6.375rem;
    font-size: 1.375rem;
    line-height: 1.36;
    color: #000;
    white-space: nowrap
}

.header_logo-slogan span {
    display: block;
    color: #2095f2;
    transition: .35s ease
}

.services_item img,
.services_item>div {
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

.header_logo:hover .header_logo-img img:nth-child(2) {
    opacity: 1
}

.header_logo:active .header_logo-img img:nth-child(1),
.header_logo:active .header_logo-img img:nth-child(2),
.header_logo:hover .header_logo-img img:nth-child(3) {
    opacity: 0
}

.header_logo:hover .header_logo-slogan span {
    color: #9c26b0
}

.header_logo:active .header_logo-img img:nth-child(3) {
    opacity: 1
}

.header_logo:active .header_logo-slogan span {
    color: #f7285e
}

.header_right {
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.header_slogan {
    text-align: right;
    margin-bottom: 1.9rem;
    line-height: 1.2;
    color: #2095f2;
    font-size: 1.75rem
}

.header_main-menu {
    float: right
}

.header_main-menu>ul>li {
    float: left;
    border-right: 1px solid #2095f2;
    position: relative
}

.header_main-menu>ul>li:last-child {
    border-right: none
}

.header_main-menu>ul>li:last-child>a {
    padding-right: 0
}

.header_main-menu>ul>li>a {
    display: block;
    /*padding: 0 .625rem;*/
    margin: 0 .625rem;
    text-transform: uppercase;
    color: #f7285e;
    line-height: 1.125rem;
    font-weight: 300
}

.header_main-menu>ul>li>a:active {
    color: #2095f2;
    text-decoration: underline
}

.header_main-menu>ul>li>a.chevrone:after {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 6px;
    background: url(../images/down.svg) no-repeat;
    margin: -2px 0 0 6px
}

.header_main-menu>ul>li:hover>a {
    color: #2095f2;
    /*text-decoration: none;
    border-bottom: 1px dotted;*/
    text-decoration: underline;
    text-decoration-style: dotted;
}

.header_main-menu>ul>li:hover>a.chevrone:after {
    background: url(../images/down-b.svg) no-repeat
}

.header_main-menu-sublist {
    display: none;
    position: absolute;
    border: 1px solid #e5e5e5;
    top: 100%;
    left: 0;
    padding: .8rem .8rem .5rem;
    background: #fff;
    z-index: 3
}

.header_main-menu-sublist>li>a {
    display: block;
    line-height: 2.25;
    font-size: 1.125rem;
    white-space: nowrap;
    padding: 0 .875rem;
    border: 1px solid #fff;
    margin-bottom: .375rem;
    color: #f7285e;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}

.header_main-menu-sublist>li>a:hover {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    border-color: #2095f2;
    text-decoration: none;
    color: #2095f2;
}

.footer_logo:hover .footer_logo-slogan,
.footer_mail {
    text-decoration: underline
}

.header_main-menu-sublist>li>a:active {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    border-color: #2095f2;
    background: #2095f2;
    color: #fff;
}

.footer_topline {
    height: 6.5rem;
    background: url(../images/footer-bg.jpg) center center no-repeat #1399e8;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: .7rem;
    color: #fff
}

.footer_topline .container {
    height: 100%;
    position: relative
}

.footer_logo {
    height: 100%;
    width: 18rem;
    display: block;
    float: left;
    position: relative;
    color: #fff;
}

.footer_logo:hover .footer_logo-slogan{
    text-decoration: none;
}

.footer_logo:hover .footer_logo-slogan{
    margin-top: 1px;
    border-bottom: 2px dotted;
}

.footer_logo-img {
    height: 100%
}

.footer_logo-img img {
    display: block;
    height: 100%
}

.footer_logo-slogan {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 6rem;
    white-space: nowrap;
    line-height: 1.36;
    font-size: 1.375rem;
}

.banner_img,
.banner_logo,
.banner-wrap img{
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%)
}

.banner-wrap{
	height: 26.25rem;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.link-monitor-photo{
    display: none;
}

.footer_logo-slogan span {
    display: block;
    font-weight: 500;
    text-transform: uppercase
}

.footer_btn-bar {
    float: right;
    padding-top: 2px
}

.footer_btn {
    height: 3rem;
    line-height: -webkit-calc(3rem - 2px);
    line-height: -moz-calc(3rem - 2px);
    line-height: calc(3rem - 2px);
    padding: 0 1.25rem;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    margin-bottom: .625rem;
    font-size: 1.125rem
}

.footer_btn:hover {
    color: #2095f2;
    background: #fff
}

.footer_mail {
    text-align: right;
    float: right;
    display: inline-block;
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    line-height: 19px;
}

.footer_mail:hover {
    text-decoration: none;
    border-bottom: none;
}

.footer_main-menu>ul>li>a.active,
.footer_main-menu>ul>li>a:hover,
.seo-sec a {
    text-decoration: underline
}

.footer_main-menu {
    margin: 0 auto;
    text-align: center;
    padding-top: 2rem
}

.footer_main-menu>ul {
    font-size: 0
}

.footer_main-menu>ul>li {
    border-right: 1px solid #fff;
    display: inline-block;
    height: 1rem
}

.footer_main-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 0 .875rem;
    font-size: 1.125rem;
    line-height: .9
}

.footer_main-menu>ul>li:last-child {
    border-right: none
}

.footer_main-menu>ul>li:last-child>a {
    padding-right: 0
}

.footer_botline {
    background: #fff;
    /* padding: 1.625rem 15px;
    height: 100px */
    height: 75px;
    padding: 1rem 15px;
}

.footer_botline-left {
    float: left;
    color: #2a2a2a;
    line-height: 1.5
}

.banner_header,
.banner_header h2 {
    line-height: 100%;
    font-size: 2.5rem;
    font-weight: 400
}

.footer_botline-left address {
    font-style: normal
}

.footer_botline-left span {
    display: block
}

.footer_copyright {
    color: #2095f2;
    float: right
}

.seo-sec {
    padding: 4.5rem 0;
    border-top: 4px solid #1e9dea;
    border-bottom: 4px solid #1e9dea;
}

.page-node-184 .seo-sec{
    border: 0;
}

.seo-sec_portfolio {
    padding-top: 0
}

.seo-sec a:hover {
    text-decoration: none
}

.services_item,
.services_item:hover {
    text-decoration: none!important
}

.banner {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner_img,
.banner-wrap img{
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    display: block
}


.banner_logo,
.services_item img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: block
}

.banner_logo {
    position: absolute;
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    margin-top: -3rem
}

.services_item img,
.services_item>div span {
    -moz-transform: translate(-50%, -50%);
    top: 50%
}

.banner_header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 1.4rem 0;
    color: #fff;
    background: rgba(32, 149, 242, .8);
    text-align: center
}

.banner_header h2 {
    color: #fff
}

/* .services {
    padding-top: 4.5rem
} */

.services {
    padding-top: 0;
}

/*.services_wrap {
    margin-top: 2.125rem//
}
*/

.services_item {
    width: 48.75%;
    position: relative;
    height: 15.875rem;
    color: #fff;
    margin-bottom: 1.75rem;
    overflow: hidden
}

.services_item img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    min-width: 100%;
    -webkit-filter: blur(0);
    filter: blur(0);
    transition: .35s ease
}

.services_item>div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4.372rem;
    transition: .35s ease
}

.services_item>div span {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    width: 100%;
    white-space: nowrap
}


.feedback-sec_tel,
.feedback-sec_tel:hover,
.portfolio_slide-more:hover,
.read-more:hover,
.right-nav_mail:hover,
.right-nav_mine-menu li a.active,
.right-nav_mine-menu li a:hover,
.right-nav_sev-link:hover,
.spoiler-slide:hover {
    text-decoration: none
}

.services_item:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

/* .services_item:hover>div {
    height: 100%
}

.services_item:hover>div span {
    font-size: 2.5rem
} */

.services_item h4{
   position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4.372rem;
    transition: .35s ease;
    margin: 0;
    text-align: center;
    line-height: 4.372rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400; 
}

.services_item:hover h4{
    height: 100%;
    line-height: 16rem;
    font-size: 2.5rem;
}

.services_item.seo:hover h4{
    line-height: 33rem;
}

.services_item.dev {
    float: left
}

.services_item.pluscat {
    float: left
}

.services_item.pluscat2 {
    float: left
}

.services_item.dev h4 {
    background: rgba(103, 57, 182, .8)
}

.services_item.pluscat h4 {
    background: rgba(103, 57, 182, .8)
}

.services_item.pluscat2 h4 {
    background: rgba(103, 57, 182, .8)
}


.services_item.seo {
    float: right;
    height: 33.5rem
}

.services_item.context,
.services_item.suport {
    float: left
}

.services_item.seo h4 {
    background: rgba(156, 38, 176, .8)
}

.services_item.suport h4 {
    background: rgba(247, 40, 94, .8)
}

.services_item.context h4 {
    background: rgba(255, 85, 33, .8)
}

.services_item.audit {
    float: right
}

.services_item.audit h4 {
    background: rgba(255, 151, 0, .8)
}

.feedback-sec {
    padding: 4.625rem 0 4.875rem;
    background: url(../images/feedback-bg.jpg) center center no-repeat #fcfcfd;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}

.feedback-sec h2 {
    text-transform: uppercase;
    margin-bottom: 4rem;
    color: #000
}

.feedback-sec h3 {
    margin-bottom: .75rem;
    font-weight: 300;
    font-size: 1.5rem
}

.feedback-sec_about {
    background-image: url(../images/about-cb-bg.jpg)
}

.feedback-sec_about h2 {
    margin-bottom: 1.375rem
}

.feedback-sec_desc {
    margin: 0 auto 1.5rem;
    max-width: 890px;
    color: #000;
    font-size: 1.625rem
}

.feedback-sec_call {
    float: left;
    width: 50%;
    position: relative;
    font-size: 0;
    text-align: left
}

.feedback-sec_call h3 {
    text-align: center;
    margin-bottom: 1.35rem;
    color: #000
}

.feedback-sec_call:after {
    display: block;
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 2.8rem;
    height: 1rem;
    background: url(../images/right-arrow.svg) center center no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: -2.6rem
}

.feedback-sec_note,
.feedback-sec_tel {
    display: inline-block;
    vertical-align: middle
}

.clients_main-item img,
.why_img img {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    left: 50%
}

.feedback-sec_write {
    float: right;
    width: 50%;
    color: #000
}

.feedback-sec_btn {
    height: 3.875rem;
    line-height: -webkit-calc(3.875rem - 2px);
    line-height: -moz-calc(3.875rem - 2px);
    line-height: calc(3.875rem - 2px);
    padding: 0 1.875rem;
    background: #fff;
    border: 1px solid #f7285e;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    color: #f7285e;
    font-size: 1.125rem;
    margin: 0 auto
}

.feedback-sec_tel {
    color: #f7285e;
    cursor: default;
    font-size: 3.2rem;
    margin-right: 1.125rem;
    line-height: 3.2rem;
    cursor: pointer;
}


.feedback-sec_note {
    font-style: italic;
    color: #000;
    font-size: 1.125rem;
    line-height: 1.25;
    font-weight: 500
}

.why {
    padding: 5.4rem 0 4.625rem
}

.why_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.clients_main,
.site-type_list,
.tarif_wrap {
    -webkit-box-pack: justify
}

.why_item {
    width: 25%;
    max-width: 265px;
    text-align: center;
    color: #000;
    padding: 0 .5rem
}

.why_item p{
    margin-top: 0;
}

.why_img {
    margin: 0 auto 2.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #efefef;
    width: 7.125rem;
    height: 7.125rem;
    position: relative
}

.why_img img {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    height: 70%
}

.why_title {
    font-size: 1.25rem;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 4.375rem;
    /*margin-bottom: 1.5rem;*/
    font-weight: 300;
    color: #000
}

.clients,
.clients h2 {
    color: #fff
}

.clients {
    background: url(../images/clients-bg.jpg) center center no-repeat #1692e7;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 5rem 0 4.875rem
}

.clients_main {
    padding: 0 2rem;
    margin: 2rem 0 2.375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clients_main div{
    width: 31.7%;
    background: #fff;
}

.clients_main-item {
    display: block;
    height: 14.65rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    position: relative
}

.clients_main-item img {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    width: 250px;
    height: auto;

}

.clients_carusel-item img,
.reviews-sec_img img {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    top: 50%;
    display: block
}

.clients_carusel {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 1rem;
    position: relative
}

.clients_carusel-item {
    margin: 0 1rem;
    display: block;
    height: 11.75rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    position: relative
}

.clients_carusel-item img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 63%;
    max-width: 90%;
    width: initial;
}

.clients_carusel .slick-arrow {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3.37rem;
    width: 2rem;
    background: #fff;
    font-size: 0;
    z-index: 3;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.clients_carusel .slick-arrow:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.clients_carusel .slick-prev {
    left: -1rem;
    -webkit-border-radius: 1.875rem 0 0 1.875rem;
    -moz-border-radius: 1.875rem 0 0 1.875rem;
    border-radius: 1.875rem 0 0 1.875rem;
    background: url(../images/prev.svg) .8rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.clients_carusel .slick-prev:hover {
    background: url(../images/prev-w.svg) .8rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.clients_carusel .slick-next {
    right: -1rem;
    -webkit-border-radius: 0 1.875rem 1.875rem 0;
    -moz-border-radius: 0 1.875rem 1.875rem 0;
    border-radius: 0 1.875rem 1.875rem 0;
    background: url(../images/next.svg) .6rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.clients_carusel .slick-next:hover {
    background: url(../images/next-w.svg) .6rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.reviews-sec {
    padding: 4.75rem 0 4rem
}

.reviews-sec_bg {
    background: url(../images/rev-bg.jpg) center center no-repeat #eee;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.reviews-sec_slide {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20.625rem;
    padding: 2.25rem 1.125rem 2.5rem 1.875rem;
    font-size: 1.06rem
}

.reviews-sec_slide-video{
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.06rem;
    height: 20.625rem;
}

.reviews-sec_img {
    position: absolute;
    background: #d9d9d9;
    width: 11rem;
    height: 15.5rem;
    border: 1px solid #f9f9f9
}

.reviews-sec_img img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%
}

.right-nav_sev-link span,
.spoiler-slider .slick-arrow {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.reviews-sec_slide-main {
    padding-left: 11.875rem;
    height: 15.6rem;
    overflow: hidden
}

.reviews-sec_name {
    padding-left: .5rem;
    color: #2a2a2a;
    font-size: 1.875rem;
    margin-bottom: .5rem;
    margin-top: -.4rem
}

.reviews-sec_status {
    padding: 0 0 1rem .5rem;
    border-bottom: 1px solid #f6f6f6;
    color: #878787;
    font-size: 1.125rem;
    margin-bottom: 1rem
}

.reviews-sec_spoiler {
    line-height: 1.4
}

.read-more {
    line-height: 3.8rem;
    height: 3.837rem;
    max-width: 95%;
    width: 12.625rem;
    line-height: -webkit-calc(3.837rem - 2px);
    line-height: -moz-calc(3.837rem - 2px);
    line-height: calc(3.837rem - 2px);
    text-align: center;
    background: #fff;
    border: 1px solid #f7285e;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    color: #f7285e;
    font-size: 1.125rem;
    margin: 0 auto
}

.node-type-our-works .read-more{
	display: inline-block;
	width: auto;
	padding: 0 20px;
}

.spoiler-slider {
    margin: 2rem 0 2.5rem;
    padding: 0 3.5rem;
    position: relative
}

.spoiler-slider .slick-arrow {
    border: none;
    outline: 0;
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    font-size: 0;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.right-nav_tel,
.spoiler-slide .spoiler-more {
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

.spoiler-slider .slick-arrow:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.spoiler-slider .slick-prev {
    left: 0;
    background: url(../images/prev.svg) 1.25rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.spoiler-slider .slick-prev:hover {
    background: url(../images/prev-w.svg) 1.25rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.spoiler-slider .slick-next {
    right: 0;
    background: url(../images/next.svg) center center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.spoiler-slider .slick-next:hover {
    background: url(../images/next-w.svg) center center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.spoiler-slide {
    margin: 0 1rem;
    background: #fff;
    display: block;
    color: #2a2a2a;
    position: relative
}

.spoiler-slide .spoiler-more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .35s ease;
    background: rgba(32, 149, 242, .6);
    opacity: 0;
    cursor: pointer;
}

.spoiler-slide .spoiler-more span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 8.875rem;
    height: 2.8rem;
    line-height: -webkit-calc(2.8rem - 4px);
    line-height: -moz-calc(2.8rem - 4px);
    line-height: calc(2.8rem - 4px);
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    border-radius: 1.4rem;
    font-size: 1.185rem;
    font-weight: 400;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24);
}

.spoiler-slide:hover .spoiler-more {
    opacity: 1
}

.slick-slide {
    outline: 0!important
}

.articles-sec {
    padding: 4rem 0 4.875rem;
    background: url(../images/articles-prev-bg.jpg) center center no-repeat #fcfcfc;
    background-size: cover;
}

.articles-sec_slide {
    min-height: 26.875rem;
    padding: 1.25rem 2.25rem 1.625rem;
    border: 1px solid #e5e5e5;
    height: 610px;
}

.articles-sec_time {
    position: absolute;
    bottom: 0;
    color: #a0a0a0;
    display: block;
    margin-bottom: .9rem;
}

.articles-sec_img {
    margin-bottom: 1.125rem;
    border: 1px solid #999
}

.articles-sec_img img {
    display: block;
    width: 100%;
    height: auto;
}

.articles-sec_slide a,
.articles_item a {
    color: #2a2a2a;
    font-size: 1.6rem;
    font-weight: 400;
    display: block
}

.articles-sec_slide>a,
.articles_item>a {
    margin-bottom: .9rem;
}

.articles-sec_slide a:hover,
.articles_item a:hover {
    color: #f7285e
}

.right-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-box-shadow: -2px 0 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: -2px 0 6px rgba(0, 0, 0, .2);
    box-shadow: -2px 0 6px rgba(0, 0, 0, .2);
    width: 14rem;
    z-index: 800;
    text-align: center;
    padding-bottom: 6.25rem
}

.right-nav_contblock {
    padding-top: 1.25rem;
    height: 8.375rem
}

.right-nav_tel {
    font-size: 1.625rem;
    font-weight: 400;
    display: inline-block;
    margin-bottom: .5rem;
    transition: .35s ease
}

.right-nav_tel:hover {
    text-decoration: none;
    font-weight: 500
}

.right-nav_btn {
    margin: 0 auto .35rem;
    color: #f7285e;
    display: inline-block
}

.right-nav_btn:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/rn-phone.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-right: .625rem
}

.right-nav_btn span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    border-bottom: 2px dotted #fff;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease
}

.right-nav_btn:hover span {
    border-bottom-color: #f7285e
}

.right-nav_mail {
    color: #7b7a7a;
    border-bottom: 1px dotted #7b7a7a;
    display: inline-block;
    margin-bottom: 1.85rem
}

.about_left,
.about_right,
.right-nav_serv-menu {
    margin-bottom: 2.875rem
}

.right-nav_serv-menu{
    margin-bottom: 1.875rem
}

.right-nav_mail:hover {
    color: #f7285e;
    border-color: #f7285e
}

.right-nav_serv-menu li {
    /*border-bottom: 1px solid #f9f9f9*/
    border-bottom: 1px solid #dbdbdb;
}

.right-nav_serv-menu li:first-child {
    border-top: 1px solid #dbdbdb;
    margin-top: -1px;
}

.right-nav_sev-link {
    display: block;
    height: 5.18rem;
    position: relative
}

.right-nav_sev-link:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5rem;
    height: 5.25rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.right-nav_sev-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 1.125rem;
    width: 2.875rem;
    height: 2.625rem;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    z-index: 3
}

.right-nav_sev-link:hover:before {
    width: 100%
}

.right-nav_sev-link:hover span {
    color: #fff!important
}

.right-nav_sev-link span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5.375rem;
    text-transform: uppercase;
    line-height: 1.25;
    text-align: left;
    transition: .5s color ease;
}

.right-nav_sev-link.dev {
    color: #6739b6
}

.right-nav_sev-link.pluscat {
    color: #6739b6
}

.right-nav_sev-link.pluscat2 {
    color: #6739b6
}

.right-nav_sev-link.dev:before {
    background-color: #6739b6
}

.right-nav_sev-link.pluscat:before {
    background-color: #6739b6
}

.right-nav_sev-link.pluscat2:before {
    background-color: #6739b6
}

.right-nav_sev-link.dev:after {
    background-image: url(../images/rn-code-design.svg)
}

.right-nav_sev-link.pluscat:after {
    background-image: url(../images/rn-code-design.svg)
}

.right-nav_sev-link.pluscat2:after {
    background-image: url(../images/rn-code-design.svg)
}

.right-nav_sev-link.seo {
    color: #9c26b0
}

.right-nav_sev-link.seo:before {
    background-color: #9c26b0
}

.right-nav_sev-link.seo:after {
    background-image: url(../images/rn-space-ship-in-diagonal-position.svg)
}

.right-nav_sev-link.suport {
    color: #f7285e
}

.right-nav_sev-link.suport:before {
    background-color: #f7285e
}

.right-nav_sev-link.suport:after {
    background-image: url(../images/rn-support.svg)
}

.right-nav_sev-link.context {
    color: #ff5521
}

.right-nav_sev-link.context:before {
    background-color: #ff5521
}

.right-nav_sev-link.context:after {
    background-image: url(../images/rn-dartboard.svg)
}

.right-nav_sev-link.audit {
    color: #ff9700
}

.right-nav_sev-link.audit:before {
    background-color: #ff9700
}

.right-nav_sev-link.audit:after {
    background-image: url(../images/rn-stats.svg)
}

.right-nav_sev-link.smm {
    color: #31B6EF;
}

.right-nav_sev-link.smm:before {
    background-color: #31B6EF;
}

.right-nav_sev-link.smm:after {
    background-image: url(../images/smm.png)
}

.right-nav_mine-menu {
    /*padding-left: 1.125rem;*/
    padding-left: 1rem;
    text-align: left
}

.right-nav_mine-menu li {
    margin-bottom: 1.125rem
}

.right-nav_mine-menu li a {
    text-transform: uppercase;
    color: #f7285e
}

.right-nav_mine-menu li a.active {
    color: #f7285e
}

.right-nav_mine-menu li a:hover {
    color: #2095f2;
    border-bottom: 1px dotted #2095f2
}

.right-nav_mine-menu li a:active {
    color: #7c7c7c;
    border-bottom: 1px dotted #7c7c7c
}

.right-nav_soc {
    position: absolute;
    /*bottom: 100px;*/
    bottom: 0;
    left: 0;
    right: 0;
    height: 6.5rem;
    background: url(../images/footer-bg.jpg) center center no-repeat #1387dc;
    text-align: center;
    padding-top: 2.2rem;
    font-size: 0;
    z-index: 4
}

.stickySoc{

}

.right-nav_soc li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5rem
}

.right-nav_soc-link {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1
}

.right-nav_soc-link.fb {
    background-image: url(../images/insta.svg)
}

.right-nav_soc-link.fb:hover {
    background-image: url(../images/insta-color.svg)
}

.right-nav_soc-link.vk {
    background-image: url(../images/vk.svg)
}

.right-nav_soc-link.vk:hover {
    background-image: url(../images/VK-r.svg)
}

.mob-menu-btn {
    display: none;
    position: fixed;
    top: 2.25rem;
    right: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    width: 2.8rem;
    height: 4rem;
    -webkit-border-radius: 2rem 0 0 2rem;
    -moz-border-radius: 2rem 0 0 2rem;
    border-radius: 2rem 0 0 2rem;
    background: #fff;
    -webkit-box-shadow: -4px 0 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: -4px 0 6px rgba(0, 0, 0, .2);
    box-shadow: -4px 0 6px rgba(0, 0, 0, .2);
    z-index: 800
}

.mob-menu-btn span,
.mob-menu-btn span:after,
.mob-menu-btn span:before {
    position: absolute;
    display: block;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    background: #f7285e;
    height: .25rem;
    -webkit-border-radius: .125rem;
    -moz-border-radius: .125rem;
    border-radius: .125rem;
    width: 1.6rem
}

.mob-menu-btn span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .7rem
}

.mob-menu-btn span:before {
    left: 0;
    bottom: -.5rem
}

.mob-menu-btn span:after {
    left: 0;
    top: -.5rem
}

.mob-menu-btn:hover {
    background: #f7285e
}

.mob-menu-btn:hover span,
.mob-menu-btn:hover span:after,
.mob-menu-btn:hover span:before {
    background: #fff
}

.mob-menu-btn.open span {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.mob-menu-btn.open span:before {
    display: none
}

.mob-menu-btn.open span:after {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mob-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 750;
    background: rgba(0, 0, 0, .3);
    display: none
}

.portfolio {
    padding-top: 4.2rem
}

.portfolio_wrap {
    padding-bottom: 5rem
}

.portfolio_tab {
    margin-top: 2.5rem
}

.portfolio_tab-slide {
    border-top: 1px solid #e2e2e2;
    margin-top: -1px;
    background: url(../images/portfolio-bg.png) center bottom no-repeat #f8f8f8
}

.portfolio_tab-slide .container {
    padding-top: 2.8rem;
    padding-bottom: 3.6rem
}

.portfolio_carusel {
    width: 22.5%;
    float: right;
    margin-top: 5.185rem;
    margin-right: 2.6%;
    z-index: 5
}

.portfolio_carusel .slick-current .portfolio_carusel-slide {
    border-color: #f7285e
}

.portfolio_carusel-slide {
    margin: 14px 0;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    overflow: hidden;
    position: relative
}

.portfolio_carusel-slide:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/zoom.svg) center center no-repeat rgba(0, 0, 0, .4);
    -moz-background-size: 2.875rem 2.875rem;
    -o-background-size: 2.875rem 2.875rem;
    background-size: 2.875rem 2.875rem;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    opacity: 0
}

.portfolio_carusel-slide:hover {
    border-color: #f7285e
}

.portfolio_carusel-slide:hover:after {
    opacity: 1
}

.portfolio_carusel-slide:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.portfolio_carusel-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
}

.portfolio_carusel .slick-arrow {
    background: 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    display: block;
    cursor: pointer;
    text-align: center;
    padding: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    width: 3.38rem;
    height: 2rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-size: 0
}

.portfolio_slide,
.portfolio_slider {
    position: relative
}

.portfolio_slide h3 span,
.tab-item span {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.portfolio_carusel .slick-arrow:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.portfolio_carusel .slick-prev {
    top: 9px;
    -webkit-border-radius: 0 0 1.69rem 1.69rem;
    -moz-border-radius: 0 0 1.69rem 1.69rem;
    border-radius: 0 0 1.69rem 1.69rem;
    background: url(../images/up.svg) center .5rem no-repeat #fff;
    -moz-background-size: 1rem auto;
    -o-background-size: 1rem auto;
    background-size: 1rem auto
}

.portfolio_carusel .slick-prev:hover {
    background: url(../images/up-w.svg) center .5rem no-repeat #f7285e;
    -moz-background-size: 1rem auto;
    -o-background-size: 1rem auto;
    background-size: 1rem auto
}

.portfolio_carusel .slick-next {
    bottom: 23px;
    -webkit-border-radius: 1.69rem 1.69rem 0 0;
    -moz-border-radius: 1.69rem 1.69rem 0 0;
    border-radius: 1.69rem 1.69rem 0 0;
    background: url(../images/down.svg) center 1rem no-repeat #fff;
    -moz-background-size: 1rem auto;
    -o-background-size: 1rem auto;
    background-size: 1rem auto
}

.portfolio_carusel .slick-next:hover {
    background: url(../images/down-w.svg) center 1rem no-repeat #f7285e;
    -moz-background-size: 1rem auto;
    -o-background-size: 1rem auto;
    background-size: 1rem auto
}

.portfolio_slider {
    float: left;
    width: 66.66%;
    margin-left: 2.6%;
    z-index: 2
}

.portfolio_slider .slick-list {
    overflow: visible
}

.portfolio_slide h3 {
    position: relative;
    height: 4rem;
    font-size: 1.875rem;
    color: #2a2a2a;
    margin-bottom: -webkit-calc(1.25rem + 14px);
    margin-bottom: -moz-calc(1.25rem + 14px);
    margin-bottom: calc(1.25rem + 14px);
    font-weight: 300
}

.portfolio_slide h3 span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 107%;
    left: 0
}

.portfolio_slide h3 a:hover{
    text-decoration: none;
    border-bottom: 2px dotted;
}

.portfolio_slide-more {
    height: 3rem;
    width: 10.5rem;
    line-height: 3rem;
    text-align: center;
    background: #fff;
    border: 1px solid #f7285e;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    color: #f7285e;
    font-size: 1.125rem;
    position: absolute;
    bottom: 17.7%;
    z-index: 10;
    left: 38.5%;
}

.tab-item,
.tab-item:after {
    border-top: 1px solid #f7285e;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

.portfolio_monitor {
    position: relative
}

.portfolio_monitor-img {
    display: block;
    width: 100%
}

.portfolio_screen {
    position: absolute;
    top: 4%;
    left: 3.3%;
    width: 92%;
    padding-top: 51.625%
}

.portfolio_screen-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.portfolio_screen-overlay img {
    display: block;
    width: 100%
}

.portfolio_screen-img {
    height: 100%;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.screens .portfolio_screen-img,
.slick-current .portfolio_screen-img {
    -webkit-animation: 30s scrollImg infinite;
    -moz-animation: 30s scrollImg infinite;
    -o-animation: 30s scrollImg infinite;
    animation: 30s scrollImg infinite;
}

.node-type-our-works .screens .portfolio_screen-img{
	-webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.node-type-our-works .screens .screens_monitor .portfolio_screen-img{
	-webkit-animation: 30s scrollImg infinite;
    -moz-animation: 30s scrollImg infinite;
    -o-animation: 30s scrollImg infinite;
    animation: 30s scrollImg infinite;
}

.node-type-our-works .screens .screens_note:hover .portfolio_screen-img,
.node-type-our-works .screens .screens_tab:hover .portfolio_screen-img,
.node-type-our-works .screens .screens_mob:hover .portfolio_screen-img{
	-webkit-animation: 30s scrollImg infinite;
    -moz-animation: 30s scrollImg infinite;
    -o-animation: 30s scrollImg infinite;
    animation: 30s scrollImg infinite;
    cursor: pointer;
}


@-webkit-keyframes scrollImg {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@-moz-keyframes scrollImg {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@-o-keyframes scrollImg {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes scrollImg {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.tab-items {
    padding-right: -webkit-calc(15px + 4.5rem);
    padding-right: -moz-calc(15px + 4.5rem);
    padding-right: calc(15px + 4.5rem)
}

.tab-item {
    width: 33.33%;
    height: 4.75rem;
    position: relative;
    float: left;
    -webkit-border-radius: .8rem 0 0 0;
    -moz-border-radius: .8rem 0 0;
    border-radius: .8rem 0 0;
    border-left: 1px solid #f7285e;
    font-size: 1.625rem;
    font-weight: 400;
    color: #f7285e;
    cursor: pointer;
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.tab-item:nth-child(1) {
    z-index: 4
}

.tab-item:nth-child(1) span {
    padding-left: 5.875rem
}

.tab-item:nth-child(1) img {
    left: 2rem
}

.tab-item:nth-child(2) {
    z-index: 3
}

.tab-item:nth-child(3) {
    z-index: 2
}

.tab-item:after {
    display: block;
    position: absolute;
    top: -1px;
    right: -4.5rem;
    bottom: 0;
    height: 100%;
    width: 4.5rem;
    border-right: 1px solid #f7285e;
    -webkit-border-radius: 0 .8rem 0 0;
    -moz-border-radius: 0 .8rem 0 0;
    border-radius: 0 .8rem 0 0;
    -webkit-transform: skewX(35deg);
    -moz-transform: skewX(35deg);
    -ms-transform: skewX(35deg);
    -o-transform: skewX(35deg);
    transform: skewX(35deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: .35s ease;
    transition: .35s ease
}

.tab-item img,
.tab-item span {
    display: block;
    position: absolute;
    top: 50%
}

.tab-item span {
    transform: translateY(-50%);
    padding-left: 7.75rem;
    z-index: 2;
    width: 100%;
    line-height: 1;
    transition: .35s ease;
}


.portfolio_tab-item.tab-item:hover span{
    color: #2095f2;
}


.pop-up_form,
.tab-item img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.tab-item img {
    transform: translateY(-50%);
    max-width: 3rem;
    max-height: 3rem;
    left: 4rem;
    opacity: 1;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease
}

.tab-item img:nth-child(2),
.tab-item.active img {
    opacity: 0
}

.portfolio_tab-item.tab-item:hover img{
    opacity: 1
}

.tab-item:hover,
.tab-item:hover:after {
    border-color: #2095f2 #2095f2 #e2e2e2
}

.tab-item.active,
.tab-item.active:after {
    border-color: #e5e5e5 #e5e5e5 #f8f8f8;
    background-color: #f8f8f8
}

.tab-item.active {
    height: 5.5rem;
    margin-top: -.75rem;
    cursor: default;
    color: #2095f2;
    z-index: 5
}

.tab-item.active img:nth-child(2) {
    opacity: 1
}

.tab-slide {
    display: none
}

.tab-slide.active {
    display: block
}

.tab-slide-name {
    font-size: 3rem;
    line-height: 1.16;
    font-weight: 300;
    margin-bottom: 2.25rem
}

.pop-up_left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: 990;
    background: url(../images/pop-up-bg.jpg) right center no-repeat #2095f2;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    transform: translateX(-101%);
    opacity: 0
}

.articles_item .spoiler-more,
.pop-up_right {
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    bottom: 0
}

.pop-up_left.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.ok-message_cont,
.pop-up_logo img {
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.pop-up_logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 615px
}

.pop-up_logo img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%
}

.pop-up_time>label,
.pop-up_time>span {
    display: inline-block;
    vertical-align: middle
}

.pop-up_right {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 990;
    background: #fff;
    -moz-transition: .35s ease;
    transition: .35s ease;
    border-top: 4px solid #2095f2;
    border-bottom: 4px solid #2095f2;
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%);
    transform: translateX(101%);
    opacity: 0
}

.faq_q-btn,
.pop-up_btn,
.pop-up_right.open .form-submit {
    border: 1px solid #f7285e
}

.pop-up_right.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.pop-up_cont {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 615px;
    padding-right: 15px
}

.pop-up_close {
    position: absolute;
    right: 15px;
    top: 1.8rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 3
}

.pop-up_form,
.pop-up_right.open div.contact-message-write-us-form,
.pop-up_right.open div.contact-message-call-form{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 0 15px 0 3.625rem
}

#contact_ajax_contact_message_call_form div[role="contentinfo"],
#contact_ajax_contact_message_write_us_form div[role="contentinfo"] {
    display: none;
}


.pop-up_form input,
.pop-up_right.open .contact-message-write-us-form input,
.pop-up_right.open .contact-message-call-form input {
    width: 70%
}

.pop-up_form.pop-up_call-back-form input,
.contact-message-call-form form input{
    width: 100%
}

.pop-up_right.open

.pop-up_title,
.pop-up_right.open h2 {
    font-size: 2.5rem;
    font-size: 1.875rem;
    margin-bottom: 3.75rem;
    text-align: left
}

.pop-up_right.open h2{
	margin-bottom: 1.5rem;
}

.pop-up_btn,
.pop-up_right.open .form-submit {
    height: 3.875rem;
    width: 13.44rem!important;
    background: #fff;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    line-height: -webkit-calc(3.875rem - 2px);
    line-height: -moz-calc(3.875rem - 2px);
    line-height: calc(3.875rem - 2px);
    text-align: center;
    font-size: 1.125rem;
    color: #f7285e;
    cursor: pointer;
}

.pop-up_time {
    margin: 3.125rem 0 3.5rem;
    text-align: left;
    position: relative
}

.pop-up_time>span {
    color: #494949
}

.pop-up_time>label {
    width: 16%;
    margin: 0 1rem;
    position: relative
}

.pop-up_time>label:last-of-type {
    margin-right: 0
}

.pop-up_time>label:after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .8rem;
    border-top: 7px solid #c6c6c6;
    border-bottom: 7px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 3.5px
}

input.time-input,
.field--name-field-time-start select,
.field--name-field-time-finish select {
    height: 2.875rem;
    background: #fff;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    border-radius: 1.4rem;
    border-color: #c6c6c6;
    margin: 0;
    padding: 0 .8rem;
    width: 100%
}
.field--name-field-time-start select,
.field--name-field-time-finish select{
	width: 86px;
}

#ui-timepicker-div {
    top: -webkit-calc(100% - .5rem)!important;
    top: -moz-calc(100% - .5rem)!important;
    top: calc(100% - .5rem)!important;
    position: absolute!important;
    right: 0!important;
    left: auto!important;
    background: #fff
}

#ui-timepicker-div * {
    font-size: 12px!important
}

.ui-timepicker-table td a,
.ui-timepicker-table td span {
    font-size: 12px;
    padding: 0;
    text-align: center;
    width: 30px;
    line-height: 30px!important;
    height: 30px;
    color: #2095f2;
    font-weight: 400
}

.ui-widget-header {
    background: #2095f2;
    border-color: #2095f2
}

.ui-timepicker .ui-timepicker-buttonpane button {
    line-height: 30px!important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    color: #f7285e;
    outline: 0;
    border: 1px solid #f7285e;
    padding: 0 12px
}

.ok-message {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)
}

.ok-message .pop-up_close {
    top: 1.75rem;
    right: 2.25rem
}

.ok-message_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 96%;
    max-width: 660px;
    background: #fff;
    text-align: center;
    padding: 6.5rem 2.25rem 5.125rem
}

.ok-message_cont h2 {
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
    font-weight: 300;
    color: #000
}

.ok-message_cont span {
    display: block;
    margin-bottom: 2.75rem;
    font-size: 1.5rem
}

.ok-message_cont .pop-up_btn {
    margin: 0 auto
}

.breadcrumbs {
    padding-top: 2.75rem;
    color: #2095f2;
    font-size: 1.125rem;
    line-height: 1.375rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.breadcrumbs a,
.breadcrumbs span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .3rem;
    color: #f7285e;
}

.breadcrumbs span {
    color: #2095f2
}

.breadcrumbs_home {
    width: 1.375rem;
    height: 1.375rem;
    background: url(../images/home.svg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -.3rem!important;
    margin-left: 0!important
}

.cont-form textarea {
    height: 18.875rem;
    margin-bottom: 1.875rem
}

.cont-form p {
    margin: 0 0 1.875rem;
    color: #000
}

.cont-form p a {
    text-decoration: underline
}

.cont-form p a:hover,
.contacts_main p a,
.contacts_main p a:hover {
    text-decoration: none
}

.cont-form_title {
    text-align: left;
    margin-bottom: 2rem;
    font-size: 2.25rem
}

.contacts_main p {
    margin: 1.25rem 0;
    color: #000
}

.contacts_main p:first-of-type {
    margin-top: 0
}

.contacts_main p:last-of-type {
    margin-bottom: 0
}

.contacts_main p b {
    font-weight: 400
}

.contacts_main p a {
    /* color: #000;
    cursor: default */
}

.contacts_main p a:hover{
    text-decoration: underline;
}

.contacts_main_email:before,
.contacts_main_tel:before {
    display: inline-block;
    vertical-align: top;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem
}

.contacts_main_tel:before {
    background: url(../images/phone.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.contacts_main_email:before {
    background: url(../images/mail.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.map {
    margin-top: 2rem;
    height: 23.75rem;
    border: 1px solid #999
}

.about_right p,
.map_about {
    margin-top: 0;
    color: #2b2b2b;
}

.map_about {
    height: 26.25rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.baloon {
    font: 16px/1.25 Roboto, sans-serif;
    padding: .5rem .65rem;
    font-weight: 400
}

.baloon a {
    display: inline-block;
    margin-top: .9rem
}

.baloon a:last-of-type {
    text-decoration: underline
}

.articles_item,
.articles_item:hover,
.baloon a:last-of-type:hover {
    text-decoration: none
}

.article {
    line-height: 1.3;
    color: #000
}

.article p {
    margin: 1rem 0;
}

.article time {
    color: #a0a0a0;
    margin-bottom: 1.375rem;
    font-size: 1.125rem;
    line-height: 1;
    display: block
}





.node-type-article article.article img{
    float: none;
}

.article .header-article-img img {
    float: left!important;
    display: block;
    max-width: 100%;
    margin: 0 1.375rem .375rem 0
}

.article_nav {
    margin-top: 3.375rem
}

.flippy-previous a,
.flippy-next a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.flippy-previous a:hover,
.flippy-next a:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.flippy-previous a {
    float: left;
    background: url(../images/prev.svg) 1.25rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.flippy-previous a:hover {
    background: url(../images/prev-w.svg) 1.25rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.flippy-next a{
    float: right;
    background: url(../images/next.svg) center center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.flippy-next a:hover {
    background: url(../images/next-w.svg) center center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.articles_item {
    display: block;
    position: relative;
    border: 1px solid #e6e6e6;
    color: #2a2a2a;
    background: #fff;
    margin-bottom: 2.25rem;
    min-height: 26.875rem;
    padding: 1.25rem 2.25rem 1.625rem;
    height: 42rem;
}

.articles_item .spoiler-more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -moz-transition: .35s ease;
    transition: .35s ease;
    background: rgba(32, 149, 242, .6);
    opacity: 0
}

.articles_item .spoiler-more span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 8.875rem;
    height: 2.8rem;
    line-height: -webkit-calc(2.8rem - 4px);
    line-height: -moz-calc(2.8rem - 4px);
    line-height: calc(2.8rem - 4px);
    text-align: center;
    color: #fff;
    border: solid #fff;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    border-radius: 1.4rem;
    font-size: 1.185rem;
    font-weight: 400
}



#block-views-articles-page-block-1 .views-row:nth-child(odd) {
    float: left;
    width: 48.5%;
}

#block-views-articles-page-block-1 .views-row:nth-child(even){
    float: right;
    width: 48.5%;
}

.articles_item:nth-child(even) {
    float: right;
}

#drupal-modal .node--type-reviews img{
    float: left;
    margin: 0 15px 15px 0;
}

.articles_item .articles-sec_name {
    color: #2a2a2a;
    font-weight: 300;
    display: block
}

.articles_item .articles-sec_name:hover {
    color: #f7285e;
    text-decoration: underline
}

.case {
    padding-bottom: 0
}

.case-page {
    padding: 2rem 0 0
}

.case_tab {
    margin-top: 2rem
}

.case_tab-item:after {
    -webkit-transform: skewX(35deg);
    -moz-transform: skewX(35deg);
    -ms-transform: skewX(35deg);
    -o-transform: skewX(35deg);
    transform: skewX(35deg)
}

.srvices-page_name:before,
.tables-block_cheacklist li:before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    content: ''
}

.case_tab-item.active,
.case_tab-item.active:after {
    border-color: #e5e5e5 #e5e5e5 #f8f8f8;
    background-color: #f8f8f8
}

.case_tab-slides {
    border-top: 1px solid #e2e2e2;
    margin-top: -1px;
    background: url(../images/portfolio-bg.png) center bottom no-repeat #f8f8f8;
    padding-top: 2.8rem;
    padding-bottom: 3.6rem
}

.comment-prev {
    background: url(../images/comment-bg.jpg) center center no-repeat #2095f2;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 3.625rem 0 3rem;
    color: #fff
}

.comment-prev .container {
    max-width: 1025px
}

.comment-prev_img {
    float: left;
    width: 176px
}

.comment-prev_img img {
    display: block;
    width: 100%
}

.comment-prev_wrap {
    padding-left: -webkit-calc(176px + 1.875rem);
    padding-left: -moz-calc(176px + 1.875rem);
    padding-left: calc(176px + 1.875rem);
    position: relative
}

.comment-prev_header {
    margin-top: -3px;
    padding: 0 16rem 1rem 0;
    position: relative
}

.comment-prev_header:after {
    content: '';
    display: block;
    width: 17rem;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.comment-prev_name {
    text-align: left;
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 1.875rem
}

.comment-prev_status {
    font-size: 1.185rem
}

.comment-prev_main {
    font-size: 1.06rem;
    line-height: 1.41
}

.comment-prev_btn {
    height: 3.875rem;
    width: 12.625rem;
    line-height: -webkit-calc(3.875rem - 2px);
    line-height: -moz-calc(3.875rem - 2px);
    line-height: calc(3.875rem - 2px);
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 1.93rem;
    -moz-border-radius: 1.93rem;
    border-radius: 1.93rem;
    font-size: 1.125rem;
    position: absolute;
    top: 0;
    right: 2rem
}

.comment-prev_btn:hover {
    text-decoration: none
}

.tables-block {
    border-top: 1px solid #bfbfbf;
}

.tables-block_grey {
    text-align: center;
    text-transform: uppercase;
    color: #7b7a7a;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 2rem 15px 1.75rem
}

.tables-block_title {
    text-align: center;
    color: #2095f2;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.5rem;
    margin: 2.375rem 15px 2rem
}

.tables-block_row {
    margin: 2rem auto 2.375rem;
    padding: 0 15px;
    max-width: 1025px
}

.tables-block_row:after {
    content: '';
    display: table;
    clear: both
}

.tables-block_float {
    width: 48.5%
}

.tables-block_float:nth-child(odd) {
    float: left
}

.tables-block_float:nth-child(even) {
    float: right
}

.tables-block table {
    border-collapse: collapse;
    width: 100%;
    font-size: 1.5rem;
    color: #383838;
    border: none
}

.tables-block caption,
.tables-block td{
    padding: 1rem 1.185rem;
}
.tables-block th {
    padding: .7rem 1.185rem 0.2rem;
    border: 1px solid #656565;
}

.tables-block tfoot tr td {
    color: #2095f2;
    text-transform: uppercase;
    font-weight: 400
}

.tables-block td {
    border: 1px solid #656565
}

.tables-block_blue {
    text-align: center;
    color: #000;
    border: none
}

.tables-block_red,
.tables-block_white,
.tables-block_yello {
    text-align: left;
    font-weight: 400
}

.tables-block_yello {
    color: #fff;
    border: none
}

.tables-block_red {
    color: #fff;
    border: none;
    border-right: 1px solid #f7285e
}

.tables-block_white {
    color: #000;
    border: none;
    border-left: 1px solid #e3e3e3
}

.tables-block_20 {
    width: 20%
}

.tables-block_25 {
    width: 25%
}

.tables-block_33 {
    width: 33.33333%
}

.tables-block_33 img{
    height: 40px;
}

.tables-block_33:nth-child(2),
.tables-block_33:nth-child(3){
    text-align: center;
}

.tables-block_50 {
    width: 50%;
    text-align: center;
    border: 1px solid #e3e3e3;
    vertical-align: middle;
}

.tables-block_50 img{
    height: 40px;
}

.tables-block_100 {
    width: 100%;
    text-align: center
}

.tables-block_sec {
    border-top: 1px solid #eaebed
}

.tables-block_cheacklist li {
    color: #7b7a7a;
    position: relative;
    font-size: 1.5rem;
    padding-left: 3.25rem;
    margin-bottom: 1.375rem
}

.tables-block_cheacklist li:before {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2.375rem;
    height: 2.375rem;
    background: url(../images/v.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.block-views-blockportfolio-view-block-1 .text-block{
    display: flex;
}

.text-block img {
    display: block;
    width: auto;
    margin: 0 2.25rem 2.25rem 0;
    float: left;
    border: 1px solid #dbdbdb;
    /*height: auto;*/
}

.text-block_row img{
    width: 100%;
}

.text-block_row h3 {
    color: #2095f2;
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: .625rem
}

.text-block_row p {
    margin: 0 0 2rem;
    color: #000;
}

.text-block .btn {
    margin-top: 3.5rem
}

.srvices-page_row {
    padding: 4rem 0
}

.srvices-page_row:first-child {
    padding-top: 0
}

.srvices-page_row:last-child {
    /*padding-bottom: 0*/
}

.srvices-page_row:nth-child(even) {
    background: url(../images/serv-row-bg.jpg) center center no-repeat #f0f0f0;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.srvices-page_row:nth-child(even) .srvices-page_img-block {
    float: right
}

.srvices-page_row:nth-child(even) .srvices-page_desc {
    float: left
}



.srvices-page_img-block.dev {
    background-image: url(../images/serv-developing.jpg)
}

.srvices-page_img-block.pluscat {
    background-image: url(../images/razrabotka-saitov-agentstvo-nedvizhimosti.jpg)
}

.srvices-page_img-block.pluscat2 {
    background-image: url(../images/razrabotka-saitov-barbershop.jpg)
}

.srvices-page_img-block.dev .srvices-page_name {
    background: rgba(103, 57, 182, .8);
}

.srvices-page_img-block.pluscat .srvices-page_name {
    background: rgba(103, 57, 182, .8);
}

.srvices-page_img-block.pluscat2 .srvices-page_name {
    background: rgba(103, 57, 182, .8);
}

.srvices-page_img-block.dev .srvices-page_name:before {
    background-image: url(../images/rn-code-design.svg)
}

.srvices-page_img-block.pluscat .srvices-page_name:before {
    background-image: url(../images/rn-code-design.svg)
}

.srvices-page_img-block.pluscat2 .srvices-page_name:before {
    background-image: url(../images/rn-code-design.svg)
}

.srvices-page_img-block.suport {
    background-image: url(../images/serv-support.jpg)
}

.srvices-page_img-block.suport .srvices-page_name {
    background: rgba(247, 40, 94, .8)
}

.srvices-page_img-block.suport .srvices-page_name:before {
    background-image: url(../images/rn-support.svg)
}

.srvices-page_img-block.context {
    background-image: url(../images/serv-context.jpg)
}

.srvices-page_img-block.context .srvices-page_name {
    background: rgba(255, 85, 33, .8)
}

.srvices-page_img-block.context .srvices-page_name:before {
    background-image: url(../images/rn-dartboard.svg)
}

.srvices-page_img-block.seo {
    background-image: url(../images/serv-seo.jpg)
}

.srvices-page_img-block.seo .srvices-page_name {
    background: rgba(156, 38, 176, .8)
}

.srvices-page_img-block.seo .srvices-page_name:before {
    background-image: url(../images/rn-space-ship-in-diagonal-position.svg)
}

.srvices-page_img-block.audit {
    background-image: url(../images/serv-audit.jpg)
}

.srvices-page_img-block.video {
    background-image: url(../images/serv_video.jpg)
}

.srvices-page_img-block.audit .srvices-page_name {
    background: rgba(255, 151, 0, .8)
}

.srvices-page_img-block.audit .srvices-page_name:before {
    background-image: url(../images/rn-stats.svg)
}

.srvices-page_img-block.video .srvices-page_name {
    background: rgba(49, 182, 239, .8);
}

.srvices-page_img-block.video .srvices-page_name:before {
    background-image: url(../images/video_iq.png)
}

.srvices-page_name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.875rem;
    color: #fff;
    font-weight: 300
}

.srvices-page_name:before {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .625rem;
    width: 3.25rem;
    height: 3rem;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    transition: .35s ease;
}

.srvices-page_desc {
    float: right;
    width: 48.8%;
    color: #000;
    min-height: 15.75rem;
    position: relative
}

.srvices-page_desc .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: transparent
}

.srvices-page_desc ul li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.12rem
}

.srvices-page_desc ul li:before {
    content: '';
    display: block;
    width: .75rem;
    height: .75rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: url(../images/check-mark.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.srvices-page_img-block {
    float: left;
    width: 48.8%;
    height: 15.75rem;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    border: 2px solid #d9d9d9;
}


.srvices-page_img-block .srvices-page_name{
    transition: .35s ease;
    height: 26%;
}

.srvices-page_img-block .srvices-page_name span{
    transition: .35s ease;
    position: absolute;
    left: 4.5rem;
    top: 0;
    padding: 15px 0;
}

.srvices-page_img-block:hover .srvices-page_name{
    height: 100%;
    line-height: initial;
    padding: 0;
}

.srvices-page_img-block:hover .srvices-page_name span{
    display: block;
    position: absolute;
    top: 43%;
}

.srvices-page_img-block.dev:hover .srvices-page_name span{
    left: 26%;
}

.srvices-page_img-block.suport:hover .srvices-page_name span{
    left: 28%;
}

.srvices-page_img-block.context:hover .srvices-page_name span{
    left: 24%;
}

.srvices-page_img-block.seo:hover .srvices-page_name span{
    left: 25%;
}

.srvices-page_img-block.audit:hover .srvices-page_name span{
    left: 34%;
}

.srvices-page_img-block:hover .srvices-page_name:before{
    top: 30%;
    left: calc(50% - 3.25rem/2);
}

.portfolio-page_tab {
    margin-top: 5.875rem
}

.portfolio-page_tab-slides {
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px
}

.portfolio-page_tab-slide {
    padding: 3rem 1rem 3.75rem;
    color: #000
}

.portfolio-page_link {
    display: block;
    float: left;
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
    border: 1px solid #e5e5e5;
}

.portfolio-page_wrap .views-row{
	width: 48%;
}
.portfolio-page_wrap .views-row:nth-child(even) {
    float: right;
}

.portfolio-page_link .btn,
.portfolio-page_fig-text .btn {
    width: 12.625rem;
    height: 4rem;
    margin: 1.5rem auto 0;
    border: 1px solid #fff;
    text-align: center;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    line-height: 3.5rem;
    line-height: -webkit-calc(4rem - 2px);
    line-height: -moz-calc(4rem - 2px);
    line-height: calc(4rem - 2px);
    font-size: 1.625rem;
    font-weight: 400;
}


.site-type {
    padding-bottom: 5rem;
    padding-top: 2rem
}

.site-type_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-type_item {
    width: 24%;
    border: 1px solid #dbdbdb;
    padding: 1.25rem .5rem 1.375rem
}

.site-type_item.corporate *,
.site-type_item.corporate:after,
.site-type_item.corporate:before,
.site-type_item.corporate .site-type_icon:before,
.site-type_item.corporate .site-type_dotes:after,
.site-type_item.corporate .site-type_dotes:before{
    border-color: #6739b6
}

.site-type_item.landing *,
.site-type_item.landing:after,
.site-type_item.landing:before,
.site-type_item.landing .site-type_icon:before,
.site-type_item.landing .site-type_dotes:after,
.site-type_item.landing .site-type_dotes:before {
    border-color: #9c26b0
}

.site-type_item.shop *,
.site-type_item.shop:after,
.site-type_item.shop:before,
.site-type_item.shop .site-type_icon:before,
.site-type_item.shop .site-type_dotes:after,
.site-type_item.shop .site-type_dotes:before {
    border-color: #f7285e
}

.site-type_item.hosting *,
.site-type_item.hosting:after,
.site-type_item.hosting:before,
.site-type_item.hosting .site-type_icon:before,
.site-type_item.hosting .site-type_dotes:after,
.site-type_item.hosting .site-type_dotes:before {
    border-color: #ff9700
}

.site-type_item .btn {
    border-color: #f7285e;
    width: 12.25rem;
    margin-top: 1rem
}

.site-type_icon {
    width: 75.5%;
    margin: 0 auto;
    border: 3px solid;
    -webkit-border-radius: 1rem 1rem 0 0;
    -moz-border-radius: 1rem 1rem 0 0;
    border-radius: 1rem 1rem 0 0;
    position: relative;
    padding-top: 52%
}

.site-type_icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: .75rem;
    width: 49%;
    height: 55%
}

.site-type_icon:before {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid;
    width: 95%;
    top: 1.5rem;
    left: 0
}

.site-type_dotes,
.site-type_dotes:after,
.site-type_dotes:before {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -2px;
    left: .5rem
}

.site-type_dotes {
    top: .6rem
}

.site-type_dotes:after {
    left: -webkit-calc(1rem + 2px);
    left: -moz-calc(1rem + 2px);
    left: calc(1rem + 2px)
}

.site-type_name {
    width: 100%;
    min-height: 4.375rem;
    text-align: center;
    -webkit-border-radius: 2.18rem;
    -moz-border-radius: 2.18rem;
    border-radius: 2.18rem;
    font-size: 1.25rem;
    padding: .625rem;
    color: #000;
    border: 3px solid;
    margin-top: -3px
}

.site-type_name a{
    color: #000;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    text-decoration: none;
}

.site-type_name a:hover{
    color: #f7285e;
}


.icons,
.icons h2 {
    color: #fff
}

.site-type_name-no-br {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-top: 1.375rem;
    min-height: 5.125rem
}

.icons {
    background: url(../images/icons-bg.jpg) center center no-repeat #2095f2;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 4rem 0
}

.icons_wrap {
    font-size: 0;
    text-align: center
}

.icons_item {
    width: 25%;
    max-width: 290px;
    margin-bottom: .625rem;
    padding: 0 1rem;
    display: inline-block;
    vertical-align: top
}

.icons_suport {
    padding-bottom: 0
}

.icons_suport .icons_item {
    width: 33.33%;
    max-width: 344px;
    margin-bottom: 5rem
}

.icons_about .icons_text {
    min-height: 4.625rem
}

.icons_img {
    width: 5.875rem;
    height: 5.875rem;
    margin: 0 auto 2.125rem
}

.icons_img img {
    display: block;
    width: 100%
}

.icons_text {
    text-transform: uppercase;
    font-size: 1.25rem
}

.icons_small-text {
    margin-top: 1.375rem;
    font-size: 1rem
}

.faq {
    padding: 4rem 0 4.625rem
}

.faq_row {
    margin-bottom: 1rem;
    position: relative;
    padding-top: 17.5rem
}

.faq_q,
.faq_q-btn,
.faq_q-img {
    position: absolute
}

.faq_q {
    top: 0;
    width: 49.15%;
    height: 16.375rem;
    border: 1px solid #eaebed;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1.125rem 1.375rem 0 16.125rem;
    background: #fff
}

.faq_q-left {
    left: 0
}

.faq_q-right {
    right: 0
}

.faq_q.open {
    border-color: #2095f2;
    border-bottom: none;
    height: -webkit-calc(17.5rem + 1px);
    height: -moz-calc(17.5rem + 1px);
    height: calc(17.5rem + 1px);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.faq_q-img {
    top: 1.375rem;
    left: 1.125rem;
    width: 13.375rem;
    height: 13.375rem;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.faq_q-btn,
.tarif_btn {
    height: 3.837rem;
    text-align: center
}

.faq_q-img img {
    display: block;
    width: 100%
}

.faq_q-text {
    color: #2095f2;
    font-size: 1.5rem;
    font-weight: 400
}

.faq_q-btn {
    right: 1.375rem;
    top: 11rem;
    width: 12.625rem;
    line-height: -webkit-calc(3.837rem - 2px);
    line-height: -moz-calc(3.837rem - 2px);
    line-height: calc(3.837rem - 2px);
    background: #fff;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    color: #f7285e;
    font-size: 1.125rem
}

.faq_q-btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: .625rem;
    background: url(../images/down.svg) center center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-left: .75rem
}

.faq_q-btn:hover:after {
    background-image: url(../images/down-b.svg)
}

.faq_q-btn:active:after {
    background-image: url(../images/down-w.svg)!important
}

.faq_q-btn.open:after {
    background-image: url(../images/up.svg)
}

.faq_q-btn.open:hover:after {
    background-image: url(../images/up-b.svg)
}

.faq_q-btn.open:active:after {
    background-image: url(../images/up-w.svg)
}

.faq_a {
    padding: 2rem 1.25rem;
    color: #000;
    border: 1px solid #2095f2;
    display: none
}

.faq_a-left {
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px;
    border-radius: 0 5px 5px
}

.faq_a-right {
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px
}

.action-banner {
    background: url(../images/banner-bg.jpg) center center no-repeat #2095f2;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.action-banner .container {
    position: relative
}

.action-banner_img {
    width: 60%;
    /*float: left;*/
    padding: 3.625rem 0;
}

.action-banner_img img {
    display: block;
    width: 100%
}

.action-banner_wrap {
    padding: 0rem 15px 0 64%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.875rem;
    line-height: 1.53
}

.action-banner_wrap span {
    text-transform: uppercase
}

.serv-portfolio {
    padding-top: 4rem
}

.serv-portfolio_filter {
    font-size: 0;
    text-align: center;
    margin: 0 auto 2rem;
    max-width: 1000px
}

.serv-portfolio_filter li a {
    display: inline-block;
    height: 3.5rem;
    margin: 0 .25rem .375rem;
    padding: 0 .625rem;
    color: #f7285e;
    border: 1px solid #f7285e;
    line-height: -webkit-calc(3.5rem - 2px);
    line-height: -moz-calc(3.5rem - 2px);
    line-height: calc(3.5rem - 2px);
    -webkit-border-radius: 1.75rem;
    -moz-border-radius: 1.75rem;
    border-radius: 1.75rem;
    font-size: 1.125rem;
    text-transform: uppercase
}

.serv-portfolio_filter li a:hover {
    text-decoration: none;
    border-color: #2095f2;
    color: #2095f2
}

.serv-portfolio_filter li a.active {
    border-color: #2095f2;
    background: #2095f2;
    color: #fff
}

.serv-portfolio_list {
    margin-bottom: 2.25rem
}

.serv-portfolio_item {
    float: left;
    width: 25%;
    padding-top: 25%;
    display: block;
    position: relative;
    overflow: hidden
}

.serv-portfolio_item img,
.serv-portfolio_item:after,
.serv-portfolio_item:before {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.serv-portfolio_item:after,
.serv-portfolio_item:before {
    content: '';
    height: 100%;
    right: 0;
    bottom: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    opacity: 0
}

.serv-portfolio_item:before {
    background: rgba(32, 149, 242, .4);
    z-index: 2
}

.serv-portfolio_item:after {
    background: url(../images/loupe.svg) center center no-repeat;
    -moz-background-size: 21% auto;
    -o-background-size: 21% auto;
    background-size: 21% auto;
    z-index: 3
}

.serv-portfolio_item:hover:after,
.serv-portfolio_item:hover:before,
.serv-portfolio_item:nth-child(8n+1):before,
.serv-portfolio_item:nth-child(8n+3):before,
.serv-portfolio_item:nth-child(8n+6):before,
.serv-portfolio_item:nth-child(8n+8):before {
    opacity: 1
}

.tarif {
    background: url(../images/rev-bg.jpg) center center no-repeat #f4f4f4;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 4rem 0 5.25rem
}

.tarif_wrap {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tarif_item {
    width: 30%;
    max-width: 298px;
    background: #fff;
    border: 1px solid #eaebed;
    padding: 1.875rem 1.5rem 7.25rem;
    text-align: center;
    position: relative
}

.tarif_name,
.tarif_price {
    font-size: 1.25rem;
    padding-bottom: 1.25rem
}

.tarif_img {
    margin-bottom: 1.875rem;
    height: 7rem
}

.tarif_img img {
    display: block;
    margin: 0 auto;
    height: 100%
}

.tarif_frame {
    width: 90%;
    margin: 0 auto 1.875rem;
    border: 3px solid;
    -webkit-border-radius: 1rem 1rem 0 0;
    -moz-border-radius: 1rem 1rem 0 0;
    border-radius: 1rem 1rem 0 0;
    position: relative;
    padding-top: 68%
}

.tarif_frame:before {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid;
    width: 95%;
    top: 1.5rem;
    left: 0
}

.tarif_frame~.tarif_name {
    min-height: 4.5rem
}

.tarif_frame-corporate,
.tarif_frame-corporate *,
.tarif_frame-corporate:after,
.tarif_frame-corporate:before,
.tarif_frame-corporate:after,
.tarif_frame-corporate:before {
    border-color: #6739b6!important
}

.tarif_frame-landing,
.tarif_frame-landing *,
.tarif_frame-landing:after,
.tarif_frame-landing:before,
.tarif_frame-landing:after,
.tarif_frame-landing:before {
    border-color: #9c26b0!important
}

.tarif_frame-shop,
.tarif_frame-shop *,
.tarif_frame-shop:after,
.tarif_frame-shop:before,
.tarif_frame-shop:after,
.tarif_frame-shop:before {
    border-color: #f7285e!important
}

.tarif_frame img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: .75rem;
    width: 49%;
    height: 55%
}

.documents_slide img,
.tarif_btn {
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.tarif_frame .tarif_dotes,
.tarif_frame .tarif_dotes:after,
.tarif_frame .tarif_dotes:before {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -2px;
    left: .5rem
}

.tarif_frame .tarif_dotes {
    top: .6rem
}

.tarif_frame .tarif_dotes:after {
    left: -webkit-calc(1rem + 2px);
    left: -moz-calc(1rem + 2px);
    left: calc(1rem + 2px)
}

.tarif_name {
    color: #000;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #dbdbdb
}

.tarif_price-corporate,
.tarif_price-small {
    color: #6739b6
}

.tarif_price-landing,
.tarif_price-middle {
    color: #9c26b0
}

.tarif_price-leader,
.tarif_price-shop {
    color: #f7285e
}

.tarif_desc {
    min-height: 6.5rem;
    color: #000
}

.tarif_btn {
    width: 12.625rem;
    line-height: -webkit-calc(3.837rem - 2px);
    line-height: -moz-calc(3.837rem - 2px);
    line-height: calc(3.837rem - 2px);
    background: #fff;
    border: 1px solid #f7285e;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    color: #f7285e;
    font-size: 1.125rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 2rem
}

.about_icon img,
.audit-price_img img {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.about {
    padding: 2rem 0 3rem
}

.about a {
    text-decoration: underline
}

.about a:hover {
    text-decoration: none
}

.about_left {
    float: left;
    width: 48.6%
}

.about_left img {
    width: 100%;
    display: block;
    border: 1px solid #e5e5e5;
}

.about_right {
    float: right;
    width: 48.6%;
    font-size: 1.125rem;
    color: #333;
    text-align: justify
}

.about_right p:last-child {
    margin-bottom: 0
}

.about_column-left {
    float: left;
    width: 48.6%
}

.about_column-right {
    float: right;
    width: 48.6%
}

.about_block {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    padding-bottom: 3rem;
    position: relative
}

.about_block h3 {
    color: #2095f2;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: .75rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid
}

.about_block p {
    margin: 0;
    padding-bottom: 1.5rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    text-align: justify
}

.about_block p:last-child {
    padding-bottom: 0
}

.about_block a {
    text-decoration: underline
}

.about_block a:hover,
.download_item .btn:hover {
    text-decoration: none
}

.about_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 7rem;
    height: 7rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    margin: 0 2.25rem 1rem 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid
}

.about_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 67%;
    max-height: 60%
}

.about_text {
    padding-left: 9.3rem
}

.documents {
    padding: 4rem 0 5.75rem
}

.documents_slider {
    width: 100%;
    max-width: 590px;
    height: 28.625rem;
    margin: 0 auto 3.375rem;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.documents_slider div {
    height: 100%
}

.documents_slide {
    overflow: hidden;
    padding-top: 69%;
    position: relative
}

.documents_slide img {
    display: block;
    height: -webkit-calc(100% - 6px);
    height: -moz-calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0
}

.documents_carusel {
    position: relative;
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
    margin-left: 1.5rem
}

.documents_carusel .slick-arrow {
    border: none;
    cursor: pointer;
    outline: 0;
    display: block;
    padding: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3.37rem;
    width: 2rem;
    background: #fff;
    font-size: 0;
    z-index: 3;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.documents_carusel .slick-arrow:hover {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.documents_carusel .slick-prev {
    left: -1.5rem;
    -webkit-border-radius: 1.875rem 0 0 1.875rem;
    -moz-border-radius: 1.875rem 0 0 1.875rem;
    border-radius: 1.875rem 0 0 1.875rem;
    background: url(../images/prev.svg) .8rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.documents_carusel .slick-prev:hover {
    background: url(../images/prev-w.svg) .8rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.documents_carusel .slick-next {
    right: -1.5rem;
    -webkit-border-radius: 0 1.875rem 1.875rem 0;
    -moz-border-radius: 0 1.875rem 1.875rem 0;
    border-radius: 0 1.875rem 1.875rem 0;
    background: url(../images/next.svg) .6rem center no-repeat #fff;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.documents_carusel .slick-next:hover {
    background: url(../images/next-w.svg) .6rem center no-repeat #f7285e;
    -moz-background-size: auto 1.25rem;
    -o-background-size: auto 1.25rem;
    background-size: auto 1.25rem
}

.documents_carusel div {
    height: 100%
}

.documents_carusel-slide {
    margin: 0 .5rem;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    padding-top: 69%;
    overflow: hidden
}

.documents_carusel .slick-current .documents_carusel-slide,
.documents_carusel-slide:hover {
    border-color: #f7285e
}

.documents_carusel-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/zoom.svg) center center no-repeat rgba(0, 0, 0, .4);
    -moz-background-size: 2.875rem 2.875rem;
    -o-background-size: 2.875rem 2.875rem;
    background-size: 2.875rem 2.875rem;
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    -moz-transition: .25s ease;
    transition: .25s ease;
    opacity: 0
}

.documents_carusel-slide:hover:after {
    opacity: 1
}

.documents_carusel-slide img {
    position: absolute;
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px);
    display: block;
    top: 0;
    left: 3px
}

.screens {
    /*padding: 5.25rem 0 4.875rem*/
}

.screens .jspVerticalBar {
    z-index: 10
}

.screens_wrap {
    position: relative;
    background: url(../images/shaddow.png) center bottom no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    text-align: center;
}

.screens_monitor {
    position: relative;
    width: 58%;
    margin: 0 auto;
    z-index: 2
}

.screens_monitor:after {
    content: '';
    display: block;
    position: absolute;
    width: 48%;
    padding-top: 61%;
    background: url(../images/blik-1.png) no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    top: 0;
    right: 2.7%
}

.screens_note {
    position: absolute;
    z-index: 1;
    padding-top: 13.66%;
    width: 57.5%;
    top: 0;
    right: 0
}

.screens_tab {
    position: absolute;
    z-index: 3;
    padding-top: 12.5%;
    width: 34%;
    top: 0;
    left: 0
}

.screens_mob {
    position: absolute;
    z-index: 4;
    padding-top: 22.3%;
    width: 15.25%;
    top: 0;
    left: 20.8%
}

.screens .monitor_screen {
    position: absolute;
    top: 4%;
    left: 3.3%;
    width: 92%;
    padding-top: 51.625%
}

.screens .note_screen {
    position: absolute;
    top: 7%;
    right: 12%;
    width: 75.5%;
    padding-top: 45%
}

.screens .tab_screen {
    position: absolute;
    top: 9%;
    left: 17.5%;
    width: 61%;
    padding-top: 81%
}

.screens .mob_screen {
    position: absolute;
    top: 15%;
    left: 17.5%;
    width: 63%;
    padding-top: 113%
}

.screens_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.screens_overlay img {
    display: block;
    width: 100%
}

.screens_note_wrap {
    position: relative
}

.screens_note_wrap:after {
    content: '';
    display: block;
    position: absolute;
    width: 28%;
    padding-top: 53%;
    background: url(../images/blik-2.png) right 0 no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    top: 0;
    right: 9.5%
}

.screens_tab_wrap {
    position: relative
}

.screens_tab_wrap:after {
    content: '';
    display: block;
    position: absolute;
    width: 42%;
    padding-top: 90%;
    background: url(../images/blik-3.png) right 0 no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    top: 2%;
    right: 14.5%
}

.circle_wrap,
.screens_mob_wrap {
    position: relative
}

.screens_img {
    display: block;
    width: 100%
}

.top-article {
    padding: 2rem 0 2.375rem
}

.light-icons {
    padding: 4.375rem 0;
    background: url(../images/articles-prev-bg.jpg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.light-icons_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    clear: both;
}

.light-icons_item {
    width: 20%;
    padding: 0 .5rem;
    color: #2a2a2a;
    font-size: 1.25rem;
    text-align: center;
    max-width: 230px
}

.light-icons_item:first-child {
    padding-left: 0
}

.light-icons_item:last-child {
    padding-right: 0
}

.light-icons_item img {
    display: block;
    margin: 0 auto 2rem;
    height: 5.75rem
}

.circle {
    padding-top: 5.5rem
}

.circle_wrap {
    padding-bottom: 10rem
}

.circle_item {
    width: 28%;
    max-width: 360px;
    text-align: center;
    color: #333;
    position: absolute;
    /*padding-top: 3.875rem;*/
    z-index: 2
}

.circle_item p {
    line-height: 1.5
}

.circle_item h3 {
    text-transform: uppercase;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 400
}

/*.circle_item:before {
    content: '';
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}*/

.circle_item.red {
    margin: 0 auto;
    position: relative
}

.circle_item.red h3 {
    color: #f7285e
}

.circle_item.red:before {
    background-image: url(../images/v-r.svg)
}

.circle_item.orange {
    top: 31.635rem;
    right: 0
}

.circle_item.orange h3 {
    color: #ff5521
}

.circle_item.orange:before {
    background-image: url(../images/v-o.svg)
}

.circle_item.viol {
    top: 11.25rem;
    right: 0
}

.circle_item.viol h3 {
    color: #9c26b0
}

.circle_item.viol:before {
    background-image: url(../images/v-v.svg)
}

.circle_item.dblue {
    top: 11.25rem;
    left: 0
}

.circle_item.dblue h3 {
    color: #6739b6
}

.circle_item.dblue:before {
    background-image: url(../images/v-db.svg)
}

.circle_item.yello {
    top: 31.635rem;
    left: 0
}

.circle_item.yello h3 {
    color: #ff9700
}

.circle_item.yello:before {
    background-image: url(../images/v-y.svg)
}

.circle_diagramm {
    display: block;
    margin: 0 auto;
    height: 32.375rem
}

.download {
    padding: 4.75rem 0 6rem;
    background: url(../images/download-bg.jpg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.download_text {
    float: left;
    width: -webkit-calc(100% - 32rem);
    width: -moz-calc(100% - 32rem);
    width: calc(100% - 32rem);
    text-align: justify
}

.download_text p {
    margin-top: 0
}

.download_docs {
    float: right;
    width: 32rem
}

.download_item {
    width: 50%;
    float: left;
    text-align: center;
    color: #2095f2;
    font-size: 1.1rem;
    font-weight: 400
}

.download_item img {
    display: block;
    height: 6rem;
    margin: 0 auto .75rem
}

.download_item span {
    display: block;
    margin-bottom: .75rem
}

.download_item .btn {
    width: 9.25rem;
    height: 2.875rem;
    line-height: -webkit-calc(2.875rem - 2px);
    line-height: -moz-calc(2.875rem - 2px);
    line-height: calc(2.875rem - 2px);
    -webkit-border-radius: 1.435rem;
    -moz-border-radius: 1.435rem;
    border-radius: 1.435rem;
    border: 1px solid #f7285e;
    color: #f7285e;
    font-size: 1.185rem;
    margin: 0 auto
}

.audit-price {
    padding: 4.625rem 0 6rem
}

.audit-price_wrap {
    margin-bottom: 1.125rem;
    font-size: 0;
    text-align: center
}

.audit-price_item {
    display: inline-block;
    width: 20%;
    border-top: 1px solid;
    border-left: 1px solid
}

.audit-price_item.dblue {
    border-color: #6739b6
}

.audit-price_item.dblue .audit-price_price {
    background: #6739b6
}

.audit-price_item.viol {
    border-color: #9c26b0
}

.audit-price_item.viol .audit-price_price {
    background: #9c26b0
}

.audit-price_item.red {
    border-color: #f7285e
}

.audit-price_item.red .audit-price_price {
    background: #f7285e
}

.audit-price_item.orange {
    border-color: #ff5521
}

.audit-price_item.orange .audit-price_price {
    background: #ff5521
}

.audit-price_item.yello {
    border-right: 1px solid;
    border-color: #ff9700
}

.audit-price_item.yello .audit-price_price {
    background: #ff9700
}

.audit-price_img {
    height: 8.875rem;
    position: relative
}

.audit-price_img img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 43%;
    max-height: 60.5%
}

.audit-price_name {
    color: #000;
    font-size: 1.25rem;
    height: 4rem;
    padding: 0 .25rem
}

.audit-price_price {
    color: #fff;
    line-height: 3.5rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 400
}

.audit-price_desc {
    border: 1px solid #dbdbdb;
    padding: 1rem 2rem;
    color: #878787;
    font-size: 1.125rem
}

.advantage,
.advantage h2 {
    color: #fff
}

.advantage {
    background: url(../images/icons-bg.jpg) center center no-repeat #2095f2;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 4.75rem 0 1.625rem
}

.advantage_wrap {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.advantage_item {
    position: relative;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    min-height: 9.625rem;
    padding-bottom: 2.375rem
}

.advantage_img {
    width: 7.25rem;
    height: 7.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.advantage_img img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 55%
}

.advantage_text {
    padding-left: 9.25rem;
    font-size: 1.06rem;
    line-height: 1.4;
    color: #2a2a2a;
}

.advantage_text h3 {
    margin-bottom: .75rem;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3
}

.advantage_light {
    background-image: url(../images/rev-bg.jpg);
    color: #2a2a2a
}

.advantage_light h2 {
    color: #2a2a2a
}

.advantage_light .advantage_img {
    border-color: #2095f2
}

.tab-sec {
    padding: 4.5rem 0 5.875rem
}

.tab-sec h2 {
    margin-bottom: 1.25rem
}

.tab-sec_subtitle,
.tab-sec_wrap table {
    text-align: center;
    margin-bottom: 1.625rem
}

.tab-sec_subtitle {
    font-size: 1.5rem;
    color: #878787
}

.tab-sec .tables-block {
    border: none
}

.tab-sec_wrap table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    font-weight: 400
}

.tab-sec_wrap table tbody td:first-child,
.tab-sec_wrap table tfoot td:first-child {
    text-align: left;
    vertical-align: top
}

.tab-sec_wrap table thead th {
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    padding: .5rem 1rem;
    font-weight: 400
}

.tab-sec_wrap table thead th:first-child {
    text-align: left
}

.tab-sec_wrap table tbody td {
    border: 1px solid #e3e3e3;
    font-size: 1.25rem;
    color: #333;
    padding: 1.25rem 1rem
}

.tab-sec_wrap table tbody td li {
    color: #7b7a7a;
    margin-top: 1.375rem
}

.tab-sec_wrap table .cheack {
    width: 2.625rem;
    height: 2.625rem
}

.tab-sec_wrap table tfoot td {
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.375rem;
    padding: .75rem 1rem;
    font-weight: 400;
    line-height: 1
}

.tab-sec_wrap table tfoot td span {
    font-size: 1rem
}

.tab-sec_50 {
    width: 50%
}

.tab-sec_16 {
    width: 16.6666%
}

.tab-sec_blue {
    background: #2095f2;
    border-left: 1px solid #2095f2
}

.tab-sec_viol {
    background: #9c26b0
}

.tab-sec_orange {
    background: #ff5521
}

.tab-sec_yello {
    background: #ff9700;
    border-right: 1px solid #ff9700
}

.tab-sec_desc {
    color: #000;
    font-size: 1.5rem;
    text-align: center;
    padding: 1.875rem 1rem;
    border: 1px solid #2095f2
}

.red-btn-ef:hover,
.pop-up_right.open .form-submit:hover{
    border-color: #2095f2;
    color: #2095f2
}

.red-btn-ef:active {
    border-color: #2095f2;
    background-color: #2095f2;
    color: #fff
}

.blue-btn-ef:hover {
    /*-webkit-transition: background .25s ease .25s, color .25s ease .25s, -webkit-border-radius .25s ease;
    -o-transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s;
    -moz-transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s, -moz-border-radius .25s ease;
    transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s;
    transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s, -webkit-border-radius .25s ease, -moz-border-radius .25s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;*/
    background: #fff;
    color: #2095f2
}

.white-btn-ef:hover {
    /*-webkit-transition: background .25s ease .25s, color .25s ease .25s, -webkit-border-radius .25s ease;
    -o-transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s;
    -moz-transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s, -moz-border-radius .25s ease;
    transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s;
    transition: border-radius .25s ease, background .25s ease .25s, color .25s ease .25s, -webkit-border-radius .25s ease, -moz-border-radius .25s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;*/
    background: #fff;
    color: #f7285e
}

.close-icon div {
    display: block;
    height: 2px;
    position: relative;
    -webkit-transition: opacity .4s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -o-transition: opacity .4s cubic-bezier(.19, 1, .22, 1) 0s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -moz-transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .4s cubic-bezier(.19, 1, .22, 1) 0s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .4s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .4s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    width: 2rem
}

.close-icon div:first-child {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 0, 1, -45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate3d(0, 0, 1, -45deg);
    transform: translate3d(0, 10px, 0) rotate3d(0, 0, 1, -45deg)
}

.close-icon div:first-child::after,
.close-icon div:first-child::before {
    -webkit-transition: opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -o-transition: opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -moz-transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) 0s
}

.close-icon div:last-child {
    -webkit-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);
    -moz-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg)
}

.close-icon div:last-child::after,
.close-icon div:last-child::before {
    -webkit-transition: opacity .2s cubic-bezier(.19, 1, .22, 1) .18s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .2s;
    -o-transition: opacity .2s cubic-bezier(.19, 1, .22, 1) .18s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) .2s;
    -moz-transition: transform .6s cubic-bezier(.19, 1, .22, 1) .2s, opacity .2s cubic-bezier(.19, 1, .22, 1) .18s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) .2s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) .2s, opacity .2s cubic-bezier(.19, 1, .22, 1) .18s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) .2s, opacity .2s cubic-bezier(.19, 1, .22, 1) .18s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) .2s, -moz-transform .6s cubic-bezier(.19, 1, .22, 1) .2s, -o-transform .6s cubic-bezier(.19, 1, .22, 1) .2s
}

.close-icon div::after,
.close-icon div::before {
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.close-icon div::before {
    background: #f7285e;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.close-icon div::after {
    background: #333;
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.close-icon:hover div::before {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.close-icon:hover div::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.portfolio-page_fig {
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0
}

.portfolio-page_fig * {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease
}

.portfolio-page_fig img {
    display: block;
    width: 100%;
    height: 100%;
}

/*.portfolio-page_fig figcaption:after,*/
/*.portfolio-page_fig figcaption:before,*/
/*.portfolio-page_fig:after,*/
.portfolio-page_fig:before {
    content: '';
    background: rgba(32,149,242,.8);
    width: 100%;
    position: absolute;
    opacity: 0;
    /*-webkit-transition: all .3s steps(4);
    -o-transition: all .3s steps(4);
    -moz-transition: all .3s steps(4);
    transition: all .3s steps(4);*/
    -webkit-transition:.3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    z-index: 1;
    top: 100%;
    bottom: 0
}

.portfolio-page_fig-text svg *{
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;
}

.portfolio-page_fig-text svg{
    fill: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
    padding: 5px 0;
}

.portfolio-page_fig-text svg:hover{
    fill: #f7285e;
    padding: 0;
}

.portfolio-page_fig-text .white-btn-ef{
    border: 2px solid #fff;
}

.portfolio-page_fig:before {
    left: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.portfolio-page_fig:after {
    left: 25%;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.portfolio-page_fig figcaption:before {
    left: 50%;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    z-index: -1
}

.portfolio-page_fig figcaption:after {
    left: 75%;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    z-index: -1
}

.portfolio-page_fig figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.portfolio-page_fig-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.portfolio-page_fig-text p{
	margin: 0;
	font-size: 24px;
}

.portfolio-page_fig:hover .portfolio-page_fig-text {
    opacity: 1;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

/*.portfolio-page_fig.hover figcaption:after,*/
/*.portfolio-page_fig.hover figcaption:before,*/
.portfolio-page_fig.hover:after,
.portfolio-page_fig.hover:before,
/*.portfolio-page_fig:hover figcaption:after,*/
/*.portfolio-page_fig:hover figcaption:before,*/
/*.portfolio-page_fig:hover:after,*/
.portfolio-page_fig:hover:before {
    top: 0;
    opacity: .8
}

/*.portfolio-page_fig.hover figcaption p,
.portfolio-page_fig:hover figcaption p {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 1
}*/

.page-node-45 .tab-items{
    padding-right: -webkit-calc(15px + 1.5rem);
    padding-right: -moz-calc(15px + 1.5rem);
    padding-right: calc(15px + 1.5rem);
}

.page-node-45 .portfolio_tab-slide .container{
	/*padding-right: 1rem;*/
	padding-left: 2rem;
}



.link-to-img{
    display: none;
}

.pager{
	margin-bottom: 1.5rem;
}

ul.pager__items{
	text-align: center;
}

.pager a{
	display: inline-block;
	cursor: pointer;
}

.pager .pager__item a{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 58px;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    text-decoration: none;
}

.pager .pager__item a:hover,
.pager .is-active a:hover{
    background: #f7285e;
    color: #fff!important;
}

 li.pager__item{
	display: inline;
}

.pager__item--first,
.pager__item--previous,
.pager__item--next,
.pager__item--last{
	display: none!important;
}

.block-views-blockportfolio-block-1 .views-row a{
    float: left;
    padding-top: 25%;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 10px;
    width: 23%;
    width: calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
}


.block-views-blockportfolio-block-1 .views-row img,
.block-views-blockportfolio-block-1 .views-row a:after,
.block-views-blockportfolio-block-1 .views-row a:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #dbdbdb;
}

.block-views-blockportfolio-block-1 .views-row a:after,
.block-views-blockportfolio-block-1 .views-row a:before{
    content: '';
    height: 100%;
    right: 0;
    bottom: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    opacity: 0;
}

.block-views-blockportfolio-block-1 .views-row a:after {
    background: url(../images/loupe.svg) center center no-repeat;
    -moz-background-size: 21% auto;
    -o-background-size: 21% auto;
    background-size: 21% auto;
    z-index: 3;
}

.block-views-blockportfolio-block-1 .views-row a:hover:after,
.block-views-blockportfolio-block-1 .views-row a:hover:before{
    content: '';
    height: 100%;
    right: 0;
    bottom: 0;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    opacity: 0;
}

.block-views-blockportfolio-block-1 .views-row a:hover:before{
    background: rgba(32,149,242,.4);
    z-index: 2;
}

.block-views-blockportfolio-block-1 .views-row a:before{
    background: rgba(32,149,242,.4);
    z-index: 2;
}

.block-views-blockportfolio-block-1 .views-row a:hover:after,
.block-views-blockportfolio-block-1 .views-row a:hover:before
/*.block-views-blockportfolio-block-1 .views-row:nth-child(8n+1) a:before,
.block-views-blockportfolio-block-1 .views-row:nth-child(8n+3) a:before,
.block-views-blockportfolio-block-1 .views-row:nth-child(8n+6) a:before,
.block-views-blockportfolio-block-1 .views-row:nth-child(8n+8) a:before*/ {
    opacity: 1;
}

/*------------ Custom D8 --------------*/
.contextual-region.block-local-tasks-block ul{
    text-align: center;
}

.contextual-region.block-local-tasks-block ul li{
    display: inline-block;
    margin-top: 10px;
}

.contextual-region.block-local-tasks-block ul li a{
    padding: 5px 15px;
    background-color: #ccc;
    border-radius: 10px;
}

.srvices-page{
    padding: 0 0 7.5rem;
}

.faq-sec{
    padding: 4rem 0 4.875rem;
}

.colors-region-sec{
    padding: 4rem 0 4.875rem;
    background: url(../images/articles-prev-bg.jpg) center center no-repeat #fcfcfc;
}

.serv-portfolio_filter li{
    display: inline;
}

.serv-portfolio_filter li a{
     text-decoration: none;
}

.contact-message-write-us-form form label,
.contact-message-call-form form .field--name-field-you-name label,
.contact-message-call-form form .field--name-field-you-phone label{
    display: none;
}

#block-strokanavigacii nav li:not(:first-child):before{
    content: '>';
    color: #2095f2;
    margin: 0 5px;
}

#block-strokanavigacii nav li:first-child a{
    width: 1.375rem;
    height: 1.375rem;
    background: url(../images/home.svg) center center no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -.3rem!important;
    margin-left: 0!important;
}

#block-strokanavigacii nav li:first-child a:hover{
    background: url(../images/web-page-home.svg) center center no-repeat;
    background-size: cover;
}

#block-strokanavigacii nav li{
    display: inline-block;
    color: #2095f2
}

.page-node-1 .breadcrumbs{
    display: none;
}

section.content{
    padding: 2rem 0 3rem;
}

.page-node-55 section.content{
    padding: 0;
}

.node-type-article #block-inquarta-content{
    clear: both;
    margin-top: 3.375rem;
}

#block-support-seo-block{
    clear: both;
    padding-top: 50px;
}

.pager{
    clear: both;
}

.node-type-our-works .portfolio{
    padding-top: 0;
}

.contact-message-call-form form .field--name-field-time-finish,
.contact-message-call-form form .field--name-field-time-start{
    display: inline-block;
}


.contact-message-call-form form .field--name-field-time-finish .form-item,
.contact-message-call-form form .field--name-field-time-start .form-item{
    position: relative;
    display: inline-block;
}

.contact-message-call-form form .form-item select{
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    margin: 0 10px;
}

.contact-message-call-form form .form-item select:focus{
    outline: none;
}

.contact-message-call-form form .field--name-field-time-finish .form-item:after,
.contact-message-call-form form .field--name-field-time-start .form-item:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.8rem;
    border-top: 7px solid #c6c6c6;
    border-bottom: 7px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 3.5px;
}

.contact-message-call-form form .form-actions{
    margin: 1rem 0 1.5rem;
}

.page-node-62 .action-banner{
    padding: 4rem 0;
}

.page-node-62 .action-banner h2{
    color: #fff;
}

#block-seo-seo-block{
    margin-top: 4.5rem;
}

.page-node-31 #block-seo-seo-block{
    margin-top: 0rem;
}

#block-advantages-audit .advantage_text{
    color: #fff;
}

.page-node-24 section.content,
.page-node-31 section.content,
.page-node-34 section.content,
.page-node-41 section.content{
    padding: 2rem 0 5rem;
}

.popup-href{
    position: absolute;
    left: -9999%;
}

.page-node-17 .reviews-sec{
    padding: 4rem 0 5.75rem;
}

.page-node-23 section.content{
    padding: 2rem 0 2rem;
}

.page-node-23 .breadcrumbs,
.page-node-44 .breadcrumbs,
.page-node-17 .breadcrumbs,
.page-node-50 .breadcrumbs,
.page-node-55 .breadcrumbs,
.node-type-article .breadcrumbs{
    padding-left: 1rem;
    padding-right: 1rem;
}

.page-node-50 .services{
    padding: 0 0 3rem;
}
.page-node-50 section.content{
    padding: 2rem 0 1rem;
}

.page-node-50 .pager {
    margin-bottom: 2.5rem;
}

.page-node-45 section.content{
    padding: 2rem 0 1rem;
}

.page-node-45 .portfolio{
     padding-top: 0;
}

.page-node-45 #block-inquarta-content{
    padding-left: 1rem;
}


#block-kontakty{
    margin-top: 17px;
}

.contact-message-write-us-contacts-form label,
.contact-message-write-us-contacts-form div[role="alert"]{
    display: none;
}

.contact-message-write-us-contacts-form .form-submit{
    height: 3.875rem;
    width: 13.44rem;
    background: #fff;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    border-radius: 1.9rem;
    line-height: -webkit-calc(3.875rem - 2px);
    line-height: -moz-calc(3.875rem - 2px);
    line-height: calc(3.875rem - 2px);
    text-align: center;
    font-size: 1.125rem;
    color: #f7285e;
    border: 1px solid #f7285e;
    cursor: pointer;
}

.contact-message-write-us-contacts-form .form-submit:hover{
    border-color: #2095f2;
    color: #2095f2;
}

#block-views-portfolio-block-1 .pager{
    padding-top: 2rem;
}

.page-node-55 section.page.contacts{
    padding: 1.875rem 0 4.5rem;
}

.page-node-44 section.clients{
    margin-top: 2rem;
}

.page-node-41 .site-type_item,
.page-node-41 .site-type_icon,
.page-node-41 .site-type_icon:before,
.page-node-41 .site-type_name{
    border: none;
}

.page-node-41 .site-type_name{
    border: 1px solid #f7285e;
    padding: 1.2rem;
    transition: .35s ease;
    color: #f7285e;
}

.page-node-41 .site-type_name:hover{
    cursor: pointer;
    border: 1px solid #2095f2;
    color: #2095f2;
}



.page-node-41 .site-type_icon img{
    margin-top: 0;
    width: initial;
    height: initial;
}

.site-item-price{
    text-align: center;
    padding: 1rem 0;
    font-size: 1.6rem;
    font-weight: 400;
}

.page-node-41 .site-type_icon:before{
    position: initial;
}

.site-type-icon-wrap{
    border: 1px solid #ccc;
}

.site-type-icon-wrap .site-type_icon{
    padding-top: 40%;
}

.site-type-icon-wrap .site-type_icon p{
    text-align: center;
}

.counter-bottom{
    /* clear: both; */
    float: right;
    margin-top: -5px;
    margin-left: 20px;
}

.list-num{
    padding: 0;
}
.list-num li{
    padding: 6px 0 6px 30px;
}
.list-num li:nth-child(1){
    background: url(../images/articles_icon/1.png) no-repeat 0 4px;
}
.list-num li:nth-child(2){
    background: url(../images/articles_icon/2.png) no-repeat 0 4px;
}
.list-num li:nth-child(3){
    background: url(../images/articles_icon/3.png) no-repeat 0 4px;
}
.list-num li:nth-child(4){
    background: url(../images/articles_icon/4.png) no-repeat 0 4px;
}
.list-num li:nth-child(5){
    background: url(../images/articles_icon/5.png) no-repeat 0 4px;
}
.list-num li:nth-child(6){
    background: url(../images/articles_icon/6.png) no-repeat 0 4px;
}
.list-num li:nth-child(7){
    background: url(../images/articles_icon/7.png) no-repeat 0 4px;
}
.list-num li:nth-child(8){
    background: url(../images/articles_icon/8.png) no-repeat 0 4px;
}
.list-num li:nth-child(9){
    background: url(../images/articles_icon/9.png) no-repeat 0 4px;
}
.list-num li:nth-child(10){
    background: url(../images/articles_icon/10.png) no-repeat 0 4px;
}

.list-check{
    padding: 0;
}

.list-check li {
    padding: 6px 0 6px 30px;
    background: url(../images/articles_icon/checked.png) no-repeat 0 5px;
}

.block-views-blocksertificates-new-block-1 .views-row{
    border: 1px solid #d9d9d9;
    margin-bottom: 23px;
}

.block-views-blocksertificates-new-block-1 .views-row:hover{
    border: 1px solid #2095f2;
}

.block-views-blocksertificates-new-block-1 .content{
    position: relative;
}

.seo-anonce{
    border: 1px solid #29a7f7;
    padding: 12px 20px;
    font-style: italic;
}

.dev-title-page p{
    text-align: center;
    font-size: 2.5rem;
    font-weight: 400;
    margin-top: .25rem;
    text-transform: uppercase;
}

.dev-title-page h2{
    margin-bottom: 0;
}
.dev-title-page{
    margin-bottom: 1.875rem;
    clear: both;
}

.light-icons_list-dev .light-icons_item div{
    display: block;
    margin: 0 auto 1.1rem;
}

.light-icons_list-dev .light-icons_item div span{
    height: 6.4rem;
    width: 6.4rem;
    margin: 0 auto;
    padding: 17px;
    border: 2px solid #efefef;
    display: block;
    border-radius: 50%;
}

.light-icons_list-dev img{
    width: auto;
    height: 100%;
    margin: 0;
    display: initial;
}

.light-icons_list-dev .light-icons_item{
    text-transform: uppercase;
}

.dev-get-result-wrapper{
    background: url(../images/dev_icons/get-result.jpg) no-repeat;
    background-size: cover;
    margin-left: 224px;
    color: #fff;
}

.dev-get-result-icons{

}

.dev-get-result-wrapper .dev-title-page,
.dev-get-result-wrapper .dev-title-page h2{
    color: #fff
}

.dev-get-result-icons .dev-get-result-icon{
    width: 50%;
    float: left;
    padding: 0px 0 0 50px;
    margin-bottom: 35px;
}

.dev-get-result-wrapper .dev-get-result-cover{
    margin-left: 33%;
    padding: 45px 0;
    width: 805px;
}

.dev-get-result-icons .dev-get-result-icon p{
    text-transform: uppercase;
    text-shadow: 0px 1px 10px rgba(2, 2, 2, .9);
    height: 100%;
    margin: auto 0;
}

.dev-get-result-icons .dev-get-result-icon .dev-get-result-img{
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 15px;
    width: 108px;
    height: 108px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.dev-get-result-icons .dev-get-result-icon .dev-get-result-img img{
    width: 100%;
    height: 95%;
}

.page-node-184 .services{
    padding: 0 0 3rem;
}

.tarif-dev-page{
    max-width: 100%;
    clear: both;
}

.tarif-dev-page .tarif_item{
    padding: 1.875rem 0 7.25rem;
    width: 33%;
    max-width: 400px;
    border: 2px solid #eaebed;
    transition: .35s ease;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    border-radius: 6px;
}

.tarif-dev-page .tarif_item:nth-child(1){
    margin-right: 10px;
}
.tarif-dev-page .tarif_item:nth-child(2){
    margin: 0 10px;
}
.tarif-dev-page .tarif_item:nth-child(3){
    margin-left: 10px;
}

.tarif-dev-page .tarif_item > div{
    padding: 0 1.5rem;
}

.tarif-dev-page .tarif_item .tarif_frame{
    padding-top: 68%;
}

.tarif-dev-page .tarif_item .tarif_name{
    text-transform: uppercase;
    color: #2a2a2a;
    font-size: 1.6rem;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 2px solid #eaebed;
}

.tarif-dev-page .tarif_item .tarif_desc{
    text-align: left;
}

.tarif-dev-page .tarif_item .tarif_desc h3{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 15px;
}

.tarif-dev-page .tarif_item .tarif_desc p{
    margin: .5rem 0;
}

.tarif-dev-page .tarif_item .tarif_desc-price{
    position: absolute;
    bottom: 0;
    border-top: 2px solid #eaebed;
    width: 100%;
    height: 90px;
}

.tarif-dev-page .tarif_item:nth-child(1) .tarif_desc-price p{
    color: #6739b6;
    background: #fff url(../images/right-arrow-blue.svg) no-repeat;
}
.tarif-dev-page .tarif_item:nth-child(2) .tarif_desc-price p{
    color: #a02fb3;
    background: #fff url(../images/right-arrow-fiol.svg) no-repeat;
}
.tarif-dev-page .tarif_item:nth-child(3) .tarif_desc-price p{
    color: #ff2360;
    background: #fff url(../images/right-arrow-red.svg) no-repeat;
}
.tarif-dev-page .tarif_item:nth-child(1) .tarif_desc-price p,
.tarif-dev-page .tarif_item:nth-child(2) .tarif_desc-price p,
.tarif-dev-page .tarif_item:nth-child(3) .tarif_desc-price p{
    background-size: 42px 42px;
    background-position: 86% 50%;
}


.tarif-dev-page .tarif_item .tarif_desc-price p,
.tarif-dev-page .tarif_item .tarif_desc-price .btn{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    line-height: 5.5rem;
    margin: 0;
    transition: .35s ease;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
}

.tarif-dev-page .tarif_item .tarif_desc-price p{
    width: 100%;
    text-align: left;
    z-index: 1;
    left: 0;
    opacity: 1;
    padding-left: 30px;
}

.tarif-dev-page .tarif_item .tarif_desc-price .btn{
    width: 0;
    left: 0;
    z-index: 0;
    color: #fff;
    background: #6739b6 url(../images/right-arrow-white.svg) no-repeat;
    background-size: 42px 42px;
    background-position: 86% 50%;
    text-align: left;
    padding-left: 30px;
}

.tarif-dev-page .tarif_item:hover .tarif_desc-price .btn{
    width: 100%;
    z-index: 2;
}

.tarif-dev-page .tarif_item:nth-child(1) .tarif_desc-price .btn{
    background-color: #6739b6;
}
.tarif-dev-page .tarif_item:nth-child(2) .tarif_desc-price .btn{
    background-color: #a02fb3;
}
.tarif-dev-page .tarif_item:nth-child(3) .tarif_desc-price .btn{
    background-color: #ff2360;
}

.tarif-dev-page .tarif_item:hover .tarif_desc-price p{
    opacity: 0;
}

.tarif-dev-page .tarif_item:nth-child(1):hover{
    border: 2px solid #6739b6;
}
.tarif-dev-page .tarif_item:nth-child(2):hover{
    border: 2px solid #a02fb3;
}
.tarif-dev-page .tarif_item:nth-child(3):hover{
    border: 2px solid #ff2360;
}

.page-node-184 .about_column-left,
.page-node-184 .about_column-right{
    width: 49.3%;
}

.about_column-left{
    border-radius: 6px;
}
.page-node-184 .about_column-left{
    border: 3px solid #dddddd;
}

.about_column-left .comparison-header{
    text-align: center;
    border-bottom: 3px solid #dddddd;
}

.about_column-right .comparison-header{
    text-align: center;
    border-bottom: 3px solid #2095f2;
}

.about_column-left .comparison-header p,
.about_column-right .comparison-header p{
    display: inline-block;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 2.5rem;
    padding: 10px 0 3px 70px;
    text-transform: uppercase;
}

.about_column-left .comparison-header p{
    background: url(../images/decreasing-wealth-1.svg) no-repeat;
    background-size: contain;
}

.about_column-right .comparison-header p{
    color: #2095f2;
    background: url(../images/monitor-screen-outline.svg) no-repeat;
    background-size: contain;
}

.about_column-left .comparison-content,
.about_column-right .comparison-content{
    padding: 20px 15px;
}

.about_column-left .comparison-content div{
    background: url("../images/delete-button.svg") no-repeat;
    background-size: 34px 34px;
    padding-left: 45px;
}

.about_column-right .comparison-content div{
    background: url("../images/check-mark.png") no-repeat;
    background-size: 34px 34px;
    padding-left: 45px;
}

.about_column-left .comparison-content h3,
.about_column-right .comparison-content h3{
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.25rem;
}

.about_column-left .comparison-content p,
.about_column-right .comparison-content p{
    margin: 0 0 1rem;
    font-size: 1.125rem;
}

.about_column-right{
    border-radius: 6px;
}

.page-node-184 .about_column-right{
    border: 3px solid #2095f2;
}

.icon-works-wrap .icons_img{
    width: 17rem;
    height: auto;
    margin: 0 auto 1.125rem;
}

.icon-works-wrap .icons_text{
    font-weight: 400;
}

.icon-works-wrap .icons_item{
    max-width: 300px;
}

.icon-works-wrap .icons_item:first-child{
    padding-left: 0;
}

.icon-works-wrap .icons_item:last-child{
    padding-right: 0;
}

.feedback-dev-sec{
    background: url(../images/dev_icons/dev-map-bg.jpg) no-repeat;
    padding: 2.77rem 0;
    margin-left: 14rem;
}

.feedback-dev-wrapper{
    margin-left: -14rem;
}

.feedback-dev-sec h2{
    color: #fff;
    text-align: left;
}

.feedback-dev-sec form label{
    display: none;
}

.feedback-dev-sec form .form-item input{
    max-width: 380px;
    background-color: #fff;
    border-radius: 6px;
}

.feedback-dev-sec #block-dev-call-form{
    width: 50%;
}

#block-dev-call-form div[role="alert"]{
    display: none;
}

#block-dev-call-form input.error{
    border: 2px solid red;
}

.feedback-dev-sec #block-dev-call-form form{
    width: 380px;
}

.feedback-dev-sec #block-dev-call-form h2{
    font-weight: 300;
    font-size: 1.875rem;
}

#block-dev-form-header-block h2{
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.feedback-dev-sec #block-dev-call-form .form-actions input{
    width: 200px;
    background: none;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 1.125rem;
    margin-top: 24px;
    cursor: pointer;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
}

.feedback-dev-sec #block-dev-call-form .form-actions input:hover{
    background-color: #fff;
    color: #2095f2;
}

.dev-feedback-footer-wrapper{
    text-align: center;
    margin-top: 30px;
}

.dev-feedback-footer{
    color: #fff;
    display: inline-block;
}

.dev-feedback-footer div{
    float: left;
    margin: 0 15px;
}

.dev-feedback-footer div:nth-child(1) p{
    font-weight: 400;
    font-size: 1.875rem;
}
.dev-feedback-footer div:nth-child(2) a{
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    border-bottom: 3px solid #fff;
    text-decoration: none;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
}
.dev-feedback-footer div:nth-child(2) a:hover{
    color: #f7285e;
    border-bottom: 3px solid #f7285e;
}

.dev-feedback-footer div:nth-child(3){
    margin-top: 15px;
}
.dev-feedback-footer div:nth-child(3) p{
    margin: 0;
    font-style: italic;
    text-align: left;
    font-size: 1.125rem;
}

#block-dev-what-sites-we-block h2,
#block-dev-comparison-block h2,
#block-advantages-work-page-block h2{
    font-size: 2.5rem;
    font-weight: 400;
    text-transform: uppercase;
}

.page-node-184 .srvices-page{
    padding: 0;
}

.page-node-184 .download{
    padding: 3rem 0 4rem;
}

.page-node-184 .why{
    padding: 3rem 0;
}

.dev-blackout{
    display: flex;
    /*background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 10px;*/
}

.faq_wrap{
    position: relative;
}

.node-type-our-works .seo-sec{
    padding: 0;
}

.portfolio-seo-wrapper{
    padding: 4.5rem 0;
}

.contact-form .field--name-field-check{
    margin-top: 1rem;
}

.contact-form .field--name-field-check input{
    height: 20px;
    width: 20px!important;
    float: left;
}

.contact-form .field--name-field-check label{
    margin-left: 35px;
    display: block;
    width: 80%;
}

.contact-message-write-us-form .field--name-message textarea{
    margin-bottom: 1.2rem;
}

.contact-message-write-us-form .field--name-field-check{
    margin-bottom: 1rem;
}

.contact-message-ostavte-zaavku-i-my-vam-perezvon-form .field--name-field-check label{
    color: #fff;
}

.page-node-202 .node__content h3{
    font-weight: 300;
    font-size: 24px;
    margin: 2rem 0 1rem;
}

.page-node-202 .node__content p{
    margin: 0;
}

.page-node-202 #block-views-head-banners-block-1{
    display: none;
}

.adaptive-phone{
    display: none;
}

/*------- check languages ---------*/
.check-language{
    text-align: right;
    margin-top: -25px;
    margin-bottom: 20px;
}
.check-language p{
    padding: 0;
    margin: 0;
}

.check-language-name, .check-language-list{
    display: inline-block;
}

.check-language-list li {
    list-style-type: none;
    position: relative;
}

.checked-language {
    border-bottom: 1px dashed;
    cursor: pointer;
}

.check-language-list > li > div {
    visibility: hidden;
    display: none;
}

.check-language-list > li:hover > div {
    position: absolute;
    visibility: visible;
    display: block;
    background-color: #ffffff;
    bottom: 20px;
    text-align: left;
    right: 0;
    border-radius: 5px;
    border: 1px solid #139be9;
    color: #139be9;
}

.check-language-list > li:hover > div li {
    padding: 5px 20px;
}

.check-language-list > li:hover > div li a {
    color: #36a6ee;
}

/*----------- новое портфолио на главной -------------*/
.portfolio-grid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.portfolio-grid > div{
    position: relative;
    width: calc(100% / 3 - 20px);
}

.portfolio-grid-header{
    margin-bottom: 30px;
}

.portfolio-grid-header p{
    text-align: center;
}

.portfolio-grid-item{
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.portfolio-grid-item img{
    width: 100%;
    height: auto;
    display: flex;
}

.portfolio-grid-item .portfolio-grid-item-content{
    position: absolute;
    bottom: 0;
    background-color: rgba(32,149,242,.9);
    width: 100%;
    color: #fff;
    padding: 15px;
    top: 68%;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    transition: .35s ease;
    text-align: center;
}

.portfolio-grid-item .portfolio-grid-item-content p{
    font-weight: 400;
}

.portfolio-grid-item .portfolio-grid-item-content a{
    visibility: hidden;
    border: 2px solid #fff;
    border-radius: 32px;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1rem;
    display: inline-block;
    margin-top: 15px;
    display: inline-block;
    margin-top: 20px;
}

.portfolio-grid-item:hover .portfolio-grid-item-content{
    top: 0;
    padding-top: 35%;
}

.portfolio-grid-item:hover .portfolio-grid-item-content a{
    visibility: visible;
}

.portfolio-grid-item:hover .portfolio-grid-item-content a:hover{
    background-color: #fff;
    color: #f7285e;
}

.portfolio-grid-item .blur{

}

.portfolio-grid-footer{
    text-align: center;
    margin-top: 15px;
}

.portfolio-grid-footer a{
    display: inline-block;
    border: 1px solid #f7285e;
    border-radius: 35px;
    padding: 18px 30px;
    font-size: 1.2rem;
    text-decoration: none;
}

.portfolio-grid-footer a:hover{
    border-color: #2095f2;
    color: #2095f2;
}

.view-portfolio-page .portfolio-grid h3{
    font-size: 1.1rem;
}

.view-portfolio-page .portfolio-grid .portfolio-grid-item-content p{
    font-size: .95rem;
}

.double-block{
    display: table;
    margin-bottom: 30px;
}

.double-block p{
    line-height: 2;
}

.double-block > div{
    display: table-cell;
    vertical-align: middle;
}

.double-block > div:first-child{
    width: 40%;
}

.double-block > div:last-child{
    width: 60%;
}

.double-block img{
    width: 100%;
}
/* BEGIN span вместо a href tel*/
.ahreftel {text-decoration:none;color:#f7285e;transition:.35s ease;cursor:pointer;}
.ahreftel:hover {text-decoration:underline;}

/* END span вместо a href tel*/

#edit-field-comment-wrapper {display:none;}

.captcha {margin-bottom:1rem;}


.telegram-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    background-color: #2CA5E0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFF' d='M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7l-5.45-1.7c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z'/%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.telegram-button:before,
.telegram-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #2CA5E0;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.telegram-button:after{
    animation-delay: .5s;
}

.btn__up {
    z-index: -299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: rgba(32, 149, 242, .4);
    opacity: 0;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: 50px;
    right: auto;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px;
    transition: .3s all ease;
}

.btn__up::before {
    content:""; 
    width: 8px;
    height: 8px;
    border-bottom: 3px solid rgb(255, 255, 255);
    border-left: 3px solid rgb(255, 255, 255);
    margin: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -35%) rotate(133deg);
}

.btn__up:hover {
    background-color: rgba(32, 149, 242, .8);
}

.btn__up:active {
    background-color: rgba(32, 149, 242, 1);
}

.btn__show {
    opacity: 1;
    z-index: 299;
}

@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}