* {
box-sizing: border-box;
}
html, body {
position: relative;
margin: 0;
padding: 0;
font-family: 'PT Sans', sans-serif;
}
a {
color: #238A96;
text-decoration: none;
}
a:hover {
color: #3DC2D1;
}
::-webkit-input-placeholder {
font-size: 18px;
}
:-moz-placeholder { /* Firefox 18- */
font-size: 18px;
}
::-moz-placeholder { /* Firefox 19+ */
font-size: 18px;
}
:-ms-input-placeholder {
font-size: 18px;
}
#product {
padding-bottom: 10px;
}
.row {
margin: 0 auto;
width: 1200px;
}
.wrapper {
min-width: 1200px;
}
.wrapper_dark {
background-color: #474747;
color: #cbcbcb;
}
.wrapper_blue {
background-color: #E0F5F8;
}
.wrapper_blue .section__header {
color: #6c6c6c;
}
.wrapper_dark_blue {
background-color: #238A96;
}
.wrapper_dark_blue .section__header {
color: #fff;
}
img {
max-width: 100%;
}
.img_intext {
display: block;
float: left;
padding-right: 64px;
padding-bottom: 64px;
}
.img_monitor {
width: 406px;
height: 410px;
}
.section__header {
position: relative;
margin-top: 0;
margin-bottom: 0;
width: 100%;
height: 214px;
line-height: 214px;
color: #6cd2dc;
font-size: 50px;
text-align: center;
border-bottom: 1px solid #cbcbcb;
font-weight: normal;
}
.section__header_no_line {
border-bottom: 0;
}
.section__text {
font-size: 18px;
line-height: 2;
color: #6c6c6c;
}
.section_about .section__text {
line-height: 1.2;
}
.button {
display: block;
padding: 0;
width: 200px;
height: 40px;
border: 0;
box-shadow: 0;
line-height: 40px;
text-align: center;
background-color: #6cd2dc;
font-size: 18px;
color: #fff;
border-radius: 3px;
text-decoration: none;
}
.button:hover {
background-color: #3DC2D1;
color: #fff;
}
.button:focus {
outline-color: #fcfcfc;
}
.button_disabled {
background-color: #6c6c6c;
}
.button_disabled:hover {
background-color: #6c6c6c;
}
.button_big {
width: 268px;
height: 65px;
line-height: 65px;
font-size: 28px;
}
.button_login {
font-size: 14px;
}
.header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 113px;
}
.header__logo {
display: block;
position: relative;
top: -1px;
margin: 0 85px 0 0;
padding: 0;
width: 235px;
height: 156px;
background-image: url(../images/logo-2x.png);
background-size: contain;
text-indent: -100%;
overflow: hidden;
}
.header__nav {
margin: 50px 52px 0 0;
padding: 0;
list-style: none;
}
.header__navEl {
margin-right: 19px;
display: block;
float: left;
}
.header__navEl:last-child {
margin-right: 0;
}
.header__navLink {
display: inline-block;
padding: 7px 0;
width: 100px;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #cbcbcb;
}
.header__navLink_active, .header__navLink:hover {
color: #cbcbcb;
border-bottom: 2px solid #238a96;
}
.header__buttons .button {
width: 200px;
vertical-align: bottom;
}
.header__buttonCol {
display: block;
padding-top: 50px;
float: left;
margin-right: 40px;
}
.header__buttonCol_beta {
padding-top: 10px;
text-align: center;
font-size: 18px;
color: #6cd2dc;
}
.header__buttonCol_beta div {
line-height: 40px;
}
.header__buttonCol:last-child {
margin-right: 0;
}
.hero {
margin-top: 113px;
padding-top: 113px;
height: 430px;
background-image: url(../images/bg.jpg);
background-size: cover;
border-bottom: 3px solid #ececec;
}
.hero__text {
text-align: center;
color: #fff;
font-size: 40px;
font-weight: bold;
}
.hero__text strong {
font-size: 50px;
line-height: 1.2;
}
.Metucat .section__header {
height: 222px;
line-height: 250px;
}
.Metucat__logo {
position: absolute;
top: 34px;
left: 50%;
margin-left: -94px;
width: 189px;
height: 57px;
}
.features {
border-bottom: 42px solid #c6e7e8;
box-shadow: 0 7px 0 rgba(59,59,59,.3);
}
.tileRow {
padding: 80px 0;
border-bottom: 1px solid #cbcbcb;
}
.tileRow:last-child {
margin-bottom: 80px;
border-bottom: 0;
}
.tile {
font-size: 20px;
color: #464646;
}
.tile__text {
text-align: center;
}
.tile__imgContainer {
height: 158px;
padding-top: 30px;
padding-bottom: 70px;
text-align: center;
}
.tile__img {
display: inline-block;
}
.screens {
padding-bottom: 60px;
}
.screenshot__preview {
border: 1px solid #ebebeb;
}
.screenshot__view {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
}
.screenshot__view_active {
display: block;
}
.screenshot__cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.3);
}
.screenshot__cont {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 0 40px rgba(0,0,0,.3);
}
.screenshot__cont img {
max-width: 1200px;
max-height: 80%;
}
.screenshot__close {
position: absolute;
top: 0;
right: -40px;
width: 28px;
height: 28px;
background-image: url(../images/close.gif);
background-size: cover;
cursor: pointer;
}
.screenshot__close:hover {
width: 28px;
height: 28px;
background-position: 0 -29px;
}
.requestForm {
width: 1200px;
}
.requestForm__row {
margin-left: 200px;
width: 800px;
}
.requestForm__row_half {
float: left;
width: 385px;
}
.requestForm__row_half:nth-of-type(5) {
margin-left: 30px;
}
.requestForm__input {
width: 100%;
height: 50px;
padding: 0 20px;
line-height: 50px;
color: #474747;
font-size: 18px;
border: 0;
}
.requestForm__textarea {
width: 100%;
padding: 0 20px;
line-height: 50px;
color: #474747;
font-size: 18px;
border: 0;
}
.requestForm__input:focus, .requestForm__textarea:focus {
background-color: #E0F5F8;
outline: none;
}
.requestForm__input_error {
color: #F1592A;
}
.wrapper_light .requestForm__input, .wrapper_light .requestForm__textarea {
width: 100%;
height: 50px;
padding: 0 20px;
line-height: 50px;
color: #474747;
font-size: 18px;
border: 1px solid #CBCBCB;
background: #EBEBEB;
}
.wrapper_light .requestForm__textarea {
height: auto;
}
.requestForm__fieldError {
display: block;
margin-bottom: 10px;
height: 26px;
line-height: 26px;
color: #FFC006;
font-size: 18px;
}
.requestForm__buttons {
width: 100%;
text-align: center;
font-weight: normal;
}
.requestForm__button {
margin: 32px 15px 0;
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 28px;
}
.requestForm__status {
margin-top: 20px;
margin-bottom: 50px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
}
.cta {
text-align: center;
}
.cta .section__header {
height: 180px;
line-height: 180px;
font-size: 40px;
}
.cta__button {
display: block;
margin: 0 auto 20px auto;
}
.cta__status {
margin-bottom: 40px;
display: block;
width: 100%;
height: 30px;
color: #fff;
line-height: 30px;
font-size: 22px;
text-align: center;
}
#about .col-xs-6 {
padding: 0 25px;
padding-bottom: 25px;
}
.footer__heading {
font-size: 20px;
font-weight: normal;
}
.footer__el {
display: block;
margin-bottom: 20px;
}
.footer__socialLink {
display: inline-block;
margin-right: 30px;
background-size: cover;
}
.footer__socialLink:last-child {
margin-right: 0;
}
.footer__socialLink_fb {
width: 13px;
height: 25px;
background-image: url(../images/facebook-2x.png);
}
.footer__socialLink_in {
width: 23px;
height: 25px;
background-image: url(../images/Linkedin-2x.png);
}
.footer__socialLink_tw {
width: 24px;
height: 21px;
background-image: url(../images/tweet-2x.png);
}
.metucatLink {
display: block;
width: 106px;
height: 32px;
background-image: url(../images/logo-difhub-white-2x.png);
background-size: cover;
}
/* new version */
.logo-container {
width: 155px;
}
.header__logo_white {
display: block;
position: relative;
top: 45px;
margin-right: 30px;
padding: 0;
width: 135px;
height: 84px;
background-image: url(../images/logo.svg);
background-size: contain;
background-repeat: no-repeat;
text-indent: -100%;
overflow: hidden;
transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
}
.header__logo_white.logo_small {
width: 101px;
height: 62px;
top: 40px;
left: 0px;
}
/* white circle */
.logo-background {
width: 108px;
height: 108px;
background-color: white;
border-radius: 100%;
display: inline-block;
position: absolute;
margin-top: 22px;
margin-left: -9px;
transition: width 0.5s, height 0.5s;
}
.header__navLinkDark {
display: inline-block;
padding: 7px 0;
width: 100px;
font-size: 18px;
text-align: center;
text-decoration: none;
color: #484848;
}
.nav__submenu {
position: absolute;
background-color: #238A96;
color: white;
width: 126px;
font-size: 14px;
padding: 8px 0;
margin-left: 110px;
margin-top: 35px;
display: none;
}
.nav__submenu.submenu_product {
margin-left: 0;
width: 180px;
}
.nav__submenu.submenu_support {
margin-left: 470px;
}
.nav__submenu ul {
list-style-type: none;
padding-left: 0;
}
.nav__sublink {
padding: 4px 4px;
}
.nav__sublink a {
color: white;
}
.nav__sublink:hover {
background-color: #20808A;
}
li.nav__link:hover + .nav__submenu {
display: block;
}
.nav__submenu:hover {
display: block;
}
.nav__submenu_level2 {
border-left: 1px solid #6DD2DC;
position: absolute;
background-color: #238A96;
color: white;
width: 126px;
font-size: 14px;
padding: 8px 0;
margin-left: 126px;
margin-top: -72px;
display: none;
}
li.nav__sublink:hover + .nav__submenu_level2 {
display: block;
}
.nav__submenu_level2:hover {
display: block;
}
.nav__submenu_level3 {
border-left: 1px solid #6DD2DC;
position: absolute;
background-color: #238A96;
color: white;
width: 126px;
font-size: 14px;
padding: 8px 0;
margin-left: 124px;
margin-top: -80px;
display: none;
}
li.nav__sublink:hover + .nav__submenu_level3 {
display: block;
}
.nav__submenu_level3:hover {
display: block;
}
.header__buttons {
}
.wrapper-boat {
//background-image: url(../images/boat-2x.jpg);
background-image: url(../images/main-2x.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 1600px 374px;
height: 374px;
z-index: 1;
}
.wrapper-boat:before {
content: '';
position: absolute;
left: 0;
width: calc(50% - 796px);
background-image: url(../images/main_left-2x.jpg);
background-repeat: repeat-x;
background-size: 100% 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
.wrapper-boat:after {
content: '';
position: absolute;
left: calc(50% + 800px);
width: calc(50% - 800px);
background-image: url(../images/main_right-2x.jpg);
background-repeat: repeat-x;
background-size: 100% 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
@media screen and (max-width: 2000px) and (min-width: 1600px) {
.wrapper-boat:before {
background-size: 300px 100%;
background-position: right;
}
.wrapper-boat:after {
background-size: 300px 100%;
}
}
.wrapper-boat2 {
//background-image: url(../images/boat-2x.jpg);
background-image: url(../images/bg-2x.png);
background-position: center;
background-repeat: no-repeat;
background-size: 1600px 374px;
height: 374px;
z-index: 1;
}
.wrapper-boat2:before {
content: '';
position: absolute;
left: 0;
width: calc(50% - 796px);
background-image: url(../images/bg-2x-part.png);
background-repeat: repeat-x;
background-size: 100% 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
.wrapper-boat2:after {
content: '';
position: absolute;
left: calc(50% + 800px);
width: calc(50% - 800px);
background-image: url(../images/bg-2x-part.png);
background-repeat: repeat-x;
background-size: 100% 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway-Regular.eot');
src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Raleway-Regular.woff') format('woff'),
url('../fonts/Raleway-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway-Light.eot');
src: url('../fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Raleway-Light.woff') format('woff'),
url('../fonts/Raleway-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
html, body, input, button {
font-family: 'Raleway';
}
.wrapper_light.header {
background-color: white;
box-shadow: 0px 4px 3px -1px rgba(0,0,0,0.2);
}
.wrapper-boat.hero {
padding-top: 30px;
}
.header__loginLink {
padding: 0;
margin-top: 56px;
}
.header__loginLink a{
color: #484848;
padding: 7px;
font-size: 18px;
}
.hero__text {
font-family: 'Raleway';
}
.section__text {
font-size: 22px;
}
h2.hero__text.index_header {
font-size: 55px;
margin-top: 0;
margin-bottom: 48px;
}
h2.hero__text {
font-size: 55px;
margin-bottom: 20px;
}
.hero__text_big {
color: white;
font-size: 30px;
text-align: center;
margin: 0 auto;
font-weight: bold;
}
.hero__text_small {
margin-top: 10px;
color: white;
font-size: 22px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}
h2.hero__text.index_header {
/* color: black;*/
}
.hero__text_small.index_header, .hero__text_big.index_header {
/* color: #FFC107;*/
}
.nav__link.active {
border-bottom: 2px solid #238A96;
}
.blue_header {
font-size: 28px;
color: #218A96;
font-family: 'Raleway';
display: block;
width: 100%;
font-weight: 300;
}
.blue_circle_row {
margin-top: 20px;
margin-bottom: 20px;
}
.blue_circle_row_new {
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.blue_circle_row_new_inner {
width: 455px;
margin: 0 auto;
}
.blue_circle_row_new img {
height: 180px;
}
.blue_circle {
width: 160px;
height: 160px;
background-color: #F1F8F8;
border-radius: 50%;
color: #208A96;
font-size: 30px;
text-align: center;
padding-top: 30px;
border: 3px solid #208A96;
display: inline-block;
float: left;
margin-left: 100px;
margin-right: 100px;
}
.blue_circle img {
height: 35px;
margin-bottom: 5px;
}
.big_icon_row {
margin-top: 30px;
margin-bottom: 30px;
}
.big_icon {
width: 340px;
font-size: 24px;
text-align: center;
float: left;
margin-left: 20px;
margin-right: 20px;
color: #218A96;
}
.big_icon img {
height: 160px;
margin-bottom: 5px;
}
.light_gray_background {
background-color: #F1F8F8;
}
.padtop10 {
padding-top: 10px;
}
ul.logo_bullets {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 22px;
}
ul.logo_bullets li {
/*padding-left: 1em; */
min-height: 40px;
margin-bottom: 9px;
color: #484848;
margin-left: 25px;
position: relative;
}
ul.logo_bullets li:before {
content: "";
background-image: url(../images/bullet-color-2x.png);
background-size: cover;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
left: -25px;
top: 2px;
}
.graphic {
margin-top: 50px;
margin-bottom: 80px;
}
.half {
float: left;
width: 50%;
min-width: 600px;
}
#video_container {
position: relative;
padding-top: 15px;
width: 600px;
height: 331px;
}
#video_container video {
border: 1px solid #6CD2DC;
}
#video_play_button {
position: absolute;
width: 45px;
right: 0;
bottom: -40px;
cursor: pointer;
}
#video_seek {
position: absolute;
bottom: -20px;
width: 530px;
left: 0;
height: 2px;
background-color: #6CD2DC;
display: none;
}
#video_slider {
position: absolute;
bottom: -9px;
width: 4px;
height: 20px;
left: 0;
background-color: #6CD2DC;
}
.blue_text {
margin-top: 10px;
display: block;
font-size: 28px;
color: #218A96;
font-family: 'Raleway';
font-weight: 300;
display: block;
width: 100%;
}
.major_blocks_header {
}
.major_blocks {
width: 1040px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 20px;
}
.major_block {
width: 170px;
height: 180px;
line-height: 280px;
display: inline-block;
float: left;
margin-left: 10px;
margin-right: 10px;
text-align: center;
background-color: transparent;
border-bottom: 3px solid white;
position: relative;
}
.major_block:hover {
color: white;
}
.major_block_icon {
position: absolute;
top: 30px;
}
.major_block_org {
color: #6CD2DC;
}
.major_block_org:hover {
background-color: #6CD2DC;
border-bottom: 3px solid #238A96;
}
.major_block_icon_org {
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2275px%22%20height%3D%2269.986px%22%0D%0A%09%20viewBox%3D%220%200%2075%2069.986%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M39.82%2C29.329l4.55-0.44v-4.55l-4.55-0.33V29.329z%20M44.47%2C18.329%0D%0A%09%09c0-1.51%2C0.03-2.96-0.03-4.41c-0.01-0.27-0.319-0.72-0.55-0.78c-1.319-0.28-2.649-0.47-4.04-0.71v5.52L44.47%2C18.329z%20M31.77%2C11.059%0D%0A%09%09v5.9l4.71%2C0.37l0.1-1.33l0.02-4.21L31.77%2C11.059z%20M36.57%2C29.459c0.22-6.77%2C1-5.7-4.46-5.84c-0.05%2C0-0.1%2C0.05-0.24%2C0.12v6.19%0D%0A%09%09L36.57%2C29.459z%20M30.35%2C58.379l5.5%2C0.39c0-2.149%2C0.04-4.039-0.03-5.92c-0.01-0.379-0.41-1.039-0.66-1.06%0D%0A%09%09c-1.59-0.09-3.18-0.05-4.81-0.05V58.379z%20M45.609%2C52.589l-5.5-0.34v6.84l5.5%2C0.62V52.589z%20M35.79%2C40.299h-5.42v6.9h5.42V40.299z%0D%0A%09%09%20M45.51%2C48.019v-7.5H40.1v7.131L45.51%2C48.019z%20M25.91%2C33.019V2.589c0-2.55%2C0.57-3%2C2.93-2.28c6.02%2C1.85%2C12.04%2C3.73%2C18.07%2C5.56%0D%0A%09%09c1.83%2C0.56%2C2.62%2C1.71%2C2.62%2C3.66c-0.03%2C18.93-0.011%2C37.86-0.021%2C56.8c0%2C2.21-0.59%2C2.859-2.689%2C2.63c-6.2-0.68-12.4-1.43-18.59-2.18%0D%0A%09%09c-1.81-0.22-2.33-1.46-2.33-3.15C25.92%2C53.429%2C25.91%2C43.22%2C25.91%2C33.019z%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2376C8D5%22%20d%3D%22M9.42%2C19.589v-6.44c-1.48%2C0.25-2.86%2C0.42-4.21%2C0.75c-0.39%2C0.1-0.94%2C0.63-0.96%2C0.98%0D%0A%09%09c-0.11%2C1.63-0.05%2C3.26-0.05%2C5.05L9.42%2C19.589z%20M9.36%2C50.81l-4.97-0.28v6.2l4.97%2C0.439V50.81z%20M13.43%2C51.119v6.3l5.101%2C0.54v-6.39%0D%0A%09%09L13.43%2C51.119z%20M9.41%2C30.099v-6.71l-5.11%2C0.37v6.34H9.41z%20M18.52%2C40.569h-5.06v6.46l5.06%2C0.229V40.569z%20M4.4%2C46.569h4.97v-6.29H4.4%0D%0A%09%09V46.569z%20M19.23%2C11.829c-1.62%2C0.25-3.06%2C0.4-4.46%2C0.73c-0.46%2C0.1-1.15%2C0.62-1.18%2C0.99c-0.12%2C1.81-0.05%2C3.63-0.05%2C5.65l5.69-0.39%0D%0A%09%09V11.829z%20M18.98%2C30.139v-7.42l-5.37%2C0.47v6.95H18.98z%20M23.6%2C33.819V63.89c0%2C2.819-0.66%2C3.399-3.36%2C3.06%0D%0A%09%09c-5.71-0.74-11.42-1.46-17.13-2.17C0.55%2C64.459%2C0%2C63.858%2C0%2C61.249v-50.54c0-2.55%2C0.44-3.15%2C2.91-3.92%0D%0A%09%09c5.91-1.84%2C11.81-3.67%2C17.72-5.48c2.33-0.72%2C2.97-0.23%2C2.97%2C2.27C23.61%2C13.659%2C23.6%2C23.739%2C23.6%2C33.819z%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2376C8D5%22%20d%3D%22M71.64%2C59.358v-6.539h-5.28v6.979L71.64%2C59.358z%20M66.35%2C48.159h5.29v-6.85h-5.29%0D%0A%09%09V48.159z%20M62.14%2C53.22l-5.489%2C0.399v7.13l5.489-0.7V53.22z%20M56.561%2C49.039l5.609-0.431v-7.039h-5.609V49.039z%20M51.4%2C50.289%0D%0A%09%09c0-5.649-0.011-11.3%2C0-16.96c0-2.5%2C0.709-3.09%2C3.09-2.7c5.79%2C0.97%2C11.59%2C1.94%2C17.39%2C2.9c2.59%2C0.42%2C3.12%2C1.06%2C3.12%2C3.77v26%0D%0A%09%09c0%2C2.921-0.36%2C3.4-3.17%2C3.851c-5.87%2C0.939-11.73%2C1.85-17.6%2C2.76c-2.051%2C0.32-2.811-0.33-2.82-2.471%0D%0A%09%09C51.38%2C61.72%2C51.4%2C56.009%2C51.4%2C50.289z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
background-position: 0px 0px;
width: 75px;
left: 47.5px;
height: 70px;
background-size: 75px 70px;
}
.major_block_org:hover .major_block_icon_org {
/*background-position: -75px 0px;*/
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2275px%22%20height%3D%2269.986px%22%0D%0A%09%20viewBox%3D%220%200%2075%2069.986%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M39.82%2C29.329l4.55-0.44v-4.55l-4.55-0.33V29.329z%20M44.47%2C18.329%0D%0A%09%09c0-1.51%2C0.03-2.96-0.03-4.41c-0.01-0.27-0.319-0.72-0.55-0.78c-1.319-0.28-2.649-0.47-4.04-0.71v5.52L44.47%2C18.329z%20M31.77%2C11.059%0D%0A%09%09v5.9l4.71%2C0.37l0.1-1.33l0.02-4.21L31.77%2C11.059z%20M36.57%2C29.459c0.22-6.77%2C1-5.7-4.46-5.84c-0.05%2C0-0.1%2C0.05-0.24%2C0.12v6.19%0D%0A%09%09L36.57%2C29.459z%20M30.35%2C58.379l5.5%2C0.39c0-2.149%2C0.04-4.039-0.03-5.92c-0.01-0.379-0.41-1.039-0.66-1.06%0D%0A%09%09c-1.59-0.09-3.18-0.05-4.81-0.05V58.379z%20M45.609%2C52.589l-5.5-0.34v6.84l5.5%2C0.62V52.589z%20M35.79%2C40.299h-5.42v6.9h5.42V40.299z%0D%0A%09%09%20M45.51%2C48.019v-7.5H40.1v7.131L45.51%2C48.019z%20M25.91%2C33.019V2.589c0-2.55%2C0.57-3%2C2.93-2.28c6.02%2C1.85%2C12.04%2C3.73%2C18.07%2C5.56%0D%0A%09%09c1.83%2C0.56%2C2.62%2C1.71%2C2.62%2C3.66c-0.03%2C18.93-0.011%2C37.86-0.021%2C56.8c0%2C2.21-0.59%2C2.859-2.689%2C2.63c-6.2-0.68-12.4-1.43-18.59-2.18%0D%0A%09%09c-1.81-0.22-2.33-1.46-2.33-3.15C25.92%2C53.429%2C25.91%2C43.22%2C25.91%2C33.019z%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.42%2C19.589v-6.44c-1.48%2C0.25-2.86%2C0.42-4.21%2C0.75c-0.39%2C0.1-0.94%2C0.63-0.96%2C0.98%0D%0A%09%09c-0.11%2C1.63-0.05%2C3.26-0.05%2C5.05L9.42%2C19.589z%20M9.36%2C50.81l-4.97-0.28v6.2l4.97%2C0.439V50.81z%20M13.43%2C51.119v6.3l5.101%2C0.54v-6.39%0D%0A%09%09L13.43%2C51.119z%20M9.41%2C30.099v-6.71l-5.11%2C0.37v6.34H9.41z%20M18.52%2C40.569h-5.06v6.46l5.06%2C0.229V40.569z%20M4.4%2C46.569h4.97v-6.29H4.4%0D%0A%09%09V46.569z%20M19.23%2C11.829c-1.62%2C0.25-3.06%2C0.4-4.46%2C0.73c-0.46%2C0.1-1.15%2C0.62-1.18%2C0.99c-0.12%2C1.81-0.05%2C3.63-0.05%2C5.65l5.69-0.39%0D%0A%09%09V11.829z%20M18.98%2C30.139v-7.42l-5.37%2C0.47v6.95H18.98z%20M23.6%2C33.819V63.89c0%2C2.819-0.66%2C3.399-3.36%2C3.06%0D%0A%09%09c-5.71-0.74-11.42-1.46-17.13-2.17C0.55%2C64.459%2C0%2C63.858%2C0%2C61.249v-50.54c0-2.55%2C0.44-3.15%2C2.91-3.92%0D%0A%09%09c5.91-1.84%2C11.81-3.67%2C17.72-5.48c2.33-0.72%2C2.97-0.23%2C2.97%2C2.27C23.61%2C13.659%2C23.6%2C23.739%2C23.6%2C33.819z%22%2F%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M71.64%2C59.358v-6.539h-5.28v6.979L71.64%2C59.358z%20M66.35%2C48.159h5.29v-6.85h-5.29%0D%0A%09%09V48.159z%20M62.14%2C53.22l-5.489%2C0.399v7.13l5.489-0.7V53.22z%20M56.561%2C49.039l5.609-0.431v-7.039h-5.609V49.039z%20M51.4%2C50.289%0D%0A%09%09c0-5.649-0.011-11.3%2C0-16.96c0-2.5%2C0.709-3.09%2C3.09-2.7c5.79%2C0.97%2C11.59%2C1.94%2C17.39%2C2.9c2.59%2C0.42%2C3.12%2C1.06%2C3.12%2C3.77v26%0D%0A%09%09c0%2C2.921-0.36%2C3.4-3.17%2C3.851c-5.87%2C0.939-11.73%2C1.85-17.6%2C2.76c-2.051%2C0.32-2.811-0.33-2.82-2.471%0D%0A%09%09C51.38%2C61.72%2C51.4%2C56.009%2C51.4%2C50.289z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.major_block_sys {
color: #4CAF6D;
}
.major_block_sys:hover {
background-color: #4CAF6D;
border-bottom: 3px solid #307045;
}
.major_block_icon_sys {
top: 25px;
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2299px%22%20height%3D%2274.999px%22%0D%0A%09%20viewBox%3D%220%200%2099%2074.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M38.77%2C32.249c-1.83%2C6.63-8.4%2C10.48-14.67%2C8.609c-6.27-1.859-9.89-8.739-8.09-15.369%0D%0A%09%09%09c1.8-6.65%2C8.37-10.55%2C14.67-8.68C36.99%2C18.679%2C40.61%2C25.599%2C38.77%2C32.249z%20M31.39%2C0.779c-0.58%2C1.3-1.21%2C2.58-1.77%2C3.9%0D%0A%09%09%09c-0.24%2C0.56-0.5%2C0.85-1.14%2C0.76c-0.7-0.1-1.42-0.09-2.12-0.02c-0.56%2C0.05-0.8-0.19-1-0.69c-0.53-1.35-1.13-2.67-1.66-4.03%0D%0A%09%09%09c-0.26-0.65-0.63-0.81-1.271-0.63c-1.31%2C0.39-2.62%2C0.76-3.95%2C1.07c-0.7%2C0.16-0.92%2C0.55-0.85%2C1.27c0.11%2C1.1%2C0.07%2C2.22%2C0.25%2C3.3%0D%0A%09%09%09c0.21%2C1.29-0.01%2C2.19-1.31%2C2.6c-0.42%2C0.13-0.811%2C0.44-1.17%2C0.72c-0.38%2C0.3-0.68%2C0.27-1.05-0.03c-1.17-0.92-2.38-1.79-3.54-2.72%0D%0A%09%09%09c-0.45-0.36-0.78-0.33-1.18%2C0.08c-1.04%2C1.1-2.09%2C2.19-3.16%2C3.25c-0.41%2C0.41-0.42%2C0.79-0.11%2C1.25c0.58%2C0.88%2C1.07%2C1.85%2C1.73%2C2.64%0D%0A%09%09%09c0.95%2C1.14%2C1.16%2C2.18%2C0.1%2C3.36c-0.23%2C0.24-0.36%2C0.6-0.49%2C0.93c-0.21%2C0.5-0.51%2C0.68-1.05%2C0.61c-1.39-0.18-2.8-0.27-4.19-0.45%0D%0A%09%09%09c-0.68-0.09-0.96%2C0.18-1.13%2C0.84c-0.33%2C1.39-0.69%2C2.77-1.11%2C4.13c-0.229%2C0.74%2C0.021%2C1.1%2C0.62%2C1.39c0.97%2C0.46%2C1.91%2C1.02%2C2.9%2C1.41%0D%0A%09%09%09c1.07%2C0.43%2C1.65%2C1.05%2C1.38%2C2.35c-0.1%2C0.48-0.06%2C1.01-0.01%2C1.5c0.05%2C0.5-0.12%2C0.75-0.55%2C0.94c-1.31%2C0.6-2.61%2C1.25-3.92%2C1.85%0D%0A%09%09%09c-0.56%2C0.26-0.75%2C0.6-0.58%2C1.25c0.38%2C1.39%2C0.72%2C2.79%2C1.02%2C4.21c0.14%2C0.69%2C0.48%2C0.911%2C1.12%2C0.85c1.28-0.12%2C2.57-0.15%2C3.85-0.31%0D%0A%09%09%09c0.72-0.1%2C1.15%2C0.04%2C1.42%2C0.8c0.19%2C0.54%2C0.47%2C1.08%2C0.811%2C1.54c0.47%2C0.63%2C0.36%2C1.1-0.09%2C1.69c-0.81%2C1.06-1.51%2C2.199-2.28%2C3.289%0D%0A%09%09%09C5.52%2C46.22%2C5.52%2C46.64%2C6%2C47.129c0.99%2C1.011%2C1.94%2C2.05%2C2.86%2C3.11c0.43%2C0.5%2C0.79%2C0.52%2C1.3%2C0.15c1.17-0.871%2C2.37-1.69%2C3.54-2.561%0D%0A%09%09%09c0.38-0.28%2C0.66-0.29%2C1.04%2C0c0.62%2C0.45%2C1.27%2C0.859%2C1.939%2C1.22c0.45%2C0.24%2C0.58%2C0.53%2C0.521%2C1.05c-0.18%2C1.431-0.3%2C2.86-0.47%2C4.291%0D%0A%09%09%09c-0.08%2C0.689%2C0.07%2C1.109%2C0.78%2C1.289c1.311%2C0.33%2C2.61%2C0.721%2C3.88%2C1.15c0.68%2C0.23%2C1.04%2C0.029%2C1.31-0.641%0D%0A%09%09%09c0.38-0.92%2C0.91-1.77%2C1.229-2.709c0.47-1.391%2C1.2-2.16%2C2.7-1.76c0.34%2C0.09%2C0.73%2C0.039%2C1.09-0.021c0.521-0.091%2C0.74%2C0.17%2C0.92%2C0.64%0D%0A%09%09%09c0.55%2C1.35%2C1.15%2C2.68%2C1.69%2C4.04c0.24%2C0.591%2C0.55%2C0.81%2C1.17%2C0.62c1.35-0.391%2C2.72-0.76%2C4.09-1.09c0.61-0.141%2C0.83-0.439%2C0.77-1.1%0D%0A%09%09%09c-0.12-1.44-0.16-2.881-0.29-4.32c-0.061-0.62%2C0.08-0.96%2C0.649-1.221c0.84-0.39%2C1.68-1.289%2C2.45-1.22%0D%0A%09%09%09c0.83%2C0.08%2C1.57%2C1.04%2C2.34%2C1.61l2.12%2C1.58c0.24-0.15%2C0.54-0.27%2C0.76-0.48c1.02-0.99%2C1.99-2.029%2C3.01-3.01%0D%0A%09%09%09c0.53-0.51%2C0.53-0.95%2C0.13-1.529c-0.75-1.101-1.42-2.271-2.18-3.371c-0.37-0.539-0.49-0.959-0.03-1.55%0D%0A%09%09%09c0.43-0.55%2C0.77-1.19%2C1.05-1.829c0.24-0.561%2C0.57-0.641%2C1.08-0.58c1.37%2C0.18%2C2.74%2C0.31%2C4.11%2C0.469%0D%0A%09%09%09c0.58%2C0.07%2C0.949-0.06%2C1.119-0.75c0.36-1.439%2C0.771-2.869%2C1.19-4.29c0.19-0.62%2C0.08-0.98-0.511-1.26%0D%0A%09%09%09c-1.33-0.64-2.64-1.33-3.93-2.05c-0.229-0.12-0.42-0.51-0.43-0.79c-0.04-0.8%2C0.07-1.61%2C0.03-2.41c-0.03-0.57%2C0.14-0.86%2C0.64-1.08%0D%0A%09%09%09c1.31-0.58%2C2.6-1.22%2C3.91-1.82c0.529-0.25%2C0.72-0.6%2C0.57-1.2c-0.36-1.47-0.7-2.95-1.021-4.43c-0.13-0.62-0.42-0.81-1.01-0.75%0D%0A%09%09%09c-1.3%2C0.14-2.6%2C0.18-3.9%2C0.35c-0.77%2C0.1-1.27-0.04-1.54-0.9c-0.17-0.55-0.49-1.07-0.81-1.56c-0.36-0.53-0.4-0.93%2C0.03-1.48%0D%0A%09%09%09c0.86-1.12%2C1.61-2.34%2C2.45-3.48c0.4-0.56%2C0.41-0.96-0.07-1.46c-0.99-1.02-1.95-2.08-2.89-3.15c-0.45-0.51-0.86-0.54-1.4-0.13%0D%0A%09%09%09c-1.16%2C0.87-2.36%2C1.69-3.53%2C2.56c-0.38%2C0.29-0.68%2C0.29-1.06%2C0.02c-0.58-0.42-1.17-0.86-1.81-1.14c-0.64-0.28-0.72-0.71-0.65-1.33%0D%0A%09%09%09c0.18-1.46%2C0.3-2.92%2C0.48-4.38c0.07-0.59-0.12-0.89-0.66-1.04c-1.39-0.38-2.79-0.78-4.17-1.24%0D%0A%09%09%09C31.96-0.041%2C31.65%2C0.209%2C31.39%2C0.779z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%234DB06E%22%20d%3D%22M70.97%2C59.589c-1.62%2C3.881-5.96%2C5.67-9.71%2C4c-3.74-1.66-5.48-6.16-3.869-10.04%0D%0A%09%09%09c1.6-3.89%2C5.949-5.69%2C9.709-4.02C70.859%2C51.199%2C72.59%2C55.709%2C70.97%2C59.589z%20M69.609%2C43.47c-1.949-0.871-2.979-2.801-3.26-5.151%0D%0A%09%09%09c-1.229-0.15-2.459-0.16-3.67-0.05c-0.34%2C2.35-1.84%2C3.701-3.81%2C4.52s-3.79%2C0.53-5.591-0.92c-0.949%2C0.78-1.829%2C1.67-2.619%2C2.649%0D%0A%09%09%09c1.359%2C1.91%2C1.74%2C4.42%2C0.91%2C6.44s-2.84%2C3.46-5.101%2C3.75c-0.14%2C1.271-0.149%2C2.54-0.04%2C3.79c2.25%2C0.35%2C3.7%2C1.51%2C4.49%2C3.55%0D%0A%09%09%09c0.79%2C2.03%2C0.88%2C4.07-0.51%2C5.931c0.75%2C0.979%2C1.609%2C1.879%2C2.55%2C2.699c1.819-1.39%2C3.87-1.939%2C5.81-1.08%0D%0A%09%09%09c1.94%2C0.86%2C3.33%2C2.95%2C3.61%2C5.271c1.229%2C0.149%2C2.45%2C0.17%2C3.649%2C0.06c0.341-2.32%2C1.471-3.82%2C3.431-4.63%0D%0A%09%09%09c1.97-0.81%2C3.79-0.51%2C5.58%2C0.931c0.96-0.771%2C1.84-1.66%2C2.63-2.631c-1.35-1.899-1.72-4.399-0.88-6.42%0D%0A%09%09%09c0.84-2.01%2C2.87-3.459%2C5.14-3.75c0.141-1.27%2C0.16-2.539%2C0.061-3.8c-2.26-0.35-3.721-1.521-4.5-3.56%0D%0A%09%09%09c-0.79-2.051-0.87-4.11%2C0.539-5.98c-0.76-0.99-1.609-1.9-2.56-2.72C73.62%2C43.779%2C71.561%2C44.339%2C69.609%2C43.47z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M88.359%2C26.979c-1.08%2C4.13-5.129%2C6.72-9.029%2C5.79c-3.91-0.93-6.21-5.02-5.141-9.15%0D%0A%09%09%09c1.07-4.13%2C5.11-6.74%2C9.03-5.81C87.141%2C18.739%2C89.439%2C22.849%2C88.359%2C26.979z%20M84.891%2C11.369c-2.031-0.48-3.301-2.18-3.881-4.44%0D%0A%09%09%09c-1.23%2C0.09-2.449%2C0.31-3.619%2C0.65c-0.031%2C2.38-1.33%2C3.99-3.16%2C5.18c-1.83%2C1.18-3.66%2C1.24-5.621%2C0.15%0D%0A%09%09%09c-0.83%2C0.96-1.58%2C2-2.219%2C3.12c1.579%2C1.61%2C2.289%2C4.01%2C1.729%2C6.15c-0.55%2C2.15-2.341%2C3.95-4.511%2C4.67%0D%0A%09%09%09c0.031%2C1.27%2C0.181%2C2.52%2C0.461%2C3.73c2.25-0.08%2C3.84%2C0.78%2C4.88%2C2.64c1.04%2C1.85%2C1.399%2C3.84%2C0.28%2C5.93%0D%0A%09%09%09c0.859%2C0.82%2C1.819%2C1.55%2C2.859%2C2.17c1.61-1.711%2C3.551-2.65%2C5.57-2.16c2.029%2C0.48%2C3.67%2C2.26%2C4.26%2C4.5%0D%0A%09%09%09c1.221-0.08%2C2.43-0.301%2C3.6-0.641c0.03-2.35%2C0.94-4.039%2C2.771-5.209c1.83-1.17%2C3.66-1.23%2C5.62-0.14c0.84-0.95%2C1.59-1.98%2C2.24-3.1%0D%0A%09%09%09c-1.58-1.61-2.28-4.01-1.721-6.15c0.57-2.15%2C2.381-3.95%2C4.57-4.67c-0.02-1.28-0.17-2.54-0.439-3.76%0D%0A%09%09%09c-2.271%2C0.09-3.871-0.78-4.91-2.64c-1.041-1.87-1.4-3.88-0.26-5.99c-0.871-0.83-1.83-1.56-2.881-2.19%0D%0A%09%09%09C88.88%2C10.909%2C86.93%2C11.859%2C84.891%2C11.369z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
background-position: 0px 0px;
width: 99px;
left: 35px;
height: 75px;
background-size: 99px 75px;
}
.major_block_sys:hover .major_block_icon_sys {
/*background-position: -99px 0px;*/
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2299px%22%20height%3D%2274.999px%22%0D%0A%09%20viewBox%3D%220%200%2099%2074.999%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M38.77%2C32.249c-1.83%2C6.63-8.4%2C10.48-14.67%2C8.609c-6.27-1.859-9.89-8.739-8.09-15.369%0D%0A%09%09%09c1.8-6.65%2C8.37-10.55%2C14.67-8.68C36.99%2C18.679%2C40.61%2C25.599%2C38.77%2C32.249z%20M31.39%2C0.779c-0.58%2C1.3-1.21%2C2.58-1.77%2C3.9%0D%0A%09%09%09c-0.24%2C0.56-0.5%2C0.85-1.14%2C0.76c-0.7-0.1-1.42-0.09-2.12-0.02c-0.56%2C0.05-0.8-0.19-1-0.69c-0.53-1.35-1.13-2.67-1.66-4.03%0D%0A%09%09%09c-0.26-0.65-0.63-0.81-1.271-0.63c-1.31%2C0.39-2.62%2C0.76-3.95%2C1.07c-0.7%2C0.16-0.92%2C0.55-0.85%2C1.27c0.11%2C1.1%2C0.07%2C2.22%2C0.25%2C3.3%0D%0A%09%09%09c0.21%2C1.29-0.01%2C2.19-1.31%2C2.6c-0.42%2C0.13-0.811%2C0.44-1.17%2C0.72c-0.38%2C0.3-0.68%2C0.27-1.05-0.03c-1.17-0.92-2.38-1.79-3.54-2.72%0D%0A%09%09%09c-0.45-0.36-0.78-0.33-1.18%2C0.08c-1.04%2C1.1-2.09%2C2.19-3.16%2C3.25c-0.41%2C0.41-0.42%2C0.79-0.11%2C1.25c0.58%2C0.88%2C1.07%2C1.85%2C1.73%2C2.64%0D%0A%09%09%09c0.95%2C1.14%2C1.16%2C2.18%2C0.1%2C3.36c-0.23%2C0.24-0.36%2C0.6-0.49%2C0.93c-0.21%2C0.5-0.51%2C0.68-1.05%2C0.61c-1.39-0.18-2.8-0.27-4.19-0.45%0D%0A%09%09%09c-0.68-0.09-0.96%2C0.18-1.13%2C0.84c-0.33%2C1.39-0.69%2C2.77-1.11%2C4.13c-0.229%2C0.74%2C0.021%2C1.1%2C0.62%2C1.39c0.97%2C0.46%2C1.91%2C1.02%2C2.9%2C1.41%0D%0A%09%09%09c1.07%2C0.43%2C1.65%2C1.05%2C1.38%2C2.35c-0.1%2C0.48-0.06%2C1.01-0.01%2C1.5c0.05%2C0.5-0.12%2C0.75-0.55%2C0.94c-1.31%2C0.6-2.61%2C1.25-3.92%2C1.85%0D%0A%09%09%09c-0.56%2C0.26-0.75%2C0.6-0.58%2C1.25c0.38%2C1.39%2C0.72%2C2.79%2C1.02%2C4.21c0.14%2C0.69%2C0.48%2C0.911%2C1.12%2C0.85c1.28-0.12%2C2.57-0.15%2C3.85-0.31%0D%0A%09%09%09c0.72-0.1%2C1.15%2C0.04%2C1.42%2C0.8c0.19%2C0.54%2C0.47%2C1.08%2C0.811%2C1.54c0.47%2C0.63%2C0.36%2C1.1-0.09%2C1.69c-0.81%2C1.06-1.51%2C2.199-2.28%2C3.289%0D%0A%09%09%09C5.52%2C46.22%2C5.52%2C46.64%2C6%2C47.129c0.99%2C1.011%2C1.94%2C2.05%2C2.86%2C3.11c0.43%2C0.5%2C0.79%2C0.52%2C1.3%2C0.15c1.17-0.871%2C2.37-1.69%2C3.54-2.561%0D%0A%09%09%09c0.38-0.28%2C0.66-0.29%2C1.04%2C0c0.62%2C0.45%2C1.27%2C0.859%2C1.939%2C1.22c0.45%2C0.24%2C0.58%2C0.53%2C0.521%2C1.05c-0.18%2C1.431-0.3%2C2.86-0.47%2C4.291%0D%0A%09%09%09c-0.08%2C0.689%2C0.07%2C1.109%2C0.78%2C1.289c1.311%2C0.33%2C2.61%2C0.721%2C3.88%2C1.15c0.68%2C0.23%2C1.04%2C0.029%2C1.31-0.641%0D%0A%09%09%09c0.38-0.92%2C0.91-1.77%2C1.229-2.709c0.47-1.391%2C1.2-2.16%2C2.7-1.76c0.34%2C0.09%2C0.73%2C0.039%2C1.09-0.021c0.521-0.091%2C0.74%2C0.17%2C0.92%2C0.64%0D%0A%09%09%09c0.55%2C1.35%2C1.15%2C2.68%2C1.69%2C4.04c0.24%2C0.591%2C0.55%2C0.81%2C1.17%2C0.62c1.35-0.391%2C2.72-0.76%2C4.09-1.09c0.61-0.141%2C0.83-0.439%2C0.77-1.1%0D%0A%09%09%09c-0.12-1.44-0.16-2.881-0.29-4.32c-0.061-0.62%2C0.08-0.96%2C0.649-1.221c0.84-0.39%2C1.68-1.289%2C2.45-1.22%0D%0A%09%09%09c0.83%2C0.08%2C1.57%2C1.04%2C2.34%2C1.61l2.12%2C1.58c0.24-0.15%2C0.54-0.27%2C0.76-0.48c1.02-0.99%2C1.99-2.029%2C3.01-3.01%0D%0A%09%09%09c0.53-0.51%2C0.53-0.95%2C0.13-1.529c-0.75-1.101-1.42-2.271-2.18-3.371c-0.37-0.539-0.49-0.959-0.03-1.55%0D%0A%09%09%09c0.43-0.55%2C0.77-1.19%2C1.05-1.829c0.24-0.561%2C0.57-0.641%2C1.08-0.58c1.37%2C0.18%2C2.74%2C0.31%2C4.11%2C0.469%0D%0A%09%09%09c0.58%2C0.07%2C0.949-0.06%2C1.119-0.75c0.36-1.439%2C0.771-2.869%2C1.19-4.29c0.19-0.62%2C0.08-0.98-0.511-1.26%0D%0A%09%09%09c-1.33-0.64-2.64-1.33-3.93-2.05c-0.229-0.12-0.42-0.51-0.43-0.79c-0.04-0.8%2C0.07-1.61%2C0.03-2.41c-0.03-0.57%2C0.14-0.86%2C0.64-1.08%0D%0A%09%09%09c1.31-0.58%2C2.6-1.22%2C3.91-1.82c0.529-0.25%2C0.72-0.6%2C0.57-1.2c-0.36-1.47-0.7-2.95-1.021-4.43c-0.13-0.62-0.42-0.81-1.01-0.75%0D%0A%09%09%09c-1.3%2C0.14-2.6%2C0.18-3.9%2C0.35c-0.77%2C0.1-1.27-0.04-1.54-0.9c-0.17-0.55-0.49-1.07-0.81-1.56c-0.36-0.53-0.4-0.93%2C0.03-1.48%0D%0A%09%09%09c0.86-1.12%2C1.61-2.34%2C2.45-3.48c0.4-0.56%2C0.41-0.96-0.07-1.46c-0.99-1.02-1.95-2.08-2.89-3.15c-0.45-0.51-0.86-0.54-1.4-0.13%0D%0A%09%09%09c-1.16%2C0.87-2.36%2C1.69-3.53%2C2.56c-0.38%2C0.29-0.68%2C0.29-1.06%2C0.02c-0.58-0.42-1.17-0.86-1.81-1.14c-0.64-0.28-0.72-0.71-0.65-1.33%0D%0A%09%09%09c0.18-1.46%2C0.3-2.92%2C0.48-4.38c0.07-0.59-0.12-0.89-0.66-1.04c-1.39-0.38-2.79-0.78-4.17-1.24%0D%0A%09%09%09C31.96-0.041%2C31.65%2C0.209%2C31.39%2C0.779z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M70.97%2C59.589c-1.62%2C3.881-5.96%2C5.67-9.71%2C4c-3.74-1.66-5.48-6.16-3.869-10.04%0D%0A%09%09%09c1.6-3.89%2C5.949-5.69%2C9.709-4.02C70.859%2C51.199%2C72.59%2C55.709%2C70.97%2C59.589z%20M69.609%2C43.47c-1.949-0.871-2.979-2.801-3.26-5.151%0D%0A%09%09%09c-1.229-0.15-2.459-0.16-3.67-0.05c-0.34%2C2.35-1.84%2C3.701-3.81%2C4.52s-3.79%2C0.53-5.591-0.92c-0.949%2C0.78-1.829%2C1.67-2.619%2C2.649%0D%0A%09%09%09c1.359%2C1.91%2C1.74%2C4.42%2C0.91%2C6.44s-2.84%2C3.46-5.101%2C3.75c-0.14%2C1.271-0.149%2C2.54-0.04%2C3.79c2.25%2C0.35%2C3.7%2C1.51%2C4.49%2C3.55%0D%0A%09%09%09c0.79%2C2.03%2C0.88%2C4.07-0.51%2C5.931c0.75%2C0.979%2C1.609%2C1.879%2C2.55%2C2.699c1.819-1.39%2C3.87-1.939%2C5.81-1.08%0D%0A%09%09%09c1.94%2C0.86%2C3.33%2C2.95%2C3.61%2C5.271c1.229%2C0.149%2C2.45%2C0.17%2C3.649%2C0.06c0.341-2.32%2C1.471-3.82%2C3.431-4.63%0D%0A%09%09%09c1.97-0.81%2C3.79-0.51%2C5.58%2C0.931c0.96-0.771%2C1.84-1.66%2C2.63-2.631c-1.35-1.899-1.72-4.399-0.88-6.42%0D%0A%09%09%09c0.84-2.01%2C2.87-3.459%2C5.14-3.75c0.141-1.27%2C0.16-2.539%2C0.061-3.8c-2.26-0.35-3.721-1.521-4.5-3.56%0D%0A%09%09%09c-0.79-2.051-0.87-4.11%2C0.539-5.98c-0.76-0.99-1.609-1.9-2.56-2.72C73.62%2C43.779%2C71.561%2C44.339%2C69.609%2C43.47z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M88.359%2C26.979c-1.08%2C4.13-5.129%2C6.72-9.029%2C5.79c-3.91-0.93-6.21-5.02-5.141-9.15%0D%0A%09%09%09c1.07-4.13%2C5.11-6.74%2C9.03-5.81C87.141%2C18.739%2C89.439%2C22.849%2C88.359%2C26.979z%20M84.891%2C11.369c-2.031-0.48-3.301-2.18-3.881-4.44%0D%0A%09%09%09c-1.23%2C0.09-2.449%2C0.31-3.619%2C0.65c-0.031%2C2.38-1.33%2C3.99-3.16%2C5.18c-1.83%2C1.18-3.66%2C1.24-5.621%2C0.15%0D%0A%09%09%09c-0.83%2C0.96-1.58%2C2-2.219%2C3.12c1.579%2C1.61%2C2.289%2C4.01%2C1.729%2C6.15c-0.55%2C2.15-2.341%2C3.95-4.511%2C4.67%0D%0A%09%09%09c0.031%2C1.27%2C0.181%2C2.52%2C0.461%2C3.73c2.25-0.08%2C3.84%2C0.78%2C4.88%2C2.64c1.04%2C1.85%2C1.399%2C3.84%2C0.28%2C5.93%0D%0A%09%09%09c0.859%2C0.82%2C1.819%2C1.55%2C2.859%2C2.17c1.61-1.711%2C3.551-2.65%2C5.57-2.16c2.029%2C0.48%2C3.67%2C2.26%2C4.26%2C4.5%0D%0A%09%09%09c1.221-0.08%2C2.43-0.301%2C3.6-0.641c0.03-2.35%2C0.94-4.039%2C2.771-5.209c1.83-1.17%2C3.66-1.23%2C5.62-0.14c0.84-0.95%2C1.59-1.98%2C2.24-3.1%0D%0A%09%09%09c-1.58-1.61-2.28-4.01-1.721-6.15c0.57-2.15%2C2.381-3.95%2C4.57-4.67c-0.02-1.28-0.17-2.54-0.439-3.76%0D%0A%09%09%09c-2.271%2C0.09-3.871-0.78-4.91-2.64c-1.041-1.87-1.4-3.88-0.26-5.99c-0.871-0.83-1.83-1.56-2.881-2.19%0D%0A%09%09%09C88.88%2C10.909%2C86.93%2C11.859%2C84.891%2C11.369z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.major_block_app {
color: #FFC107;
background-size: 70px 71px;
}
.major_block_app:hover {
background-color: #FFC107;
border-bottom: 3px solid #936F00;
}
.major_block_icon_app {
width: 70px;
height: 71px;
background-position: 0px 0px;
background-size: 70px 71px;
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2270.5px%22%20height%3D%2271.5px%22%0D%0A%09%20viewBox%3D%220%200%2070.5%2071.5%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C18.19c0%2C1.3-1.061%2C2.35-2.359%2C2.35H52.76c-1.3%2C0-2.359-1.05-2.359-2.35V2.86%0D%0A%09%09c0-1.31%2C1.06-2.36%2C2.359-2.36h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.36V18.19z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C43.17c0%2C1.3-1.061%2C2.35-2.359%2C2.35H52.76c-1.3%2C0-2.359-1.05-2.359-2.35V27.83%0D%0A%09%09c0-1.3%2C1.06-2.35%2C2.359-2.35h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.35V43.17z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M20.6%2C69.141c0%2C1.31-1.06%2C2.359-2.36%2C2.359H2.86c-1.3%2C0-2.36-1.05-2.36-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.36-2.351h15.38c1.3%2C0%2C2.36%2C1.05%2C2.36%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M45.55%2C69.141c0%2C1.31-1.06%2C2.359-2.36%2C2.359H27.81c-1.3%2C0-2.36-1.05-2.36-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.36-2.351h15.379c1.301%2C0%2C2.36%2C1.05%2C2.36%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C69.141c0%2C1.31-1.061%2C2.359-2.359%2C2.359H52.76c-1.3%2C0-2.359-1.05-2.359-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.359-2.351h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23FCC010%22%20stroke%3D%22%23FCC010%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M46.22%2C40.73%0D%0A%09%09c0%2C2.96-2.409%2C5.35-5.38%2C5.35H5.87c-2.96%2C0-5.37-2.39-5.37-5.35V5.86C0.5%2C2.9%2C2.91%2C0.5%2C5.87%2C0.5h34.97c2.971%2C0%2C5.38%2C2.4%2C5.38%2C5.36%0D%0A%09%09V40.73z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
left: 47.5px;
}
.major_block_app:hover .major_block_icon_app {
/*background-position: -70px 0px;*/
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2270.5px%22%20height%3D%2271.5px%22%0D%0A%09%20viewBox%3D%220%200%2070.5%2071.5%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C18.19c0%2C1.3-1.061%2C2.35-2.359%2C2.35H52.76c-1.3%2C0-2.359-1.05-2.359-2.35V2.86%0D%0A%09%09c0-1.31%2C1.06-2.36%2C2.359-2.36h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.36V18.19z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C43.17c0%2C1.3-1.061%2C2.35-2.359%2C2.35H52.76c-1.3%2C0-2.359-1.05-2.359-2.35V27.83%0D%0A%09%09c0-1.3%2C1.06-2.35%2C2.359-2.35h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.35V43.17z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M20.6%2C69.141c0%2C1.31-1.06%2C2.359-2.36%2C2.359H2.86c-1.3%2C0-2.36-1.05-2.36-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.36-2.351h15.38c1.3%2C0%2C2.36%2C1.05%2C2.36%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M45.55%2C69.141c0%2C1.31-1.06%2C2.359-2.36%2C2.359H27.81c-1.3%2C0-2.36-1.05-2.36-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.36-2.351h15.379c1.301%2C0%2C2.36%2C1.05%2C2.36%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M70.5%2C69.141c0%2C1.31-1.061%2C2.359-2.359%2C2.359H52.76c-1.3%2C0-2.359-1.05-2.359-2.359v-15.33%0D%0A%09%09c0-1.301%2C1.06-2.351%2C2.359-2.351h15.381c1.299%2C0%2C2.359%2C1.05%2C2.359%2C2.351V69.141z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M46.22%2C40.73%0D%0A%09%09c0%2C2.96-2.409%2C5.35-5.38%2C5.35H5.87c-2.96%2C0-5.37-2.39-5.37-5.35V5.86C0.5%2C2.9%2C2.91%2C0.5%2C5.87%2C0.5h34.97c2.971%2C0%2C5.38%2C2.4%2C5.38%2C5.36%0D%0A%09%09V40.73z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.major_block_pub {
color: #8F70CB;
}
.major_block_pub:hover {
background-color: #8F70CB;
border-bottom: 3px solid #613DA5;
}
.major_block_icon_pub {
width: 86px;
height: 85px;
background-position: 0px 0px;
background-size: 86px 85px;
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2286.498px%22%0D%0A%09%20height%3D%2285.499px%22%20viewBox%3D%220%200%2086.498%2085.499%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M47.759%2C66.58c-0.89%2C0.37-6.92-4.43-10.77-13.471c-3.84-9.039-3.36-17.299-2.47-17.669%0D%0A%09%09c0.9-0.37%2C6.77%2C5.42%2C10.621%2C14.46C48.989%2C58.939%2C48.659%2C66.21%2C47.759%2C66.58z%20M49.489%2C47.71c-4.96-11.63-12.93-20.49-16.96-18.83%0D%0A%09%09c-6.85%2C2.81%2C4.08%2C16.3-29.54%2C30.091c-2.91%2C1.199-3.64%2C5.959-2.43%2C8.819c1.21%2C2.851%2C5.19%2C5.681%2C8.09%2C4.49c0.5-0.2%2C2.35-0.8%2C2.35-0.8%0D%0A%09%09c2.08%2C2.81%2C4.25%2C1.14%2C5.02%2C2.93l3.62%2C8.39c0.68%2C1.591%2C2.23%2C3.06%2C3.36%2C2.62l6.41-2.46c1.46-0.56%2C1.81-1.88%2C1.37-2.92%0D%0A%09%09c-0.49-1.11-2.46-1.44-3.03-2.75c-0.56-1.3-2.4-5.49-2.93-6.81c-0.72-1.791%2C0.81-3.25%2C3.03-3.48c15.3-1.609%2C18.169%2C7.93%2C23.38%2C5.79%0D%0A%09%09C55.259%2C71.13%2C54.438%2C59.34%2C49.489%2C47.71z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238870B0%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22%0D%0A%09%09M47.839%2C13.4c8.46%2C5.52%2C15.439%2C15.51%2C19.301%2C24.31c4.529%2C10.3%2C6.229%2C20.66%2C5.289%2C28.91%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238870B0%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22%0D%0A%09%09M52.64%2C1.5c10.5%2C8.54%2C18.76%2C20.71%2C24.109%2C32.91c5.939%2C13.52%2C8.609%2C27.1%2C8.21%2C38.54%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
left: 42px;
top: 25px;
}
.major_block_pub:hover .major_block_icon_pub {
/*background-position: -87px 0px;*/
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2286.498px%22%0D%0A%09%20height%3D%2285.499px%22%20viewBox%3D%220%200%2086.498%2085.499%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23010202%22%20d%3D%22M47.759%2C66.58c-0.89%2C0.37-6.92-4.43-10.77-13.471c-3.84-9.039-3.36-17.299-2.47-17.669%0D%0A%09%09c0.9-0.37%2C6.77%2C5.42%2C10.621%2C14.46C48.989%2C58.939%2C48.659%2C66.21%2C47.759%2C66.58z%20M49.489%2C47.71c-4.96-11.63-12.93-20.49-16.96-18.83%0D%0A%09%09c-6.85%2C2.81%2C4.08%2C16.3-29.54%2C30.091c-2.91%2C1.199-3.64%2C5.959-2.43%2C8.819c1.21%2C2.851%2C5.19%2C5.681%2C8.09%2C4.49c0.5-0.2%2C2.35-0.8%2C2.35-0.8%0D%0A%09%09c2.08%2C2.81%2C4.25%2C1.14%2C5.02%2C2.93l3.62%2C8.39c0.68%2C1.591%2C2.23%2C3.06%2C3.36%2C2.62l6.41-2.46c1.46-0.56%2C1.81-1.88%2C1.37-2.92%0D%0A%09%09c-0.49-1.11-2.46-1.44-3.03-2.75c-0.56-1.3-2.4-5.49-2.93-6.81c-0.72-1.791%2C0.81-3.25%2C3.03-3.48c15.3-1.609%2C18.169%2C7.93%2C23.38%2C5.79%0D%0A%09%09C55.259%2C71.13%2C54.438%2C59.34%2C49.489%2C47.71z%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22%0D%0A%09%09M47.839%2C13.4c8.46%2C5.52%2C15.439%2C15.51%2C19.301%2C24.31c4.529%2C10.3%2C6.229%2C20.66%2C5.289%2C28.91%22%2F%3E%0D%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22%0D%0A%09%09M52.64%2C1.5c10.5%2C8.54%2C18.76%2C20.71%2C24.109%2C32.91c5.939%2C13.52%2C8.609%2C27.1%2C8.21%2C38.54%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.major_block_sub {
color: #EF5074;
background-size: 66px 73px;
}
.major_block_sub:hover {
background-color: #EF5074;
border-bottom: 3px solid #E11745;
}
.major_block_icon_sub {
width: 66px;
height: 73px;
background-position: 0px 0px;
background-size: 66px 73px;
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2267.5px%22%20height%3D%2274px%22%0D%0A%09%20viewBox%3D%220%200%2067.5%2074%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23010202%22%20d%3D%22M28.2%2C59.34H10.39C6.82%2C59.34%2C4.16%2C56%2C4.16%2C53V4.23h44.26v31.85h4.16V0H0v53%0D%0A%09%09%09c0%2C5.63%2C4.85%2C10.57%2C10.39%2C10.57H28.2V59.34z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2211.41%22%20fill%3D%22%23010202%22%20width%3D%2227.31%22%20height%3D%225.7%22%2F%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2225.09%22%20fill%3D%22%23010202%22%20width%3D%2227.31%22%20height%3D%225.71%22%2F%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2238.78%22%20fill%3D%22%23010202%22%20width%3D%2213.65%22%20height%3D%225.7%22%2F%3E%0D%0A%09%0D%0A%09%09%3Crect%20x%3D%2232%22%20y%3D%2238.5%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23010202%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%0D%0A%09%09%09%3Cpolyline%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23B63656%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%09%0940%2C55.59%2047.01%2C63%2060%2C47%20%09%09%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
left: 52px;
}
.major_block_sub:hover .major_block_icon_sub {
/*background-position: -66px 0px;*/
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3Csvg%20version%3D%221.2%22%20baseProfile%3D%22tiny%22%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%0D%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2267.5px%22%20height%3D%2274px%22%0D%0A%09%20viewBox%3D%220%200%2067.5%2074%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23010202%22%20d%3D%22M28.2%2C59.34H10.39C6.82%2C59.34%2C4.16%2C56%2C4.16%2C53V4.23h44.26v31.85h4.16V0H0v53%0D%0A%09%09%09c0%2C5.63%2C4.85%2C10.57%2C10.39%2C10.57H28.2V59.34z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2211.41%22%20fill%3D%22%23010202%22%20width%3D%2227.31%22%20height%3D%225.7%22%2F%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2225.09%22%20fill%3D%22%23010202%22%20width%3D%2227.31%22%20height%3D%225.71%22%2F%3E%0D%0A%09%3Crect%20x%3D%2213.66%22%20y%3D%2238.78%22%20fill%3D%22%23010202%22%20width%3D%2213.65%22%20height%3D%225.7%22%2F%3E%0D%0A%09%0D%0A%09%09%3Crect%20x%3D%2232%22%20y%3D%2238.5%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23010202%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%0D%0A%09%09%09%3Cpolyline%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%0D%0A%09%09%0940%2C55.59%2047.01%2C63%2060%2C47%20%09%09%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
}
.major_blocks_description {
text-align: center;
width: 100%;
margin-top: 5px;
margin-bottom: 25px;
font-size: 22px;
}
.section_bottom_pad {
padding-bottom: 35px;
}
/* features page */
.wrapper-fisher {
background-image: url(../images/fisher-2x.jpg);
background-position: center;
height: 400px;
margin-top: 113px;
background-repeat: no-repeat;
z-index: 1;
display: flex;
background-size: 1620px 400px;
}
.wrapper-fisher:before {
content: '';
background-image: url(../images/fisher_left-2х.jpg);
background-repeat: repeat-x;
background-size: auto 100%;
height: 400px;
z-index: -1;
top: 0;
max-height: 100%;
flex: 1;
background-position: 100%;
}
.wrapper-fisher section.row {
width: 1620px;
}
.wrapper-fisher:after {
content: '';
background-image: url(../images/fisher_right-2х.jpg);
background-repeat: repeat-x;
background-size: auto 100%;
height: 400px;
z-index: -1;
top: 0;
max-height: 100%;
flex: 1;
}
.wrapper-features {
padding-top: 30px;
}
.feature {
padding-top: 40px;
padding-bottom: 40px;
}
.wrapper-features .feature_image img, .wrapper-features .feature_description img {
border: 1px solid #6CD2DC;
width: 584px;
height: 373px;
}
.wrapper-features.wrapper-new-features .feature_image img, .wrapper-features.wrapper-new-features .feature_description img {
border:none;
width: auto;
height: auto;
margin-left: 0;
margin-top: 0;
}
.feature_image_json img {
height: auto;
}
.feature_description {
font-size: 22px;
color: #484848;
line-height: 30px;
}
.feature_description .blue_header {
margin-top: 0;
}
.light_gray_background .feature.row {
flex-direction: row-reverse;
}
.feature_image_wrap_mobile {
display: none;
}
.diagram {
color: #484848;
position: relative;
}
.diagram img {
margin-top: 25px;
}
.diagram_box {
height: 142px;
margin-top: 10px;
margin-bottom: 15px;
border: 2px solid #6CD2DC;
font-size: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.diagram_box__inner {
flex: 1;
}
.diagram-col-center {
font-size: 30px;
text-align: center;
position: relative;
}
.diagram-text-center {
position: absolute;
font-size: 30px;
color: #218A96;
left: 155px;
top: 215px;
}
.diagram-text-bottom {
position: absolute;
bottom: 10px;
left: 80px;
}
.diagram_line {
position: absolute;
height: 0px;
border-bottom: 2px solid #6CD2DC;
}
.feature_anchor {
position: absolute;
margin-top: -128px;
/* we have fixed header at page top, so we need to position anchors upper so that page is scrolled correctly */
}
.diagram_line1 {
left: 390px;
top: 125px;
width: 70px;
}
.diagram_line2 {
left: 660px;
top: 77px;
width: 148px;
}
.diagram_line3 {
left: 390px;
top: 287px;
width: 38px;
}
.diagram_line4{
left: 390px;
top: 395px;
width: 138px;
}
.diagram_line5{
left: 777px;
top: 201px;
width: 33px;
}
.diagram_line6{
left: 725px;
top: 361px;
width: 85px;
}
.section__text_blue {
color: #238A96;
font-size: 30px;
}
.icon_block_group__outer {
padding-bottom: 40px;
}
.icon_block_group {
margin-top: 30px;
}
.icon_block {
font-size: 20px;
margin: 5px 0;
}
.icon_block.row {
width: 600px;
}
.icon_block img {
/*width:79px;*/
height: 53px;
}
.icon_block__icon {
max-width: 79px;
flex: 1;
float: left;
margin: 0 25px;
}
.icon_block__text {
flex: 1;
float: left;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.icon_block__text_inner {
flex: 1;
}
.center {
margin-top: 30px;
width: 100%;
text-align: center;
}
.views__header {
margin-top: 50px;
text-align: center;
font-size: 20px;
color: #218A96;
margin-bottom: 35px;
}
.views__images {
margin-bottom: 50px;
}
.clear {
clear: both;
width: 100%;
}
hr {
border: none;
color: #CBCBCB;
background-color: #CBCBCB;
height: 1px;
margin-top: 0;
}
/* about us page */
.wrapper-about {
background-image: url(../images/about-us-2x.jpg);
background-position: center;
background-size: cover;
height: 380px;
margin-top: 113px;
}
.hexagon_container_outer {
width: 100%;
overflow-x: hidden;
}
.hexagon_container {
width: 3000px;
margin-left: -1500px;
left: 50%;
position: relative;
height: 670px;
margin-bottom: 10px;
}
.hexagon_container_half {
width: 50%;
height: 100%;
float: left;
//background: green;
//border: 2px solid red;
}
.hexagon_container_half_inner {
position: relative;
}
.hexagon_outer {
position: absolute;
}
.hexagon {
/*
position: relative;
width: 286px;
background-color: #ffffff;
margin: 82.56px 0;
border-left-width: 2px;
border-color: #333333;
border-style: solid;
border-right-width: 2px;
box-sizing:border-box;
display:block;
height:165.116px;
*/
background-color:rgb(255, 255, 255);
border-left-color:rgb(0, 102, 40);
border-left-style:solid;
border-left-width:2px;
border-right-color:rgb(0, 102, 40);
border-right-style:solid;
border-right-width:2px;
box-sizing:border-box;
display:block;
height:165.116px;
margin-top: 82.56px;
position:relative;
width:286px;
}
/*
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
z-index: 1;
width:202.223px;
height:202.223px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left:39.8837px;
box-sizing: border-box;
}
.hexagon:before {
top:-101.116px;
border-top-width: 2.82143px;
border-right-width:2.82143px;
border-color: inherit;
border-style: solid;
border-bottom: 0;
border-left: 0;
}
.hexagon:after {
bottom: -101.116px;
border-bottom-width: 2.82143px;
border-left-width: 2.82143px;
border-color: inherit;
border-style: solid;
border-top: 0;
border-right: 0;
}
*/
.hexagon:before {
background-color: inherit;
border-color: inherit;
border-right-style:solid;
border-right-width:2.82143px;
border-top-style:solid;
border-top-width:2.82143px;
box-sizing:border-box;
content:"";
display:block;
height:202.223px;
left:39.8837px;
position:absolute;
top:-101.116px;
transform:matrix(0.707107, -0.408283, 0.707107, 0.408283, 0, 0);
width:202.223px;
z-index:1;
}
.hexagon:after {
background-color: inherit;
border-color: inherit;
border-bottom-style:solid;
border-bottom-width:2.82143px;
border-left-style:solid;
border-left-width:2.82143px;
bottom:-101.116px;
box-sizing:border-box;
content:"";
display:block;
height:202.223px;
left:39.8837px;
position:absolute;
transform:matrix(0.707107, -0.408283, 0.707107, 0.408283, 0, 0);
width:202.223px;
z-index:1;
}
.hexagon_text {
z-index: 50;
position: absolute;
left: 0;
top: -10px;
text-align: center;
font-size: 22px;
width: 100%;
line-height: 32px;
padding: 0 20px;
margin-bottom: 15px;
}
.hexagon_text_two_line.hexagon_text {
top: -34px;
}
.hexagon_text .hexagon_text_header {
font-size: 30px;
margin-bottom: 15px;
display: block;
}
.hexagon_text2 {
margin-top: 15px;
}
.hexagon.hexagon0 {
background-color: #E0F5F8;
border-color: #E0F5F8;
}
.hexagon.hexagon1 {
border-color: #76D5DE;
}
.hexagon.hexagon2 {
border-color: #248A96;
}
.hexagon.hexagon3 {
border-color: #4DAF6E;
}
.hexagon.hexagon4 {
border-color: #E73C48;
}
.hexagon.hexagon5 {
border-color: #8F71CB;
}
.hexagon.hexagon6 {
border-color: #FFC108;
}
.hexagon.hexagon1 .hexagon_text_header{
color: #76D5DE;
}
.hexagon.hexagon2 .hexagon_text_header{
color: #248A96;
}
.hexagon.hexagon3 .hexagon_text_header{
color: #4DAF6E;
}
.hexagon.hexagon4 .hexagon_text_header{
color: #E73C48;
}
.hexagon.hexagon5 .hexagon_text_header{
color: #8F71CB;
}
.hexagon.hexagon6 .hexagon_text_header{
color: #FFC108;
}
.about_bottom {
text-transform: uppercase;
width: 100%;
text-align: center;
padding: 30px;
font-size: 28px;
color: #218A96;
margin-bottom: 15px;
}
/* request demo page */
.wrapper-demo {
background-image: url(../images/captain-2x.jpg);
background-size: auto 100%;
height: 380px;
margin-top: 113px;
background-position: center;
z-index: 1;
background-repeat: no-repeat;
}
.wrapper-demo:before {
content: '';
position: absolute;
left: 0;
width: 50%;
background-image: url(../images/captain_left-2x.jpg);
background-repeat: repeat-x;
background-size: contain;
height: 380px;
z-index: -1;
top: 0;
max-height: 100%;
}
.wrapper-demo:after {
content: '';
position: absolute;
left: 50%;
width: 50%;
background-image: url(../images/captain_right-2x.jpg);
background-repeat: repeat-x;
background-size: contain;
height: 380px;
z-index: -1;
top: 0;
max-height: 100%;
}
.requestForm {
margin-top: 60px;
}
/* other */
.header__menuButton {
display: none;
}
.header__menuBackground, .header__menu {
display: none;
}
.hexagon_container_mobile {
display: none;
}
.diagram_mobile {
display: none;
}
hr {
min-width: 640px;
}
/* blog page */
h1 {
color: #238A96;
}
h2 {
color: #228A96;
font-weight: normal;
clear: both;
}
h1 {
line-height: 50px;
}
.wrapper-blog {
background-image: url(../images/blog-bg-top-2x.png);
background-position: center;
height: 120px;
margin-top: 113px;
background-repeat: no-repeat;
z-index: 1;
display: flex;
background-size: 1620px 120px;
}
.wrapper-blog h2 {
margin-top: 28px;
}
.blog-picture img {
width: 800px;
float: left;
border: 2px solid #CBCBCB;
}
.blog-picture .blog-picture-label {
width: 400px;
float: left;
padding-left: 30px;
}
.blog-picture {
clear: both;
overflow:auto;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.blog-code {
width: 800px;
float: left;
background-color: #FAF3E4;
font-family: monospace ;
font-size: 12px;
line-height: 14px;
}
.blog-right-col {
padding-left: 30px;
}
h1.h1-blog {
font-weight: normal;
}
h1.h1-blog-page {
font-weight: normal;
margin-bottom: 10px;
}
.blog-split {
border-bottom: 1px solid #CBCBCB;
clear: both;
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
margin-bottom: 60px;
height: 1px;
}
.news {
background-color: #F1F8F8;
padding-top: 8px;
height: 134px;
}
.news_inner {
width: 1200px;
margin: 0 auto;
position: relative;
}
.news .visible {
}
.news .hidden {
display: none;
}
.news_empty {
height: 34px !important;
}
.news_upper {
text-align: center;
font-size: 16px;
}
.news_header {
color: #238A96;
text-align: center;
font-size: 24px;
padding: 4px 0;
cursor: pointer;
}
.news_logo {
width: 170px;
margin: 0 auto;
height: 50px;
cursor: pointer;
}
.news_logo button {
cursor: pointer;
}
.news_logo img {
width: 170px;
cursor: pointer;
}
.news_buttons {
text-align: center;
width: 83px;
margin: 0 auto;
height: 20px;
}
.news_button {
width: 10px;
height: 10px;
border-radius: 10px;
border: 1px solid #6CD2DC;
background-color: #CDEFF3;
margin-left: 10px;
float: left;
display: inline-block;
cursor: pointer;
}
.news_button.active {
background-color: #6CD2DC;
}
.news_arrow_left {
position: absolute;
left: 0;
top: 35px;
background-image: url(../images/arrow_news_left-2x.png);
background-size: contain;
width: 25px;
height: 47px;
}
.news_arrow_right {
position: absolute;
right: 0;
top: 35px;
background-image: url(../images/arrow_news_right-2x.png);
background-size: contain;
width: 25px;
height: 47px;
}
.video_preview_outer {
margin: 20px;
margin-top: 40px;
position: relative;
}
.video_preview{
width: 584px;
height: 331px;
border: 1px solid #238A96;
background-image: url(../images/video_preview2.png);
background-size: cover;
}
.video_play {
background-image: url(../images/play-big-2x.png);
width: 168px;
height: 116px;
background-size: cover;
left: 210px;
top: 123px;
position: absolute;
cursor: pointer;
}
#video2 {
border: 1px solid #238A96;
}
html.pdf, html.pdf body {
height: 100%;
}
.pdfobject-container {
height: calc( 100% - 114px ) ;
}
.wrapper-boats {
background-image: url(../images/boats-2x.jpg);
background-position: center;
height: 400px;
margin-top: 113px;
background-repeat: no-repeat;
z-index: 1;
display: flex;
background-size: 1620px 400px;
}
.wrapper-boats:before {
content: '';
background-image: url(../images/boats-2x-left.jpg);
background-repeat: repeat-x;
background-size: auto 100%;
height: 400px;
z-index: -1;
top: 0;
max-height: 100%;
flex: 1;
background-position: 100%;
}
.wrapper-boats section.row {
width: 1620px;
}
.wrapper-boats:after {
content: '';
background-image: url(../images/boats-2x-right.jpg);
background-repeat: repeat-x;
background-size: auto 100%;
height: 400px;
z-index: -1;
top: 0;
max-height: 100%;
flex: 1;
}
.wrapper-features {
padding-top: 30px;
}
table.table_use_cases {
width: 1200px;
margin: 10px auto;
border-collapse: collapse;
font-size: 22px;
line-height: 180%;
border-bottom: 2px solid #6CD2DC;
border-top: 2px solid #6CD2DC;
color: #6C6C6C;
}
.table_use_cases tr.use_cases_scenario td {
border-top: 2px solid #6CD2DC;
}
.table_use_cases th {
font-size: 22px;
color: #238A96;
background-color: #F1F8F8;
border: 1px solid #6CD2DC;
border-top-width: 2px;
border-bottom-width: 2px;
padding: 20px 12px;
text-align: center;
}
.table_use_cases td{
vertical-align: top;
padding: 10px 12px;
border: 1px solid #6CD2DC;
}
.table_use_cases td.left-col {
font-weight: bold;
width: 300px;
}
table.table_use_cases .mobile_header {
display: none;
font-weight: bold;
font-size: 20px;
}
table.table_use_cases {
}
.table_use_cases_scenario{
color: #238A96;
font-weight: normal;
}
table.table_use_cases .mobile_header_columns.mobile_header {
color: #238A96;
font-weight: normal;
}
.header__menuProduct, .header__menuFeatures, .header__menuSupport {
display: none;
}
.wrapper-top-new {
//background-image: url(../images/boat-2x.jpg);
background-image: url(../images/top-2x.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 1600px 374px;
height: 374px;
z-index: 1;
}
.wrapper-top-new:before {
content: '';
position: absolute;
left: 0;
width: calc(50% - 796px);
background-image: url(../images/top-left-2x.jpg);
background-repeat: repeat-x;
background-size: 71px 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
.wrapper-top-new:after {
content: '';
position: absolute;
left: calc(50% + 800px);
width: calc(50% - 800px);
background-image: url(../images/top-right-2x.jpg);
background-repeat: repeat-x;
background-size: 34px 100%;
height: 374px;
z-index: -1;
top: 0;
max-height: 100%;
}
.wrapper-top-new section {
margin-top: 102px;
}
.wrapper-new-features .feature_image img {
border: none;
}
.feature_image_logo img {
height: auto;
width: 280px;
margin: 0 auto;
display: block;
margin-top: 100px;
}
.feature_image_pipelines img {
width: 586px;
max-width: 586px;
height: auto;
}
.feature_image_log img {
width: 414px;
height: auto;
margin-left: 90px;
}
.feature_image_import img {
width: 583px;
height: auto;
}
.feature_image_json img {
width: 583px;
height: auto;
}
.feature_image_border.feature_image img {
border: 1px solid #CBCBCB;
}
.contactsForm {
width: 780px;
max-width: 100%;
padding-right: 0px;
border-right: 1px solid #EBEBEB;
}
.contactsForm h2 {
margin-left: 50px;
}
.contactsForm__row {
width: 600px;
margin-bottom: 15px;
}
.contacts {
height: 100%;
line-height: 30px;
padding-top: 60px;
}
.img_sphere {
height: 50px;
vertical-align: middle;
margin-top: -6px;
}
.pricing {
height: 500px;
}
.price-block {
width: 250px;
height: 400px;
background: white;
margin-right: 40px;
box-shadow: 0px 0px 7px 7px rgba(216,234,236,1);
position: relative;
color: #3B3B3B;
font-size: 16px;
}
.price-block-header {
text-align: center;
text-transform: uppercase;
height: 62px;
padding: 20px 0;
font-size: 20px;
}
.price-block-1 .price-block-header {
background: #6CD2DC;
}
.price-block-2 .price-block-header {
background: #238A96;
color: white;
}
.price-block-3 .price-block-header {
background: #FFC107;
}
.price-block-4 .price-block-header {
background: #3F8456;
color: white;
}
.price-block-price {
font-size: 26px;
position: absolute;
left: 70px;
top: 80px;
color: #6D6D6D;
}
.price-block-price2 {
font-size: 26px;
position: absolute;
left: 60px;
top: 80px;
text-decoration:line-through;
color: #6D6D6D;
}
.price-block-per-month {
font-size: 12px;
display: inline-block;
position: absolute;
left: 110px;
top: 92px;
}
.price-block-per-month2 {
font-size: 12px;
display: inline-block;
position: absolute;
left: 145px;
top: 92px;
}
.price-block-free {
font-size: 30px;
color: #6CD2DC;
text-align: center;
position: absolute;
left: 94px;
top: 126px;
}
.price-block-free2 {
font-size: 30px;
color: #6CD2DC;
text-align: center;
position: absolute;
left: 74px;
top: 126px;
}
.price-block-user-icon img {
height: 22px;
position: absolute;
left: 107px;
top: 177px;
}
.price-block-users {
text-align: center;
position: absolute;
left: 92px;
top: 204px;
}
.price-block-user2-icon img {
height: 22px;
position: absolute;
left: 50px;
top: 177px;
}
.price-block-users2 {
text-align: center;
position: absolute;
left: 32px;
top: 204px;
}
.price-block-department-icon img {
height: 22px;
position: absolute;
left: 162px;
top: 177px;
}
.price-block-departments {
text-align: center;
position: absolute;
left: 122px;
top: 204px;
}
.price-block-database-icon img {
height: 22px;
position: absolute;
left: 107px;
top: 235px;
}
.price-block-database {
text-align: center;
position: absolute;
left: 62px;
top: 262px;
}
.price-block-footer {
background: #F1F8F8;
position: absolute;
left: 0px;
top: 290px;
height: 112px;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.solutions {
width: 1200px;
margin: 20px auto;
}
.solutions tr {
}
.solution-cell-outer {
width: 270px;
height: 270px;
box-sizing: border-box;
margin-right: 30px;
margin-bottom: 30px;
background-size: 270px 270px;
background-repeat: no-repeat;
position: relative;
}
.solution-cell-outer.active {
/*border: 2px solid #6CD2DC;
background-position: -2px -2px;
*/
}
.solution-cell-outer:last-child {
padding-right: 0px;
}
.solution-cell {
position: absolute;
top: 80px;
left: 0px;
padding: 20px 30px;
width: 270px;
height: 115px;
background: rgba(35,138,150,0.5);
color: white;
font-size: 22px;
text-align: center;
display:flex;justify-content:center;align-items:center;
}
.solution-cell.active {
/* left: -2px;top: 78px; */
color: #238A96;
background: rgba(108, 210, 220, 0.7);
font-weight: bold;
}
.solutions-1 {
background-image: url(../images/cloud-2x.jpg);
}
.solutions-1.active {
background-image: url(../images/cloud-light-2x.jpg);
}
.solutions-2 {
background-image: url(../images/platform-2x.jpg);
}
.solutions-2.active {
background-image: url(../images/platform-light-2x.jpg);
}
.solutions-3 {
background-image: url(../images/microservices-2x.jpg);
}
.solutions-3.active {
background-image: url(../images/microservices-light-2x.jpg);
}
.solutions-4 {
background-image: url(../images/architecture-2x.jpg);
}
.solutions-4.active {
background-image: url(../images/architecture-light-2x.jpg);
}
.solutions-5 {
background-image: url(../images/lake-2x.jpg);
}
.solutions-5.active {
background-image: url(../images/lake-light-2x.jpg);
}
.solutions-6 {
background-image: url(../images/protection-2x.jpg);
}
.solutions-6.active {
background-image: url(../images/protection-light-2x.jpg);
}
.solutions-7 {
background-image: url(../images/agile-2x.jpg);
}
.solutions-7.active {
background-image: url(../images/agile-light-2x.jpg);
}
.solutions-8 {
background-image: url(../images/map-2x.jpg);
}
.solutions-8.active {
background-image: url(../images/map-light-2x.jpg);
}
.solution_header {
background: #6CD2DC;
color: white;
text-transform: uppercase;
text-align: center;
font-size: 24px;
padding: 20px 0;
}
.solution-desc {
background: #F1F8F8;
padding-bottom: 20px;
display: none;
}
.solution-desc .row-head .col-xs-6 {
padding-bottom: 0;
}
.solution-desc.active {
display: block;
}
.solution-desc .col-xs-6 {
font-size: 20px;
line-height: 33px;
padding: 10px 30px;
padding-bottom: 20px;
position: relative;
}
.solution-desc .row-head .col-xs-6:first-child:after {
display: none;
}
.solution-desc .col-xs-6:first-child:after {
content: '';
position: absolute;
width: 25px;
height: 47px;
right: -5px;
top: 25px;
background-size: cover;
background-image: url(../images/arrow_news_right-2x.png);
}
.preload {
display: none;
}
.section_privacy {
p,ul {
clear: both;
}
}