/*   
Theme Name: art6_template
Author: Dmitry Boyko
Author URI: http://art6.ru
*/
body {
margin:0;
padding:0;
overflow:inherit;
font-family:'Roboto',sans-serif;
font-size:16px;
font-weight:400;
color:#222;
overflow-x: hidden;
min-width:300px
}

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

:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.wrapper {
width:100%;
max-width:1920px;
margin-left: auto;
margin-right: auto;
display:table;
min-height:100vh;
box-sizing:border-box;
transition:margin-left .2s ease-in-out;
table-layout: fixed;
}

.main-top {
display:table-row;
height:1px
}

.main-mid {
display:table-row
}

.main-bot {
display:table-row;
height:1px
}

.mobile-menu-open__overlay {
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#000;
opacity:.3;
z-index:100
}

b,strong {
font-weight:700
}

img {
border:0
}

:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

a {
text-decoration:none
}

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

.main-top a:link,.main-bot a:link {
color:inherit
}

p {
margin:0;
padding:10px 0 0px 0;
color:#222
}

.main-content p,article p {
font-size:16px;
line-height:24px;
margin:14px 0;
font-weight:400
}

article ul {
list-style-type:square;
padding-left:28px;
margin:0
}

article ul li {
margin:5px 0;
font-size:16px;
line-height:24px;
font-weight:400;
color:#222
}

@media (max-width: 767px) {
article ul li {
font-weight:300
}

.main-content p,article p {
font-weight:300
}

strong {
font-weight:400
}
}

.blue {
color:#0199e6
}

.green {
color:#26D784
}

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

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

.edit_allowed {
position:relative;
min-height:2px
}

.edit_allowed:hover {
min-height:50px
}

.edit_allowed:hover:before {
content:'';
width:calc(100% - 10px);
height:calc(100% - 10px);
border:2px dashed #0D47A1;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:998;
pointer-events:none
}

.block_edit_link {
display:none;
position:absolute;
top:10px;
right:20px;
z-index:999
}

.block_edit_link_2 {
top:25px
}

.edit_allowed:hover > .block_edit_link {
display:block
}

.main-content {
padding:0 0 40px
}

.main-content p {
margin:14px 0
}

@media (max-width: 767px) {
.only-mobile {
display:block!important
}

.only-desctop {
display:none!important
}
}

@media (min-width: 768px) {
.only-mobile {
display:none!important
}

.only-desctop {
display:block!important
}
}

.container {
margin:0 auto;
padding:0 15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.container_wpadding {
padding:0!important
}

@media (max-width: 767px) {
.container {
width:100vw
}
}

@media (min-width: 768px) and (max-width: 991px) {
.container {
width:750px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.container {
width:970px
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd_top {
padding-top:20px
}

.header {
padding:16px 0
}

@keyframes graycolor {
from {
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}

50% {
-webkit-filter:grayscale(0);
filter:grayscale(0)
}

to {
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}
}

.header__logo {
float:left;
height:74px;
-webkit-animation:graycolor 5s infinite ease-in-out;
animation:graycolor 5s infinite ease-in-out
}

.header__description {
float:left;
font-size:16px;
margin:19px 0 0 30px
}

.header__contacts {
float:left;
margin-left:320px;
text-align:right;
margin-top:10px
}

.header__contacts strong {
font-size:26px;
font-weight:700
}

.header__feedback {
float:right;
margin-top:8px;
border:2px solid #0199e6;
border-radius:5px;
padding:8px 16px 8px 50px;
color:#0199e6!important;
position:relative;
-webkit-transition:all.2s ease-out;
-moz-transition:all.2s ease-out;
-o-transition:all.2s ease-out;
transition:all.2s ease-out
}

.header__feedback:hover {
background-color:#0199e6;
color:#fff!important
}

.header__feedback_icon {
font-size:46px;
left:-6px;
top:0;
position:absolute
}

@media (max-width: 767px) {
.header__logo_a {
display:block;
text-align:center
}

.header__logo {
float:none
}

.header__description {
font-size:18px;
text-align:center;
margin:16px 0;
float:none
}

.header__contacts {
float:none;
display:block;
margin-left:0;
text-align:center
}

.header__contacts strong {
font-size:26px
}

.header__feedback {
display:none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.header__contacts {
margin-left:0;
float:right
}

.header__feedback {
display:none
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.header__contacts {
margin-left:130px
}
}

.top-menu {
background-color:#f2f2f2
}

.top-menu__hidden-button {
display:none;
width:100%;
height:60px;
line-height:60px;
text-align:center;
color:#000;
cursor:pointer;
font-size:18px
}

.top-menu__ul {
list-style:none;
font-size:17px;
padding:0;
margin:0
}

.top-menu__ul > li > a,.top-menu__ul > li > a:link {
display:block;
color:#222
}

.top-menu__ul > li:hover > a {
background-color:#0199e6;
color:#fff
}

.sub-menu {
list-style:none;
padding:0;
margin:0;
box-sizing:border-box
}

.sub-menu > li {
text-align:left;
overflow:hidden;
box-sizing:border-box
}

.sub-menu > li > a {
display:block;
color:#fff!important
}

.top-menu__ul > li > .drop-li__toggler,.sub-menu > li > .drop-li__toggler {
display:none
}

@media (min-width: 767px) {
.top-menu__ul {
display:table;
width:100%
}

.top-menu__ul > li {
text-align:center;
position:relative;
display:table-cell
}

.top-menu__ul > li > a {
padding:23px 0;
font-size:16px
}

.sub-menu {
background-color:#0199e6;
position:absolute;
z-index:10;
top:100%;
min-width:100%;
overflow:hidden;
max-height:0;
padding-bottom:0;
transition:max-height 0 ease-in-out
}

.sub-menu > li:last-child {
padding-bottom:16px
}

.sub-menu > li > a {
font-size:16px;
padding:12px 20px;
position:relative
}

.sub-menu > li > a:before {
content:"";
width:calc(100% - 40px);
position:absolute;
height:2px;
bottom:4px;
background-color:#fff;
transform:scale(0);
transition:all .1s ease-out
}

.sub-menu > li > a:hover:before {
transform:scale(1)
}

.menu-item-has-children:hover .sub-menu {
max-height:500px;
transition:max-height .2s ease-in-out
}

.top-menu__ul > li:hover > a:before,.top-menu__ul > li:hover > a:after {
display:none
}

.top-menu__ul .current-menu-item > a,.top-menu__ul .current-post-ancestor > a,.top-menu__ul .current-category-ancestor > a,.top-menu__ul .current_page_parent > a {
background-color:#0199e6;
color:#fff!important
}

.current-menu-item > a:before,.current-menu-item > a:after {
display:none
}
}

@media (min-width: 992px) {
.top-menu__ul > li:not(:last-child) > a:before,.top-menu__ul > li:not(:last-child) > a:after {
width:1px;
height:22px;
top:50%;
position:absolute;
margin-top:-11px;
content:''
}

.top-menu__ul > li > a:after {
right:-1px;
background-color:#d9d9d9
}

.top-menu__ul > li > a:before {
right:-2px;
background-color:#fff
}
}

@media (min-width: 768px) and (max-width: 991px) {
.sub-menu > li > a {
padding:12px 6px;
font-size:14px
}
.top-menu__ul > li > a {
font-size: 15px;
font-weight: 300;
}

.sub-menu > li > a:before {
width:calc(100% - 12px)
}

.top-menu__ul {
font-size:15px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.top-menu__ul > li > a {
padding-left:10px;
padding-right:10px;
}
.sub-menu > li > a {
padding:12px;
font-size:15px
}

.sub-menu > li > a:before {
width:calc(100% - 24px)
}
}

@media (min-width: 1200px) {
.top-menu__ul > li > a {
font-size:17px;
padding-left:20px;
padding-right:20px;
}
}

@media (max-width: 767px) {
.top-menu__hidden-button {
display:block
}

.top-menu__ul {
left:-80%;
position:fixed;
top:0;
background-color:#f2f2f2;
display:block;
width:70%;
min-width:215px;
box-shadow:2px 0 22px 1px rgba(0,0,0,0.48);
height:100%;
overflow:auto;
z-index:999999;
transition:left .2s ease-in-out
}

.top-menu__ul > li {
display:list-item;
text-align:left;
box-sizing:border-box;
position:relative;
left:-100%
}

.top-menu__ul > li:nth-of-type(1) {
transition:left .1s ease-in-out .1s
}

.top-menu__ul > li:nth-of-type(2) {
transition:left .1s ease-in-out .15s
}

.top-menu__ul > li:nth-of-type(3) {
transition:left .1s ease-in-out .2s
}

.top-menu__ul > li:nth-of-type(4) {
transition:left .1s ease-in-out .25s
}

.top-menu__ul > li:nth-of-type(5) {
transition:left .1s ease-in-out .3s
}

.top-menu__ul > li:nth-of-type(6) {
transition:left .1s ease-in-out .35s
}

.top-menu__ul > li:nth-of-type(7) {
transition:left .1s ease-in-out .4s
}

.top-menu__ul > li:nth-of-type(8) {
transition:left .1s ease-in-out .45s
}

.top-menu__ul > li:nth-of-type(9) {
transition:left .1s ease-in-out .5s
}

.top-menu__ul > li > a {
padding:18px 12px 18px 30px;
width:100%;
display:block;
box-sizing:border-box
}

.sub-menu {
width:100%;
box-sizing:border-box;
overflow:hidden;
max-height:0;
display:block;
padding:0;
position:static;
background-color:#007cba;
box-shadow:inset 0 15px 18px -10px rgba(0,0,0,0.2);
transition:max-height .2s ease-in-out
}

.sub-menu > li:first-child {
padding-top:10px
}

.sub-menu > li:last-child {
padding-bottom:10px
}

.sub-menu > li > a {
padding:10px 30px
}

.menu-item-has-children > .drop-li__toggler {
display:block!important;
padding:18px;
cursor:pointer;
position:absolute;
right:0;
top:0;
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}

.menu-item-has-children:hover > .drop-li__toggler {
color:#fff
}

.menu-item-has-children-open > .drop-li__toggler {
color:#fff;
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}

.menu-item-has-children-open > a {
color:#fff!important;
background-color:#0199e6
}

.menu-item-has-children-open {
background-color:#0199e6
}

.menu-item-has-children-open .sub-menu {
max-height:500px;
border-bottom:2px solid #346182
}

.body-mobile-menu-open {
overflow:hidden
}

.body-mobile-menu-open .wrapper {
margin-left:70%
}

.body-mobile-menu-open .mobile-menu-open__overlay {
display:block
}

.body-mobile-menu-open .top-menu__ul {
left:0
}

.body-mobile-menu-open .top-menu__ul > li {
left:0
}
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-weight:300;
text-align:left;
color:#222
}

h1 {
font-size:50px;
margin:30px 0 20px
}

h2 {
font-size:45px;
margin:30px 0 20px
}

h3 {
font-size:26px;
margin:20px 0
}

h4 {
font-size:22px;
margin:20px 0;
font-weight:400
}

h5 {
font-size:19px;
margin:16px 0;
font-weight:400
}

h6 {
font-size:17px;
margin:14px 0;
font-weight:400
}

.home h1 {
text-align:center;
margin:50px 0 40px
}

.home h2 {
text-align:center;
margin:40px 0 30px
}

@media (max-width: 767px) {
h1 {
font-size:38px
}

h2 {
font-size:32px
}
}

@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size:42px
}

h2 {
font-size:38px
}
}

.site-creation__item {
border-radius:3px;
border:1px solid #e0e0e0;
display:table;
overflow:hidden;
color:#222;
transition:.2s;
margin:16px auto;
max-width:400px;
width:100%
}

.site-creation__item:hover {
box-shadow:0 0 10px 1px rgba(0,0,0,0.12)
}

.site-creation__item_header {
background-color:#464545;
padding:0;
text-align:center;
min-height:68px;
display:table;
width:100%;
transition:.2s
}

.site-creation__item_header p {
font-size:24px;
font-weight:300;
margin:0;
padding:0 20px;
display:table-cell;
vertical-align:middle;
color:#fff
}

.site-creation__item_time,.site-creation__item_price-block {
text-align:center;
padding:0 20px;
margin:15px 0
}

.site-creation__item_time {
font-weight:300;
font-size:1.25em;
color:#222
}

.site-creation__item_price-block {
font-weight:400;
transition:.2s
}

.price-block__from {
font-size:1em
}

.price-block__price {
font-size:2.75em
}

.price-block__rub {
font-size:1.8em
}

.site-creation__item_content {
padding:0 20px
}

.site-creation__item_content p {
padding:20px 0;
border-bottom:1px solid #e0e0e0;
font-size:.875em;
line-height:1.25em;
color:#222
}

.site-creation__item_content p:last-child {
border-bottom:0;
padding-bottom:40px
}

.site-creation__item_button {
padding:25px 20px;
background-color:#fafafa
}

.site-creation__item_button span {
display:block;
font-size:1.125em;
border:2px solid #0199e6;
color:#0199e6;
border-radius:4px;
text-align:center;
padding:15px;
background-color:#fff;
transition:.2s
}

.site-creation__item:hover .site-creation__item_header {
background-color:#0199e6
}

.site-creation__item:hover .site-creation__item_price-block {
color:#0199e6
}

.site-creation__item .site-creation__item_button:hover span {
color:#fff;
background-color:#0199e6
}

@media (max-width: 767px) {
.site-creation__item-container {
width:100%;
margin-bottom:50px
}

.site-creation__item_header {
padding:10px 0
}

.site-creation__item_content p {
font-size:1em;
padding:14px 0;
text-align:center
}

.site-creation__item_time {
font-size:1.4em
}

.price-block__price {
font-size:2.3em
}
}

@media (min-width: 768px) and (max-width: 991px) {
.site-creation__item-container {
width:50%;
margin-bottom:30px
}

.price-block__price {
font-size:32px
}

.site-creation__item_time {
font-size:18px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.site-creation__item-container {
width:50%;
margin-bottom:50px
}

.price-block__price {
font-size:30px
}

.site-creation__item_time {
font-size:18px
}
}

@media (min-width: 1200px) {
.site-creation__item-container {
width:25%;
margin-bottom:40px
}

.site-creation__item_header {
padding:30px 0
}
}

.portfolio {
padding:0 0 40px
}
@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.portfolio_row div:nth-child(2n+1) {
  clear: both;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.portfolio_row div:nth-child(3n+1) {
  clear: both;
}
}
@media (min-width: 1200px) {
.portfolio_row div:nth-child(3n+1) {
  clear: both;
}
}
.portfolio_item {
display:block;
margin:16px auto;
max-width:400px
}

.portfolio_item_image {
overflow:hidden;
position:relative
}

.portfolio_item_thumb {
width:100%;
display:block;
transition:.5s
}

.portfolio_item_icon {
position:absolute;
left:calc(50% - 51px);
top:calc(50% - 51px);
width:102px;
height:102px
}

.portfolio_item_icon:before {
position:absolute;
left:calc(50% - 78px);
top:calc(50% - 78px);
height:156px;
width:156px;
transform:scale(.1);
opacity:0;
content:"";
border-radius:50%;
border:2px solid #fff
}

.portfolio_item_icon img {
width:100%;
height:100%;
opacity:0;
transition:.4s .4s;
-webkit-filter:blur(4px);
filter:blur(4px)
}

@keyframes sonarEffect {
0% {
opacity:1;
box-shadow:0 0 10px 10px rgba(255,255,255,0.8),0 0 10px 10px rgba(255,255,255,0.4),0 0 10px 10px rgba(255,255,255,0.2)
}

20% {
opacity:1;
transform:scale(.4);
box-shadow:0 0 10px 20px rgba(255,255,255,0.8),0 0 10px 20px rgba(255,255,255,0.4),0 0 10px 20px rgba(255,255,255,0.2)
}

35% {
opacity:1;
transform:scale(.6);
box-shadow:0 0 10px 15px rgba(255,255,255,0.8),0 0 10px 35px rgba(255,255,255,0.4),0 0 10px 35px rgba(255,255,255,0.2)
}

50% {
opacity:1;
transform:scale(.8);
box-shadow:0 0 10px 10px rgba(255,255,255,0.8),0 0 10px 25px rgba(255,255,255,0.4),0 0 30px 50px rgba(255,255,255,0.2)
}

100% {
opacity:1;
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,255,255,0.8),0 0 0 0 rgba(255,255,255,0.4),0 0 0 0 rgba(255,255,255,0.2)
}
}

.portfolio_item_caption {
background-color:#f2f2f2;
padding:16px 20px
}

p.portfolio_item_title {
font-size:18px;
line-height:22px;
font-weight:700
}

.portfolio_item_text {
display:table;
width:100%;
margin-top:10px
}

.portfolio_item_text p {
display:table-cell;
line-height:20px;
font-size:16px;
height:40px;
overflow:hidden;
vertical-align:middle
}

.portfolio-more {
font-size:22px;
padding:15px 20px;
text-align:center;
border:2px solid #0199e6;
width:50%;
display:block;
margin:20px auto;
border-radius:4px;
color:#0199e6;
box-sizing:border-box;
position:relative;
overflow:hidden
}

.portfolio-more:before {
content:'';
z-index:-1;
position:absolute;
top:-100%;
left:0;
right:0;
height:100%;
background-color:#0199e6;
transition:.1s
}

.portfolio-more:hover:before {
top:0
}

.portfolio-more:hover {
color:#fff
}

@media (max-width: 767px) {
.portfolio-more {
width:calc(100% - 30px);
padding:10px
}

.portfolio_item_icon:before {
opacity:1;
transform:scale(1);
box-shadow:0 0 0 0 rgba(255,255,255,0.8),0 0 0 0 rgba(255,255,255,0.4),0 0 0 0 rgba(255,255,255,0.2)
}

.portfolio_item_icon img {
opacity:1;
-webkit-filter:blur(0);
filter:blur(0)
}
}

@media (min-width: 768px) {
.portfolio_item:hover .portfolio_item_thumb {
transform:scale(1.3) rotate(-10deg)
}

.portfolio_item:hover .portfolio_item_icon:before {
animation:sonarEffect .4s ease-out forwards
}

.portfolio_item:hover .portfolio_item_icon img {
opacity:1;
-webkit-filter:blur(0);
filter:blur(0)
}
}

@media (min-width: 992px) and (max-width: 1199px) {
p.portfolio_item_title {
font-size:16px
}
}

.quote {
background-color:#f2f2f2
}

.quote .container {
position:relative
}

.quote blockquote {
text-align:center;
font-weight:300;
margin:0;
color:#726f6f
}

.quote i {
position:absolute;
display:inline-block;
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
color:#e3e3e3
}

.quote i:first-child {
left:30px;
top:10px
}

.quote i:last-child {
right:30px;
bottom:10px
}

@media (max-width: 767px) {
.quote blockquote {
font-size:26px;
padding:30px 0
}

.quote i {
display:none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.quote blockquote {
font-size:26px;
padding:40px 0
}

.quote i {
font-size:50px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.quote blockquote {
font-size:30px;
padding:50px 0
}

.quote i {
font-size:80px
}
}

@media (min-width: 1200px) {
.quote blockquote {
padding:60px 0;
font-size:35px
}

.quote i {
font-size:108px
}
}

.circle-block {
overflow:hidden;
position:relative;
height:890px
}

.circle-block p {
font-weight:400
}

.circle-bg {
position:absolute;
height:890px;
width:1600px;
max-width:100%;
background-size:1600px 890px;
z-index:-2
}

.circle-bg-right {
background:url(images/bg_right.jpg) no-repeat center right
}

.circle-bg-left {
background:url(images/bg_left.jpg) no-repeat center left
}

.white-circle {
height:1800px;
width:1800px;
border-radius:50%;
background-color:#fff;
position:absolute;
top:-180px;
z-index:-1
}

.circle-left h2 {
text-align:left
}

.circle-left * {
text-align:left
}

.circle-right h2 {
text-align:right
}

.circle-right * {
text-align:right
}

.circle-right {
text-align:right
}

@media (max-width: 767px) {
.circle-block {
height:auto;
padding-bottom:20px
}

.circle-block h2 {
margin:20px 0;
text-align:left
}

.circle-right {
text-align:left
}

.circle-block h3 {
font-size:26px;
margin:16px 0 10px
}

.circle-block h4 {
font-size:22px;
margin:14px 0 10px
}

.circle-block p {
line-height:22px;
font-size:15px;
padding:0 20px;
text-align:justify
}

.white-circle {
width:100%;
height:100%;
border-radius:0;
top:auto;
right:auto;
opacity:.8
}

.circle-bg {
-webkit-filter:blur(4px);
filter:blur(4px);
transform:scale(1.2);
width:100%;
height:100%;
background-size:250px
}

.circle-bg-left {
background:url(images/bg_left_pattern.png) repeat repeat!important
}

.circle-bg-right {
background:url(images/bg_right_pattern.jpg) repeat repeat!important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.white-left {
right:calc((100% - 750px)/2 - 50px)
}

.white-right {
left:calc((100% - 750px)/2 - 60px)
}

.circle-bg-left {
left:-350px
}

.circle-bg-right {
right:-350px
}

.circle-block h2 {
margin:26px 0
}

.circle-block h3 {
font-size:26px;
margin:10px 0 6px
}

.circle-block h4 {
font-size:22px;
margin:14px 0 10px
}

.circle-block p {
line-height:22px;
font-size:15px
}

.circle-left p:nth-of-type(1) {
width:62%
}

.circle-left p:nth-of-type(2) {
width:80%
}

.circle-left p:nth-of-type(3) {
width:95%
}

.circle-left p:nth-of-type(4) {
width:100%
}

.circle-left p:nth-of-type(5) {
width:98%
}

.circle-right p:nth-of-type(1) {
padding-left:38%
}

.circle-right p:nth-of-type(2) {
padding-left:20%
}

.circle-right p:nth-of-type(3) {
padding-left:5%
}

.circle-right p:nth-of-type(4) {
padding-left:0
}

.circle-right p:nth-of-type(5) {
padding-left:2%
}

.circle-right h3:nth-of-type(1) {
padding-left:38%
}

.circle-right h4:nth-of-type(1) {
padding-left:30%
}

.circle-right h4:nth-of-type(2) {
padding-left:25%
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.white-left {
right:calc((100% - 970px)/2 + 90px)
}

.white-right {
left:calc((100% - 970px)/2 + 90px)
}

.circle-bg-left {
left:-300px
}

.circle-bg-right {
right:-300px
}

.circle-block h2 {
margin:26px 0
}

.circle-block h3 {
font-size:30px;
margin:10px 0 6px
}

.circle-block h4 {
font-size:24px;
margin:14px 0 10px
}

.circle-block p {
line-height:24px;
font-size:16px
}

.circle-left p:nth-of-type(1) {
width:62%
}

.circle-left p:nth-of-type(2) {
width:70%
}

.circle-left p:nth-of-type(3) {
width:80%
}

.circle-left p:nth-of-type(4) {
width:85%
}

.circle-left p:nth-of-type(5) {
width:85%
}

.circle-right p:nth-of-type(1) {
padding-left:38%
}

.circle-right p:nth-of-type(2) {
padding-left:30%
}

.circle-right p:nth-of-type(3) {
padding-left:20%
}

.circle-right p:nth-of-type(4) {
padding-left:15%
}

.circle-right p:nth-of-type(5) {
padding-left:15%
}

.circle-right h3:nth-of-type(1) {
padding-left:38%
}

.circle-right h4:nth-of-type(1) {
padding-left:30%
}

.circle-right h4:nth-of-type(2) {
padding-left:25%
}
}

@media (min-width: 1200px) {
.white-left {
right:calc((100% - 1170px)/2 + 200px)
}

.white-right {
left:calc((100% - 1170px)/2 + 200px)
}

.circle-bg-left {
left:0
}

.circle-bg-right {
right:0
}

.circle-block h2 {
margin:30px 0
}

.circle-block h3 {
font-size:32px;
margin:20px 0 10px
}

.circle-block h4 {
font-size:26px;
margin:20px 0 10px
}

.circle-block p {
line-height:24px;
font-size:16px
}

.circle-left p:nth-of-type(1) {
width:62%
}

.circle-left p:nth-of-type(2) {
width:70%
}

.circle-left p:nth-of-type(3) {
width:75%
}

.circle-left p:nth-of-type(4) {
width:80%
}

.circle-left p:nth-of-type(5) {
width:80%
}

.circle-right p:nth-of-type(1) {
padding-left:38%
}

.circle-right p:nth-of-type(2) {
padding-left:30%
}

.circle-right p:nth-of-type(3) {
padding-left:25%
}

.circle-right p:nth-of-type(4) {
padding-left:20%
}

.circle-right p:nth-of-type(5) {
padding-left:20%
}

.circle-right h3:nth-of-type(1) {
padding-left:38%
}

.circle-right h4:nth-of-type(1) {
padding-left:30%
}

.circle-right h4:nth-of-type(2) {
padding-left:25%
}
}

.why_art6 {
background-color:#f2f2f2
}

.why_art6 .upper {
text-align:center;
margin:0;
padding:40px 0 60px
}

.why_art6_item {
float:left;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-weight:300;
overflow:hidden
}

.why_art6_item svg {
height:100px
}

.why_art6_item img {
height:100px
}

.why_art6_item i {
color:#26D784;
font-size:82px;
line-height:82px
}

.why_art6 p {
padding-top:30px
}

@media (max-width: 767px) {
.why_art6_item {
width:100%;
padding:0 10px 40px
}

.why_art6 p {
max-width:360px;
margin:0 auto
}
}

@media (min-width: 768px) and (max-width: 991px) {
.why_art6_item {
width:50%;
padding:0 40px 40px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.why_art6_item {
width:25%;
padding:0 20px 40px
}
}

@media (min-width: 1200px) {
.why_art6_item {
width:25%;
padding:0 40px 40px
}
}

.partner-position {
background-color:#f2f2f2
}
@media (max-width: 767px) {
  .partner-position {
    max-width: 767px;
  }  
}

@media (min-width: 768px) and (max-width: 991px) {
.partner-position {
max-width:991px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.partner-position {
max-width:1199px
}
}

.partner-position__slider {
width:calc(100% - 192px);
margin:0 auto;
padding:30px 0 50px;
display:none
}

.partner-slider {
position:relative;
overflow-x: hidden;
}

.partner-position__arrow {
width:62px;
height:62px;
box-sizing:border-box;
position:absolute;
top:233px;
text-align:center;
line-height:62px;
border:2px solid #464545;
border-radius:100%
}

.partner-position__arrow i {
position:relative;
font-size:40px;
color:#303030;
top:-2px
}

.partner-position__arrow-prev i {
left:-3px
}

.partner-position__arrow-next i {
left:3px
}

.partner-position__arrow-next {
right:15px
}

.partner-position__arrow-prev {
left:15px
}

.partner-position__arrow:hover {
cursor:pointer
}

.partner-position__arrow:hover i {
color:#0199e6
}

.partner-position__item {
float:left;
padding:0 10px;
box-sizing:border-box
}

.partner-position__item_header {
text-align:center;
vertical-align:middle;
width:100%;
box-sizing:border-box;
padding:20px 40px
}

.partner-position__partner-name {
font-size:26px;
margin:0;
display:inline-block;
vertical-align:middle;
font-weight:400
}

.partner-position__item_header img {
height:62px;
display:inline-block;
vertical-align:middle;
margin-right:30px
}

.partner-position__item_text-block:after,.partner-position__item_text-block:before {
content:'';
position:absolute;
top:0;
left:calc(50% - 15px)
}

.partner-position__item_text-block:before {
width:0;
height:0;
border-style:solid;
border-width:16px 15.5px 0;
border-color:#fff transparent transparent;
z-index:1
}

.partner-position__item_text-block:after {
top:-1px;
width:0;
height:0;
border-style:solid;
border-width:15px 15px 0;
border-color:#f2f2f2 transparent transparent;
z-index:2
}

.partner-position__item_text-block {
display:table;
padding:30px 40px;
background-color:rgba(255,255,255,0.5);
border:1px solid #fff;
position:relative;
width:100%;
box-sizing:border-box
}

.partner-position-row p {
text-align:left;
font-size:15px;
font-weight:300
}

.partner-position-row p.blue {
text-align:center;
font-size:40px;
font-weight:300;
color:#0199e6
}

.partner-position__partner-big {
font-size:20px;
font-weight:400!important
}

.partner-position__partner-big:not(:first-child) {
text-align:center
}

.partner-position-row {
display:table-row;
height:70px
}

.partner-position-row * {
display:table-cell;
vertical-align:middle;
padding:8px 4px
}

@media (max-width: 630px) {
.partner-position__slider {
width:100%
}

.partner-position__item_header {
padding:20px 0
}

.partner-position__item_header img {
margin:0
}

.partner-position__partner-name {
font-size:26px;
width:100%;
overflow:hidden;
padding-top:10px
}

.partner-position__arrow {
display:none
}

.partner-position__item_text-block {
padding:12px
}

.partner-position-row p.blue {
font-size:34px
}

.partner-position__partner-big {
font-size:14px
}

.partner-position-row p {
font-size:14px
}
}

@media (max-width: 991px) {
.partner-position__arrow {
width:55px;
top:238px;
height:55px
}

.partner-position__arrow i {
font-size:34px;
top:-4px
}

.partner-position__arrow-next {
right:30px
}

.partner-position__arrow-prev {
left:30px
}

.partner-position__item_header img {
margin:0
}

.partner-position__partner-name {
width:100%;
overflow:hidden;
padding-top:10px
}

.partner-position__partner-big {
font-size:20px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.partner-position__item_header img {
margin:0
}

.partner-position__partner-name {
width:100%;
overflow:hidden;
padding-top:10px
}

.partner-position__partner-big {
font-size:20px;
font-weight:400
}
}

@media (min-width: 1200px) {
.partner-position__partner-big {
font-size:20px;
font-weight:400
}
}

.our_clients {
padding-bottom:20px
}

.our_clients__ul {
margin:0;
padding:0;
display:block
}

.our_clients__ul li {
text-align:center;
list-style:none;
float:left;
box-sizing:border-box;
position:relative
}

.our_clients__logo {
vertical-align:middle;
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
transition:.2s;
max-width:100%;
max-height:100%
}

.our_clients__caption {
position:absolute;
width:100%;
padding:10px 30px;
background-color:#f2f2f2;
font-size:13px;
text-align:center;
line-height:18px;
box-sizing:border-box;
opacity:0;
z-index:10;
transition:.3s
}

.our_clients__caption:before {
position:absolute;
left:calc(50% - 8px);
width:0;
height:0;
border-style:solid;
content:''
}

.our_clients__ul li:hover .our_clients__caption {
opacity:1
}

.our_clients__ul li:hover .our_clients__logo {
-webkit-filter:grayscale(0);
filter:grayscale(0)
}

@media (max-width: 767px) {
.our_clients__ul li {
width:calc(100%/2);
height:135px;
line-height:135px
}

.our_clients__ul li:nth-child(2n+1) {
clear:left
}

.our_clients__ul li:nth-child(1) .our_clients__caption,.our_clients__ul li:nth-child(2) .our_clients__caption,.our_clients__ul li:nth-child(5) .our_clients__caption,.our_clients__ul li:nth-child(6) .our_clients__caption,.our_clients__ul li:nth-child(9) .our_clients__caption,.our_clients__ul li:nth-child(10) .our_clients__caption {
border-top:1px solid #0199e6;
bottom:0;
transform:translateY(calc(100% - 15px))
}

.our_clients__ul li:nth-child(1) .our_clients__caption:before,.our_clients__ul li:nth-child(2) .our_clients__caption:before,.our_clients__ul li:nth-child(5) .our_clients__caption:before,.our_clients__ul li:nth-child(6) .our_clients__caption:before,.our_clients__ul li:nth-child(9) .our_clients__caption:before,.our_clients__ul li:nth-child(10) .our_clients__caption:before {
top:-5px;
border-width:0 8px 5px;
border-color:transparent transparent #0199e6
}

.our_clients__ul li:nth-child(3) .our_clients__caption,.our_clients__ul li:nth-child(4) .our_clients__caption,.our_clients__ul li:nth-child(7) .our_clients__caption,.our_clients__ul li:nth-child(8) .our_clients__caption,.our_clients__ul li:nth-child(11) .our_clients__caption,.our_clients__ul li:nth-child(12) .our_clients__caption {
border-bottom:1px solid #0199e6;
top:0;
transform:translateY(calc(-100% + 15px))
}

.our_clients__ul li:nth-child(3) .our_clients__caption:before,.our_clients__ul li:nth-child(4) .our_clients__caption:before,.our_clients__ul li:nth-child(7) .our_clients__caption:before,.our_clients__ul li:nth-child(8) .our_clients__caption:before,.our_clients__ul li:nth-child(11) .our_clients__caption:before,.our_clients__ul li:nth-child(12) .our_clients__caption:before {
bottom:-5px;
border-width:5px 8px 0;
border-color:#0199e6 transparent transparent
}
}

@media (min-width: 768px) and (max-width: 991px) {
.our_clients__ul li {
width:calc(100%/4);
height:130px;
line-height:130px
}

.our_clients__ul li:nth-child(4n+1) {
clear:left
}

.our_clients__ul li:nth-child(1) .our_clients__caption,.our_clients__ul li:nth-child(2) .our_clients__caption,.our_clients__ul li:nth-child(3) .our_clients__caption,.our_clients__ul li:nth-child(4) .our_clients__caption,.our_clients__ul li:nth-child(9) .our_clients__caption,.our_clients__ul li:nth-child(10) .our_clients__caption,.our_clients__ul li:nth-child(11) .our_clients__caption,.our_clients__ul li:nth-child(12) .our_clients__caption {
border-top:1px solid #0199e6;
bottom:0;
transform:translateY(calc(100% - 15px))
}

.our_clients__ul li:nth-child(1) .our_clients__caption:before,.our_clients__ul li:nth-child(2) .our_clients__caption:before,.our_clients__ul li:nth-child(3) .our_clients__caption:before,.our_clients__ul li:nth-child(4) .our_clients__caption:before,.our_clients__ul li:nth-child(9) .our_clients__caption:before,.our_clients__ul li:nth-child(10) .our_clients__caption:before,.our_clients__ul li:nth-child(11) .our_clients__caption:before,.our_clients__ul li:nth-child(12) .our_clients__caption:before {
top:-5px;
border-width:0 8px 5px;
border-color:transparent transparent #0199e6
}

.our_clients__ul li:nth-child(5) .our_clients__caption,.our_clients__ul li:nth-child(6) .our_clients__caption,.our_clients__ul li:nth-child(7) .our_clients__caption,.our_clients__ul li:nth-child(8) .our_clients__caption {
border-bottom:1px solid #0199e6;
top:0;
transform:translateY(calc(-100% + 15px))
}

.our_clients__ul li:nth-child(5) .our_clients__caption:before,.our_clients__ul li:nth-child(6) .our_clients__caption:before,.our_clients__ul li:nth-child(7) .our_clients__caption:before,.our_clients__ul li:nth-child(8) .our_clients__caption:before {
bottom:-5px;
border-width:5px 8px 0;
border-color:#0199e6 transparent transparent
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.our_clients__ul li {
width:calc(100%/6);
height:145px;
line-height:145px
}

.our_clients__ul li:nth-child(6n+1) {
clear:left
}

.our_clients__ul li:nth-child(1) .our_clients__caption,.our_clients__ul li:nth-child(2) .our_clients__caption,.our_clients__ul li:nth-child(3) .our_clients__caption,.our_clients__ul li:nth-child(4) .our_clients__caption,.our_clients__ul li:nth-child(5) .our_clients__caption,.our_clients__ul li:nth-child(6) .our_clients__caption {
border-top:1px solid #0199e6;
bottom:0;
transform:translateY(calc(100% - 15px))
}

.our_clients__ul li:nth-child(1) .our_clients__caption:before,.our_clients__ul li:nth-child(2) .our_clients__caption:before,.our_clients__ul li:nth-child(3) .our_clients__caption:before,.our_clients__ul li:nth-child(4) .our_clients__caption:before,.our_clients__ul li:nth-child(5) .our_clients__caption:before,.our_clients__ul li:nth-child(6) .our_clients__caption:before {
top:-5px;
border-width:0 8px 5px;
border-color:transparent transparent #0199e6
}

.our_clients__ul li:nth-child(7) .our_clients__caption,.our_clients__ul li:nth-child(8) .our_clients__caption,.our_clients__ul li:nth-child(9) .our_clients__caption,.our_clients__ul li:nth-child(10) .our_clients__caption,.our_clients__ul li:nth-child(11) .our_clients__caption,.our_clients__ul li:nth-child(12) .our_clients__caption {
border-bottom:1px solid #0199e6;
top:0;
transform:translateY(calc(- 100% + 15px))
}

.our_clients__ul li:nth-child(7) .our_clients__caption:before,.our_clients__ul li:nth-child(8) .our_clients__caption:before,.our_clients__ul li:nth-child(9) .our_clients__caption:before,.our_clients__ul li:nth-child(10) .our_clients__caption:before,.our_clients__ul li:nth-child(11) .our_clients__caption:before,.our_clients__ul li:nth-child(12) .our_clients__caption:before {
bottom:-5px;
border-width:5px 8px 0;
border-color:#0199e6 transparent transparent
}
}

@media (min-width: 1200px) {
.our_clients__ul li {
width:calc(100%/6);
height:145px;
line-height:145px
}

.our_clients__ul li:nth-child(6n+1) {
clear:left
}

.our_clients__ul li:nth-child(1) .our_clients__caption,.our_clients__ul li:nth-child(2) .our_clients__caption,.our_clients__ul li:nth-child(3) .our_clients__caption,.our_clients__ul li:nth-child(4) .our_clients__caption,.our_clients__ul li:nth-child(5) .our_clients__caption,.our_clients__ul li:nth-child(6) .our_clients__caption {
border-top:1px solid #0199e6;
bottom:0;
transform:translateY(calc(100% - 15px))
}

.our_clients__ul li:nth-child(1) .our_clients__caption:before,.our_clients__ul li:nth-child(2) .our_clients__caption:before,.our_clients__ul li:nth-child(3) .our_clients__caption:before,.our_clients__ul li:nth-child(4) .our_clients__caption:before,.our_clients__ul li:nth-child(5) .our_clients__caption:before,.our_clients__ul li:nth-child(6) .our_clients__caption:before {
top:-5px;
border-width:0 8px 5px;
border-color:transparent transparent #0199e6
}

.our_clients__ul li:nth-child(7) .our_clients__caption,.our_clients__ul li:nth-child(8) .our_clients__caption,.our_clients__ul li:nth-child(9) .our_clients__caption,.our_clients__ul li:nth-child(10) .our_clients__caption,.our_clients__ul li:nth-child(11) .our_clients__caption,.our_clients__ul li:nth-child(12) .our_clients__caption {
border-bottom:1px solid #0199e6;
top:0;
transform:translateY(calc(-100% + 15px))
}

.our_clients__ul li:nth-child(7) .our_clients__caption:before,.our_clients__ul li:nth-child(8) .our_clients__caption:before,.our_clients__ul li:nth-child(9) .our_clients__caption:before,.our_clients__ul li:nth-child(10) .our_clients__caption:before,.our_clients__ul li:nth-child(11) .our_clients__caption:before,.our_clients__ul li:nth-child(12) .our_clients__caption:before {
bottom:-5px;
border-width:5px 8px 0;
border-color:#0199e6 transparent transparent
}
}

.footer_1 {
background-color:#f2f2f2;
padding:22px 0
}

.footer_1_item {
float:left;
width:calc(100%/3)
}

.social-button {
display:inline-block;
width:53px;
height:53px;
border:2px solid #464545;
border-radius:100%;
text-align:center;
line-height:53px;
box-sizing:border-box
}

.social-button i {
font-size:24px;
position:relative;
top:-2px;
color:#303030;
transition:.2s
}

.social-button-twitter {
margin:0 10px
}

.social-button-vk i {
left:-3px
}

.social-button-twitter i {
left:-2px
}

.social-button-vk:hover i {
color:#597DA3
}

.social-button-twitter:hover i {
color:#1DA1F2
}

.social-button-google:hover i {
color:#D73D32
}

.footer_1_item:not(.footer_1_adress) p {
line-height:58px
}

.social_buttons {
text-align:left
}

.footer_1_adress {
text-align:center
}

.footer_1_adress p.phone_footer_1 {
font-size:26px;
font-weight:700;
padding-top:2px
}

.footer_1_feedback {
text-align:right
}

.footer_1_feedback a {
color:#464545!important;
border:2px solid #464545;
border-radius:5px;
padding:14px 30px 16px 50px;
font-size:16px;
position:relative;
overflow:hidden;
display:block;
float:right;
box-sizing:border-box;
transition:.2s
}

.footer_1_feedback a:hover {
color:#fff!important;
background-color:#464545
}

.footer_1_feedback i {
position:absolute;
font-size:46px;
left:-8px;
top:-3px
}

@media (max-width: 767px) {
.footer_1_item {
float:none;
width:100%
}

.footer_1_item:not(.footer_1_adress) p {
line-height:58px
}

.social_buttons {
text-align:center
}

.social_buttons a:nth-of-type(2) {
padding:0 20px
}

.footer_1_adress {
text-align:center;
font-size:15px;
padding:20px 0
}

.footer_1_adress p.phone_footer_1 {
font-size:25px;
font-weight:700
}

.footer_1_feedback {
text-align:center
}

.footer_1_feedback a {
padding:8px 32px 8px 52px;
font-size:16px;
float:none;
width:225px;
margin:0 auto
}

.footer_1_feedback i {
font-size:40px;
left:4px;
top:-6px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.footer_1_feedback a {
padding:14px 16px 16px 50px
}

.footer_1_adress p.phone_footer_1 {
font-size:26px
}
}

.footer_2 {
padding:22px 0;
background-color:#303030;
font-size:13px;
color:#fff
}

.footer_2 * {
color:#fff
}

.footer_2_item {
float:left;
width:25%;
color:#fff
}

.footer_2_item_left {
text-align:left;
line-height:44px
}

.footer_2_item_right {
text-align:right
}

.footer_2_item_center {
text-align:center;
float:left;
width:50%;
color:#fff
}

.footer_2_menu {
margin:0;
padding:0
}

.footer_2_menu li {
list-style-type:none;
display:inline-block;
margin-bottom:10px
}

.footer_2_menu li:not(:last-child):after {
content:' /'
}

.footer_2_menu a {
color:#fff;
text-decoration:underline
}

.footer_2_menu .current-post-ancestor a,.footer_2_menu .current-menu-item a,.footer_2_menu a:hover {
color:#0199e6
}

.footer_logo {
height:22px;
margin-top:13px
}

@media (max-width: 767px) {
.footer_2_item_left,.footer_2_item_center,.footer_2_item_right {
width:100%;
float:none;
text-align:center
}

.footer_2_menu {
padding:20px 0 10px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.footer_2_item_left {
width:25%;
line-height:22px
}

.footer_2_item_center {
width:50%
}

.footer_2_item_right {
line-height:22px;
width:25%
}
}

.modal-sale-overlay,.form-feedback-overlay { /*в header*/
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#000;
opacity:0;
z-index:100;
visibility:hidden;
transition:opacity .3s
}

.modal-sale { /*в header*/
display:none;
position:fixed;
background:#fff;
border:5px solid #f2f2f2;
padding:34px 50px;
top:50%;
left:50%;
z-index:200;
box-sizing:border-box;
margin-top:calc(0px - 416px/2)
}

.modal-sale-button {
cursor:pointer
}

.body-modal-sale-open .modal-sale-overlay {
opacity:.3;
visibility:visible
}

.body-feedback-form-open .form-feedback-overlay {
opacity:.3;
visibility:visible
}

.body-modal-sale-open .modal-sale {
display:block
}

.body-modal-sale-open {
overflow-y:hidden
}

.modal-sale__close-button {
position:absolute;
top:12px;
right:12px;
font-size:24px;
color:#f2f2f2
}

.modal-sale__close-button:hover {
cursor:pointer;
color:#222
}

.form-feedback { /*в header*/
display:none;
position:fixed;
background:#fff;
border:5px solid #f2f2f2;
padding:34px 50px;
top:50%;
left:50%;
z-index:200;
box-sizing:border-box;
margin-top:calc(0px - 546px/2)
}

.form-feedback .ajax-loader {
display:none
}

.g-recaptcha > div {
margin:20px auto
}

.g-recaptcha iframe {
margin:0
}

.body-feedback-form-open .form-feedback {
display:block
}

.body-feedback-form-open {
overflow-y:hidden
}

.form-feedback__title {
font-size:30px;
font-weight:400;
margin-bottom:20px;
color:#222
}

.form-feedback__submit-button {
background-color:#0199e6;
display:block;
width:274px;
margin:0 auto;
max-width:100%;
padding:16px 60px;
color:#fff;
box-sizing:border-box;
text-align:center;
border:0;
font-size:18px
}

.form-feedback__submit-button:hover {
background-color:#007cba;
cursor:pointer
}

.form-feedback__close-button {
position:absolute;
top:12px;
right:12px;
font-size:24px;
color:#f2f2f2
}

.form-feedback__close-button:hover {
cursor:pointer;
color:#222
}

.form-feedback__input {
box-sizing:border-box;
width:100%;
border:3px solid #f2f2f2;
padding:10px 20px;
font-size:15px;
font-family:'Roboto',sans-serif;
color:#222;
transition:.2s
}

.form-feedback__textarea {
width:100%;
height:80px;
box-sizing:border-box;
border:3px solid #f2f2f2;
padding:10px 20px;
resize:none;
font-size:15px;
font-family:'Roboto',sans-serif;
color:#222;
transition:.2s
}

.form-feedback__input:focus,.form-feedback__textarea:focus {
outline:none;
border:3px solid #555
}

.wpcf7-response-output {
margin:0!important;
margin-top:20px!important;
text-align:center;
color:#222!important;
border:2px solid #f2f2f2!important;
box-sizing:border-box
}

.wpcf7-not-valid-tip {
position:absolute;
height:46px;
line-height:46px;
right:25px;
top:0
}

.wpcf7-form-control-wrap {
display:block
}

@media (max-width: 767px) {
.modal-sale,.form-feedback {
width:100vw;
margin-top:0;
height:100vh;
overflow-y:scroll;
top:0;
left:0;
padding:34px 20px
}

.form-feedback__submit-button {
width:100%;
padding:16px 0
}
}

@media (min-width: 768px) and (max-width: 991px) {
.modal-sale,.form-feedback {
width:70%;
margin-left:-35%
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.modal-sale,.form-feedback {
width:60%;
margin-left:-30%
}
}

@media (min-width: 1200px) {
.modal-sale,.form-feedback {
width:50%;
margin-left:-25%
}
}

.portfolio_type_item {
display:block;
overflow:hidden;
transition:.2s;
margin:16px auto;
max-width:400px
}

.portfolio_type_item:hover {
-webkit-box-shadow:2px 0 12px 1px rgba(0,0,0,0.48);
-moz-box-shadow:2px 0 12px 1px rgba(0,0,0,0.48);
box-shadow:2px 0 12px 1px rgba(0,0,0,0.48)
}

.portfolio_type_item img {
width:100%;
display:block
}

.portfolio_type_title {
padding:20px 10px;
text-align:center;
background-color:#0199e6;
color:#fff;
font-size:18px;
line-height:22px
}
.portfolio_type_title span {
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}

.breadcrumbs {
font-size:14px;
padding:0;
margin:20px 0;
line-height:22px;
color:#222
}

.portfolio-header__breadcrumbs.breadcrumbs {
padding:0;
margin:0
}

.breadcrumbs a {
color:#222
}

.breadcrumbs li {
display:inline
}

.breadcrumbs i {
margin-left:4px
}

.breadcrumbs a:hover {
text-decoration:underline
}

.breadcrumbs li:last-child a {
pointer-events:none;
cursor:default
}

.pagination {
font-size:14px;
padding:0;
margin:0
}

.pagination a {
color:#222
}

.pagination li {
display:inline
}

.pagination li:first-child {
margin-right:20px
}

.pagination i {
display:inline
}

.portfolio-header {
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
position:relative
}

.portfolio-header__overlay {
margin:120px 0;
padding:25px 60px;
background-color:#fff;
box-shadow:0 0 10px 1px rgba(0,0,0,0.12)
}

.portfolio-header__h1 {
font-size:22px;
margin:0;
margin-bottom:16px;
font-weight:700
}

.portfolio-header__h2 {
font-size:20px;
margin:0;
margin-bottom:16px;
font-weight:700
}

.portfolio-header p {
line-height:25px
}

.portfolio-header__content-line {
padding:10px 0
}

.portfolio-header__breadcrumbs {
float:left
}

.portfolio-header__pagination {
float:right;
font-size:14px
}

.portfolio-header__pagination a {
color:#222
}

.portfolio-header__pagination a:hover {
text-decoration:underline
}

.portfolio-header__title-block {
float:left;
padding-right:30px
}

.portfolio-header__logo-block {
float:right;
text-align:center;
width:218px
}

.portfolio-header__logo-block img {
height:70%
}

@media (max-width: 767px) {
.portfolio-header__h1 {
text-align: center;
}
.portfolio-header__overlay {
margin:60px 0 50px;
padding:20px 25px
}

.portfolio-header__breadcrumbs {
text-align:center;
width:100%;
margin-bottom:10px
}

.portfolio-header__pagination {
text-align:center;
width:100%;
margin-top: 20px;
}

.portfolio-header__title-block {
padding:0;
width:100%;
text-align:center;
margin-bottom:16px
}

.portfolio-header__logo-block {
width:100%
}

.portfolio-header__h2 {
text-align:center
}
}

@media (min-width: 768px) and (max-width: 991px) {
.portfolio-header__overlay {
margin:60px 0 50px;
padding:20px 30px
}

.portfolio-header__breadcrumbs {
text-align:center;
width:100%;
margin-bottom:10px
}

.portfolio-header__pagination {
text-align:center;
width:100%
}
}

.portfolio-main__line {
height:100vh;
text-align:center;
position:relative
}

@media (min-width: 768px) {
.portfolio-main__line {
display:none
}
}

.device-mockup {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-width:100%;
max-height:100%
}

.iphone_table_oh {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.3)
}

.portfolio-main__line-macbook {
background-color:#fafafa
}

.portfolio-main__line-iphone {
background:url(images/wood_bg.jpg) no-repeat center center;
background-size:cover
}

.portfolio-mockup-container {
margin:0 auto;
position:relative;
z-index:50
}

.portfolio-mockup-macbook {
background:url(images/macbook.png) no-repeat center center;
background-size:100% 100%
}

.portfolio-iphone-screen,.portfolio-macbook-screen {
left:50%;
transform:translateX(-50%);
position:absolute
}

.portfolio-screen-scroll-block {
position:absolute;
overflow:hidden
}

.portfolio-screen-macbook {
top:calc(279%/15.29);
left:calc(371%/22.04);
width:calc(1440%/22.04 + 240%/22.04);
height:calc(900%/15.29)
}

.portfolio-screen-macbook .mCSB_container {
margin-right:calc(312%/22.04)!important
}

.portfolio-screen-iphone {
top:calc(333%/15.29);
left:calc(104%/6.76);
width:calc(470%/6.76 + 104%/6.76);
height:calc(835%/15.29)
}

.portfolio-screen-iphone .mCSB_container {
margin-right:calc(124%/6.76)!important
}

.portfolio-screen-image {
width:100%;
display:block
}

.browser-mockup {
border-top:2em solid rgba(230,230,230,0.7);
box-shadow:0 .1em 1em 0 rgba(0,0,0,0.4);
position:relative;
border-radius:3px 3px 0 0;
width:92%;
margin:50px auto
}

.browser-mockup img {
width:100%
}

.browser-mockup-link {
position:absolute;
top:-23px;
left:100px;
font-size:13px;
z-index:10
}

.browser-mockup:before {
display:block;
position:absolute;
content:'';
top:-1.25em;
left:1em;
width:.5em;
height:.5em;
border-radius:50%;
background-color:#f44;
box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5
}

.browser-mockup.with-tab:after {
display:block;
position:absolute;
content:'';
top:-2em;
left:5.5em;
width:20%;
height:0;
border-bottom:2em solid #fff;
border-left:.8em solid transparent;
border-right:.8em solid transparent
}

.browser-mockup.with-url:after {
display:block;
position:absolute;
content:'';
top:-1.6em;
left:5.5em;
width:calc(100% - 6em);
height:1.2em;
border-radius:2px;
background-color:#fff
}

.browser-mockup > * {
display:block
}

.showbox {
position:absolute;
left:0;
right:0
}

.loader {
position:relative;
margin:0 auto
}

@media (max-width: 991px) {
.showbox {
bottom:10px
}

.loader {
width:40px
}
}

@media (min-width: 992px) {
.showbox {
bottom:20px
}

.loader {
width:80px
}
}

.loader:before {
content:'';
display:block;
padding-top:100%
}

.circular {
-webkit-animation:rotate 2s linear infinite;
animation:rotate 2s linear infinite;
height:100%;
-webkit-transform-origin:center center;
transform-origin:center center;
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto
}

.path {
stroke-dasharray:1,200;
stroke-dashoffset:0;
-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
stroke-linecap:round
}

@keyframes rotate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

@keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}

50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}

100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}

@keyframes color {
100%,0% {
stroke:#d62d20
}

40% {
stroke:#0057e7
}

66% {
stroke:#008744
}

80%,90% {
stroke:#ffa700
}
}

.portfolio-scroll-down {
position:absolute;
cursor:pointer;
opacity:.7;
display:none;
left:calc(50% - 15px);
bottom:20px;
width:30px;
height:30px;
background:url(images/down-arrow.png) no-repeat center center;
background-size:cover;
z-index:70
}

@keyframes bounce {
0%,20%,50%,80%,100% {
transform:translateY(0)
}

40% {
transform:translateY(-30px)
}

60% {
transform:translateY(-15px)
}
}

.bounce {
animation:bounce 2s infinite
}

.price__line {
padding:20px 0
}

.price__left {
float:left;
width:12%
}

.price__center {
float:left;
width:50%;
box-sizing:border-box;
padding-right:30px
}

.price__right {
float:left;
width:38%
}

.price_h3 {
font-size:30px;
display:inline-block;
margin:0;
margin-bottom:10px
}

p.price_green {
font-size:30px;
display:inline-block
}

.price_small {
line-height:25px
}

@media (max-width: 767px) {
.price__left,.price__center,.price__right {
width:100%;
text-align:left;
padding:0
}

.price__right {
padding:20px 0
}

.price__left {
text-align:center;
padding-bottom:10px
}

.price_small {
display:none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.price__left {
display:none
}

.price__center {
width:60%
}

.price__right {
width:40%
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.price__left {
display:none
}

.price__center {
width:60%
}

.price__right {
width:40%
}
}

.contacts_p {
font-size:18px;
padding:8px 0;
line-height:34px
}

.contacts_p i {
margin-right:14px;
color:#0199e6
}

iframe {
margin-top:20px;
width:100%!important
}

.page-grid-href-block {
background-color:#0199e6;
color:#fff;
display:block;
padding:20px 10px;
text-align:center;
float:left;
margin:0 15px 30px;
box-sizing:border-box
}

@media (max-width: 767px) {
.page-grid-href-block {
width:calc(100% - 30px)
}
}

@media (min-width: 768px) and (max-width: 991px) {
.page-grid-href-block {
width:calc(100%/2 - 30px)
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.page-grid-href-block {
width:calc(100%/3 - 30px)
}
}

@media (min-width: 1200px) {
.page-grid-href-block {
width:calc(100%/3 - 30px)
}
}

.slider-on-main-wrapper {
max-width:1920px;
margin-left:auto;
margin-right:auto;
overflow-x: hidden
}

@media (max-width: 767px) {
.slider-on-main-wrapper {
max-width:100vw
}
}

@media (min-width: 768px) and (max-width: 991px) {
.slider-on-main-wrapper {
max-width:991px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.slider-on-main-wrapper {
max-width:1199px
}
}

.slider-on-main {
width:100%;
box-sizing:border-box;
overflow:hidden
}

.slider-on-main .slick-dots {
position:absolute;
bottom:10px;
margin-bottom:0;
padding-left:0;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.slider-on-main .slick-dots li {
list-style:none;
float:left
}

.slider-on-main .slick-dots li.slick-active button {
background-color:#f2f2f2
}

.slider-on-main .slick-dots button {
line-height:0;
font-size:0;
width:14px;
height:14px;
border-radius:100%;
border:1px #fff solid;
margin:0 5px;
background:transparent;
padding:0;
cursor:pointer
}

.slider-on-main .slick-dots button:active,.slider-on-main .slick-dots button:focus {
outline:none
}

.slider-on-main-item {
overflow:hidden;
position:relative;
display:none;
background-size:auto 500px;
background-position:center center;
background-repeat:repeat-x;
height:500px;
color:#fff!important
}

.slider-on-main-text-container p.phrase_1 {
font-weight:300;
font-size:35px;
text-transform:uppercase
}

.slider-on-main-text-container {
transition:.7s .3s;
width:640px;
height:500px;
overflow:hidden;
padding:55px 0;
box-sizing:border-box
}

.slider-on-main-text-container * {
color:#fff
}

.slider-on-main-text-container-left {
float:left
}

.slider-on-main-text-container-right {
float:right
}

.slider-on-main-text-container-left p.phrase_1 {
text-align:left;
margin:0 0 60px
}

.slider-on-main-text-container-right p.phrase_1 {
text-align:right;
margin:0 0 100px
}

.slider-on-main-text-container a {
color:#fff;
padding:16px 30px;
font-size:20px;
font-weight:400;
border-radius:4px;
border:2px solid #fff;
display:block;
width:290px;
text-align:center;
margin:52px 0 0 138px;
box-sizing:border-box
}

.slider-on-main-text-container a:hover {
background-color:#fff;
color:#0199e6
}

.slider-on-main-text {
color:#fff;
font-size:30px;
font-weight:300
}

.slider-on-main-text div {
text-transform:lowercase
}

.slider-on-main-text-left div {
float:left
}

.slider-on-main-text-right div {
float:right
}

.slider-on-main-text .slider-on-main-text-top {
margin-top:-6px
}

.slider-on-main-text-left .slider-on-main-text-top {
text-align:right
}

.slider-on-main-text-right .slider-on-main-text-top {
text-align:left
}

.slider-on-main-text .slider-on-main-text-center {
font-size:116px;
text-align:center;
font-weight:400;
line-height:96px;
margin:0 16px
}

.slider-on-main-text .slider-on-main-text-bottom {
margin-top:23px
}

.slider-on-main-text-left .slider-on-main-text-bottom {
text-align:left
}

.slider-on-main-text-right .slider-on-main-text-bottom {
text-align:right
}

@media (max-width: 767px) {
.slider-on-main-text-container {
width:270px;
padding:30px 0
}

.slider-on-main-text-container p.phrase_1 {
font-size:23px
}

.slider-on-main-text-container-left p.phrase_1 {
margin:0 0 30px
}

.slider-on-main-text-container-right p.phrase_1 {
text-align:left;
margin:0 0 70px
}

.slider-on-main-text {
font-size:22px
}

.slider-on-main-text-left div,.slider-on-main-text-right div {
float:none;
width:100%
}

.slider-on-main-text-left .slider-on-main-text-top,.slider-on-main-text-right .slider-on-main-text-top {
text-align:left
}

.slider-on-main-text .slider-on-main-text-center {
font-size:90px;
text-align:center;
font-weight:400;
line-height:86px;
margin:0
}

.slider-on-main-text .slider-on-main-text-bottom {
margin-top:10px
}

.slider-on-main-text-left .slider-on-main-text-bottom,.slider-on-main-text-right .slider-on-main-text-bottom {
text-align:right
}

.slider-on-main-text-container a {
color:#fff;
padding:12px 30px;
font-size:18px;
font-weight:400;
border-radius:4px;
border:1px solid #fff;
display:block;
width:100%;
margin:44px 0 0
}

.slider-on-main-text-container-right,.slider-on-main-text-container-left {
float:none;
margin-left:auto;
margin-right:auto
}
}

.slick-slide .slider-on-main-text-container-left {
transform:translateX(-300%)
}

.slick-animate .slider-on-main-text-container-left {
transform:translateX(0)
}

.slick-slide .slider-on-main-text-container-right {
transform:translateX(300%)
}

.slick-animate .slider-on-main-text-container-right {
transform:translateX(0)
}

.slider-on-main-overlay {
width:1800px;
height:1800px;
border-radius:50%;
background-color:#0199e6;
top:-380px;
opacity:.8;
transition:.4s ease-in-out .2s;
position:absolute
}

@media (max-width: 767px) {
.slider-on-main-overlay {
top:0;
left:0;
width:100%;
height:100%;
border-radius:0;
opacity:.6
}
}

@media (min-width: 768px) and (max-width: 991px) {
.slider-on-main-overlay-left {
right:120%
}

.slick-animate .slider-on-main-overlay-left {
right:calc((100% - 750px)/2)
}

.slider-on-main-overlay-right {
left:120%
}

.slick-animate .slider-on-main-overlay-right {
left:calc((100% - 750px)/2)
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.slider-on-main-overlay-left {
right:120%
}

.slick-animate .slider-on-main-overlay-left {
right:calc((100% - 970px)/2 + 230px)
}

.slider-on-main-overlay-right {
left:120%
}

.slick-animate .slider-on-main-overlay-right {
left:calc((100% - 970px)/2 + 230px)
}
}

@media (min-width: 1200px) {
.slider-on-main-overlay-left {
right:120%
}

.slick-animate .slider-on-main-overlay-left {
right:calc((100% - 1170px)/2 + 430px)
}

.slider-on-main-overlay-right {
left:120%
}

.slick-animate .slider-on-main-overlay-right {
left:calc((100% - 1170px)/2 + 430px)
}
}

.Plus_minus_list ul {
list-style:none;
background-color:#ebebeb;
line-height:2.5;
font-size:18px;
padding:50px 35px;
height:100%
}

.Plus_minus_list_1 {
width:50%;
float:left
}

p.Plus_minus_title {
text-align:center;
font-size:28px;
margin-bottom:35px
}

.Plus_minus_list_1 li .icon-ok:before {
position:absolute;
color:#26d86a;
margin-right:25px;
font-size:26px
}

.Plus_minus_list_1 li p {
position:relative;
font-size:18px;
margin-left:50px
}

.Plus_minus_list_2 {
width:50%;
float:right
}

p.Plus_minus_title {
text-align:center;
font-size:28px
}

.Plus_minus_list_2 li .icon-cancel:before {
position:absolute;
color:#0199e5;
margin-right:25px;
font-size:26px
}

.Plus_minus_list_2 li p {
position:relative;
font-size:18px;
margin-left:50px
}

@media (max-width: 1199px) {
.Plus_minus_list_1,.Plus_minus_list_2 {
width:100%
}
}

.item_panel p {
text-align:center
}

.item_panel strong {
font-size:28px;
margin-bottom:15px
}

.item_panel ul {
padding:0;
overflow:auto;
margin-top:30px
}

.item_panel_container li {
display:inline-block;
float:left;
text-align:center;
width:25%
}

.item_panel_container li > div {
margin:0 auto
}

.item_panel_tab {
width:200px;
height:140px;
background-size:contain
}

.mebel {
background-image:url(/wp-content/uploads/2016/09/mebel.svg)
}

@media (min-width: 990px) and (max-width: 1200px) {
.item_panel_container li {
width:33%
}
}

@media (max-width: 990px) {
.item_panel_container li {
width:50%
}
}

@media (max-width: 550px) {
.item_panel_container li {
width:100%
}
}

.statistic {
/*overflow:auto;*/
margin-bottom:20px
}

.statistic_tab {
float:left;
width:33%;
text-align:center
}

.statistic h3 {
text-align:center
}

.statistic_title {
color:#000;
font-size:18px
}

.statistic_number {
color:#0199e5;
font-size:30px
}

p.statistic_number {
font-size:65px
}

.statistic_number span {
font-size:72px
}

.statistic_number span.icon-edit:before {
padding-top:3px
}

@media (max-width: 768px) {
.statistic_tab {
float:left;
width:80%
}
}

.price_page_link {
font-style:italic;
color:#0199e6
}

.price_page_link:hover {
text-decoration:underline
}

.parallax_block {
padding:40px 0;
position:relative;
margin-top:20px
}

.parallax_block_bg {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
background-color:rgba(0,0,0,0.6)
}

.parallax_icon_item {
width:140px;
height:140px;
border-radius:50%;
background-color:#f1eeee;
background-repeat:no-repeat;
background-position:center;
background-size:50%;
margin:0 auto;
margin-top:20px;
box-shadow:inset 0 0 0 0 #f1eeee;
transition:.2s
}

.parallax_icon_item:hover {
border-radius:25%;
box-shadow:inset 0 0 0 5px #26d769
}

p.parallax_item_title {
font-weight:300;
font-size:30px;
color:#fff;
margin-bottom:20px;
text-align:center;
margin-bottom:36px;
line-height:38px;
position:relative
}

.parallax_icon_text {
text-align:center;
color:#fff;
padding:0 50px
}

@media (min-width: 768px) and (max-width: 991px) {
.parallax_block .container div:nth-child(2n + 1) {
clear:both
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.parallax_block .container div:nth-child(3n + 1) {
clear:both
}
}

@media (min-width: 1200px) {
.parallax_block .container div:nth-child(3n + 1) {
clear:both
}
}

.site_create_item {
width:140px;
height:140px;
border-radius:50%;
background-color:#f1eeee;
background-repeat:no-repeat;
background-position:center;
background-size:44%;
margin:0 auto;
margin-top:20px;
box-shadow:inset 0 0 0 5px #26d769;
transition:.2s;
position: relative;
}
.site_create_item:before {
content: '';
width: 67px;
height: 40px;
background-image: url(images/arrow_stages.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.site_create_item:hover {
box-shadow:inset 0 0 0 5px #0199e6
}

p.site_create_item_title {
font-weight:300;
font-size:30px;
color:#333;
margin-bottom:20px;
text-align:center;
margin-bottom:36px;
line-height:38px;
position:relative
}

.site_create_item_text {
text-align:center;
color:#333;
padding:0 50px
}
@media (max-width: 767px) {
.site_create_item:before {
	display: none;
}	
}
@media (min-width: 768px) and (max-width: 991px) {
.site_create_block .container div:nth-child(2n + 1) {
clear:both
}
.site_create_item:before {
	right: -150px;
	top: 50px;
}
.site_create_block .row div:nth-child(2n) .site_create_item:before {
	display: none;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.site_create_block .container div:nth-child(3n + 1) {
clear:both
}
.site_create_item:before {
	right: -128px;
	top: 50px;
}
.site_create_block .row div:nth-child(3n) .site_create_item:before {
	display: none;
}
}

@media (min-width: 1200px) {
.site_create_block .container div:nth-child(3n + 1) {
clear:both
}
.site_create_item:before {
	right: -158px;
	top: 50px;
}
.site_create_block .row div:nth-child(3n) .site_create_item:before {
	display: none;
}
}

.alignright {
float:right;
margin-top:14px;
margin-left:30px;
margin-bottom:14px
}

.alignleft {
float:left;
margin-top:14px;
margin-bottom:14px;
margin-right:30px
}

.feedback-form-toggler {
cursor:pointer
}

article img {
max-width:100%
}

.fsgallery {
position:fixed!important;
top:0;
left:0;
bottom:0;
right:0;
opacity:0;
z-index:-5000;
background:rgba(0,0,0,0.8);
transition:.3s;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-khtml-user-select:none;
-webkit-tap-highlight-color:transparent
}

.fsgallery:before {
position:absolute;
content:'\2716';
width:46px;
height:46px;
line-height:46px;
font-size:30px;
color:#fff;
background-color:rgba(0,0,0,0.4);
text-align:center;
right:0;
top:0;
cursor:pointer;
z-index:2
}

.fsgallery-open .fsgallery {
opacity:1;
z-index:50000
}

.fsgallery-open {
overflow:hidden
}

.fsgallery-item {
text-align:center;
margin-top:5vh;
height:90vh!important;
position:relative
}

.fsgallery-fullwidth .fsgallery-item {
overflow-y:auto
}

.fsgallery-item img {
max-height:100%;
max-width:90%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:0
}

.fsgallery-fullwidth .fsgallery-item img {
top:0;
max-height:none;
max-width:86%;
transform:translate(-50%,0)
}

.fsgallery-item img.load {
opacity:1
}

.fsgallery-arrow {
position:fixed;
top:50%;
transform:translateY(-50%);
cursor:pointer;
z-index:50100;
display:block;
background-color:#f2f2f2;
color:#fff;
width:46px;
height:46px;
text-align:center;
line-height:46px;
font-size:30px
}

.fsgallery-arrow:hover {
background-color:#0199e6;
color:#fff
}

.fsgallery-next {
right:2%
}

.fsgallery-prev {
left:2%
}

.fsgallery-next:before,.fsgallery-next:after {
content:'';
position:absolute;
left:19px;
top:12px
}

.fsgallery-next:hover:after {
border-left:10px solid #0199e6
}

.fsgallery-next:before {
border:10px solid transparent;
border-left:10px solid #fff
}

.fsgallery-next:after {
border:10px solid transparent;
border-left:10px solid #f2f2f2;
margin-left:-2px
}

.fsgallery-prev:before,.fsgallery-prev:after {
content:'';
position:absolute;
right:19px;
top:12px
}

.fsgallery-prev:hover:after {
border-right:10px solid #0199e6
}

.fsgallery-prev:before {
border:10px solid transparent;
border-right:10px solid #fff
}

.fsgallery-prev:after {
border:10px solid transparent;
border-right:10px solid #f2f2f2;
margin-right:-2px
}

.preloader {
text-align:center;
font-size:0;
position:absolute;
left:calc(50% - 56px);
top:calc(50% - 56px);
width:112px;
height:112px;
border-radius:50%;
perspective:1400px
}

.preloader-inner {
position:absolute;
width:100%;
height:100%;
box-sizing:border-box;
border-radius:50%
}

.preloader-inner.preloader-one {
left:0;
top:0;
animation:preloader-rotate-one 1.15s linear infinite;
border-bottom:5px solid #019ae6
}

.preloader-inner.preloader-two {
right:0;
top:0;
animation:preloader-rotate-two 1.15s linear infinite;
border-right:5px solid #26d784
}

.preloader-inner.preloader-three {
right:0;
bottom:0;
animation:preloader-rotate-three 1.15s linear infinite;
border-top:5px solid #fff
}

@keyframes preloader-rotate-one {
0% {
transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
}

100% {
transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}
}

@keyframes preloader-rotate-two {
0% {
transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)
}

100% {
transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}
}

@keyframes preloader-rotate-three {
0% {
transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)
}

100% {
transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}
}

.form-feedback__policy {
	text-align: center;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 18px;
}
.form-feedback__policy a {
	transition: .3s;
	color: #0199e6;
}
.form-feedback__policy a:hover {
	text-decoration: underline;
}

.advanced_portfolio_block {
	overflow-x: hidden;
	max-width: 100%;
}
.advanced_portfolio_block img {
/*	margin-left: auto;
	margin-right: auto;*/
	display: block;
	position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 1200px) {
	.has_advanced_image {
		display: none !important;
	}
}
@media (max-width: 1199px) {
	.advanced_portfolio_block {
		display: none;
	}
}

.vedomost {
font-size: 13px;
margin-top: 20px;
color: inherit;
display: inline-block;
vertical-align: top;
text-decoration: underline;
}

.contact_icon {
	width: 20px;
	height: 24px;
	-webkit-background-size: 16px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
	display: inline-block;
	vertical-align: top;
}
.contact_icon_wa {
	background-image: url(images/wa.svg);
}
.contact_icon_tg {
	background-image: url(images/tg.svg);
}
.contact_icon_vb {
	background-image: url(images/vb.svg);
}

.payment_button_wrap,
.payment_form_group {
	margin-bottom: 16px;
	width: 100%;
	max-width: 320px;
}
.payment_form_label {
	display: block;
	position: relative;
}
.payment_form_label span {
	display: block;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 6px;
}
.payment_form_label.error:before {
	content: attr(data-error);
	position: absolute;
	right: 0;
	top: 0;
	line-height: 24px;
	font-size: 12px;
	color: #cc0000;
}
.payment_form_group textarea,
.payment_form_group input {
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	height: 32px;
	outline: none;
}
.payment_form_group textarea:focus,
.payment_form_group input:focus {
	border-color: #0199e6;
}
.payment_form_group textarea {
	height: 92px;
	resize: none;
}
.payment_button {
	display: inline-block;
	vertical-align: middle;
	max-width: 320px;
    font-size: 15px;
    border: 2px solid #0199e6;
    color: #0199e6;
    border-radius: 4px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    background-color: #fff;
    transition: .2s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
}
.payment_button:hover {
	color: #fff;
	background-color: #0199e6;
}
.payment_button_wrap {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
}

.payment_iframe {
	    height: 920px !important;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
	.payment_iframe {
		    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px) !important;
	}
}

.contecst_type_item {
	width: 50%;
	float: left;
	position: relative;
	text-align: center;
	color: #fff;
}
.contecst_type_item:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50vw;
}
.contecst_type_item:first-child:before {
	right: 0;
	background: radial-gradient(234.49px at 38.96% 50%, #26D769 0%, #34C26A 100%);
}
.contecst_type_item:last-child:before {
	left: 0;
	background: radial-gradient(286.50px at 50% 50%, #0199E6 0%, #027CBA 100%);
}
.contecst_type_item_content {
	z-index: 2;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
}
.contecst_type_item_title {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 22px;
	overflow: hidden;
	white-space: nowrap;
}
.contecst_type_item_subtitle {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
}
.contecst_type_item_image {
	height: 320px;
	background-position: center bottom;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top: 14px;
	background-repeat: no-repeat;
}

@media (max-width: 991px) {
	.contecst_type_item_title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 14px;
	}
	.contecst_type_item_subtitle {
		font-size: 14px;
		line-height: 20px;
		white-space: normal;
		height: 40px;
	}
	.contecst_type_item_image {
		height: 220px;
		margin-top: 14px;
	}
}
@media (max-width: 640px) {
	.contecst_type_item {
		width: 100%;
	}
	.contecst_type_item:before {
		width: auto;
		left: 0;
		right: 0;
	}
	.contecst_types .container {
		padding-left: 0;
		padding-right: 0;
	}
}



.contecst_parallax_block {
	margin-top: 0;
	color: #fff;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.contecst_parallax_block .parallax_icon_item_col {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.parallax_icon_item_content {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	max-width: 260px;
	margin-right: -120px;
}
.contecst_parallax_block .parallax_icon_item_col {
	margin-bottom: 50px;
	margin-top: 30px;
}
.contecst_parallax_block .parallax_icon_text {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	color: #fff;
	text-align: left;
	margin-top: 20px;
	padding-left: 0;
	padding-right: 0;
}
.contecst_parallax_block .parallax_icon_caption {
	line-height: 20px;
	font-size: 13px;
	color: #fff;
	text-align: left;
}
.contecst_parallax_block .parallax_icon_item {
	margin: 0;
}

@media (max-width: 1199px) {
	.contecst_parallax_block .parallax_icon_item_content {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.contecst_parallax_block .parallax_icon_item {
		margin-left: auto;
		margin-right: auto;
	}
	.contecst_parallax_block .parallax_icon_text {
		text-align: center;
	}
	.contecst_parallax_block .parallax_icon_caption {
		text-align: center;
	}
	.contecst_parallax_block .parallax_icon_item_col {
		margin-bottom: 30px;
		margin-top: 10px;
	}
}

.contecst_icon {
background-color:#fafafa;
padding-bottom: 20px;
}

.contecst_icon h2 {
text-align:center;
margin:0;
padding:40px 0 60px
}

.contecst_icon_item {
float:left;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-weight:300;
overflow:hidden;
padding-left: 40px;
padding-right: 40px;
width: calc(100%/3);
margin-bottom: 40px;
font-size: 16px;
line-height: 20px;
}
.contecst_icon_item_title {
	font-size: 18px;
	margin-bottom: 16px;
	font-weight: 400;
	padding: 0;
}
.contecst_icon_item_subtitle {
	padding: 0;
}

.contecst_icon_item img {
height:100px
}
.contecst_icon_item_icon {
	height: 100px;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

@media (max-width: 992px) {
	.contecst_icon_item {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.contecst_icon_item_icon {
		margin-bottom: 30px;
	}
}
@media (max-width: 680px) {
	.contecst_icon_item {
		float: none;
		width: 100%;
		max-width: 260px;
		margin-left: auto;
		margin-right: auto;
	}
}


.contecst_team {
background-color:#fafafa;
padding-bottom: 20px;
}

.contecst_team h2 {
text-align:center;
margin:0;
padding:40px 0 60px
}

.contecst_team_item {
float:left;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-weight:300;
overflow:hidden;
padding-left: 20px;
padding-right: 20px;
width: 25%;
margin-bottom: 40px;
font-size: 16px;
line-height: 20px;
}
.contecst_team_item_title {
	font-size: 18px;
	margin-bottom: 16px;
	font-weight: 400;
	padding: 0;
}
.contecst_team_item_subtitle {
	padding: 0;
}

.contecst_team_item_icon {
	height: 140px;
	width: 140px;
	border-radius: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
}

@media (max-width: 992px) {
	.contecst_team_item {
		width: 50%;
		font-size: 14px;
	}
	.contecst_team_item:nth-child(2n+1) {
		clear: both;
	}
	.contecst_team_item_icon {
		margin-bottom: 24px;
	}
}
@media (max-width: 480px) {
	.contecst_team_item {
		width: 100%;
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.contecst_team h2 {
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 24px;
	}
}


.contecst_form {
background: linear-gradient(270deg, #00618B 53.25%, #0199E6 86.51%);
padding-top: 60px;
padding-bottom: 90px;
position: relative;
}
.contecst_form:before {
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-image: url(images/contecst_form.png);
}
.contecst_form_inner {
	float: right;
	width: 450px;
	position: relative;
	z-index: 5;
}

.contecst_form_title {
	color: #fff;
	font-weight: 300;
	font-size: 30px;
	line-height: 38px;
}
.contecst_form_title .upper {
	text-transform: uppercase;
}
.contecst_form_subtitle {
	margin-top: 34px;
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	font-weight: 300;
}
.contecst_form .form-feedback__submit-button {
	background-color: #26D769;
	line-height: 18px;
	margin: 0;
}
.contecst_form div.wpcf7-response-output {
	color: #fff !important;
	border: none !important;
	text-align: left;
}

@media (max-width: 1199px) {
	.contecst_form {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.contecst_form:before {
		right: 55%;
	}
}
@media (max-width: 992px) {
	.contecst_form:before {
		display: none;
	}
}
@media (max-width: 767px) {
	.contecst_form_inner {
		width: 100%;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.contecst_form_title {
		font-size: 24px;
		line-height: 30px;
	}
	.contecst_form_subtitle {
		margin-top: 18px;
    margin-bottom: 18px;
    font-size: 16px;
	}
}


.contecst_calc {
	padding-top: 30px;
	padding-bottom: 80px;
}
.contecst_calc h2 {
	text-align: center;
}

.contecst_calc_list_wrap {
	text-align: center;
}
.contecst_calc_list {
	display: inline-block;
	vertical-align: middle;
}
.contecst_calc_col {
	float: left;
	padding-left: 30px;
	padding-right: 30px;
}
.contecst_calc_item {
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 30px;
	margin-top: 30px;
	transition: .2s;
}
.contecst_calc_item:hover {
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.12);
}
.contecst_calc_item_title {
	font-weight: 300;
	background-color: #464545;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-size: 24px;
	line-height: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
}

.contecst_calc_item_body {
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 10px;
	padding-top: 30px;
}
.contecst_calc_item_price {
	text-align: center;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 30px;
}
.contecst_calc_item_price .value {
	font-size: 38px;
	font-weight: 400;
}
.contecst_calc_item_caption {
	padding-top: 30px;
	font-size: 14px;
	line-height: 18px;
	border-top: 1px solid #E5E5E5;
	height: 122px;
	text-align: left;
}

.contecst_calc_item_search {
	float: left;
	width: 50%;
	position: relative;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left 40px center;
	cursor: pointer;
}
.contecst_calc_item_search.s_ya {
	background-image: url(images/s_ya.svg);
}
.contecst_calc_item_search.s_google {
	background-image: url(images/s_google.png);
}
.contecst_calc_item_searches {
	margin-bottom: 24px;
}
.contecst_calc_item_search:before,
.contecst_calc_item_search:after {
	content: '';
	border-radius: 2px;
	position: absolute;
	transition: .2s;
}
.contecst_calc_item_search:before {
	background-color: #E5E5E5;
	top: calc(50% - 8px);
	left: 10px;
	width: 16px;
	height: 16px;
}
.contecst_calc_item_search:after {
	background-color: #26D784;
	opacity: 0;
	top: calc(50% - 5px);
	left: 13px;
	width: 10px;
	height: 10px;

}
.contecst_calc_item_search.checked:after {
	opacity: 1;
}
.contecst_calc_item_search_input {
	display: none;
}

.contecst_calc_item_button_wrap {
	background-color: #fafafa;
	padding: 24px 35px;
	text-align: center;
}
.contecst_calc_item_button {
	background: #FFFFFF;
	border: 2px solid #0199E6;
	box-sizing: border-box;
	border-radius: 4px;
	color: #0199E6;
	line-height: 50px;
	cursor: pointer;
	transition: .2s;
	display: block;
}
.contecst_calc_item_button:hover {
	color: #fff;
	background-color: #0199E6;
}
.contecst_calc_bottom {
	padding-left: 100px;
	padding-right: 100px;
	font-size: 16px;
	line-height: 24px;
}
.contecst_calc_more_wrap {
	position: relative;
}
.contecst_calc_more_content {
	position: absolute;
	top: 100%;
	left: -30px;
	width: 100%;
	max-width: 500px;
	background-color: #fff;
	padding: 20px 30px;
	font-size: 14px;
	line-height: 20px;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.12);
	opacity: 0;
	visibility: hidden;
	transition: .2s;
	color: #222;
}
.contecst_calc_more_button:hover .contecst_calc_more_content {
	opacity: 1;
	visibility: visible;
}
.contecst_calc_more_button {
	color: #0199E6;
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 6px;
	    display: inline-block;
    vertical-align: middle;
}
.contecst_calc_more_button:hover {
	text-decoration: underline;
}
.contecst_calc_form {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 30px;
	display: none;
}
.contecst_calc_form.open {
	display: block;
}
#contecst_calc_form {
	position: relative;
	top: -160px;
}
@media (max-width: 1199px) {
	.contecst_calc_col {
		padding-left: 10px;
		padding-right: 10px;
	}
	.contecst_calc_bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
	.contecst_calc {
		padding-bottom: 30px;
	}
}
@media (max-width: 992px) {
	.contecst_calc_item {
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.contecst_calc_col {
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
	.contecst_calc_item_title {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.contecst_calc_item_caption {
		display: none;
	}
	.contecst_calc_item_button {
		line-height: 40px;
	}
	.contecst_calc_item_button_wrap {
		padding-left: 14px 20px;
	}
	.contecst_calc_item_body {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	.contecst_calc_item_searches {
		margin-bottom: 14px;
	}
	.contecst_calc_item_price {
		margin-bottom: 18px;
	}
}
@media (max-width: 767px) {
	.contecst_calc_bottom {
		padding-left: 0;
		padding-right: 0;
	}	
}

.contecst_cases {
	background: #F2F2F2;
	padding-top: 30px;
	padding-bottom: 60px;
}
.contecst_cases h2 {
	text-align: center;
}
.contecst_case_item_content_row {
	margin-left: -10px;
	margin-right: -10px;
}
.contecst_case_item_content_col {
	float: left;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}
.contecst_case_item_content_pane {
	background-color: #fff;
}
.contecst_case_item_content_pane_info {
	padding: 45px;
}
.contecst_case_item_content_pane_gallery {
	padding: 10px;
}
.contecst_case_item_content_gallery_item img {
	display: block;
	max-width: 100%;
}
.contecst_case_item_content_gallery_item {
	outline: none;
}
.contecst_case_item_list_item {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 12px;
	font-weight: 300;
}
.contecst_case_item_list_item .c_l_i_title {
	font-weight: 700;
	color: #0199E6;
}
.contecst_case_item_list2_item {
	display: table-cell;
	padding-right: 20px;
}
.contecst_case_item_content_bottom {
	margin-top: 30px;
	display: table;
	width: 100%;
}
.contecst_case_item_list2_title {
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
}
.contecst_case_item_list2_content {
	color: #0199E6;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
}
.contecst_case_item_list2_content .c_num {
	font-size: 24px;
}
.contecst_case_item_list2_content .c_small {
	font-size: 14px;
}

.contecst_case_item_head {
	margin-bottom: 40px;
	display: inline-block;
	vertical-align: middle;
}
.contecst_case_item_head_wrap {
	text-align: center;
}
.contecst_cases_slider {
	margin-top: 40px;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
}
.contecst_case_item_logo {
	margin-right: 20px;
	width: 60px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	vertical-align: middle;
	-webkit-background-size: contain;
	background-size: contain;
	line-height: 32px;
}
.contecst_case_item_title {
	font-size: 26px;
	line-height: 32px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}
a.contecst_case_item_title {
	color: #0075b1;
	outline: none;
}
.contecst_case_item_subtitle {
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	display: inline-block;
	vertical-align: middle;
}
.contecst_case_item {
	outline: none;
}

.contecst_cases_slider .partner-position__arrow {
	z-index: 100;
	top: calc(50% + 10px);
}

.contecst_case_item_content_gallery {
	position: relative;
	padding-bottom: 30px;
}
.contecst_case_item_content_gallery .slick-dots {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.contecst_case_item_content_gallery .slick-dots li {
	display: inline-block;
	vertical-align: middle;
}
.contecst_case_item_content_gallery .slick-dots li button {
	width: 20px;
	height: 20px;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	font-size: 0;
	color: transparent;
	cursor: pointer;
}
.contecst_case_item_content_gallery .slick-dots li button:before {
	width: 10px;
	height: 10px;
	border: 1px solid #0199E6;
	transition: .2s;
	position: absolute;
	left: calc(50% - 5px);
	top: calc(50% - 5px);
	content: '';
	border-radius: 100%;
}
.contecst_case_item_content_gallery .slick-dots li.slick-active button:before {
	background-color: #0199E6;
}
@media (max-width: 1199px) {
	.contecst_cases_slider {
		padding-left: 50px;
		padding-right: 50px;
	}
	.contecst_case_item_head {
		margin-bottom: 20px;
	}
	.contecst_case_item_title {
		font-size: 22px;
	}
	.contecst_case_item_subtitle {
		font-size: 16px;
	}
}
@media (max-width: 992px) {
	.contecst_cases_slider .partner-position__arrow-prev {
		left: 0;
	}
	.contecst_cases_slider .partner-position__arrow-next {
		right: 0;
	}
	.contecst_cases_slider {
		padding-left: 30px;
		padding-right: 30px;
	}
	.contecst_case_item_content_col {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.contecst_case_item_content_pane_info {
		padding: 30px;
	}
}
@media (max-width: 767px) {
	.contecst_case_item_list2_title {
		margin-bottom: 10px;
	}	
	.contecst_cases {
		padding-bottom: 30px;
		padding-top: 0;
	}
}
@media (max-width: 530px) {
	.contecst_case_item_content_pane_gallery {
		display: none;
	}
	.contecst_case_item_list2_item {
		display: block;
		margin-bottom: 10px;
	}
	.contecst_case_item_content_bottom {
		margin-top: 20px;
		display: block;
	}
	.contecst_case_item_list2_title {
		margin-bottom: 0;
	}
	.contecst_case_item_content_bottom {
		text-align: center;
	}
	.contecst_case_item_list2_content .c_num {
		font-size: 20px;
	}
	.contecst_case_item_list2_content {
		line-height: 20px;
	}
	.contecst_cases_slider {
		padding-left: 0;
		padding-right: 0;
	}
}

.form-feedback__input-disabled {
	pointer-events: none;
	background-color: #fafafa;
}