@import url('https://brendum.ru/files/fonts/gilroy/font.css');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} bod0097B6y {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}
input, button { -webkit-appearance: none;}
* {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
strong {font-family: 'bold', sans-serif;}

@media (min-width: 101px) and (max-width: 3500px) {

html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'medium', sans-0097B6serif; font-size: 1.1vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
.home #content {width: 100%; margin: 0; padding: 0; min-height: 50vh;} 
#content {width: 70vw; margin: 0; padding: 15vw; min-height: 50vh;} 

.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; height: 0.2vw; background: #f2f3f7;}
.progress-bar {height: 0.2vw; background: #0097B6; width: 0%;}

header {position: fixed; width: 100%; height: 5.5vw; margin: 0; z-index: 10; background: transparent;}
header.small {background: #fff;}

header .logo {position: absolute; width: 7.5vw; height: auto; margin: 0; top: 3vw; left: 10vw;}
header .logo img {width: 100%;}
header.small .logo {top: 1.5vw;}

header nav {position: absolute; margin: 3.5vw 0 0 0; right: 7.5vw;}
header.small nav {position: absolute; margin: 2vw 0 0 0;}
header nav ul li {position: relative; float: left; margin: 0 5vw 0 0;}
header nav ul li a, header nav ul li .separator {color: #000; text-decoration: none;}
header nav ul li a:hover {color: #0097B6; text-decoration: none;}
header nav ul.nav.menu .current a {color: #0097B6; margin: 0; }

header nav ul.nav.menu li.item-144, header nav ul.nav.menu li.item-145 {display: none;}
header nav ul.nav.menu li:last-child {margin: 0 0 0 5vw;}
header nav ul.nav.menu li:last-child a {color: #000; font-family: 'bold', sans-serif; padding: 0.5vw 2vw 0.75vw 2vw; border: 0.2vw solid #000; border-radius: 5vw;}
header nav ul.nav.menu li:last-child a:hover {border: 0.2vw solid #0097B6; color: #0097B6;}
header nav ul.nav.menu .menu_note {position: absolute; width: 100%; margin: 2vw 0 0 0; line-height: 125%; font-size: 65%;  color: #758495;}


header nav ul.nav.menu ul {position: absolute; display: block; width: auto; opacity: 0; visibility: hidden; margin: 0.5vw 0 0 -5vw; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border: none; padding: 5vw; box-shadow: 0 1vw 2vw #90A0B7; border-radius: 0.5vw;}
header nav ul.nav.menu li:hover > ul {opacity: 1; visibility: visible;}
header nav ul.nav.menu li ul li {float: none; margin: 0 0 2vw 0; background: transparent; padding: 0; width: 15vw;}
header nav ul.nav.menu li ul li:last-child {margin: 0;}
header nav ul.nav.menu li ul li:last-child a {margin: 0; padding: 0; border: none; font-family: 'medium', sans-serif; color: #00829D;}
header nav ul.nav.menu li ul li:last-child a:hover {border: none;}
header nav ul.nav.menu li ul li a {color: #0097B6;}
header nav ul.nav.menu li ul li:hover a {color:#000 !important;}
header nav ul.nav.menu li ul .current a {color:#000; margin: 0;}
header nav ul.nav.menu li ul li .menu_note {position: relative; width: 100%; margin: 1vw 0 0 0; line-height: 125%; font-size: 65%;  color: #D1D9E6;}










h1 {position: relative; padding: 0 0 2vw 0; font-size: 200%; color: #0097B6; font-family: 'black', sans-serif; line-height: 125%;}
h2 {position: relative; padding: 0 0 2vw 0; font-size: 200%; color: #000; font-family: 'black', sans-serif; line-height: 125%;}
h3 {position: relative; padding: 1vw 0; font-size: 175%; color: #453AA2; font-family: 'black', sans-serif; line-height: 125%;}
h4 {position: relative; padding: 1vw 0; font-size: 150%; color: #000; font-family: 'black', sans-serif; line-height: 125%;}


.home .block_a {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100vw; height: 45vw; z-index: 1;}
.home .block_a .info {position: relative; margin: 0; padding: 10vw 0 0 10vw; z-index: 2;}
.home .block_a .info h1 {position: relative; margin: 5vw 0 0 0; font-size: 200%; width: 30vw;}
.home .block_a .text {position: relative; padding: 0; line-height: 175%; width: 30vw; }
.home .block_a .btn {position: relative; margin: 5vw 0 0 0;}
.home .block_a .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.home .block_a .btn a:hover {background: #000; color: #fff;}
.home .block_a .img {position: absolute; width: 100vw; margin: 0; line-height: 0; z-index: 1;}
.home .block_a .img img {width: 100%;}
.home .block_a .info .img {position: absolute; width: 50vw; margin: 0 0 0 33vw; line-height: 0; z-index: 4;}
.home .block_a .info .img img {width: 100%;}


.home .block_b {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto; background: linear-gradient(45deg, #0097B6, #00829D); overflow: hidden; color: #fff;}
.home .block_b .img {position: relative; float: left; width: 45vw; margin: -2vw 3vw -2vw -3vw;}
.home .block_b .img img {width: 100%;}
.home .block_b .info {position: relative; margin: 0; }
.home .block_b .info h2 {color: #fff; margin: 2vw 0;}
.home .block_b .info .title {position: relative; font-size: 175%; margin: 2vw 0 1vw 0; line-height: 125%;}

.home .block_c {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto; background: #f2f3f7;}
.home .block_c ul {position: relative; overflow: hidden; width: 100%;}
.home .block_c ul li {position: relative; float: left; width: 37.5vw; margin: 0 5vw 5vw 0;}
.home .block_c ul li:nth-child(2) {margin: 0 0 5vw 0;}
.home .block_c ul li:nth-child(3) {margin: 0 5vw 0 0;}
.home .block_c ul li:nth-child(4) {margin: 0;}
.home .block_c ul li .img {position: relative; width: 3vw; height: auto; line-height: 0; margin: 0 0 1vw 0;}
.home .block_c ul li .img img {width: 100%;}
.home .block_c ul li .title {position: relative; font-size: 150%; margin: 0 0 1vw 0;}


.home .block_d {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto; overflow: hidden;}
.home .block_d .img {position: relative; float: left; width: 45vw; margin: -2vw 3vw -2vw -3vw;}
.home .block_d .img img {width: 100%;}
.home .block_d .info {position: relative; margin: 0; }
.home .block_d .info h2 {margin: 2vw 0;}
.home .block_d .info .title {position: relative; font-size: 175%; margin: 2vw 0 1vw 0; line-height: 125%;}

.home .block_e {position: relative; margin: 0; padding: 0 10vw 10vw 10vw; width: 80vw; height: auto;}
.home .block_e ul {position: relative; overflow: hidden; width: 100%;}
.home .block_e ul li {position: relative; float: left; width: 37.5vw; margin: 0 5vw 0 0;}
.home .block_e ul li:nth-child(2) {margin: 0;}
.home .block_e ul li .img {position: relative; width: 3vw; height: auto; line-height: 0; margin: 0 0 1vw 0;}
.home .block_e ul li .img img {width: 100%;}
.home .block_e ul li .title {position: relative; font-size: 150%; margin: 0 0 1vw 0;}


.home .block_f {position: relative; margin: 0; padding: 10vw 10vw 0 10vw; width: 80vw; height: auto; overflow: hidden;}
.home .block_f .img {position: relative; float: left; width: 45vw; margin: -5vw 3vw -2vw -3vw;}
.home .block_f .img img {width: 100%;}
.home .block_f .info {position: relative; margin: 0; }
.home .block_f .info h2 {margin: 2vw 0;}
.home .block_f .info .title {position: relative; font-size: 175%; margin: 2vw 0 1vw 0; line-height: 125%;}


.home .block_g {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto;}
.home .block_g ul {position: relative; overflow: hidden; width: 100%;}
.home .block_g ul li {position: relative; float: left; width: 37.5vw; margin: 0 5vw 5vw 0;}
.home .block_g ul li:nth-child(2) {margin: 0 0 5vw 0;}
.home .block_g ul li:nth-child(3) {margin: 0 5vw 0 0;}
.home .block_g ul li:nth-child(4) {margin: 0;}
.home .block_g ul li .img {position: relative; width: 3vw; height: auto; line-height: 0; margin: 0 0 1vw 0;}
.home .block_g ul li .img img {width: 100%;}
.home .block_g ul li .title {position: relative; font-size: 150%; margin: 0 0 1vw 0;}


.home .block_h {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto; background: #f2f3f7;}
.home .block_h .img {position: relative; width: 80vw; margin: 2vw 0 0 0;}
.home .block_h .img img {width: 100%;}
.home .block_h .info {position: relative; margin: 0; }
.home .block_h .info h2 {margin: 0 0 2vw 0;}

.home .block_i {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto;}
.home .block_i .img {position: relative; width: 60vw; margin: 2vw 0 0 0;}
.home .block_i .img img {width: 100%;}
.home .block_i .info {position: relative; margin: 0; }
.home .block_i .info h2 {margin: 0 0 3vw 0;}

.home .block_j {position: relative; margin: 0; padding: 10vw 20vw; width: 60vw; height: auto; background: #f2f3f7;}
.home .block_j h2 {margin: 0 0 3vw 0;}






















.marketing .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.marketing .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.marketing .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.marketing .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.marketing .block_01 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_01 .btn a:hover {background: #000; color: #fff;}

.marketing .block_02 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #f2f3f7; overflow: hidden;}
.marketing .block_02 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_02 .info h2 {position: relative; color: #0097B6;}
.marketing .block_02 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_02 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_02 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_02 .btn a:hover {background: #000; color: #fff;}
.marketing .block_02 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.marketing .block_02 .img img {width: 100%;}
.marketing .block_02 ul {position: relative; margin: 0;}
.marketing .block_02 ul li {position: relative; margin: 0 0 1vw 3vw;}
.marketing .block_02 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marketing .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto;}
.marketing .block_03 .info {position: relative; margin: 0 0 0 35vw; padding: 0; z-index: 2;}
.marketing .block_03 .info h2 {position: relative; color: #0097B6;}
.marketing .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_03 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_03 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_03 .btn a:hover {background: #000; color: #fff;}
.marketing .block_03 .img {position: relative; float: left; width: 35vw; margin: 0 5vw 10vw -5vw; line-height: 0;}
.marketing .block_03 .img img {width: 100%;}
.marketing .block_03 ul {position: relative; margin: 0;}
.marketing .block_03 ul li {position: relative; margin: 0 0 1vw 3vw;}
.marketing .block_03 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marketing .block_04 {position: relative; margin: 0 0 0 -15vw; padding: 5vw 15vw 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.marketing .block_04 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_04 .info h2 {position: relative; color: #0097B6;}
.marketing .block_04 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_04 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_04 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_04 .btn a:hover {background: #000; color: #fff;}
.marketing .block_04 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.marketing .block_04 .img img {width: 100%;}
.marketing .block_04 ul {position: relative; margin: 0;}
.marketing .block_04 ul li {position: relative; margin: 0 0 1vw 3vw;}
.marketing .block_04 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


.marketing .block_05 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #f2f3f7; overflow: hidden;}
.marketing .block_05 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_05 .info h2 {position: relative; color: #0097B6;}
.marketing .block_05 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_05 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_05 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_05 .btn a:hover {background: #000; color: #fff;}
.marketing .block_05 ul {position: relative; margin: 0; overflow: hidden;}
.marketing .block_05 ul li {position: relative; float: left; margin: 0 3.5vw 0 2.5vw;}
.marketing .block_05 ul li:last-child {margin: 0 0 0 2.5vw;}
.marketing .block_05 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marketing .block_06 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.marketing .block_06 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_06 .info h2 {position: relative; color: #0097B6;}
.marketing .block_06 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_06 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_06 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_06 .btn a:hover {background: #000; color: #fff;}
.marketing .block_06 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.marketing .block_06 .img img {width: 100%;}
.marketing .block_06 ul {position: relative; margin: 0;}
.marketing .block_06 ul li {position: relative; margin: 0 0 1vw 3vw;}
.marketing .block_06 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marketing .block_07 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #f2f3f7; overflow: hidden;}
.marketing .block_07 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_07 .info h2 {position: relative; color: #0097B6;}
.marketing .block_07 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_07 .btn {position: relative; margin: 4vw 0 0 0;}
.marketing .block_07 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.marketing .block_07 .btn a:hover {background: #000; color: #fff;}
.marketing .block_07 ul {position: relative; margin: 0; overflow: hidden;}
.marketing .block_07 ul li {position: relative; float: left; margin: 0 3.5vw 0 2.5vw;}
.marketing .block_07 ul li:last-child {margin: 0 0 0 2.5vw;}
.marketing .block_07 ul li:before {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; margin: 0.25vw 0 0 -2.5vw; background: url("../../../images/yes.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.marketing .block_08 {position: relative; margin: 0 0 -15vw -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #0097B6; overflow: hidden; color: #fff;}
.marketing .block_08 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.marketing .block_08 .info h2 {position: relative; color: #fff;}
.marketing .block_08 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.marketing .block_08 .price {position: relative; margin: 3vw 0 0 -3vw; overflow: hidden;}
.marketing .block_08 .price .column {position: relative; float: left; margin: 0; padding: 2vw 3vw; border-radius: 1vw; width: 18vw;}
.marketing .block_08 .price .column:hover {background: #4670C4;}
.marketing .block_08 .price .column li strong {font-family: 'black', sans-serif;}
.marketing .block_08 .price .column:last-child {margin: 0;}
.marketing .block_08 .price .name {position: relative; font-size: 125%; font-family: 'bold', sans-serif; margin: 0;}
.marketing .block_08 .price .sum {position: relative; font-size: 250%; font-family: 'bold', sans-serif; margin: 1vw 0;}
.marketing .block_08 .price .sum span {font-size: 50%;}
.marketing .block_08 .price .btn {position: relative; margin: 3vw 0 1vw 0;}
.marketing .block_08 .price .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.marketing .block_08 .price .btn a:hover {background: #fff; color: #000;}
.marketing .block_08 .price .line {position: relative; width: 100%; margin: 0; padding: 1vw 0;}
.marketing .block_08 .price .line:before {position: relative; content: ''; width: 5vw; height: 0.1vw; display: inline-block; background: #fff;}




.automation .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.automation .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.automation .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.automation .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.automation .block_01 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_01 .btn a:hover {background: #000; color: #fff;}


.automation .block_02 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.automation .block_02 .img {position: relative; width: 70vw; padding: 3vw 0 0 5vw; line-height: 0;}
.automation .block_02 .img img {width: 100%; border-radius: 0.5vw;}


.automation .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.automation .block_03 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_03 .info h2 {position: relative; color: #0097B6;}
.automation .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.automation .block_03 .btn {position: relative; margin: 4vw 0 0 0;}
.automation .block_03 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_03 .btn a:hover {background: #000; color: #fff;}
.automation .block_03 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.automation .block_03 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 20vw;}
.automation .block_03 ul li:nth-child(3) {margin: 0 0 3.5vw 0;}
.automation .block_03 ul li:nth-child(6) {margin: 0;}
.automation .block_03 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.automation .block_03 ul li .img img {width: 100%;}
.automation .block_03 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.automation .block_03 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}


.automation .block_04 {position: relative; margin: 0 0 0 -15vw; padding: 5vw 15vw 10vw 15vw; width: 70vw; height: auto;}
.automation .block_04 .info {position: relative; margin: 0 0 0 35vw; padding: 0; z-index: 2;}
.automation .block_04 .info h2 {position: relative; color: #0097B6;}
.automation .block_04 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.automation .block_04 .btn {position: relative; margin: 4vw 0 0 0;}
.automation .block_04 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_04 .btn a:hover {background: #000; color: #fff;}
.automation .block_04 .img {position: relative; float: left; width: 35vw; margin: 0 5vw 10vw -5vw; line-height: 0;}
.automation .block_04 .img img {width: 100%;}

.automation .block_05 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #f2f3f7;}
.automation .block_05 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_05 .info h2 {position: relative; color: #0097B6;}
.automation .block_05 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.automation .block_05 .btn {position: relative; margin: 4vw 0 0 0;}
.automation .block_05 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_05 .btn a:hover {background: #000; color: #fff;}
.automation .block_05 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.automation .block_05 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 32vw;}
.automation .block_05 ul li:nth-child(2) {margin: 0 0 3.5vw 0;}
.automation .block_05 ul li:nth-child(4) {margin: 0;}
.automation .block_05 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.automation .block_05 ul li .img img {width: 100%;}
.automation .block_05 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.automation .block_05 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.automation .block_06 {position: relative; margin: 0; padding: 10vw 0; width: 100%; height: auto;}
.automation .block_06 .info {position: relative; margin: 0; padding: 0;}
.automation .block_06 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%; width: 45vw;}
.automation .block_06 .btn {position: relative; margin: 6vw 0 0 0;}
.automation .block_06 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_06 .btn a:hover {background: #000; color: #fff;}
.automation .block_06 .img {position: relative; width: 70vw; margin: 5vw 0 0 0; line-height: 0;}
.automation .block_06 .img img {width: 100%;}

.automation .block_07 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #f2f3f7;}
.automation .block_07 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_07 .info h2 {position: relative; color: #0097B6;}
.automation .block_07 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.automation .block_07 .btn {position: relative; margin: 4vw 0 0 0;}
.automation .block_07 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.automation .block_07 .btn a:hover {background: #000; color: #fff;}
.automation .block_07 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.automation .block_07 ul li {position: relative; float: left; margin: 0 5vw 0 0; width: 20vw;}
.automation .block_07 ul li:nth-child(3) {margin: 0;}
.automation .block_07 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.automation .block_07 ul li .img img {width: 100%;}
.automation .block_07 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.automation .block_07 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}


.automation .block_08 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #000;}
.automation .block_08 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_08 .info h2 {position: relative; color: #fff;}
.automation .block_08 .text {position: relative; padding: 2vw 0; line-height: 175%; color: #fff;}
.automation .block_08 .btn {position: relative; margin: 4vw 0 0 0;}
.automation .block_08 .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.automation .block_08 .btn a:hover {background: #fff; color: #000;}




.automation .block_09 {position: relative; margin: 0; padding: 10vw 0 0 0; width: 70vw; height: auto; overflow: hidden;}
.automation .block_09 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.automation .block_09 .info h2 {position: relative;}




.newsletter .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.newsletter .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.newsletter .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.newsletter .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.newsletter .block_01 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.newsletter .block_01 .btn a:hover {background: #000; color: #fff;}

.newsletter .block_02 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.newsletter .block_02 .img {position: relative; width: 70vw; padding: 3.25vw 0 0 5vw; line-height: 0;}
.newsletter .block_02 .img img {width: 100%; border-radius: 0.5vw;}

.newsletter .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.newsletter .block_03 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_03 .info h2 {position: relative; color: #0097B6;}
.newsletter .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.newsletter .block_03 .btn {position: relative; margin: 4vw 0 0 0;}
.newsletter .block_03 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.newsletter .block_03 .btn a:hover {background: #000; color: #fff;}
.newsletter .block_03 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.newsletter .block_03 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 20vw;}
.newsletter .block_03 ul li:nth-child(3) {margin: 0 0 3.5vw 0;}
.newsletter .block_03 ul li:nth-child(6) {margin: 0;}
.newsletter .block_03 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.newsletter .block_03 ul li .img img {width: 100%;}
.newsletter .block_03 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.newsletter .block_03 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.newsletter .block_04 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.newsletter .block_04 .img {position: relative; width: 70vw; padding: 3vw 0 0 5vw; line-height: 0;}
.newsletter .block_04 .img img {width: 100%; border-radius: 0.5vw;}

.newsletter .block_05 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.newsletter .block_05 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_05 .info h2 {position: relative; color: #0097B6;}
.newsletter .block_05 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.newsletter .block_05 .btn {position: relative; margin: 4vw 0 0 0;}
.newsletter .block_05 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.newsletter .block_05 .btn a:hover {background: #000; color: #fff;}
.newsletter .block_05 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.newsletter .block_05 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 20vw;}
.newsletter .block_05 ul li:nth-child(3) {margin: 0 0 3.5vw 0;}
.newsletter .block_05 ul li:nth-child(6) {margin: 0;}
.newsletter .block_05 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.newsletter .block_05 ul li .img img {width: 100%;}
.newsletter .block_05 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.newsletter .block_05 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.newsletter .block_06 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.newsletter .block_06 .img {position: relative; width: 70vw; padding: 3vw 0 0 5vw; line-height: 0;}
.newsletter .block_06 .img img {width: 100%; border-radius: 0.5vw;}

.newsletter .block_07 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.newsletter .block_07 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_07 .info h2 {position: relative; color: #0097B6;}
.newsletter .block_07 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.newsletter .block_07 .btn {position: relative; margin: 4vw 0 0 0;}
.newsletter .block_07 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.newsletter .block_07 .btn a:hover {background: #000; color: #fff;}
.newsletter .block_07 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.newsletter .block_07 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 20vw;}
.newsletter .block_07 ul li:nth-child(3) {margin: 0 0 3.5vw 0;}
.newsletter .block_07 ul li:nth-child(6) {margin: 0;}
.newsletter .block_07 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.newsletter .block_07 ul li .img img {width: 100%;}
.newsletter .block_07 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.newsletter .block_07 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.newsletter .block_08 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #000;}
.newsletter .block_08 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_08 .info h2 {position: relative; color: #fff;}
.newsletter .block_08 .text {position: relative; padding: 2vw 0; line-height: 175%; color: #fff;}
.newsletter .block_08 .btn {position: relative; margin: 4vw 0 0 0;}
.newsletter .block_08 .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.newsletter .block_08 .btn a:hover {background: #fff; color: #000;}

.newsletter .block_09 {position: relative; margin: 0; padding: 10vw 0 0 0; width: 70vw; height: auto; overflow: hidden;}
.newsletter .block_09 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.newsletter .block_09 .info h2 {position: relative;}





.trans .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.trans .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.trans .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.trans .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.trans .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.trans .block_01 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.trans .block_01 .btn a:hover {background: #000; color: #fff;}

.trans .block_02 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.trans .block_02 .img {position: relative; width: 70vw; padding: 3vw 0 0 5vw; line-height: 0;}
.trans .block_02 .img img {width: 100%; border-radius: 0.5vw;}

.trans .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.trans .block_03 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.trans .block_03 .info h2 {position: relative; color: #0097B6;}
.trans .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.trans .block_03 .btn {position: relative; margin: 4vw 0 0 0;}
.trans .block_03 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.trans .block_03 .btn a:hover {background: #000; color: #fff;}
.trans .block_03 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.trans .block_03 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 32vw;}
.trans .block_03 ul li:nth-child(2) {margin: 0 0 3.5vw 0;}
.trans .block_03 ul li:nth-child(4) {margin: 0;}
.trans .block_03 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.trans .block_03 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.trans .block_04 {position: relative; margin: 0 0 -15vw -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #000;}
.trans .block_04 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.trans .block_04 .info h2 {position: relative; color: #fff;}
.trans .block_04 .text {position: relative; padding: 2vw 0; line-height: 175%; color: #fff;}
.trans .block_04 .btn {position: relative; margin: 4vw 0 0 0;}
.trans .block_04 .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.trans .block_04 .btn a:hover {background: #fff; color: #000;}



.digital .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.digital .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.digital .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.digital .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.digital .block_01 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.digital .block_01 .btn a:hover {background: #000; color: #fff;}

.digital .block_02 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.digital .block_02 .img {position: relative; width: 70vw; padding: 3.25vw 0 0 5vw; line-height: 0;}
.digital .block_02 .img img {width: 100%; border-radius: 0.5vw;}

.digital .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.digital .block_03 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_03 .info h2 {position: relative; color: #0097B6;}
.digital .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.digital .block_03 .btn {position: relative; margin: 4vw 0 0 0;}
.digital .block_03 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.digital .block_03 .btn a:hover {background: #000; color: #fff;}
.digital .block_03 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.digital .block_03 ul li {position: relative; float: left; margin: 0 5vw 0 0; width: 20vw;}
.digital .block_03 ul li:nth-child(3) {margin: 0;}
.digital .block_03 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.digital .block_03 ul li .img img {width: 100%;}
.digital .block_03 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.digital .block_03 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}

.digital .block_04 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #f2f3f7;}
.digital .block_04 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_04 .info h2 {position: relative; color: #0097B6;}
.digital .block_04 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}


.digital .block_05 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.digital .block_05 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_05 .info h2 {position: relative; color: #0097B6;}
.digital .block_05 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.digital .block_05 .btn {position: relative; margin: 4vw 0 0 0;}
.digital .block_05 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.digital .block_05 .btn a:hover {background: #000; color: #fff;}
.digital .block_05 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.digital .block_05 ul li {position: relative; float: left; margin: 0 5vw 3.5vw 0; width: 20vw;}
.digital .block_05 ul li:nth-child(3), .digital .block_05 ul li:nth-child(6) {margin: 0 0 3.5vw 0;}
.digital .block_05 ul li:nth-child(9) {margin: 0;}
.digital .block_05 ul li .img {position: relative; width: 1.5vw; margin: 0 0 1vw 0;}
.digital .block_05 ul li .img img {width: 100%;}
.digital .block_05 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif;}
.digital .block_05 ul li .text {position: relative; margin: 0; padding: 0; font-size: 75%; color: #758495;}


.digital .block_06 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #0097B6; overflow: hidden; color: #fff;}
.digital .block_06 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_06 .info h2 {position: relative; color: #fff;}
.digital .block_06 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.digital .block_06 .price {position: relative; margin: 3vw 0 0 -3vw; overflow: hidden;}
.digital .block_06 .price .column {position: relative; float: left; margin: 0; padding: 2vw 3vw; border-radius: 1vw; width: 18vw;}
.digital .block_06 .price .column:hover {background: #4670C4;}
.digital .block_06 .price .column li strong {font-family: 'black', sans-serif;}
.digital .block_06 .price .column:last-child {margin: 0;}
.digital .block_06 .price .name {position: relative; font-size: 125%; font-family: 'bold', sans-serif; margin: 0;}
.digital .block_06 .price .sum {position: relative; font-size: 250%; font-family: 'bold', sans-serif; margin: 1vw 0;}
.digital .block_06 .price .sum span {font-size: 50%;}
.digital .block_06 .price .btn {position: relative; margin: 3vw 0 1vw 0;}
.digital .block_06 .price .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.digital .block_06 .price .btn a:hover {background: #fff; color: #000;}
.digital .block_06 .price .line {position: relative; width: 100%; margin: 0; padding: 1vw 0;}
.digital .block_06 .price .line:before {position: relative; content: ''; width: 5vw; height: 0.1vw; display: inline-block; background: #fff;}

.digital .block_07 {position: relative; margin: 0; padding: 10vw 0 0 0; width: 70vw; height: auto; overflow: hidden;}
.digital .block_07 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.digital .block_07 .info h2 {position: relative;}



.ecommerce .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.ecommerce .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.ecommerce .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}
.ecommerce .block_01 .btn {position: relative; margin: 3vw 0 0 0;}
.ecommerce .block_01 .btn a {color: #000; text-decoration: none; background: ecommerceparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.ecommerce .block_01 .btn a:hover {background: #000; color: #fff;}

.ecommerce .block_02 {position: relative; margin: 0 0 0 -5vw; padding: 0; width: 80vw; height: 45vw; border-radius: 1vw; background: linear-gradient(45deg, #000, #0097B6);}
.ecommerce .block_02 .img {position: relative; width: 70vw; padding: 3.25vw 0 0 5vw; line-height: 0;}
.ecommerce .block_02 .img img {width: 100%; border-radius: 0.5vw;}

.ecommerce .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.ecommerce .block_03 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_03 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.ecommerce .block_03 ul li {position: relative; float: left; margin: 0 5vw 0 0; width: 32vw;}
.ecommerce .block_03 ul li:nth-child(2) {margin: 0;}
.ecommerce .block_03 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif; font-size: 125%;}
.ecommerce .block_03 ul li .text {position: relative; margin: 0; padding: 0; color: #758495;}

.ecommerce .block_04 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #f2f3f7; overflow: hidden;}
.ecommerce .block_04 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_04 .info h2 {position: relative; color: #0097B6;}
.ecommerce .block_04 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.ecommerce .block_04 .btn {position: relative; margin: 4vw 0 0 0;}
.ecommerce .block_04 .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.ecommerce .block_04 .btn a:hover {background: #000; color: #fff;}
.ecommerce .block_04 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.ecommerce .block_04 .img img {width: 100%;}

.ecommerce .block_05 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden; background: #000;}
.ecommerce .block_05 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_05 .info h2 {position: relative; color: #fff;}
.ecommerce .block_05 .text {position: relative; padding: 2vw 0; line-height: 175%; color: #fff;}
.ecommerce .block_05 .btn {position: relative; margin: 4vw 0 0 0;}
.ecommerce .block_05 .btn a {color: #fff; text-decoration: none; background: ecommerceparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.ecommerce .block_05 .btn a:hover {background: #fff; color: #000;}

.ecommerce .block_06 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; overflow: hidden;}
.ecommerce .block_06 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_06 ul {position: relative; margin: 3vw 0 0 0; overflow: hidden;}
.ecommerce .block_06 ul li {position: relative; float: left; margin: 0 5vw 0 0; width: 32vw;}
.ecommerce .block_06 ul li:nth-child(2) {margin: 0;}
.ecommerce .block_06 ul li .title {position: relative; margin: 0 0 1vw 0; font-family: 'bold', sans-serif; font-size: 125%;}
.ecommerce .block_06 ul li .text {position: relative; margin: 0; padding: 0; color: #758495;}



.ecommerce .block_07 {position: relative; margin: 0 0 -15vw -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #0097B6; overflow: hidden; color: #fff;}
.ecommerce .block_07 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.ecommerce .block_07 .info h2 {position: relative; color: #fff;}
.ecommerce .block_07 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.ecommerce .block_07 .price {position: relative; margin: 3vw 0 0 -3vw; overflow: hidden;}
.ecommerce .block_07 .price .column {position: relative; float: left; margin: 0; padding: 2vw 3vw; border-radius: 1vw; width: 18vw;}
.ecommerce .block_07 .price .column:hover {background: #4670C4;}
.ecommerce .block_07 .price .column li strong {font-family: 'black', sans-serif;}
.ecommerce .block_07 .price .column:last-child {margin: 0;}
.ecommerce .block_07 .price .name {position: relative; font-size: 125%; font-family: 'bold', sans-serif; margin: 0;}
.ecommerce .block_07 .price .sum {position: relative; font-size: 250%; font-family: 'bold', sans-serif; margin: 1vw 0;}
.ecommerce .block_07 .price .sum span {font-size: 50%;}
.ecommerce .block_07 .price .btn {position: relative; margin: 3vw 0 1vw 0;}
.ecommerce .block_07 .price .btn a {color: #fff; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #fff; font-family: 'bold', sans-serif;}
.ecommerce .block_07 .price .btn a:hover {background: #fff; color: #000;}
.ecommerce .block_07 .price .line {position: relative; width: 100%; margin: 0; padding: 1vw 0;}
.ecommerce .block_07 .price .line:before {position: relative; content: ''; width: 5vw; height: 0.1vw; display: inline-block; background: #fff;}






.pricing .block_01 {position: relative; margin: 0 0 0 -15vw; padding: 0 15vw 10vw 15vw; width: 70vw; height: auto;}
.pricing .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.pricing .block_01 .text {position: relative; padding: 0; line-height: 175%;}
.pricing .block_01 .price {position: relative; margin: 3vw 0 0 -3vw; overflow: hidden;}
.pricing .block_01 .price .column {position: relative; float: left; margin: 0; padding: 2vw 3vw; border-radius: 1vw; width: 18vw;}
.pricing .block_01 .price .column:hover {background: #f2f3f7;}
.pricing .block_01 .price .column li strong {font-family: 'black', sans-serif;}
.pricing .block_01 .price .column:last-child {margin: 0;}
.pricing .block_01 .price .name {position: relative; font-size: 125%; font-family: 'bold', sans-serif; margin: 0;}
.pricing .block_01 .price .sum {position: relative; font-size: 250%; font-family: 'bold', sans-serif; margin: 1vw 0;}
.pricing .block_01 .price .sum span {font-size: 50%;}
.pricing .block_01 .price .btn {position: relative; margin: 3vw 0 1vw 0;}
.pricing .block_01 .price .btn a {color: #000; text-decoration: none; background: transparent; border-radius: 0.5vw; padding:0.75vw 3vw 1vw 3vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif;}
.pricing .block_01 .price .btn a:hover {background: #000; color: #fff;}
.pricing .block_01 .price .line {position: relative; width: 100%; margin: 0; padding: 1vw 0;}
.pricing .block_01 .price .line:before {position: relative; content: ''; width: 5vw; height: 0.1vw; display: inline-block; background: #c2c3c7;}

.pricing .block_02 {position: relative; margin: 0; padding: 0; width: 70vw; height: auto; overflow: hidden;}
.pricing .block_02 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.pricing .block_02 .info h2 {position: relative;}




.about .block_01 {position: relative; margin: 0; padding: 0 0 10vw 0; width: 100%; height: auto; z-index: 1;}
.about .block_01 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.about .block_01 .info h2 {position: relative; font-size: 500%; line-height: 100%;}
.about .block_01 .text {position: relative; padding: 2vw 0 0 0; line-height: 175%;}

.about .block_02 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto; z-index: 1; background: #f2f3f7; overflow: hidden;}
.about .block_02 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.about .block_02 .info h2 {position: relative; color: #0097B6;}
.about .block_02 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.about .block_02 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.about .block_02 .img img {width: 100%;}

.about .block_03 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw; width: 70vw; height: auto;}
.about .block_03 .info {position: relative; margin: 0 0 0 35vw; padding: 0; z-index: 2;}
.about .block_03 .info h2 {position: relative; color: #0097B6;}
.about .block_03 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.about .block_03 .img {position: relative; float: left; width: 35vw; margin: 0 5vw 10vw -5vw; line-height: 0;}
.about .block_03 .img img {width: 100%;}

.about .block_04 {position: relative; margin: 0 0 0 -15vw; padding: 10vw 15vw 0 15vw; width: 70vw; height: auto;}
.about .block_04 .info {position: relative; margin: 0; padding: 0; z-index: 2;}
.about .block_04 .info h2 {position: relative; color: #0097B6;}
.about .block_04 .text {position: relative; padding: 2vw 0; line-height: 175%;}
.about .block_04 .img {position: relative; float: right; width: 35vw; margin: 0 -5vw 0 5vw; line-height: 0;}
.about .block_04 .img img {width: 100%;}




















footer {position: relative; width: 100%; height: auto; margin: 0; padding: 3vw 0 4.5vw 0; background: linear-gradient(45deg, #0097B6, #00829D); color: #fff; font-size: 75%;}
footer .copy {position: relative; float: right; margin: 2vw 2vw 0 0; font-size: 75%;}

footer nav {position: relative; margin: 0 0 0 10vw;}
footer nav ul li {position: relative; float: left; margin: 0 2vw 0 0;}
footer nav ul li a, footer nav ul li .separator {color: #fff; text-decoration: none;}
footer nav ul li a:hover {color: #000; text-decoration: none;}
footer nav ul.nav.menu .current a {color: #000; margin: 0; }
footer nav ul li.item-144 {padding: 0 0 0 2vw; border-left: 0.05vw solid #fff;}
footer ul.nav.menu li:last-child {margin: 0 0 0 5vw;}



footer nav ul.nav.menu ul {display: none;}





.senks {position: relative; line-height: 125%;}
.senks h2 {position: relative; padding: 0 0 2vw 0; font-size: 250%; color: #000; font-family: 'black', sans-serif; line-height: 125%;}

.pull-left.item-image {position: relative; float: right; margin: 0 0 2vw 5vw; width: 30vw; line-height: 0;}
.pull-left.item-image img {width: 100%;}




#form {position: relative; width: 25vw; height: auto; margin: 0 0 5vw 0; padding: 0;} 


#form .rsform-block-namename, #form .rsform-block-telname, #form .rsform-block-mailname, #form .rsform-block-passname {position: relative; font-size: 75%; font-family: 'medium', sans-serif; margin: 0 0 0 1.5vw;}

#form .rsform-block-name, #form .rsform-block-tel, #form .rsform-block-mail {display: block; overflow: hidden; margin: 0 0 0.5vw 0; width: 100%;}

#form .rsform-block-name label, #form .rsform-block-tel label, #form .rsform-block-mail label, #form .rsform-block-pass label {display: none;} 

#form .rsform-block-name input, #form .rsform-block-tel input, #form .rsform-block-mail input, #form .rsform-block-pass input {width: 23vw; border: 0.1vw solid #D1D9E6; border-radius: 3vw; transition-duration: 0.3s; background: #fff; cursor: pointer; margin: 0; padding: 1vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#form .rsform-block-name input:focus, #form .rsform-block-tel input:focus, #form .rsform-block-mail input:focus {border: 0.1vw solid #90A0B7; transition-duration: 0.3s; background: #F2F3F7; color: #000;}


#form .rsform-block-text {position: absolute; display: block; margin: -5vw 0 0 30vw; width: 30vw; padding: 5vw; background: #f2f3f7;}
#form .rsform-block-text .list {width: 25vw; padding: 0; margin: 0;}


#form .rsform-block-submit {display: block; overflow: hidden; margin: 0; width: 100%;}
#form .rsform-block-submit button[type='submit'] {color: #000; text-decoration: none; background: transparent; border-radius: 3vw; padding:0.75vw 2vw 0.5vw 2vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif; font-size: 100%;}
#form .rsform-block-submit button[type='submit']:hover {background: #000; color: #fff; cursor: pointer;}

#form label {margin: 0 3vw 0 0;}
#form label input[type='checkbox'] {height: 2vw; width: 2vw; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 0.25vw solid #90A0B7; border-radius: 0.25vw; outline: none; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0;}  
#form label input[type='checkbox']:checked {border: 0.25vw solid #D8D8D8; background: #000;}




.spoilers {position: relative; width:100%; margin: 3vw 0 0 0;}
.spoilers .title {background: #f2f3f7; padding: 0; margin: 0 0 1vw 0; padding: 0 0 1vw 0; cursor: pointer; position: relative; z-index: 2; border-bottom: 0.05vw solid #f2f3f7; font-size: 125%; font-family: 'medium', sans-serif;}
.spoilers .title:after {position: absolute; content: ''; z-index: 3; top: 0; right: 0; width: 1.25vw; height: 1.25vw; background: url("../../../images/up.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.spoilers .title.active:after {position: absolute; content: ''; z-index: 3; top: 0; right: 0; width: 1.25vw; height: 1.25vw; background: url("../../../images/down.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.spoilers .title:hover {color: #0097B6;}
.spoilers .title.active {color: #0097B6; margin: 0 0 1vw 0; padding: 0 0 1vw 0;}
.spoilers .desc {display: none; margin: 0; padding: 0 0 5vw 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: relative; z-index: 1;}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для desctop-версии */}