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

* {
    outline: none;
}

label {
    cursor: pointer;
}

ul, ol, textarea, td, th, input {
    padding: 0;
}

pre {
    white-space: pre-wrap;
}

input[type="submit"], input[type="reset"] {
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

html, body {
    width: 100%;
    height: 100%;
    position: relative;
    color: #212121;
    font-family: 'Montserrat', sans-serif;
    background: #fff;
}

.wrapper {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.wrapper-content {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.clearing {
    width: 100%;
    clear: both;
    height: 0;
    line-height: 0;
}

.container {
    max-width: 1400px;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Шапка */
.header {
    padding: 20px 0;
    box-sizing: border-box;
    z-index: 10;
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-block {
    position: relative;
    overflow: hidden;
}

.logo {
    width: 140px;
    height: 45px;
    position: relative;
    display: block;
    background: url(/images/logo.svg) no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_contact {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.top_contact .tel {
    margin-right: 20px;
}
.top_contact .tel a {
    color: #212121;
    font-size: 16px;
    line-height: 45px;
    text-decoration: none;
    font-weight: 500;
    display: block;
}

.top_contact .tel a:hover {
    color: #fa4344;
}

.top_contact .region {
	position: relative;
	margin-left: 20px;
}
.top_contact .region-title {
	position: relative;
	padding: 0 0 0 20px;
	margin: 5px 0;
    display: block;
	color: #212121;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
	text-decoration: none;
    background: url(/images/mark.svg) no-repeat 0 5px;
    background-size: 13px auto;
}
.fix-header .top_contact .region-title {
    color: #fff;
}
.fix-header.fix-white .top_contact .region-title {
    color: #212121;
}
.top_contact .region-list {
	width: 180px;
    position: absolute;
    left: 0;
    background: #e5f1fa;
    z-index: 100;
    display: none;
}
.top_contact .region:hover .region-list {
	display: block;
}
.top_contact .region-list a {
	display: block;
	padding: 10px 15px;
	color: #212121;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
}
.top_contact .region-list a:hover {
    color: #fff !important;
    background: #268ddc;
}

.popup .region-list {
	position: relative;
	margin-top: 20px;
}	
.popup .region-list a {
	display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.fix-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.fix-header .top_contact .tel a {
    color: #fff;
}

.fix-white .top_contact .tel a {
    color: #212121;
}

.fix-header .top_contact .tel a:hover, .fix-header.fix-white .top_contact .tel a:hover {
    color: #fa4344;
}

.fix-header .logo {
    display: none;
}

.fix-header.fix-white .logo {
    display: block;
}

.fix-white {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.hamburger {
    width: 30px;
    height: 45px;
    position: relative;
    float: left;
    margin-right: 40px;
    background: url(/images/i-menu-b.svg) no-repeat center;
    cursor: pointer;
    display: none;
}

.fix-header .hamburger {
    background: url(/images/i-menu-w.svg) no-repeat center;
}

.fix-white .hamburger {
    background: url(/images/i-menu-b.svg) no-repeat center;
}

/* Меню */
.main_nav {
    position: relative;
    z-index: 10;
}

.main_nav ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
}

.main_nav ul li {
    position: relative;
    margin: 0 15px;
    list-style: none;
}

.main_nav ul li a {
    position: relative;
    display: block;
    margin: 5px 0;
    color: #212121;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
}

.main_nav ul li a.active, .main_nav ul li a:hover {
    border-color: #212121;
}

.main_nav ul li ul {
    position: absolute;
    left: -15px;
    background: #e5f1fa;
    display: none;
}

.main_nav ul li:hover ul {
    display: block;
}

.main_nav ul li ul li {
    margin: 0;
    list-style: none;
}

.main_nav ul li ul li a {
    min-width: 200px;
    position: relative;
    padding: 10px 15px;
    margin: 0;
    display: block;
    float: left;
    color: #212121 !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-bottom: none;
}

.main_nav ul li ul li a:hover {
    color: #fff !important;
    background: #268ddc;
    border-bottom: none;
}

.fix-header .main_nav a {
    color: #fff;
}

.fix-header .main_nav a.active, .fix-header .main_nav a:hover {
    border-color: #fff;
}

.fix-header.fix-white .main_nav a {
    color: #212121;
}

.fix-header.fix-white .main_nav a.active, .fix-header.fix-white .main_nav a:hover {
    border-color: #212121;
}

/* main */
.main-section {
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    padding: 130px 0;
    box-sizing: border-box;
}

.main-section .logo {
    width: 250px;
    height: 65px;
    margin-right: 0;
    margin-bottom: 50px;
}

.main-section h1 {
    max-width: 630px;
    position: relative;
    margin: 0 0 40px 0;
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}

.main-services {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.main-services-item {
    width: 33.3%;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;
}

.main-services-title {
    position: relative;
    margin-bottom: 10px;
    color: #fa4344;
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
}

.main-services-title a {
    color: #fa4344;
    text-decoration: none;
}

.main-services-title a:hover {
    color: #fff;
}

.main-services-list {
    position: relative;
}

.main-services-list a {
    display: block;
    margin: 5px 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    font-weight: 500;
    text-decoration: none;
}

.main-services-list a:hover {
    color: #ff4545;
}

/* Элементы */

.section {
    position: relative;
    padding-top: 60px;
}

.fon {
    padding-bottom: 60px;
    margin-top: 60px;
    background: #e5f1fa;
}

.title {
    position: relative;
}

h1, .h1 {
    position: relative;
    color: #007ad6;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}

h1 {
    margin-bottom: 40px;
}

.h1 {
    margin-bottom: 20px;
}

h2, .h2 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 25px;
}

h3, .h3 {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}

h4, .h4 {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

h5, .h5 {
    position: relative;
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}
h6, .h6 {
    font-size: 13px;
	line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.h2 span, .h3 span, .h4 span, .h5 span {
    color: #006cd1;
}

.h2 a {
    text-decoration: none;
}

.snippet {
    max-width: 1040px;
    position: relative;
    margin: 0 0 40px 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.snippet span {
    color: #006cd1;
}

.btn {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
    font-weight: 500;
    background: #ff4545;
    box-sizing: border-box;
}

.btn:hover {
    color: #fff;
    background: #F41612;
}

.btn2 {
    position: relative;
    overflow: hidden;
    padding: 10px 20px;
    color: #212121;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    background: #fff;
    border: 2px solid #212121;
}

.btn2:hover {
    color: #fff;
    background: #000;
    transition: all 0.5s ease;
}

.next {
    width: 140px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -70px;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}

.next::after {
    width: 40px;
    height: 40px;
    display: block;
    margin: 10px auto 0;
    background: url(/images/mouse.svg) no-repeat;
    content: "";

}

.content {
    position: relative;
}

p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

ul, ol {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

ul li {
    margin: 0 0 10px 20px;
    list-style: disc;
}

ol li {
    margin: 0 0 10px 20px;
    list-style: decimal;
}

a {
    color: #007ad6;
}

a:hover {
    color: #ff4545;
}

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

.blue-fon {
    position: relative;
    margin: 0 0 40px 0;
    padding: 40px;
    background: #e5f1fa;
    box-sizing: border-box;
}

.grey-fon {
    position: relative;
    margin: 0 0 40px 0;
    padding: 40px;
    background: #f6f6f6;
    box-sizing: border-box;
}

.column {
    position: relative;
    margin: 0 0 40px 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

/* Список со стрелками */
.arrow-list {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.arrow-list li {
    padding: 0 0 0 40px;
    margin: 0 0 20px 0;
    list-style: none;
    background: url(/images/arrow-r.svg) top left no-repeat;
    box-sizing: border-box;
}

.arrow-list li:last-child {
    margin-bottom: 0;
}

.arrow-list li ul li {
    margin: 10px 0 0 20px;
    list-style: disc;
    background: none;
}

/* Список с цифрами в кружочках */
.number-list {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    counter-reset: vuslugu;
    margin: 0 -10px 20px -10px;
}

.number-list .item {
    width: calc(33.3% - 20px);
    position: relative;
    padding: 40px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 10px 20px 10px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.number-list .item::before {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 0 20px 0;
    color: #007ad6;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    display: block;
    box-sizing: border-box;
    border: 2px solid #007ad6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    counter-increment: vuslugu;
    content: counter(vuslugu);
}

.number-list .item:hover {
    border: 2px solid #007ad6;
}

.number-list .item:hover::before {
    color: #fff;
    background: #007ad6;
}

.number-list .item b {
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

/* Список с линиями */
.line-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.line-list li {
    width: 100%;
    max-width: 480px;
    padding: 0 30px;
    margin: 0 0 20px 0;
    list-style: none;
    background: url(/images/line.svg) 0 10px no-repeat;
    box-sizing: border-box;
}

/* Список с иконками */
.icons-list {
    position: relative;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: -40px;
}

.icons-list .item {
    width: 33.3%;
    padding-right: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.icons-list.two-item .item {
    width: 50%;
}

.icons-list .item p {
    margin: 0;
}

.icons-list .item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 0 10px 0;
}

/* Список с шагами */
.step-list {
    position: relative;
    margin: 0 0 40px 0;
}

.step-list .item {
    position: relative;
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    border-top: 2px solid #E5F1FA;
}

.step-title {
    display: flex;
    align-items: stretch;
    margin: 0 0 20px 0;
}

.step-title span {
    display: block;
    margin-right: 15px;
    color: #E5F1FA;
    font-size: 28px;
    line-height: 28px;
    font-weight: 800;
}

.step-title .h5 {
    margin: 0;
}

/* Текст с кавычкой */
.quotes {
    max-width: 600px;
    min-height: 40px;
    position: relative;
    padding: 0 0 0 70px;
    margin: 0 0 40px 0;
    background: url(/images/quotes.svg) no-repeat top left;
}

.quotes big {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
}

.quotes small {
    color: #999;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

.quotes span {
    color: #006cd1;
}


.service-price {
    position: relative;
}

.service-price .item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.service-price .item-icon {
    width: 70px;
    margin-right: 20px;
}

.service-price .item-info {
    width: calc(100% - 90px);
}

.service-price .item-text {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.service-price .item-price {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.sert-1c {
    max-width: 520px;
    min-height: 65px;
    position: relative;
    padding: 0 140px 0 0;
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    background: url(/images/gold_sm.png) right center no-repeat;
}

.sert-qc {
    max-width: 520px;
    min-height: 105px;
    position: relative;
    padding: 0 220px 0 0;
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    background: url(/images/qc_down.png) right center no-repeat;
}

.two-col {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.two-col h3, .two-col .h3 {
    color: #007ad6;
}

.col-left {
    width: 49%;
    margin: 0 0 40px 0;
    padding: 40px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.col-right {
    width: 49%;
    margin: 0 0 40px 0;
    padding: 40px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.two-col .price-val {
    margin: 0;
}

.col-left p:last-child, .col-left .line-list:last-child, .col-right p:last-child, .col-right .line-list:last-child {
    margin: 0;
}

/* Цена в услугах */

.price-val-col {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.price-val-col .price-val {
    width: 32%;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid #E5F1FA;
}	

.price-val {
    position: relative;
    margin: 0 0 40px 0;
}

.price-val b {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.price-val p {
    color: #1b80da;
}

.price-val small {
    font-size: 14px;
    line-height: 35px;
}

.price-val span {
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
}

.table-price .price-val {
    margin: 0;
}

/* Отзывы */
.reviews-list {
    position: relative;
    overflow: hidden;
}

.review-item {
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
    padding: 0 0 0 70px;
    background: url(/images/quotes.svg) no-repeat top left;
}

.review-text {
    position: relative;
    padding: 40px;
    background: #e5f1fa;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.review-name {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 0 0 35px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    background: url(/images/arrow-r.svg) no-repeat top left;
}

.reviews-list .btn {
    margin: 0 0 40px 0;
}

/* Рейтинги */
.ratings {
    position: relative;
}

.rating-item {
    position: relative;
    margin: 0 0 40px 0;
    padding: 40px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.rating-item:hover {
    background: #e5f1fa;
}

.rating-logo {
    position: relative;
    margin: 0 0 20px 0;
}

.rating-logo img {
    max-width: 200px;
    height: auto;
    display: block;
}

.rating-img {
    position: relative;
    margin: 20px 0 0 40px;
    display: flex;
    flex-wrap: wrap;
}

.rating-img a {
    margin: 0 10px 0 0;
    display: block;
}

.rating-img a:last-child {
    margin: 0;
}

.rating-img img {
    max-width: 200px;
    height: auto;
    display: block;
}

.rating-item .arrow-list {
    margin: 0;
}

/* Подкасты */
.podkast {
    position: relative;
    overflow: hidden;
}

.podkast-left {
    position: relative;
    margin: 0 300px 0 0;
}

.podkast-right {
    width: 240px;
    position: relative;
    float: right;
    padding: 10px;
    background: #e5f1fa;
}

.podkast-list {
    position: relative;
    overflow: hidden;
}

.podkast-item {
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
}

.podkast-img {
    position: relative;
    overflow: hidden;
    margin: 0 0 25px 0;
}

.podkast-img a {
    position: relative;
    overflow: hidden;
    display: block;
}
/*
.podkast-img a:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    background: url(/images/podkast.png) no-repeat center;
    background-size: cover;
}
*/
.podkast-img img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.podkast-title {
    position: relative;
    margin: 0 0 15px 0;
}

.podkast-title a {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
}

.podkast-preview {
    margin: 0 0 20px 0;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.podkast-more {
    position: relative;
}

.podkast-more a.more {
    display: inline-block;
    padding: 0 30px 0 0;
    margin-right: 60px;
    color: #007ad6;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    background: url(/images/arrow-r.svg) no-repeat center right;
}

.podkast-more a.rss-link {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: url(/images/icon-rss.svg) no-repeat;
    background-size: 100%;
}

.podcast-detail {
	position: relative;
    margin: 0 0 40px 0;
}
.news-preview {
	position: relative;
    margin: 0 0 20px 0;
}	
.news-photolist {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 -5px;
}
.news-photolist a {
	width: 33.3%;
	max-height: 260px;
	position: relative;
	padding: 10px 5px 0 5px;
	display: block;
	box-sizing: border-box;
}
.news-photolist a img {
	width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;	
}
.news-video {
	position: relative;
	margin-top: 20px;
}		


/* Правая колонка */
.service-banner {
    position: relative;
    margin: 0 0 30px 0;
}

.service-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.content ul.services-menu {
    position: relative;
    margin: 0 10px;
}

.content ul.services-menu li {
    padding: 0;
    list-style: none;
    margin: 0 0 20px 0;
}

.services-menu a {
    display: block;
    color: #212121;
    font-size: 15px;
    text-decoration: none;
    line-height: 20px;
    font-weight: 600;
    padding: 0 0 0 20px;
    background: url(/images/arrow-menu.svg) no-repeat center left;
    background-size: 15px;
}

.services-menu a:hover {
    color: #268ddc;
}

/* Проекты */
.proekty_wp {
    position: relative;
    text-align: center;
}

.proekty_blok {
    position: relative;
    margin: 0 -10px;
    text-align: left;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.proekty_blok .item {
    width: 33.33%;
    padding: 0 10px;
    margin: 0 0 40px 0;
    box-sizing: border-box;
}

.proekty_blok .wrap {
    position: relative;
}

.proekty_blok .name {
    position: relative;
    margin-top: 10px;
}

.proekty_blok .name a {
    display: block;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
}

.proekty_blok .name a:hover {
    color: #007ad6;
}

.proekty_blok .item .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 30px;
    align-items: center;
    font-size: 0.85em;
    box-sizing: border-box;
    background: #e5f1fa;
    display: none;
}

.proekty_blok .item:hover .hover {
    display: flex;
}

.proekty_blok .preview {
    width: 100%;
    height: auto;
    display: block;
}

.proekty_blok .textarea {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}

.project_tags {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.project_tags a {
    position: relative;
    color: #212121;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
    margin: 0 20px 10px 0;
    padding-bottom: 2px;
    float: left;
    border-bottom: 2px solid transparent;
}

.project_tags a:hover, .project_tags .active {
    border-bottom-color: #212121;
}

/* Преимущества */
.plus {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px -20px -10px;
}

.plus .item {
    width: calc(33.33% - 20px);
    position: relative;
    padding: 40px;
    margin: 0 10px 20px 10px;
    background: #e5f1fa;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.plus .item:hover {
    background: #fff;
    border: 2px solid #097fd7;
}

.plus .item img {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.plus .item .title {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.plus .item:hover .title {
    color: #007ad6;
}

.plus .text_area {
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.plus .item:hover .text_area {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.plus .item.number-plus span {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}

.preimush_blok .item.number-plus p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.plus .item.number-plus {
    background: #fff;
    border: 2px solid #097fd7;
}

.plus .item.number-plus:hover {
    background: #e5f1fa;
}

/* Услуги на главной */
.uslugi {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px -20px -10px;
}

.uslugi .item {
    width: calc(50% - 20px);
    position: relative;
    padding: 40px;
    margin: 0 10px 20px 10px;
    background: #fff;
    border: 2px solid #097fd7;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.uslugi .item:hover {
    background: #e5f1fa;
    border: 2px solid #e5f1fa;
}

.uslugi .item .title {
    min-height: 64px;
    position: relative;
    padding: 0 0 0 80px;
    display: flex;
    align-items: center;
}

.uslugi .item .title::before {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
}

.uslugi .item.c1 .title::before {
    background: url(/images/service/1.svg) no-repeat;
}

.uslugi .item.c2 .title::before {
    background: url(/images/service/2.svg) no-repeat;
}

.uslugi .item.c4 .title::before {
    background: url(/images/service/3.svg) no-repeat;
}

.uslugi .item.c5 .title::before {
    background: url(/images/service/4.svg) no-repeat;
}

.uslugi .item .title a {
    display: block;
    color: #006BBD;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    text-decoration: none;
}

.uslugi .text_area {
    position: relative;
    margin: 20px 0 0 0;
}

.uslugi .text_area table {
    width: 100%;
}

.uslugi .text_area table td, .uslugi .text_area table th {
    padding: 5px;
    font-size: 15px;
    line-height: 20px;
}

.uslugi .text_area table td {
    color: #444;
    font-weight: 500;
}

.uslugi .text_area table td a {
    color: #444;
    text-decoration: none;
}

.uslugi .text_area table td a:hover {
    text-decoration: underline;
}

.uslugi .text_area table th {
    color: #212121;
    font-weight: 600;
}

/* Видео */
.video-block {
    max-width: 940px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 40px auto;
}

.section .video-block {
    margin-bottom: 0;
}

.video-block a {
    position: relative;
    display: block;
}

.video-block a img {
    width: 100%;
    height: auto;
    display: block;
}

.video-block a:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, 0.3) url(/images/play.svg) no-repeat center;
    content: '';
}

/* Создание */
.create_list {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.create_list .item {
    width: calc(50% - 20px);
    position: relative;
    margin: 0 10px;
    padding: 40px;
    background: #fff;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.create-img {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.create-img img {
    max-width: 45%;
    height: auto;
    display: block;
}

.create-text {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.create-text a {
    color: #212121;
}

.create-tagline {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
    color: #007ad6;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    background: #E5F1FA;
    box-sizing: border-box;
}

/* Форма внизу */
.page-form {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 60px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.page-form .info {
    width: 50%;
    position: relative;
    padding-right: 40px;
    box-sizing: border-box;
}

.page-form .form {
    width: 50%;
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
}

/* Footer */
footer {
    position: relative;
    padding: 25px 0;
    border-top: 2px solid #2f2f2f;
    box-sizing: border-box;
}

footer .container {
    display: flex;
    justify-content: space-between;
}

.footer-block {
    margin-right: 20px;
}

.footer-block:nth-last-child {
    margin-right: 0;
}

.footer-block .copyright {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.footer-block .copyright a {
    color: #007ad6;
    text-decoration: none;
}

.footer-block .copyright a:hover {
    text-decoration: underline;
}

.footer-block .partners-sert {
    position: relative;
}

.footer-block .partners-sert img {
    max-width: 120px;
    margin: 10px 0 0 0;
}

.soc {
    margin: 0 0 15px 0;
    display: flex;
	flex-wrap: wrap;
}
.soc a {
    width: 25px;
    height: 25px;
    display: block;
    margin-right: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
.soc a:last-child {
	margin-right: 0;
}
.soc .twitter {
    background-image: url(/images/social/tw.svg);
}
.soc .twitter:hover {
    background-image: url(/images/social/tw-h.svg);
}
.soc .vk {
    background-image: url(/images/social/vk.svg);
}
.soc .vk:hover {
    background-image: url(/images/social/vk-h.svg);
}
.soc .youtube {
    background-image: url(/images/social/youtube.svg);
}
.soc .youtube:hover {
    background-image: url(/images/social/youtube-h.svg);
}
.soc .dzen {
    background-image: url(/images/social/dzen.svg);
}
.soc .dzen:hover {
    background-image: url(/images/social/dzen-h.svg);
}
.soc .vc {
    background-image: url(/images/social/vc.svg);
}
.soc .vc:hover {
    background-image: url(/images/social/vc.svg);
}
.soc .tme {
    background-image: url(/images/social/tme.svg);
}
.soc .tme:hover {
    background-image: url(/images/social/tme.svg);
}

.footer-block .rek {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

.footer-menu-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5px 0 10px 0;
}

.footer-block ul li {
    margin: 0 0 5px 0;
    list-style: none;
}

.footer-block ul li a {
    color: #444;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
    display: block;
}

.footer-block ul li a:hover {
    color: #007ad6;
    text-decoration: underline;
}


.footer-link, .back-link {
    position: relative;
    display: inline-block;
    color: #212121;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    font-weight: 500;
}

.footer-link {
    padding-right: 50px;
}

.back-link {
    padding-left: 50px;
}

.footer-link::after, .back-link::after {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 0;
    display: block;
    content: "";
}

.footer-link::after {
    right: 0;
    background: url(/images/arrow-r-big.svg) no-repeat center;
}

.back-link::after {
    left: 0;
    background: url(/images/arrow-l-big.svg) no-repeat center;
}


@keyframes bounceDown {
    0%, 20%, 60%, 100% {
        transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        transform: translateY(20px);
        transform: translateY(20px);
    }

    80% {
        transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes bounceRight {
    0%, 20%, 60%, 100% {
        transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        transform: translateX(20px);
        transform: translateX(20px);
    }

    80% {
        transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes bounceLeft {
    0%, 20%, 60%, 100% {
        transform: translateX(0);
        transform: translateX(0);
    }

    40% {
        transform: translateX(-20px);
        transform: translateX(-20px);
    }

    80% {
        transform: translateX(-10px);
        transform: translateX(-10px);
    }
}

.footer-link:hover:after {
    animation: bounceRight 1s;
}

.back-link:hover:after {
    animation: bounceLeft 1s;
}

.next:hover:after {
    animation: bounceDown 1s;
}

/* Карта */
.map {
    height: 400px;
    position: relative;
}
#map {
    width: 100%;
    height: 100%;
    position: relative;
}

.ymaps-2-1-79-controls__toolbar_left, .ymaps-2-1-79-controls__toolbar_rigth {
    display: none;
}

.cities {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -680px;
    background: #fff;
    z-index: 5;
}

.cities-tag {
    position: relative;
    overflow: hidden;
}

.cities-tag label {
    width: 50%;
    height: 50px;
    float: left;
    font-size: 14px;
    line-height: 50px;
    font-weight: 500;
    text-align: center;
    background: #f6f6f6;
    box-sizing: border-box;
    cursor: pointer;
}

.cities-tag label.act {
    color: #fff;
    background: #ff4545;
}

.cities-info {
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.cities-info .city {
    position: relative;
    display: none;
}

.cities-info .city.act {
    display: block;
}

.cities-info .city a {
    color: #212121;
    text-decoration: none;
    display: block;
}

.cities-info .city a:hover {
    color: #268ddc;
}

.cities-info .city .addr {
    margin: 10px 0;
}

.cities-info .city a.tel {
    font-size: 16px;
    font-weight: 600;
}

/* content */
.content {
    position: relative;
}

/* Хлебные крошки */
.bx-breadcrumb {
    position: relative;
    overflow: hidden;
}

.bx-breadcrumb-item {
    float: left;
    margin: 0 10px 10px 0;
    white-space: nowrap;
    color: #999;
    font-size: 13px;
    line-height: 20px;
}

.bx-breadcrumb-item a {
    color: #999;
    text-decoration: none;
}

.bx-breadcrumb-item a:hover {
    text-decoration: underline;
}

/* left-menu */
.left-menu {
    width: 270px;
    position: relative;
    float: left;
}

.left-level-1 {
    position: relative;
}

.left-level-1 li {
    position: relative;
    margin: 0 0 20px 0;
    list-style: none;
}

.left-level-1 li a {
    position: relative;
    padding: 0 25px 0 0;
    display: block;
    color: #212121;
    font-size: 16px;
    text-decoration: none;
    line-height: 24px;
    font-weight: 500;
    background: url(/images/arrow-menu.svg) no-repeat center right;
    background-size: 15px;
}

ul.left-level-2 {
    margin: 20px 0 0 20px;
    display: none;
}

ul.left-level-2.active {
    display: block;
}

.left-level-2 li {
    margin: 10px 0 0 0;
}

.left-level-2 li a {
    position: relative;
    padding: 0;
    color: #999;
    font-size: 15px;
    text-decoration: none;
    line-height: 24px;
    font-weight: 400;
    background: none;
}

.left-level-1 li a:hover {
    color: #268ddc;
}

.right-content {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 320px;
}

/* seo-optim_blok */
.seo-optim_blok {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    margin-top: 60px;
    background: #2c4464;
}

.seo-optim_blok .sertifikacii {
    width: 350px;
    position: relative;
    float: left;
}

.seo-optim_blok .sertifikacii .wrap {
    height: 350px;
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.seo-optim_blok .sertifikacii .descr {
    padding: 0 40px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-align: center;
}

.seo-optim_blok .sertifikacii .img {
    display: block;
    margin: 0 auto;
}

.spec_kontengent {
    width: calc(100% - 400px);
    position: relative;
    float: right;
}

.spec_kontengent .photo_cat_area {
    width: 60px;
    position: relative;
    float: left;
}

.spec_kontengent .photo_cat_area img {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 5px;
    padding: 3px;
    border: 2px solid #d1d6e4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}

.spec_kontengent .descr {
    position: relative;
    margin: 10px 0 0 100px;
    color: #d1d6e4;
}

.spec_kontengent .descr p {
    margin: 0 0 20px 0;
}

.spec_kontengent .cat_descr_wrap > div {
    display: none;
}

.spec_kontengent .cat_descr_wrap > div.active {
    display: block;
}

/* about */
.about {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-left {
    width: 50%;
    position: relative;
    padding-right: 30px;
    box-sizing: border-box;
}

.about-left img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 40px 0;
}

.about-right {
    width: 50%;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
}

.about-right .partners-sert {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 70px;
}

.about-right .partners-sert img {
    width: 50%;
    max-width: 160px;
    padding: 0 20px 20px 0;
    box-sizing: border-box;
}

/* project inner */

.project-page {
    position: relative;
    margin: 20px 0 0 0;
}

.project-main {
    position: relative;
    background: #f6f6f6;
}

.project-inner {
    position: relative;
    padding: 40px 0;
}

.project-page img {
    margin-left: auto;
    margin-right: auto;
}

.project-link {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 40px 0 0 0;
    color: #ff4545;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
}

.project-inner .snippet {
    margin: 40px auto;
    text-align: center;
}

.project-descr {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}

.project-descr-title {
    font-weight: bold;
}

.project-descr-link {
    margin-bottom: 10px;
}

.project-descr-link .a {
    color: #ff4545;
    text-decoration: none;
    font-weight: 600;
}

.project-descr-text {
    position: relative;
    margin-bottom: 10px;
    font-weight: 500;
}

.project-text {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.project-info {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.project-info:first-child {
    margin-top: 0;
}

.project-info::after {
    width: 50%;
    height: 2px;
    position: relative;
    display: block;
    margin: 0 auto;
    background: #fff;
    content: "";
}

.light-fon {
    background: #e5f1fa;
}

.light-fon .h2, .light-fon .project-text {
    color: #212121;
}

.dark-fon .h2, .dark-fon .project-text {
    color: #fff;
}

.light-fon .project-info::after {
    background: #212121;
}

.dark-fon .project-info::after {
    background: #fff;
}

.img-shadow {
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
}

.img-shadow:last-child {
    margin-bottom: 0;
}

/* спикры жирафа */
.giraffe {
    min-height: 245px;
    position: relative;
    padding: 40px 0 0 200px;
    background: url(/images/giraffe.png) no-repeat top left;
    background-size: 160px auto;
}

/* Текстовые */
.text-img-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.text-img-block-text {
    width: 48%;
}

.text-img-block-text .h2 a font {
    color: #212121;
}

.text-img-block-img {
    width: 48%;
}

.text-img-block-img img {
    width: 100%;
    max-width: 460px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Заявка */

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.overlay .popup {
    height: 100%;
    position: absolute;
    top: 0;
    padding: 20px;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    display: none;
}

.overlay .popup.response,
.overlay .popup.zayavka {
    width: 600px;
    right: 0;
}

.overlay .popup.menu {
    width: 400px;
    left: 0;
}

.overlay .close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(/images/close.svg) no-repeat;
    cursor: pointer;
}

.overlay .close:hover {
    background: url(/images/close-h.svg) no-repeat;
}

.overlay .h2 {
    margin-right: 40px;
}

.overlay form {
    margin: 0 0 40px 0;
}

.popup.menu {
    position: relative;
}

.popup.menu ul {
    margin: 0 40px 0 0;
}

.popup.menu li {
    margin: 0 0 5px 0;
    list-style: none;
}

.popup.menu li a {
    color: #212121;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    text-decoration: none;
    display: block;
}

.popup.menu li a:hover {
    color: #007ad6;
}

.popup.menu li ul {
    margin: 0 0 0 20px;
}

.popup.menu li ul li a {
    font-size: 15px;
    font-weight: 500;
}


.kontakti .phone {
    margin: 0 0 10px 0;
}

.kontakti .phone a {
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-decoration: none;
    display: block;
}

.kontakti .copyright {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.page-form .kontakti {
    position: relative;
    margin: 0 0 40px 0;
}

.overlay .kontakti {
    position: relative;
    margin: 20px 0 0 0;
}

.overlay .btn {
    margin: 0 0 20px 0;
}

.formr .tags,
.form1 .tags {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.formr .tags label,
.form1 .tags label {
    font-size: 16px;
    color: #007ad6;
    text-align: center;
    font-weight: 600;
    float: left;
    margin: 0 10px 10px 10px;
    padding-left: 25px;
    cursor: pointer;
    background-image: url(/images/tag-check.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.formr .tags label.active,
.form1 .tags label.active {
    color: #212121;
    background-image: url(/images/tag-checked.svg);
}

.formr input[type="checkbox"],
.form1 input[type="checkbox"] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.formr input[type="checkbox"]:checked + label,
.form1 input[type="checkbox"]:checked + label {
    color: #212121;
}

.formr .row,
.form1 .row {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 30px;
    display: block;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    background-color: #f6f6f6;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.formr textarea,
.form1 textarea {
    height: 60px;
    resize: vertical;
}

.formr .submit input,
.form1 .submit input {
    position: relative;
    height: 60px;
    padding: 0 40px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    background: #007ad6;
    border: 2px solid #007ad6;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.formr .submit input:hover,
.form1 .submit input:hover {
    color: #007ad6;
    background: #fff;
}

input[disabled] {
    opacity: 0.5;
}

#email2 {
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.conf-agree {
    position: relative;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    background: url(/images/checked.svg) no-repeat top left;
    background-size: 24px;
}

.conf-agree.nochecked {
    background: url(/images/check.svg) no-repeat top left;
    background-size: 24px;
}

.conf-agree a {
    color: #007ad6;
    text-decoration: none;
}

.conf-agree a:hover {
    text-decoration: underline;
}

.formr .row.err,
.form1 .row.err {
    border-color: #ff4545;
}

.formr .row:focus,
.form1 .row:focus {
    border-color: #2f2f2f;
}

.form2 input[type="text"], .form2 textarea {
    padding: 10px;
    display: block;
    width: 490px;
    height: 40px;
    box-sizing: border-box;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

.form2 input[type="submit"] {
    background: #961f30;
    border: 0;
    padding: 10px 20px;
    color: #fff;
}

.form2 textarea {
    height: auto;
}

.form2 h2 {
    font-family: "Time New Roman";
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: bold;
}

.layer-complete {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.layer-complete-box {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.layer-complete-text {
    display: inline-block;
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 40px;
}

.layer-complete .text {
    padding: 20px 0;
}

.layer-complete .sub {
    background: #007ad6;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
}

/* 404 */
.p404 {
    position: relative;
}

.p404-title {
    position: relative;
    color: #007ad6;
    font-weight: bold;
    font-size: 200px;
    line-height: 200px;
    text-align: center;
}

.p404-form .text-wrap {
    position: relative;
    padding: 60px 0 40px;
    text-align: center;
}

.p404-form .text {
    font-size: 16px;
    color: #007ad6;
    text-align: center;
    font-weight: 600;
}

.p404-form .input-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: auto;
    max-width: 830px;
}

.p404-form input {
    width: 33%;
    padding: 20px 30px;
    display: block;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    background-color: #f6f6f6;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.p404-form button {
    background: transparent;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.p404-form .submit-wrap {
    text-align: center;
    padding: 20px 0;
}

.main-back {
    display: block;
    margin: 0 0 40px 0;
    color: #007ad6;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

/* Услуги */
.service {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -10px -20px -10px;
}

.service .item {
    width: calc(33.3% - 20px);
    position: relative;
    padding: 40px;
    margin: 0 10px 20px 10px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.service .item:hover {
    background: #e5f1fa;
}

.service .item img {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.service .item a {
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
}

.service .item p {
    margin: 0;
}

/* 1с битрикс */
.bx-table {
    position: relative;
    margin: 0 0 40px 0;
}

.bx-table-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.bx-table-col {
    width: 25%;
}

.bx-table-head {
    position: relative;
    padding: 0 20px 0 0;
}

.bx-table-head-realise {
    font-size: 18px;
    line-height: 24px;
}

.bx-table-head-price {
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
    margin: 5px 0 20px;
}

.bx-table-head .btn {
    color: #fff;
    background: #007ad6;
}

.bx-table-head-pack {
    color: #007ad6;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 20px 0;
}

.bx-table-group {
    color: #007ad6;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #e5f1fa;
}

.bx-table-td {
    padding: 10px 20px 10px 0;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
}

.bx-table-td ul {
    font-size: 14px;
    line-height: 20px;
}

.bx-table-td li {
    margin: 0 0 10px 0;
    list-style: none;
}

.bx-table-mobile {
    display: none;
}

.table-price {
    margin-bottom: 55px;
}

.table-price th {
    padding: 15px 10px;
    background: #e5f1fa;
}

.table-price td {
    border: 2px solid #E5F1FA;
    padding: 20px 30px 10px;
}

/* Вакансии */
.vacancy {
    position: relative;
}

.vacancy-item {
    position: relative;
    margin: 0 0 40px 0;
}

.vacancy-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.vacancy-title {
    display: inline-block;
    color: #006BBD;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    border-bottom: 1px dashed #006BBD;
    cursor: pointer;
}

.vacancy-more {
    display: none;
    padding: 20px;
    margin-top: 10px;
}

.vacancy-show .vacancy-more {
    display: block;
}

.vacancy-show {
    background-color: #e5f1fb;
}

.vacancy-show .vacancy-name {
    padding: 20px 20px 0;
}

/* Кейсы */
.cases {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px 0 0;
}

.cases-item, .cases-banner {
    width: calc(50% - 20px);
    position: relative;
    margin: 0 0 50px 0;
}

.cases-item:before, .cases-item:after {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: '';
}

.cases-item:before {
    top: 10px;
    left: 10px;
    background: #E5F1FA;
}

.cases-item:after {
    top: 0;
    left: 0;
    background: #F6F6F6;
}

.cases-info {
    position: relative;
    overflow: hidden;
    padding: 20px;
}

.cases-title {
    position: relative;
    float: left;
    z-index: 1;
}

.cases-title a {
    color: #000;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    display: block;
}

.cases-title a:hover {
    color: #007AD6;
}

.cases-title a span {
    display: block;
    color: #007AD6;
    font-size: 21px;
    line-height: 25px;
}

.cases-number {
    min-height: 60px;
    position: relative;
    margin: 15px 0 0 0;
    padding: 10px 0 0 90px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
}

.cases-request {
    background: url(/images/circle/16.svg) no-repeat top left;
}

.cases-price {
    background: url(/images/circle/18.svg) no-repeat top left;
}

.cases-number p {
    color: #007AD6;
    font-weight: bold;
}

.cases-number p span {
    color: #007AD6;
    font-size: 25px;
}

.cases-img {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
    z-index: 1;
}

.cases-img img, .cases-banner img {
    width: 100%;
    height: auto;
    display: block;
}



/*
.cases-more {
	width: 140px;
	height: 40px;
	display: block;
	float: right;
	color: #000;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
	text-align: center;
	background: #fff;
	border: 2px solid #000;
	box-sizing: border-box;
}
.cases-more:hover {
	color: #fff;
	background: #007AD6;
	border: 2px solid #007AD6;
}
*/
.page-service-cases {
    position: relative;
    padding: 60px 20px;
    margin: 0 0 40px 0;
    text-align: center;
    box-sizing: border-box;
    background: #e5f1fa;
}

.page-service-cases .cases-item .cases-title a {
	font-size: 17px;
}
.page-service-cases .cases-item .cases-title a span {
    font-size: 15px; 
}

.page-service-cases .cases-item:before {
    background: #fff;
}

.page-service-cases .cases-item:before {
    background: #fff;
}

.page-service-cases .btn {
    min-width: 120px;
    display: inline-block;
}

/* Кейсы внтр */
.cases-project {
    position: relative;
}

.cases-main {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    background: #f6f6f6;
}

.cases-main .title {
    padding-right: 240px;
}

.cases-main .title h1 {
    color: #212121;
}

.back-link {
    position: relative;
    margin: 0 0 40px 0;
}

.card-themes {
    position: relative;
    color: #007AD6;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
}

.card-period {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}

.card-number {
    position: relative;
    margin: 0 0 40px 0;
}

.card-number .item {
    min-height: 50px;
    position: relative;
    padding-left: 60px;
    margin: 0 0 5px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    background: url(/images/icon-check-mark.svg) no-repeat top left;
    background-size: 50px;
}

.card-number .item:last-child {
    margin: 0;
}

.card-number .item strong {
    color: #FF4545;
    font-size: 21px;
    font-weight: 800;
}


.cases-card {
    position: relative;
    overflow: hidden;
}

.card-img {
    width: 50%;
    position: relative;
    float: right;
}

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

.card-main {
    width: 50%;
    position: relative;
    float: left;
    padding: 40px 40px 0 0;
    box-sizing: border-box;
}

.cases-number-info {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
    display: flex;
}

.cases-number-info .cases-number {
    margin: 0 60px 0 0;
}

.cases-slogan {
    position: relative;
    margin: 0 0 30px 0;
    font-size: 32px;
    line-height: 48px;
    font-weight: 300;
}

.cases-slogan span {
    color: #FF4545;
    font-weight: 800;
}

.cases-details {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    background: #E5F1FA;
}

.cases-details .number-list {
    margin-bottom: -20px;
}

.cases-details .number-list .item {
    background: #fff;
}

.half {
    position: relative;
    overflow: hidden;
}

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

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

.cases-details span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
}

.cases-details li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px 20px;
    list-style: disc;
}

.cases-block {
    position: relative;
    margin: 60px 0 0 0;
}

.cases-block .h2 {
    max-width: 920px;
}

.cases-block .h4 {
    max-width: 800px;
}

.cases-works {
    position: relative;
    overflow: hidden;
    margin: 0 -20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.cases-works-item {
    width: 25%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.cases-block .cases-works-item img {
    width: 60px;
    height: auto;
    float: left;
    margin: 0;
}

.cases-works-item span {
    margin: 0 20px 0 80px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.cases-block img {
    margin: 0 auto 20px auto;
}

.cases-table {
    position: relative;
}

.cases-table table {
    width: 100%;
}

.cases-table th {
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    background: #E5F1FA;
}

.cases-table td {
    padding: 10px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-align: left;
}

.cases-table tr:nth-child(odd) td {
    background: #FAFAFA;
}

.cases-step {
    position: relative;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-top: 5px solid #E5F1FA;
}

.cases-step .title {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}

.cases-step .title span {
    display: block;
    margin-right: 20px;
    color: #E5F1FA;
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
}

.cases-step .title p {
    margin: 0;
}

.clients {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 40px 35px 30px 35px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.clients .item {
    width: calc(14.28% - 10px);
    position: relative;
    padding: 15px;
    margin: 0 5px 10px 5px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 20px;
}

.clients .item:hover {
    background: #e5f1fa;
}

.clients .item img {
    position: relative;
    display: block;
    margin: 0 auto;
}

.pdf-link {
    position: relative;
    margin: 0 0 30px 0;
}

.pdf-link a {
    color: #007ad6;
    font-weight: 700;
    text-transform: uppercase;
}

.page-form .partners-sert {
    position: relative;
    display: flex;
    align-items: center;
}

.page-form .partners-sert a {
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
}

.page-form .partners-sert a:last-child {
    margin-right: 0;
}

.page-form .partners-sert img {
    width: auto;
    height: 100px;
    display: block;
}

#email2 {
    display: none;
}

.bitrix-info {
	position: relative;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: start;
}
.bitrix-info_img {
	width: 200px;
	position: relative;
	border: 2px solid #e5f1fa;
}	
.bitrix-info_img img {
	width: 100%;
	height: auto;
    display: block;
}	
.bitrix-info_text {
	width: calc( 100% - 240px );
}	

@media all and (max-width: 767px) {
    .rating-img {
        display: block;
    }

    .rating-img a {
        margin: 0 0 10px 0;
    }

    .rating-img a:last-child {
        margin: 0;
    }
	.news-photolist a {
		width: 50%;
	}
	.bitrix-info {
		display: block;
	}
	.bitrix-info_img {
		margin: 0 0 20px 0;
	}	
	.bitrix-info_text {
		width: 100%;
	}	
}


.contacts {
	position: relative;
	padding: 60px;
	margin-bottom: 40px;
    border: 2px solid #e5f1fa;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}
.contacts-address {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
.contacts-main {
	position: relative;
	margin-right: 80px;
}
.contacts-filial {
	position: relative;
}
.contacts .h6 {
	padding-left: 20px;
    background: url(/images/mark.svg) no-repeat 0 5px;
    background-size: 13px auto;
}
.contacts .phone {
    margin: 0 0 10px 0;
}
.contacts .phone a {
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-decoration: none;
    display: block;
}
.contacts .email {
	font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}
	
.address {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.address-item {
	position: relative;
}
.address .address-item {
	margin-right: 40px;
}
.address .address-item:last-child {
	margin-right: 0;
}
.address-item_city {
	font-size: 16px;
	line-height: 24px;
    font-weight: 600;
}
.address-item_info {
	font-size: 15px;
    line-height: 24px;
    font-weight: 500; 
}
.requisites {
	position: relative;
	margin-top: 20px;
	font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}	
/* End */


/* Start:/css/resize.css?17448085849827*/
@media all and (max-width: 1439px) {
	.cities {
		left: 20px;
		margin-left: 0;
	}
}
@media all and (max-width: 1365px) {
	.page-form, .contacts {
		padding: 60px 40px;
	}	
	.formr .tags label, .form1 .tags label {
		font-size: 15px;
		margin: 0 5px 10px 5px;
	}
}
@media all and (max-width: 1279px) {
	.logo {
		width: 120px;
	}
	.main_nav ul li {
		margin: 0 10px;
	}
}
@media all and (max-width: 1199px) {
	.main_nav  {
		display: none;
	}	
	.hamburger {
		display: block;
	}	
	.fix-header .logo {
		display: block;
	}
	.logo {
		float: left;
	}
	.main-section .logo {
		display: none;
	}
	.page-form .info {
		padding-right: 20px;
	}
	.page-form .form {
		padding-left: 20px;
	}
	.formr .tags label, .form1 .tags label {
		font-size: 13px;
		margin: 0 5px 10px 0;
	}
	.price-val-col .price-val {
		width: 33%;
		padding: 10px;
	}
	.contacts-address {
		display: block;
		margin-top: 0;
	}
	.contacts-main {
		margin-top: 20px;
		margin-right: 0;
	}
	.contacts-filial {
		margin-top: 20px;
	}
}
@media all and (max-width: 1023px) {
	.left-menu {
		width: 100%;
		float: none;
	}
	.left-level-1 li a {
		display: none;
	}
	ul.left-level-2.active {
		display: block;
		margin: 0;
	}
	.left-level-2 li a {
		display: block;
		color: #006cd1;
		font-size: 16px;
		font-weight: 500;
		line-height: 25px;
	}
	.rating-link {
		display: none;
	}
	.right-content {
		margin: 0;
	}
	.wrapper-content {
		padding: 0;
	}
	footer {
		padding: 20px 0;
	}
	footer .container{
		display: block;
	}
	.footer-block {
		margin: 0 0 20px 0;
	}
	.section {
		padding-top: 40px;
	}
	.fon {
		padding-bottom: 40px;
		margin-top: 40px;
	}
	.plus .item, .service .item, .number-list .item {
		width: calc(50% - 20px);
	}
	.plus .text_area {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.uslugi {
		display: block;
		margin: 0;
	}
	.uslugi .item {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.uslugi .item:last-child {
		margin: 0;
	}
	.plus .item, .uslugi .item, .create_list .item, .service .item, .number-list .item, .rating-item, .page-form, .review-text, .col-left, .col-right, .contacts {
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.page-form, .contacts {
		padding: 40px;
	}
	.page-form .info {
		width: 100%;
		padding-right: 0;
		margin: 0 0 20px 0;
	}
	.page-form .form {
		width: 100%;
		padding-left: 0;
	}
	.map {
		height: 300px;
	}
	
	.cities {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
	}
	.table-price td {
		padding: 20px 20px 10px;
	}
	.about {
		display: block;
	}
	.about-left {
		width: 100%;
		padding-right: 0;
	}
	.about-right {
		width: 100%;
		padding-left: 0;
	}
	.podkast-left {	
		margin: 0;
	}
	.podkast-right {
		display: none;
	}
	
	.projectItemPage {
		margin: 0;
	}
	.project-link {
		max-width: 100%;
		position: relative;
		top: auto;
		right: auto;
		margin: 20px 0 0 0;
	}

	.half-left {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	.half-right {
		width: 100%;
		padding-left: 0;
		float: none;
	}
	.seo-optim_blok {
		padding: 40px 0 20px 0;
		margin-top: 40px;
	}
	.seo-optim_blok .sertifikacii {
		width: 100%;
		float: none;
	}
	.seo-optim_blok .sertifikacii .wrap {
		height: auto;
		padding: 0 0 0 80px;
		background: transparent;
		display: block;
		flex-direction: column;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		color: #fff;
	}
	.seo-optim_blok .sertifikacii .wrap img {
		width: 60px;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	.seo-optim_blok .sertifikacii .descr {
		padding: 0;
		text-align: left;
	}
	.spec_kontengent {
		width: 100%;
		float: none;
	}
	.spec_kontengent .descr {
		margin: 10px 0 0 80px;
	}
	
	.cases {
		display: block;
	}
	.cases-item, .cases-banner {
		width: 100%;
	}	
	.cases-main .title {
		padding-right: 0;
	}
	.cases-main .project-link {
		margin: 0 0 20px 0;
		text-align: left;
	}	
	.card-img {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	.card-main {
		width: 100%;
		float: none;
		padding: 0;
	}
	.card-main .snippet {
		margin: 0;
	}
	.cases-works-item {
		width: 50%;
	}
	.clients {
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	}
	.clients .item {
		width: calc(33.3% - 10px);
	}
	.formr .tags label, .form1 .tags label {
		font-size: 14px;
		margin: 0 10px 10px 0;
	}
	.page-service-cases {
		padding: 40px 10px;
	}
	.address {
		display: block;
	}
	.address .address-item {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.address .address-item:last-child {
		margin-bottom: 0;
	}
}
@media all and (max-width: 767px) {
	.header {
		padding: 20px 0;
	}
	.header.fix-white {
		padding: 10px 0;
	}
	.hamburger {
		width: 30px;
		height: 30px;
		margin-right: 20px;
	}
	.fix-header .logo {
		top: 0;
	}
	.logo {
		width: 100px;
		height: 30px;
	}
	.top_contact .tel {
		margin-right: 0;
	}
	.top_contact .btn, .top_contact .region {
		display: none;
	}
	.top_contact .tel a {
		line-height: 30px;
		font-weight: 600;
	}
	.main-section {
		padding: 100px 0;
	}
	.main-section h1 {
		margin: 0 0 20px 0;
	}
	h1, .h1, .main-section h1 {
		font-size: 32px;
		line-height: 40px;
	}
	h1 {
		margin-bottom: 20px;
	}	
	h2, .h2 {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	h3, .h3 {
		font-size: 21px;
		line-height: 28px;
	}
	h4, .h4 {
		font-size: 18px;
		line-height: 24px;
	}
	h5, .h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.snippet {
		font-size: 16px;
		line-height: 24px;
	}
	.overlay .popup.menu, .overlay .popup.response, .overlay .popup.zayavka {
		width: 100%;
	}
	.container {
		padding: 0 10px;
	}
	.section {
		padding-top: 40px;
	}
	.main-services {
		display: block;
	}
	.main-services-item {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.main-services-title {
		font-size: 18px;
		line-height: 20px;
	}
	.main-services-list a {
		font-size: 15px;
	}
	.proekty_blok {
		margin: 0;
		display: block;
	}
	.proekty_blok .item {
		width: 100%;
		padding: 0;
	}
	.plus, .uslugi, .create_list, .service, .number-list {
		display: block;
		margin: 0;
	}
	.plus .item, .create_list .item, .service .item, .number-list .item {
		width: 100%;
		padding: 20px;
		margin: 0 0 20px 0;
	}
	.plus .item:last-child, .create_list .item:last-child, .service .item:last-child {
		margin: 0;
	}
	.uslugi .item {
		padding: 20px;
	}
	.uslugi .item .title a, .service .item a {
		font-size: 18px;
		line-height: 20px;
	}
	.uslugi .text_area table th {
		min-width: 90px;
		text-align: right;
	}
	.page-form, .contacts {
		padding: 20px;
	}	
	.two-col {
		margin: 0;
	}
	.col-left, .col-right  {
		width: 100%;
		padding: 20px;
	}
	.blue-fon {
		padding: 20px;
	}
	.column {
		margin: 0 0 20px 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	.quotes {
		padding: 0 0 0 40px;
		background-size: 30px;
	}
	.quotes big {
		font-size: 18px;
		line-height: 28px;
	}
	
	.project_tags {
		margin-bottom: 0;
	}
	.review-item {
		padding: 0 0 0 40px;
		background-size: 30px;
	} 
	.review-text {
		padding: 20px;
	}
	.review-name {
   		margin: 15px 0 0 0;
	}
	
	.giraffe {
		min-height: 150px;
		padding: 20px 0 0 100px;
		background-size: 80px auto;
	}
	.rating-item {
		padding: 20px;
	}
	.podkast-title a {
		font-size: 21px;
		line-height: 28px;
	}
	.project-page {
		margin: 0;
	}
	.project-inner {
		padding: 20px 0;
	}
	
	.cases-main, .cases-details {
		padding: 20px 0;
	}
	.back-link {
		margin: 0 0 20px 0;
	}
	/*
	.cases-title {
		width: 100%;
		float: none;
	}
	.cases-title a {
		font-size: 21px;
		line-height: 28px;
	}
	.cases-img {
		margin: 20px 0 0 0;
	}
	.cases-more {
		float: none;
		margin: 0 auto;
	}
	
	.cases-number-info {
		display: block;
		margin: 0 0 20px 0;
	}
	.cases-number-info .cases-number, .cases-slogan, .cases-text {
		margin-right: 0;
	}
	.cases-number-info .cases-number {
		margin-top: 15px;
	}
	.cases-slogan {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 20px;
	}
	 */
	 .cases-title a {
		 font-size: 21px;
	 }
	 .cases-title a span {
		 font-size: 18px;
	 }
	.half {
		width: 100%;
		float: none;
	}
	.half-left {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.half-right {
		margin-left: 0;
	}
	 
	.cases-block {
		margin: 40px 0 0 0;
	}
	 
	.cases-works {
		margin: 0;
		display: block;
	}
	.cases-works-item {
		width: 100%;
		margin-top: 40px;
	}
	.cases-works-item:first-child {
		margin-top: 20px;
	}
	.cases-step .title {
		align-items: self-start;
	}
	.cases-step .title span {
		font-size: 50px;
		line-height: 50px;
	}
	.cases-table {
		overflow: auto;
	}
	
	.icons-list {
		margin-right: 0;
		display: block;
	}
	.icons-list .item {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
	}
	.icons-list .item img {
		margin: 0 20px 0 0;
	}
	
	.bx-table {
		overflow-x: auto;
	}
	.bx-table-row, .bx-table-group {
		width: 820px;
	}
	.sert-1c {
		min-height: 0;
		padding: 0 0 80px 0;
		background-position: left bottom;
	}
	.sert-qc {
		min-height: 0;
		padding: 0 0 120px 0;
		background-position: left bottom;
	}
	.about-right .partners-sert {
		padding: 0 0 0 40px;
	}
	.clients {
		padding: 20px 15px 10px 15px;
	}
	.clients .item {
		padding: 10px; 
	}	
	.price-val-col {
		display: block;
	}
	.price-val-col .price-val {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
	}
	.price-val-col .price-val:last-child {
		margin-bottom: 40px;
	}
}
@media all and (max-width: 500px) {
	.text-img-block {
		display: block;
	}
	.text-img-block-text, .text-img-block-img {
		width: 100%;
	}
	.page-form .partners-sert {
		justify-content: space-between;
	}
	.page-form .partners-sert a {
		width: 48%;
		margin-right: 0;
	}
	.page-form .partners-sert img {
		width: 100%;
		height: auto;
	}	
}

@media all and (max-width: 350px) {
	.logo {
		width: 80px;
	}
}
/* End */


/* Start:/css/index.css?166749461323793*/
.main-slider {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.fnc-slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #315463;
}
.fnc-slider .m--navbg-dark {
  background-color: #315463;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #102536;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #445461;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #78675f;
}
.fnc-slider .m--navbg-red {
  background-color: #78675f;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #4b4c39;
}
.fnc-slider .m--navbg-blue {
  background-color: #4b4c39;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
  transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  -webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
  transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
	-moz-opacity: 0.50;
	opacity:.50;
	filter: alpha(opacity=50);
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 1.22222s;
  transition: -webkit-transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s;
  transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  -webkit-transition: -webkit-transform 0.7s 0.33333s;
  transition: -webkit-transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s;
  transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 40%;
  top: 40%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 100px;
  color: #fff;
  word-spacing: 10px;
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s 1s;
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.fnc-slide__action-btn {
  position: relative;
  margin-left: 200px;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 25px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 25px;
  background: #1F2833;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  -webkit-transition: opacity 0.15s 0.15s;
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 3px;
  background: rgba(255,255,255,0.6);
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.fnc-nav__control:hover {
	 background: #ff4545;
}
.fnc-nav__control.m--active-control {
  background: #1F2833;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s !important;
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0s 0s !important;
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  -webkit-transition: -webkit-transform 0.7s 0.23333s;
  transition: -webkit-transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s;
  transition: transform 0.7s 0.23333s, -webkit-transform 0.7s 0.23333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url('/css/../images/main/sl1.jpg');
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url('/css/../images/main/sl2.jpg');
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url('/css/../images/main/sl3.jpg');
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
   background-image: url('/css/../images/main/sl4.jpg');
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.14286px;
  margin: 0 auto;
  border-radius: 32.14286px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.14286px;
  border-radius: 37.14286px;
  background: #314239;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.14286px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: -webkit-linear-gradient(left, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 5.14286px;
  height: 5.14286px;
  margin-left: -2.57143px;
  margin-top: -2.57143px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.14286px;
  top: 22.5px;
  width: 19.28571px;
  height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.57143px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.14286px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.14286px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.14286px;
  top: 50%;
  width: 41.14286px;
  height: 41.14286px;
  margin-left: -20.57143px;
  margin-top: -20.57143px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.35714px, 0, 0);
          transform: translate3d(-80.35714px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.14286px;
  margin-top: -2.57143px;
  border-radius: 2.57143px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s 0.25s;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  -webkit-transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
          transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}

/* End */


/* Start:/js/fancybox/dist/jquery.fancybox.min.css?166749461312795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/components/itdon/itdon.notification/templates/.default/style.css?1747915227811*/
.itdon-notice{
    position: relative;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 25px 5px 20px;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    font-family: sans-serif;
}
.itdon-notice-close{
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    width: 12px;
    height: 12px;
}
.itdon-notice-close::before{
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    transform: translateY(5px) rotate(45deg);
    background-color: #0000009d;
}
.itdon-notice-close::after{
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    transform: translateY(3px) rotate(-45deg);
    background-color: #0000009d;
}
.itdon-notice.hide{
    display: none;
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/top/style.min.css?1667494610490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /css/custom.css?174480896360131 */
/* /css/resize.css?17448085849827 */
/* /css/index.css?166749461323793 */
/* /js/fancybox/dist/jquery.fancybox.min.css?166749461312795 */
/* /bitrix/components/itdon/itdon.notification/templates/.default/style.css?1747915227811 */
/* /bitrix/templates/.default/components/bitrix/menu/top/style.min.css?1667494610490 */