* {
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
}

*, *:after, *:before {
    box-sizing: border-box;
}

#content, footer {
    width: 100%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    color: #383838;
    background: #fff;
    border-bottom: 1px solid #CACACA;
    z-index: 5;
}

.skip-header {
    padding-top: 120px !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI", "Arial";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}

h1 {
    font-size: 50px;
}

h2 {
    /*padding-bottom: 30px;*/
    text-align: center;
}

h2.h2-uppercase {
    line-height: 120%;
    font-size: 45px;
    text-transform: uppercase;
    color: #323232;
}

h2.h2-lowercase {
    font-size: 55px;
    color: #323232;
}

h3.h3-uppercase {
    font-size: 30px;
    text-transform: uppercase;
    color: #323232;
}

h3:not(.h3-lower-size) {
    color: #EF3E33;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px;
}

.no-red {
    color: #323232!important;
}

h4,
.h3-lower-size {
    font-size: 22px;
    margin-bottom: 30px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0;
    font-size: 18px;
    color: black;
}

.bold {
    font-weight: 600;
}

.mb-0 {
    margin-bottom: 0!important;
}

.mt-30 {
    margin-top: 30px!important;
}

.pt-15 {
    padding-top: 15px!important;
}

.pt-30 {
    padding-top: 30px!important;
}

.pt-45 {
    padding-top: 45px!important;
}

.pt-65 {
    padding-top: 65px!important;
}

.relative {
    position: relative;
}

.letters-sm {
    text-transform: lowercase;
}

.text-height-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-height-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.flex-blocks {
    display: flex;
    justify-content: space-around;
}

.flex-blocks > div {
    margin-bottom: 50px;
}

.middle-position {
    padding-left: 8%;
    padding-right: 8%;
}

.img-pb img {
    padding-bottom: 30px;
}

.img-width-50 img {
    width: 50%;
}

.img-width-75 img {
    width: 75%;
}

.img-width-100 img {
    width: 100%;
}

.img-line-height {
    height: 320px;
}

@media (max-width: 1169px) {
    .img-line-height {
        height: 360px;
    }
}

@media (max-width: 1007px) {
    .img-line-height {
        height: 420px;
    }
}

@media (max-width: 845px) {
    .img-line-height {
        height: 460px;
    }
}

@media (max-width: 767px) {
    .img-width-50 img {
        width: 100%;
    }

    .img-line-height {
        margin-bottom: 50px;
        height: auto;
    }
}

@media (max-width: 900px) {
    .flex-blocks {
        flex-direction: column;
        align-items: center;
    }

    .middle-position {
        padding-left: 15px;
        padding-right: 15px;
    }
}

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-3,
.col-5,
.col-6,
.col-7,
.col-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-3:not(:last-child),
.col-5:not(:last-child),
.col-6:not(:last-child),
.col-7:not(:last-child),
.col-9:not(:last-child) {
    margin-bottom: 50px;
}

@media (min-width: 1760px) {
    .container {
        max-width: 1700px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-3:not(:last-child),
    .col-5:not(:last-child),
    .col-6:not(:last-child),
    .col-7:not(:last-child),
    .col-9:not(:last-child) {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/*.wide-content-wrapper h1, .wide-content-wrapper h2 {*/
/*    padding-bottom: 5px !important;*/
/*}*/

footer > div,
.header-content,
.wrapper-content > *,
.wide-content-wrapper > *,
.chess-board > *,
.page-beginning > *,
.chess-board-helper,
.simple-content,
#anchor-lists, .img_content > *:not(.img-content-wrapper) {
    max-width: 1700px;
    margin: 0 auto !important;
}

/* Width for middle blocks */
.medium-width,
.img-content-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

/* Width for small blocks */
.small-width {
    max-width: 700px;
    margin: 0 auto;
}

/* Min width for whole site */
/*body,*/
/*footer > div,*/
/*.header-content,*/
/*.wrapper-content,*/
/*#content > *,*/
/*#modal-window-background {*/
/*    min-width: 320px;*/
/*}*/

/* Padding for all content */
.wrapper-content, .wide-content-wrapper,
#anchor-helper.fixed-anchors, #anchors,
header, footer, .img_content, .page-beginning,
.adding-padding-block, .simple-content {
    padding-left: 15px;
    padding-right: 15px;
}



/**/
.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.logo-block img {
    margin-top: 5px;
    width: 180px;
    height: auto;
}

.menu-block-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-menu {
    position: relative;
    font-size: 18px;
}

#header-menu a {
    text-decoration: none;
    color: #383838;
    margin: 0 5px;
    padding: 17px 26px;
    transition: opacity 0.2s;
}

.header-menu-list {
    display: flex;
    align-items: center;
}

.header-menu-list > div {
    display: inline-block;
}
.header-menu-list > div:not(.desktop) {
    display: none;
}
#header-menu a.active,
#header-menu a:hover:not(.active) {
    color: #ec3939;
    border-bottom: 2px solid #383838;
}

.action-menu {
    display: none;
}

.menu-sign {
    margin-right: 25px;
}
.menu-sign a {
    display: block;
    padding: 0!important;
    width: 24px;
    height: 24px;
    background: url("../img/header-icons.png") no-repeat;
    background-size: 48px;
}
.menu-sign a:hover {
    background-position: 0 -24px;
    border-bottom: 0!important;
}

.menu-contact a {
    display: block;
    padding: 0!important;
    width: 24px;
    height: 24px;
    background: url("../img/header-icons.png") no-repeat;
    background-position: -24px 0;
    background-size: 48px;
}
.menu-contact a:hover {
    background-position: -24px -24px;
    border-bottom: 0!important;
}

@media (min-width: 901px) {
    .mob-v {
        display: none;
    }
}

/* Hamburger menu START */

.visually-hidden {
    position: absolute !important;
    display: none;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px !important; padding: 0 !important; border: 0 !important;
}

#hamburger_menu {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 25px;
    position: relative;
    overflow: hidden;
}

#hamburger_menu .bar {
    padding: 0;
    width: 30px;
    height: 3px;
    background-color: #383838;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute;
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
    top: 11px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}

#hamburger_menu .bar1 {
    transform-origin: 5%;
}

#hamburger_menu .bar4 {
    transform-origin: 5%;
}

.checkbox_menu:checked + label > #hamburger_menu > .bar1{
    transform: rotate(45deg);
    height: 3px;
    width: 42px;
}

.checkbox_menu:checked + label > #hamburger_menu > .bar3{
    transform: rotate(45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox_menu:checked + label > #hamburger_menu > .bar2{
    transform: rotate(-45deg);
    height: 3px;
    background-color: transparent;
}

.checkbox_menu:checked + label > #hamburger_menu > .bar4{
    transform: rotate(-45deg);
    height: 3px;
    width: 42px;
}

/* Hamburger menu END */

.captcha-bottom {
    bottom: 100px !important;
}

.wrapper-img {
    display: table;
    height: 600px;
}

.img_content {
    z-index: 2;
    display: table-cell;
    position: relative;
    padding-top: 120px;
    padding-bottom: 60px;
    vertical-align: middle;
    color: #ffffff;
    width: 100%;
    min-height: 400px;
}

.small_img_content {
    z-index: 2;
    position: absolute;
    color: #ffffff;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.three-the-same-column {
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    -ms-flex-direction: row;
}

.three-the-same-column > div {
    width: 33.33%;
}

.three-the-same-column > div:first-of-type,
.three-the-same-column > div:nth-of-type(2) {
    margin-right: 25px;
}

.three-the-same-column > div:nth-of-type(2),
.three-the-same-column > div:last-of-type {
    margin-left: 25px;
}

.wide-columns-block .page-description {
    margin-top: 0;
    margin-bottom: 60px;
}

.three-wide-columns {
    display: flex;
    display: -ms-flex;
    width: 100%;
}

.three-wide-columns > div {
    width: 33.33%;
}

.three-wide-columns-text {
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 150px 100px;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('fonts/segoe-ui.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, a, p, textarea, input {
    font-family: "Segoe UI", Arial;
}

.three-wide-columns-text > p {
    font-size: 18px;
    margin-top: 80px;
}

/* Min height fot content that footer was in the bottom */
#content {
    min-height: calc(100vh - 100px);
}

#content > div:last-of-type:not(.wide-content-wrapper):not(.whole-page-img):not(.bg_voip) {
    margin-bottom: 30px;
}

/*#content > * {*/
/*    color: #383838;*/
/*}*/

#content > .wide-content-wrapper:not(:last-child) {
    padding-top: 45px;
    padding-bottom: 45px;
}

/*#content > .wide-content-wrapper:not(:first-of-type):not(:last-of-type) {*/
/*    padding-top: 30px !important;*/
/*}*/

/*#content > .wide-content-wrapper:first-of-type {*/
/*    padding-top: 120px;*/
/*}*/


.wrapper-content > *,
.chess-board-helper,
.last-margin,
.simple-content {
    margin-top: 35px !important;
}

.img-text-h1 {
    width: 100%;
    font-weight: 400;
    line-height: 80px;
    margin: 0;
    text-transform: uppercase;
}

.img-text-h2 {
    font-weight: 400;
    margin: 0 0 60px;
    padding: 0 !important;
}

.small-img-text,
.small-img-description {
    width: 100%;
    font-size: 24px;
}

.small-img-text {
    margin-top: 125px;
    font-weight: bold;
}

.img-description {
    color: white;
    font-size: 18px;
    line-height: normal;
    margin-top: 60px;
}
.img-description:not(:last-child) {
    margin-bottom: 60px;
}

.img-description-addition {
    margin: 60px 0 0;
    font-size: 20px;
    font-weight: 500;
}
#g-recaptcha > div:not(.grecaptcha-badge) {
    width: 256px;
    height: 60px;
    display: block;
    transition: right 0.3s ease;
    position: fixed;
    bottom: 14px;
    right: -20px;
    color: #383838;

}

.center {
    text-align: center;
}
.vertical-center {
    vertical-align: middle;
}
.horizontal-center {
    margin: 0 auto;
}

#img-buttons.flex-buttons{
    display: flex;
    display: -ms-flex;
    width: 100%;
}

.small-img-buttons a,
#img-buttons a {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
    background: #4f7bac;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    text-align: center;
}
#img-buttons > a:hover {
    background: #6f9dce;
    color: #fff;
}
#img-buttons a > span {
    display: inherit;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.flex-buttons > * {
    width: 100%;
}
.flex-buttons > *:nth-of-type(2):not(:last-of-type) {
    /*text-align: left;*/
}
.flex-buttons > *:nth-of-type(2):not(:last-of-type) > a {
    margin: 0 auto !important;
}
.flex-buttons .img-btn {
    width: 75%;
    max-width: 300px;
}

.flex-buttons > * > .img-btn {
    margin-right: 50px;
    margin-left: 50px;
}

.flex-buttons > *:first-child > .img-btn {
    /*margin-left: 0 !important;*/
}
.flex-buttons > *:first-child {
    /*text-align: left;*/
}
.flex-buttons > *:last-child {
    /*text-align: left!important;*/
}
.flex-buttons > *:last-child > .img-btn {
    /*margin-right: 0 !important;*/
}

.img-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.img-buttons a {
    margin: 0 15px;
    width: 300px;
    text-transform: uppercase;
    background: #4f7bac!important;
    color: #fff!important;
}

.img-description,
.img-buttons a {
    margin-top: 60px;
    /*margin-bottom: 0!important;*/
}

@media (max-width: 659px) {
    .img-description,
    .img-buttons a {
        margin: 30px 0 0 0;
    }
}

.img-buttons a:hover {
    background: #6f9dce!important;
    color: #fff!important;
    opacity: 1!important;
}
/*self-service-img*/

.wrapper-img {
    width: 100%;
    position: relative;
    z-index: 0;
}

.narrow-wide-bold-description {
    font-weight: 600;
}

.whole-page-img {
    min-height: 100%;
    height: calc(100vh - 100px);
    padding-bottom: 0 !important;
}

/* Background images START */
.background-homepage-banner {
    background: url("../img/switzerland-homepage.jpg") no-repeat right;
}

.background-contact-us-img {
    background: url("../img/contact_us.png") no-repeat center;
}

.background-login-img {
    background: url("../img/sign_in.png") no-repeat center;
}

.background-service-banner {
    background: url("../img/service_mob-banner-min.png") no-repeat center;
}

.background-white-label-img {
    background: url("../img/white-label-solution/banner.jpg") no-repeat center;
}

.background-404-img {
    background: url("../img/404.png") no-repeat center;
}

.background-communication-page {
    background: url("../img/commun_bg.png") no-repeat center;
}

.background-about-us {
    background: url("../img/about-us/background-about-us.png") no-repeat center;
}

.sms-game-banner {
    background: url("../img/sms-game/sms-game-banner.png") no-repeat top;
}
.background-marketing-banner {
    background: url("../img/marketing/background-marketing-banner.png") no-repeat center;
}
.background-reinvent-sales-banner {
    background: url("../img/marketing/background-reinvent-sales-banner.png") no-repeat center;
    background-position-y: bottom;
}
/* Background images END */

.background-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: black;
    width: 100%;
    height: 100%;
}

header .background-mask {
    opacity: 0.8;
}

#content .background-mask,
.small-img.background-mask {
    opacity: 0.6;
}

.bg_voip .background-mask {
    opacity: 0.7 !important;
}

/*        Footer          */
footer {
    background: #f7f9ff;
    height: 80px;
}

.footer-menu {
    height: 100%;
    display: flex;
    display: -ms-flex;
}

.active-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

/* Grey links START*/
.grey-links a {
    color: #383838;
    text-decoration: none;
}
.grey-links a:hover {
    text-decoration: underline;
}

.white-links a {
    color: #ffffff;
    font-size: inherit;
    font-family: inherit;
}

.left-footer-menu a {
    font-size: 14px;
    font-weight: bold;
    padding-right: 5%;
}

/* Grey links END*/


.social-icons {
    text-align: center;
    width: 10%;
}
.facebook-footer-icon, .twitter-footer-icon {
    width: 24px;
    height: 24px;
}


/* Vertical align by middle START */
.social-icons,
.left-footer-menu,
.copy-right-footer-menu {
    display: table;
    height: 100%;
}

.social-icons > *,
.left-footer-menu > *,
.copy-right-footer-menu > * {
    display: table-cell;
    vertical-align: middle;
}
/* Vertical align by middle END */

.social-icons-address a {
    display: inline-block;
    text-decoration: none;
}

.social-icons-address a {
    margin: 10px 25px 0;
}

.social-icons a {
    width: 50%;
    text-decoration: none;
}

.copy-right-footer-menu {
    width: 20%;
    text-align: right;
    font-size: 14px;
}

.left-footer-menu {
    width: 70%;
}

.footer {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: #f8f9fe;
}

.footer > div:first-child a {
    margin-left: 20px;
    text-decoration: none;
    color: #222;
 }

.footer-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-social-icons a {
    margin-top: 4px;
    margin-right: 20px;
}

/* Form fields */

.form-default > div:last-of-type {
    margin-bottom: 0;
}

.form-row {
    display: flex;
    display: -ms-flex;
    position: relative;
}

.forms-columns {
    display: flex;
    display: -ms-flex;
    width: 100%;
}

.form-column{
    width: 50%;
}

.forms-columns .form-column:first-child {
    padding-right: 50px;
}

.forms-columns .form-column:last-child {
    padding-left: 50px;
}

.form-field {
    position: relative;
    margin-bottom: 15px;
}

.wide-form-row {
    position: relative;
}

.privacy-agreement {
    display: inline-block;
    position: relative;
}

.error-field {
    position: absolute;
    bottom: -20px;
    font-size: 14px;
    color: #ff1717;
    right: 0;
}

.error {
    border: 1px solid #ff1717 !important;
}

.hide-error {
    display: none !important;
}

input[type=text],
input[type=password],
select,
textarea {
    width:100%;
    box-sizing: border-box;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background: white;
    padding: 10px;
    border: 1px solid #dbdbdb;
}

input[type=text],
input[type=password],
select {
    height: 43px;
}

textarea {
    resize: none;
    height: 100px;
}

.form-row > .form-field:first-of-type {
    margin-right: 50px;
}

.form-row > .form-field:last-of-type {
    margin-left: 50px;
}

.small-form label,
.form-default label {
    display: block;
    margin-bottom: 5px;
}

.form-default label {
    font-size: 24px;
}

.small-form label {
    font-size: 18px;
}

.form-default select {
    color: #777777;
    font-size: 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-default .select-wrapper {
    position: relative;
}
.form-default .select-wrapper:after {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='11px' viewBox='0 0 18 11' enable-background='new 0 0 18 11' xml:space='preserve'%3E%3Cpath fill='%23777777' d='M8.826,7.412L16,0.238l1.414,1.415l-8.537,8.537L7.995,9.41L0,1.414L1.414,0L8.826,7.412z'/%3E%3C/svg%3E") no-repeat;
    content: "";
    background-size: 14px 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 15px;
    position: absolute;
    right: 12px;
    top: 15px;
    color: #383838;
    z-index: 1;
    text-align: center;
    pointer-events: none;
    box-sizing: border-box;
    padding: 0 8px;
}

.form-default  option:not(:first-of-type) {
    color: black;
}


/* Checkbox START */
input[type=checkbox] {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    -ms-progress-appearance: unset;
    appearance:none;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    margin: 0 10px 0 0;
    line-height: normal;
    width: 27px;
    height: 27px;
    border-radius: 0;
    display: inline-block;
    position: relative;
}

input[type=checkbox]:checked:after {
    content: '\2714';
    font-size: 16px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #383838;
}

.checkbox-label {
    font-size: 14px !important;
    display: inline !important;
    line-height: 27px !important;
    vertical-align: middle;
}

.checkbox-label.grey-links a {
    text-decoration: underline;
}

/* Checkbox END */

/* Buttons START */

.btn-block {
    padding-top: 60px;
}

.btn {
    border: 1px solid #dbdbdb;
    display: inline-block;
    background: transparent;
    transition: background-color 0.5s;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    height: 100%;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
}

.btn-black {
    background: #252525;
    color: #fff;
}
.btn-grey {
    color: #383838;
}
.btn-white {
    color: #ffffff;
}

.btn-google {
    display: inline-block;
    background-image: url("../img/google-play.svg");
    height: 48px;
    width: 170px;
    cursor: pointer;
}

/* Buttons END */
.address-block {
    display: flex;
    display: -ms-flex;
    /*background-color: #f5fbff;*/
    /*padding: 25px;*/
}

.address-block > div {
    width: 50%;
    line-height: 24px;
}


.address-block > div > p {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


/* Modal block */
#modal-window {
    visibility: hidden;
}

#modal-window-background {
    background: black;
    transition: opacity 0.5s; /* Changing this also need to change in main.js time of hiding modal window */
    opacity: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
}

#modal-window-content {
    transition: opacity 0.5s; /* Changing this also need to change in main.js time of hiding modal window */
    opacity: 0;
    z-index: 4;
    width: 100%;
    height: calc(100% - 90px);
    padding: 20px;
    position: fixed;
    overflow-y: auto;
}

#modal-window-content > * {
    background-color: #ffffff;
    margin: 0 auto;
}

/* Login page START*/

#login {
    position: relative;
    min-height: 500px;
    max-width: 900px;
}

.small-img-wrapper {
    width: 40%;
    position: relative;
}

.small-img-wrapper > div {
    height: 100%;
}

.small-img-content-wrapper {
    padding: 100px 20px;
    float: left;
    width: 40%;
    height: 100%;
}

.login-btn-block > * {
    color: #383838;
}

.small-img-content-wrapper > * {
    max-width: 300px;
    margin: 0 auto;
}

.small-img-description {
    margin: 75px 0 100px;
}

.mobile-element,
.mobile-block-element {
    display: none;
}

#modal-window-right-content {
    width: 60%;
    height: 100%;
    position: relative;
}

#modal-window-right-content > * {
    padding: 50px 100px;
}


.small-form h2 {
    text-transform: capitalize;
}

.small-form > * {
    position: relative;
    padding: 0;
    margin-bottom: 35px;
}
#forgot-password-form > * {
    margin-bottom: 50px;
}
.small-form *:last-child {
    margin-bottom: 0;
}
.remember-me {
    display: flex;
    display: -ms-flex;
    font-size: 14px;
}

.remember-me > div {
    width: 80%;
}
.remember-me * {
    vertical-align: middle;
}
.forgot-password {
    text-align: right;
    color: #555555;
}

.forgot-password > div {
    cursor: pointer;
    display: inline-block;
}
.forgot-password > div:hover {
    text-decoration: underline;
}
.forgot-password-response {
    font-size: 18px;
}
.fp-massage {
    margin: 50px 0;
}

.fp-btn > .btn {
    margin-left: 10px;
}

.small-form {
    float: right;
    color: #383838;
    height: 100%;
    width: 60%;
    padding: 50px 100px;
    position: relative;
    background: #fff;
}

/* Login page END*/

/* Two column block START */

.chess-board {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 100%;
}

.chess-board > * {
    display: flex;
    display: -ms-flex;
    box-sizing: content-box;
    width: 100%;
    min-height: 500px;
}

.chess-board > *:not(:last-child)  {
    padding-bottom: 90px;
}

.chess-board > * > * {
    width: 50%;
}

.chess-board .reverse-row {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}

.text-block {
    padding: 50px 100px;
    position: relative;
    color: #383838;
    top: 50%;
    transform: translateY(-50%);
}

.bright-blue {
    background-color: #f5fbff;
}

.two-row-text-title {
    margin: 0 0 60px;
}

.two-row-text-desc {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
}

.page-description {
    font-size: 18px;
    text-align: left;
}

/* Two column block END */

/* 404 page START */

#page404-text-block {
    position: relative;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.massage-404 {
    position: absolute;
    bottom: 75px;
    left: 0;
    width: 100%;
    color: #ffffff;
}

.massage-404 > * {
    padding: 0 20px;
}

/* 404 page END */

/* Simple block text START */
.simple-content {
    color: #383838;
    font-size: 18px;
}
.simple-content a {
    text-decoration: none;
    color: #2891d0;
    cursor: pointer;
}
.simple-content a:hover {
    text-decoration: underline;
}
/* Simple block text END */

.message-block {
    max-width: 500px;
    padding: 0 25px;
    background: transparent !important;
}

.message-background {
    background: url("../img/thank_you.png") no-repeat center;
    margin: 0 auto;
    position: relative;
    padding: 20px;
    color: #ffffff;
    max-width: 500px;
}

.message-background > * {
    margin-bottom: 30px;
}

.message-text > h2 {
    margin: 0 0 10px;
}

.message-text > p {
    margin: 0;
    color: #eee;
}

.message-background > *:last-of-type {
    margin-bottom: 0;
}

.message-img > div {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.message-img > div.msg_success {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M30.5902 54.1803C44.1709 54.1803 55.1803 43.1709 55.1803 29.5902C55.1803 16.0094 44.1709 5 30.5902 5C17.0094 5 6 16.0094 6 29.5902C6 43.1709 17.0094 54.1803 30.5902 54.1803Z' fill='%23E1E1E1'/%3E%3Cpath d='M43.5738 21L27.8361 38.7049L18 30.8361' stroke='%23383838' stroke-width='5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='49.1803' height='49.1803' fill='white' transform='translate(5.90161 4.91797)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.message-img > div.msg_error {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='496.2px' height='496.2px' viewBox='-231 32.8 496.2 496.2' style='enable-background:new -231 32.8 496.2 496.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23383838;%7D%0A%3C/style%3E%3Cpath class='st0' d='M265.2,280.9c0-137-111.1-248.1-248.1-248.1c-137,0-248.1,111.1-248.1,248.1c0,137,111.1,248.1,248.1,248.1 C154.1,529,265.2,417.9,265.2,280.9z'/%3E%3Cpath class='st1' d='M46,280.9l72.5-84.2c7.9-9.2,6.9-23-2.3-31c-9.2-7.9-23-6.9-30.9,2.3l-68.2,79.2l-68.2-79.2 c-7.9-9.2-21.8-10.2-31-2.3c-9.2,7.9-10.2,21.8-2.3,31l72.5,84.2l-72.5,84.2c-7.9,9.2-6.9,23,2.3,31c4.1,3.6,9.2,5.3,14.3,5.3 c6.2,0,12.3-2.6,16.6-7.6l68.2-79.2l68.2,79.2c4.3,5,10.5,7.6,16.6,7.6c5.1,0,10.2-1.7,14.3-5.3c9.2-7.9,10.2-21.8,2.3-31L46,280.9z '/%3E%3C/svg%3E%0A");
}

/* Icons svg START */

.icon-star {
    background: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35.5' cy='35.5' r='35.5' fill='%234F7BAC'/%3E%3Cpath d='M35.5 44.4957L51.225 56L45.275 37.2522L61 26.1739H41.875L35.5 7L29.125 26.1739H10L25.725 37.2522L19.775 56L35.5 44.4957Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
}

/* Works just when this block is after background block  */
.wrapper-img:not(.background-cysend-banner),
.message-img > div,
.icon-star,
.message-background,
.background-login-img,
.btn-google,
.background-404-img {
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

/* Icons svg END */

.white-img-text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
}

/* Wide list START */
.wide-list {
    font-size: 18px;
    width: 100%;
}

.wide-list-element {
    background: #f4f4f4;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    display: flex;
}

.wide-list-element > *:not(.mark-element) {
    padding: 25px;
}

.wide-list-element > *:first-child {
    max-width: 300px;
    width: 20%;
    min-width: 90px;
}
.wide-list-element > *:last-child {
    width: 80%;
}

.star-mark {
    background: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35.5' cy='35.5' r='35.5' fill='%234F7BAC'/%3E%3Cpath d='M35.5 44.4957L51.225 56L45.275 37.2522L61 26.1739H41.875L35.5 7L29.125 26.1739H10L25.725 37.2522L19.775 56L35.5 44.4957Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
}

.microphone-mark {
    background: url("data:image/svg+xml,%3Csvg width='57' height='57' viewBox='0 0 57 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.5 28V34C43.5 42.271 36.771 49 28.5 49C20.229 49 13.5 42.271 13.5 34V28' stroke='%23556080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M28.5 44C23 44 18.5 39.5 18.5 34V10C18.5 4.5 23 0 28.5 0C34 0 38.5 4.5 38.5 10V34C38.5 39.5 34 44 28.5 44Z' fill='%23C7CAC7'/%3E%3Cpath d='M28.5 49V56' stroke='%23556080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M34.5 56H28.5H22.5' stroke='%23556080' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M38.5 34V10C38.5 4.5 34 0 28.5 0V44C34 44 38.5 39.5 38.5 34Z' fill='%23AFB6BB'/%3E%3C/svg%3E") no-repeat center;
}

.email-mark {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.0001 60C46.5234 60 60 46.5234 60 29.9999C60 13.4764 46.5234 0 30.0001 0C13.4767 0 0 13.4764 0 29.9999C0 46.5234 13.4767 60 30.0001 60Z' fill='%230E7886'/%3E%3Cpath d='M18.1944 10.0723C21.3634 10.0723 24.2325 11.3566 26.3094 13.4333C28.386 15.51 29.6704 18.3791 29.6704 21.5483C29.6704 24.7175 28.386 27.5864 26.3094 29.6633C24.2325 31.74 21.3634 33.0246 18.1944 33.0246C15.0251 33.0246 12.1561 31.7401 10.0794 29.6632C8.00274 27.5865 6.71802 24.7175 6.71802 21.5483C6.71802 18.3791 8.00263 15.51 10.0793 13.4333C12.1561 11.3566 15.025 10.0723 18.1944 10.0723ZM26.4155 27.8896C25.6918 27.5474 24.763 27.2729 23.7082 27.0653C23.6121 27.2704 23.5102 27.4731 23.4025 27.6734C22.5485 29.2622 21.3369 30.6874 19.7679 31.8118C22.005 31.4718 24.0076 30.4177 25.5358 28.8895C25.8498 28.5756 26.1435 28.2415 26.4155 27.8896ZM16.6207 31.8118C15.0518 30.6874 13.84 29.2622 12.9861 27.6734C12.8793 27.4745 12.778 27.2731 12.6823 27.0693C11.6296 27.2765 10.7008 27.55 9.9736 27.8902C10.2455 28.2418 10.5391 28.5757 10.8531 28.8895C12.381 30.4177 14.3836 31.4719 16.6207 31.8118ZM9.34618 26.9824C10.1272 26.5955 11.1258 26.2835 12.2557 26.047C11.7905 24.7783 11.529 23.4428 11.4713 22.0991H7.82661C7.92001 23.8835 8.46388 25.5484 9.34618 26.9824ZM7.82626 21.0052H11.469C11.5267 19.5386 11.8275 18.0819 12.3711 16.7121C11.2778 16.4898 10.3028 16.1982 9.52255 15.8371C8.53489 17.334 7.92423 19.1017 7.82626 21.0052ZM10.1862 14.9402C10.9134 15.2517 11.8168 15.5029 12.8288 15.6942C12.8867 15.5793 12.9465 15.4649 13.0083 15.3513C13.8583 13.789 15.0574 12.39 16.6042 11.2873C14.3738 11.63 12.3774 12.6824 10.853 14.2069C10.6193 14.4407 10.3968 14.6854 10.1862 14.9402ZM19.7844 11.2873C21.3315 12.39 22.5302 13.7892 23.3806 15.3513C23.4429 15.4662 23.5035 15.5817 23.5621 15.6981C24.5758 15.5067 25.4791 15.2545 26.2036 14.9415C25.9928 14.6863 25.7699 14.4409 25.5359 14.2069C24.0113 12.6826 22.015 11.6303 19.7844 11.2873ZM26.8675 15.8398C26.0903 16.2023 25.115 16.4948 24.0195 16.7169C24.5619 18.0854 24.8618 19.5406 24.9193 21.0052H28.5624C28.4643 19.103 27.8542 17.3361 26.8675 15.8398ZM28.5619 22.0991H24.9176C24.8598 23.4408 24.5986 24.7747 24.1347 26.0419C25.2673 26.2788 26.2661 26.5915 27.0436 26.9806C27.9252 25.5468 28.4687 23.8827 28.5619 22.0991ZM18.7415 11.898V16.1469C20.0128 16.1277 21.2693 16.0392 22.4276 15.8813L22.423 15.8728C21.577 14.318 20.3497 12.9405 18.7415 11.898ZM18.7415 17.2411V21.0053H23.8287C23.7689 19.6025 23.4661 18.2108 22.9212 16.9109C21.6121 17.1093 20.1822 17.2194 18.7415 17.2411ZM18.7415 22.0991V25.4941C20.227 25.5165 21.701 25.633 23.0431 25.8435C23.5051 24.6442 23.7663 23.376 23.8265 22.0991H18.7415ZM18.7415 26.5883V31.1937C20.3599 30.1327 21.5936 28.7327 22.4408 27.1561C22.4909 27.0634 22.5393 26.9699 22.5864 26.8761C21.3846 26.7043 20.0712 26.6084 18.7415 26.5883ZM17.6473 31.1938V26.5889C16.319 26.6105 15.0066 26.7074 13.804 26.8799C13.8505 26.9726 13.8984 27.0647 13.9477 27.1565C14.7953 28.7332 16.0284 30.1328 17.6473 31.1938ZM17.6473 25.4947V22.0991H12.5623C12.6225 23.3776 12.8841 24.6476 13.347 25.8479C14.69 25.6364 16.1634 25.5188 17.6473 25.4947ZM17.6473 21.0053V17.2404C16.2083 17.2174 14.7793 17.106 13.4694 16.9063C12.9231 18.2075 12.62 19.6009 12.5599 21.0053H17.6473ZM17.6473 16.1464V11.8979C16.039 12.9404 14.8115 14.318 13.9657 15.8728L13.9628 15.8777C15.1218 16.0364 16.3773 16.1259 17.6473 16.1464Z' fill='white'/%3E%3Cpath d='M10.3313 25.248L30 36.858L10.3313 48.4682V25.248Z' fill='%235DDDD3'/%3E%3Cpath d='M49.6687 25.248H10.3313L30 36.8578L49.6687 25.248Z' fill='%2320D0C2'/%3E%3Cpath d='M49.6684 25.248L29.9998 36.858L49.6684 48.4682V25.248Z' fill='%235DDDD3'/%3E%3Cpath d='M30 36.8574L10.3313 48.4675H49.6687L30 36.8574Z' fill='%2320D0C2'/%3E%3Cpath d='M49.6683 29.5277C52.0259 29.5277 53.9487 27.6048 53.9487 25.2472C53.9487 22.8897 52.0259 20.9668 49.6683 20.9668C47.3108 20.9668 45.3879 22.8897 45.3879 25.2472C45.3879 27.6046 47.3109 29.5277 49.6683 29.5277Z' fill='%23FF5B61'/%3E%3Cpath d='M46.5405 26.0788V24.4155H48.8367V22.1191H50.5002V24.4155H52.7963V26.0788H50.5002V28.3752H48.8367V26.0788H46.5405Z' fill='white'/%3E%3Cpath d='M33.0635 13.3887H45.9874V14.0755H33.0635V13.3887ZM33.0635 20.9433H41.1785V21.6301H33.0635V20.9433ZM33.0635 19.0547H45.9874V19.7413H33.0635V19.0547ZM33.0635 17.1662H43.4328V17.8528H33.0635V17.1662ZM33.0635 15.2775H45.9874V15.9641H33.0635V15.2775Z' fill='%235DDDD3'/%3E%3C/svg%3E%0A") no-repeat center;
}

.chat-mark {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 30C60 32.9558 59.5724 35.8113 58.7755 38.5089C58.0055 41.1209 56.8886 43.5846 55.4778 45.8459C50.1819 54.3439 40.751 60 30 60C13.4312 60 0 46.5688 0 30C0 29.4072 0.0169372 28.8194 0.0512695 28.2353C0.617065 18.4813 5.84198 9.97833 13.5342 4.91776C18.2607 1.80862 23.9191 0 30 0C46.5688 0 60 13.4312 60 30Z' fill='%23854F89'/%3E%3Cpath d='M24.2646 22.5293V45.8469H32.2705L43.5649 52.3009L40.8471 45.8469H51.9882C53.399 43.5855 54.5155 41.1218 55.2859 38.5098V22.5293H24.2646Z' fill='%23713775'/%3E%3Cpath d='M30.4088 4.91797V28.2355H22.4034L11.1086 34.69L13.8258 28.2355H0.0512695C0.617065 18.4815 5.84198 9.97855 13.5342 4.91797H30.4088Z' fill='%23713775'/%3E%3Cpath d='M1.96655 4.91797H32.9878V28.2355H1.96655V4.91797Z' fill='%23F74F4F'/%3E%3Cpath d='M17.0182 26.7774L13.687 34.689L28.2608 26.3613L17.0182 26.7774Z' fill='%23F74F4F'/%3E%3Cpath d='M14.632 16.5757C14.632 17.5261 13.862 18.2965 12.9117 18.2965C11.9618 18.2965 11.1914 17.5261 11.1914 16.5757C11.1914 15.6259 11.9618 14.8555 12.9117 14.8555C13.862 14.8555 14.632 15.6259 14.632 16.5757Z' fill='%233D4159'/%3E%3Cpath d='M19.1976 16.5757C19.1976 17.5261 18.4277 18.2965 17.4774 18.2965C16.527 18.2965 15.7571 17.5261 15.7571 16.5757C15.7571 15.6259 16.527 14.8555 17.4774 14.8555C18.4277 14.8555 19.1976 15.6259 19.1976 16.5757Z' fill='%233D4159'/%3E%3Cpath d='M23.7635 16.5757C23.7635 17.5261 22.9931 18.2965 22.0432 18.2965C21.0929 18.2965 20.3225 17.5261 20.3225 16.5757C20.3225 15.6259 21.0929 14.8555 22.0432 14.8555C22.9931 14.8555 23.7635 15.6259 23.7635 16.5757Z' fill='%233D4159'/%3E%3Cpath d='M25.9287 22.5293H32.9879V28.2362H25.9287V22.5293Z' fill='%23DD3033'/%3E%3Cpath d='M58.7754 22.5293V38.5098C58.0055 41.1218 56.8885 43.5855 55.4777 45.8469H27.7542V22.5293H58.7754Z' fill='%23FFE152'/%3E%3Cpath d='M43.7234 44.3888L47.0545 52.3003L32.4807 43.9727L43.7234 44.3888Z' fill='%23FFE152'/%3E%3Cpath d='M49.5506 34.1871C49.5506 35.1374 48.7802 35.9078 47.8299 35.9078C46.88 35.9078 46.1096 35.1374 46.1096 34.1871C46.1096 33.2372 46.88 32.4668 47.8299 32.4668C48.7802 32.4668 49.5506 33.2372 49.5506 34.1871Z' fill='%233D4159'/%3E%3Cpath d='M44.985 34.1871C44.985 35.1374 44.2145 35.9078 43.2647 35.9078C42.3144 35.9078 41.5439 35.1374 41.5439 34.1871C41.5439 33.2372 42.3144 32.4668 43.2647 32.4668C44.2145 32.4668 44.985 33.2372 44.985 34.1871Z' fill='%233D4159'/%3E%3Cpath d='M40.419 34.1871C40.419 35.1374 39.6486 35.9078 38.6983 35.9078C37.7484 35.9078 36.978 35.1374 36.978 34.1871C36.978 33.2372 37.7484 32.4668 38.6983 32.4668C39.6486 32.4668 40.419 33.2372 40.419 34.1871Z' fill='%233D4159'/%3E%3C/svg%3E%0A") no-repeat center;
}

.database-mark {
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M24 35V34.625V34.25V25.625V25.25H24.034C24.013 25.374 24 25.499 24 25.625C24 23.188 27.862 21.073 33.534 20H3.608C1.616 20 0 21.615 0 23.608V35.391C0 37.385 1.616 39 3.608 39H24V35Z' fill='%23424A60'/%3E%3Cpath d='M24.034 53H24V44V43.625V43.25V39H3.608C1.616 39 0 40.615 0 42.608V54.391C0 56.385 1.616 58 3.608 58H32.326C27.601 56.931 24.378 55.103 24.034 53Z' fill='%23556080'/%3E%3Cpath d='M54.392 20H3.608C1.616 20 0 18.384 0 16.392V4.608C0 2.616 1.616 1 3.608 1H54.391C56.384 1 58 2.616 58 4.608V16.391C58 18.384 56.384 20 54.392 20Z' fill='%23556080'/%3E%3Cpath d='M9.5 14C11.433 14 13 12.433 13 10.5C13 8.567 11.433 7 9.5 7C7.567 7 6 8.567 6 10.5C6 12.433 7.567 14 9.5 14Z' fill='%237383BF'/%3E%3Cpath d='M49 10C49.5523 10 50 9.55228 50 9C50 8.44772 49.5523 8 49 8C48.4477 8 48 8.44772 48 9C48 9.55228 48.4477 10 49 10Z' fill='%237383BF'/%3E%3Cpath d='M45 10C45.5523 10 46 9.55228 46 9C46 8.44772 45.5523 8 45 8C44.4477 8 44 8.44772 44 9C44 9.55228 44.4477 10 45 10Z' fill='%237383BF'/%3E%3Cpath d='M51 13C51.5523 13 52 12.5523 52 12C52 11.4477 51.5523 11 51 11C50.4477 11 50 11.4477 50 12C50 12.5523 50.4477 13 51 13Z' fill='%237383BF'/%3E%3Cpath d='M47 13C47.5523 13 48 12.5523 48 12C48 11.4477 47.5523 11 47 11C46.4477 11 46 11.4477 46 12C46 12.5523 46.4477 13 47 13Z' fill='%237383BF'/%3E%3Cpath d='M41 10C41.5523 10 42 9.55228 42 9C42 8.44772 41.5523 8 41 8C40.4477 8 40 8.44772 40 9C40 9.55228 40.4477 10 41 10Z' fill='%237383BF'/%3E%3Cpath d='M43 13C43.5523 13 44 12.5523 44 12C44 11.4477 43.5523 11 43 11C42.4477 11 42 11.4477 42 12C42 12.5523 42.4477 13 43 13Z' fill='%237383BF'/%3E%3Cpath d='M37 10C37.5523 10 38 9.55228 38 9C38 8.44772 37.5523 8 37 8C36.4477 8 36 8.44772 36 9C36 9.55228 36.4477 10 37 10Z' fill='%237383BF'/%3E%3Cpath d='M39 13C39.5523 13 40 12.5523 40 12C40 11.4477 39.5523 11 39 11C38.4477 11 38 11.4477 38 12C38 12.5523 38.4477 13 39 13Z' fill='%237383BF'/%3E%3Cpath d='M33 10C33.5523 10 34 9.55228 34 9C34 8.44772 33.5523 8 33 8C32.4477 8 32 8.44772 32 9C32 9.55228 32.4477 10 33 10Z' fill='%237383BF'/%3E%3Cpath d='M35 13C35.5523 13 36 12.5523 36 12C36 11.4477 35.5523 11 35 11C34.4477 11 34 11.4477 34 12C34 12.5523 34.4477 13 35 13Z' fill='%237383BF'/%3E%3Cpath d='M9.5 33C11.433 33 13 31.433 13 29.5C13 27.567 11.433 26 9.5 26C7.567 26 6 27.567 6 29.5C6 31.433 7.567 33 9.5 33Z' fill='%237383BF'/%3E%3Cpath d='M9.5 52C11.433 52 13 50.433 13 48.5C13 46.567 11.433 45 9.5 45C7.567 45 6 46.567 6 48.5C6 50.433 7.567 52 9.5 52Z' fill='%237383BF'/%3E%3Cpath d='M42 48.75C32.059 48.75 24 45.896 24 42.375V53H24.034C24.582 56.346 32.415 59 42 59C51.585 59 59.418 56.346 59.966 53H60V42.375C60 45.896 51.941 48.75 42 48.75Z' fill='%231A9172'/%3E%3Cpath d='M24 42V42.375C24 42.249 24.013 42.124 24.034 42H24Z' fill='%231A9172'/%3E%3Cpath d='M59.9661 42C59.9871 42.124 60.0001 42.249 60.0001 42.375V42H59.9661Z' fill='%231A9172'/%3E%3Cpath d='M42 38C32.059 38 24 35.146 24 31.625V42.75H24.034C24.582 46.096 32.415 48.75 42 48.75C51.585 48.75 59.418 46.096 59.966 42.75H60V31.625C60 35.146 51.941 38 42 38Z' fill='%2325AE88'/%3E%3Cpath d='M24 31.25V31.625C24 31.499 24.013 31.374 24.034 31.25H24Z' fill='%2325AE88'/%3E%3Cpath d='M59.9661 31.25C59.9871 31.374 60.0001 31.499 60.0001 31.625V31.25H59.9661Z' fill='%2325AE88'/%3E%3Cpath d='M42 27.75C51.9411 27.75 60 24.8958 60 21.375C60 17.8542 51.9411 15 42 15C32.0589 15 24 17.8542 24 21.375C24 24.8958 32.0589 27.75 42 27.75Z' fill='%2388C057'/%3E%3Cpath d='M42 27.75C32.059 27.75 24 24.896 24 21.375V32H24.034C24.582 35.346 32.415 38 42 38C51.585 38 59.418 35.346 59.966 32H60V21.375C60 24.896 51.941 27.75 42 27.75Z' fill='%2361B872'/%3E%3Cpath d='M24 21V21.375C24 21.249 24.013 21.124 24.034 21H24Z' fill='%2361B872'/%3E%3Cpath d='M59.9661 21C59.9871 21.124 60.0001 21.249 60.0001 21.375V21H59.9661Z' fill='%2361B872'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center;
}

.mark-element {
    -moz-background-size: 50px;
    -webkit-background-size: 50px;
    -o-background-size: 50px;
    background-size: 50px;
}


/* Wide list END */
/* Page Anchors START */
#anchor-lists {
    display: flex;
    display: -ms-flex;
    width: 100%;
}
#anchor-helper.fixed-anchors {
    position: fixed;
    box-shadow: 0 2px 6px rgba(101, 101, 101, 0.25);
    top: 60px;
    left: 0;
    z-index: 3;
    width: 100%;
    background: #ffffff;
}
#anchors {
    box-shadow: 0 2px 6px rgba(101, 101, 101, 0.25);
}

#anchors a {
    width: 100%;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #444;
}
#anchors a:hover,
#anchors a.checked {
    color: #383838;
    border-bottom: 2px solid #383838;
    padding-bottom: 18px !important;
}
/* Page Anchors END */

/* Block with three columns START */

.page-beginning {
    padding-top: 60px;
    padding-bottom: 30px;
    background: #4f7bac;
    color: #fff;
}

.page-beginning h2,
.page-beginning p {
    color: #fff;
}

.p-beginning {
    padding-top: 30px;
    font-size: 22px;
}

.block-with-two-columns {
    display: flex;
    display: -ms-flex;
}

.simple-content {
    margin-bottom: 120px !important;
}
/*.block-with-two-columns {*/
/*    margin-top: 45px !important;*/
/*}*/

.block-with-two-columns > * {
    width: 50%;
    position: relative;
}

.block-with-two-columns.chess-height-size > * {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    -ms-flex-direction: column;
}

.block-with-two-columns.chess-height-size > * > :first-child {
    height: calc(100% - 380px);
}
.block-with-two-columns.chess-height-size > * > :last-child {
    /*height: 400px;*/
}

.two-columns > div > div:first-child,
.block-with-two-columns > *:first-child {
    margin-right: 60px;
}

.two-columns > div > div:last-child,
.block-with-two-columns > *:last-child {
    margin-left: 60px;
}

.block-with-two-columns-and-picture {
    margin-top: 0px !important;
}

.block-with-two-columns-and-picture .block-with-two-columns {
    margin-top: 30px !important;
}

.block-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.block-img-one {
    height: 500px;
}

.block-img img {
    /*margin-top: 100px;*/
    width: 100%;
}

.big-block-img,
.narrow-block-img {
    width: 100%;
    height: 400px;
}
.huge-block-img {
    width: 100%;
    max-height: 600px;
    text-align: center;
}
.huge-block-img img {
    max-width: 900px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
ul.blue-points {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.blue-points li {
    position: relative;
    font-size: 18px;
    padding-left: 30px;
}
ul.blue-points li:not(:last-child) {
    margin-bottom: 5px;
}
ul.blue-points li:before {
    content: " ";
    position: absolute;
    width: 10px;
    left: 0;
    top: 11px;
    height: 10px;
    display: inline-block;
    background: #ec3939;
}
.additional-description,
.free-one-block-half {
    /*margin-bottom: 45px !important;*/
}

.main-begining {
    font-size: 18px;
}

.main-description {
    margin-bottom: 5px !important;
}
/*#content > .wide-content-wrapper:not(:first-of-type) {*/
/*    padding-top: 30px !important;*/
/*}*/
.read-more-block {
    margin: 30px 0;
}
a.read-more {
    color: #062bbe;
    font-size: 20px;
    text-decoration: underline;
}
a.read-more:hover {
    text-decoration: none;
}
.add-read-more {
    padding-bottom: 60px;
    position: relative;
}
.add-read-more a.read-more {
    position: absolute;
    bottom: 0;
    left: 0;
}
.blue-1-block-back {
    background: #4f7bac;
}
.blue-1-block-back h2,
.blue-1-block-back p {
    color: #fff;
}
.grey-1-block-back {
    background: #EAF4FF;
}
.grey-2-block-back {
    background: #f5f5f5;
}
.grey-3-block-back {
    background: #f2f0f1;
}
/* Block with three columns END */

/* Pictures START */
.revenue-from-sales {
    background: url("../img/home/graph.jpg") no-repeat top;
}
.sms-game-img {
    background: url("../img/home/sms-game.png") no-repeat top;
}

.white-label-cloud-img {
    background: url("../img/home/white_label.png") no-repeat top;
}

.no-zero-balance-img {
    background: url("../img/home/no-zero-balance.png") no-repeat top;
    background-size: contain;
}

.self-service-img {
    background: url("../img/home/self-service-img.png") no-repeat top;
    background-size: cover;
}

.revenue-network-img {
    background: url("../img/home/call-termination.png") no-repeat top;
}

.payment-method-img {
    background: url("../img/home/payment-method.png") no-repeat center;
}

.telecom-services-img {
    background: url("../img/home/telecom-services.png") no-repeat center;
}

.mobile-top-up-gold-img {
    background: url("../img/cubes.png") no-repeat top;
}

.for-operators-img {
    background: url("../img/cysend/cubes.png") no-repeat center;
}

.white-label-hosted-img {
    background: url("../img/cysend/white-label-solution.png") no-repeat top;
}

.rewarding-img {
    background: url("../img/cysend/for-rewarding.png") no-repeat top;
}

.affiliate-marketing-img {
    background: url("../img/cysend/cysend-affiliate-marketing.jpg") no-repeat top;
}

.img-codding {
    background: url("../img/cysend/codding.png") no-repeat top;
}

.img-mobile-sdk {
    background: url("../img/cysend/img-mobile-sdk.png") no-repeat top;
}

.tools-img {
    background: url("../img/cysend/tools.jpg") no-repeat top;
}

.cover-img-size,
.cover-full-img-size {
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.static-img-size {
    -moz-background-size: 500px 300px !important;
    -webkit-background-size: 500px 300px !important;
    -o-background-size: 500px 300px !important;
    background-size: 500px 300px !important;
}
/* Pictures END */

/* CYSEND page START */
.background-cysend-banner {
    background: #737373 url("../img/cysend/banner.png") no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    background-position-y: 60px;
}
.mobile-cysend-banner {
    display: none;
}
.free-one-block-half {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    width: 100%;
}
.free-one-block-half > div {
    /*width: 50%;*/
    padding: 0 50px 50px 50px;
}
.huge-img > img {
    height: auto;
    max-width: 1200px;
    width: 100%;
}
.block-rectangle {
    position: relative;
    max-width: 360px;
    width: 100%;
    padding: 60px;
    margin: 60px auto;
    text-align: left;
}
.block-rectangle:first-of-type {
    margin-top: 0 !important;
}
.block-rectangle:last-of-type {
    margin-bottom: 0 !important;
}

.cysend-profits-mobile > div:not(.block-rectangle),
.block-rectangle li {
    font-size: 20px !important;
    line-height: 40px;
}

.cysend-profits-title {
    margin: 30px 0 !important;
}

.block-rectangle .blue-points {
    display: inline-block;
    margin: 0 auto !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.cysend-logo img {
    max-width: 300px;
    width: 100%;
}
.block-rectangle > *:not(.rectangle) {
    position: relative;
    z-index: 1;
}
.rectangle {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background: url("../img/cysend/rectangle.png") no-repeat bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.rotate-rectangle {
    transform: rotate(180deg);
}
/* CYSEND page END */

.two-columns > div {
    display: flex;
}

.two-columns > div > div {
    width: 50%;
}

.two-columns .big-block-img {
    margin-bottom: 30px;
    margin-top: 30px;
}

.two-img {
    margin-top: 0;
}

.two-img img {
    width: 100%;
}

.mob-900 {
    display: none;
}

#scroll-top {
    display: inline-block;
    background: url("../img/arrow-up.svg") no-repeat center;
    background-size: 50px;
    -moz-background-size: 50px;
    -webkit-background-size: 50px;
    -o-background-size: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 120px;
    right: 60px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    border-radius: 50%;
    visibility: hidden;
    cursor: pointer;
    z-index: 3;
}

#scroll-top.show {
    opacity: 1;
    visibility: visible;
}

/* Four elements block START */

.four-elements {
    display: flex;
}
.four-elements:not(:last-child) {
    padding-bottom: 40px;
}
.first-element {
    width: 20%;
    margin-right: 30px;
}
.second-element {
    width: 80%;
    margin-left: 30px;
}
.third-element {
    display: flex;
}
.img-element {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 15px;
    width: 37%;
    height: 250px;
    overflow: hidden;
}
.img-element img {
    width: 100%;
    height: auto;
}
.nzb-size img {
    margin-right: 45px;
    width: 120%;
}

.forth-element {
    margin-left: 30px;
    font-size: 18px;
    width: 63%;
}
.additional-element {
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
}
/* Four elements block END */


.address-height {
    margin: 30px 0;
}
.address-height > div {
    padding-top: 15px!important;
}

.left-titles h1, .left-titles h2, .left-titles h3 {
    text-align: left!important;
}


.multi-content-group p {
    text-align: center;
}


.social-icons-block,
.smart-leadership {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.smart-leadership h3 {
    margin-bottom: 0;
}

.social-icons-block-fb {
    background: url("../img/home/social-icons-block-fb.svg") no-repeat center;
}

.social-icons-block-yt {
    background: url("../img/home/social-icons-block-yt.svg") no-repeat center;
}

.social-icons-block-tw {
    background: url("../img/home/social-icons-block-tw.svg") no-repeat center;
}

.social-icons-block-in {
    background: url("../img/home/social-icons-block-in.svg") no-repeat center;
}

.social-icons-block a {
    margin-top: 30px;
    width: 170px;
    height: 170px;
    background-size: 100%;
}

.smart-leadership-1 {
    background: url("../img/marketing/audience-capturing.svg") no-repeat center;
}

.smart-leadership-2 {
    background: url("../img/marketing/retargeting.svg") no-repeat center;
}

.smart-leadership-3 {
    background: url("../img/marketing/targeting.svg") no-repeat center;
}

.smart-leadership-4 {
    background: url("../img/marketing/cross-selling.svg") no-repeat center;
}

.smart-leadership > div {
    text-align: center;
}

.smart-leadership > div > div {
    width: 300px;
    height: 300px;
    background-size: 100%;
}

.smart-leadership {
    flex-wrap: wrap;
    margin-bottom: -30px!important;
}

@media (max-width: 900px) {
    .social-img {
        height: auto!important;
    }
}

@media (max-width: 768px) {
    .smart-leadership {
        flex-direction: column;
    }

    .block-img {
        height: auto;
    }

    .block-img img {
        margin-top: 0;
    }

    .add-read-more.pt-45 {
        padding-top: 0!important;
    }

    .add-read-more > .pt-45 {
        padding-top: 0!important;
    }

    .social-icons-block a {
        width: 100px;
        height: 100px;
    }
}

.strip-list {
    display: flex;
    align-items: center;
    box-shadow: 0 3px 5px #999;
    margin-bottom: 30px;
    padding: 8px 15px;
    height: auto!important;
}

.strip-list span {
    margin-right: 15px;
    font-weight: bold;
    font-size: 40px;
    color: #517baa;
}

.strip-list-red p {
    font-weight: bold;
    font-size: 20px;
    color: #ec3939;
}

.brand-block {
    min-height: 450px;
    background: url(../img/marketing/brand-block.png) no-repeat center;
    background-size: cover;
}

.brand-block .flex-blocks {
    justify-content: center;
    padding-left: 50px;
    width: 75%;
}

.brand-card {
    padding: 12px 20px;
    width: 320px;
    height: 170px;
    background: #fff;
    box-shadow: 5px 5px 15px #999;
}

.brand-card:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px;
}

.brand-card > div > span {
    font-weight: bold;
    font-size: 20px;
    color: #ec3939;
}

.brand-card > img {
    display: none;
    width: 100%;
}

@media (max-width: 1485px) {
    .brand-card > div > p {
        font-size: 16px;
    }
}

@media (min-width: 901px) and (max-width: 1199px) {
    .brand-block {
        background-size: 100%;
    }

    .brand-card {
        padding: 8px 12px;
        width: 200px;
        height: 180px;
    }

    .brand-card > div > span {
        font-size: 16px;
    }

    .brand-card > div > p {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .brand-block {
        background: none;
    }

    .brand-block .flex-blocks {
        flex-direction: column;
        justify-content: initial;
        padding-left: 0;
        width: 100%;
    }

    .flex-blocks > div {
        height: auto;
    }

    .flex-blocks > div:last-child {
        margin-bottom: 0;
    }

    .brand-card > img {
        display: block;
    }
}

@media (max-width: 374px) {
    .brand-block {
        background: none;
    }

    .brand-block .flex-blocks {
        flex-direction: column;
        justify-content: initial;
        padding-left: 0;
        width: 100%;
    }

    .flex-blocks > div {
        width: 100%;
    }
}

.num-card {
    display: flex;
    position: relative;
    padding: 25px;
    margin-top: 35px;
    padding-top: 50px;
    width: 230px;
    text-align: center;
    background: #eaf4ff;
    box-shadow: 0 3px 5px #999;
}

.num-card-number {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px;
    width: 70px;
    height: 70px;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    background: #ec3939;
    border-radius: 50%;
}

.num-card-bottom {
    width: 100px;
    height: 100px;
    bottom: -100px;
    left: -webkit-calc(50% - 50px);
    left: calc(50% - 50px);
    transform: rotate(180deg);
    position: absolute;
    overflow: hidden;
}

.num-card-bottom:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #eaf4ff;
    transform: rotate(45deg);
    top: 75px;
    left: 25px;
    box-shadow: -2px -2px 10px #999;
}

@media (max-width: 900px) {
    .num-card {
        margin-bottom: 80px!important;
    }

    .num-card:last-child {
        margin-bottom: 50px!important;
    }
}

.unique-edge {
    width: 1000px;
    height: 500px;
    background: url(../img/marketing/unique-edge.png) no-repeat center;
    background-size: 100%;
}

.unique-edge > div {
    align-self: flex-end;
    margin-bottom: 120px;
}

.bubble-card {
    width: 170px;
    text-align: center;
    color: #fff;
}

.bubble-card:first-child {
    margin-left: 35px;
}

.bubble-card:nth-child(2) {
    margin-right: 55px;
    margin-bottom: 340px;
}

.bubble-card:nth-child(3) {
    margin-left: 60px;
    margin-bottom: 320px;
}

.bubble-card:last-child {
    margin-right: 30px;
}

.unique-edge-fronts {
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    color: #ec3939;
    font-size: 40px;
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    #anchors a {
        padding: 20px 10px;
    }

    .unique-edge {
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        background: none;
    }

    .unique-edge > div {
        align-self: initial;
    }

    .bubble-card {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0 0 0!important;
        padding: 15px;
        width: 280px!important;
        height: 280px!important;
        background: #999;
        border: 8px solid #fff;
        border-radius: 50%;
        box-shadow: 0 5px 15px #999;
    }

    .bubble-card:first-child {
        background: #00acb4;
    }

    .bubble-card:nth-child(2) {
        background: #517baa;
    }

    .bubble-card:nth-child(3) {
        background: #2a526a;
    }

    .bubble-card:last-child {
        background: #303942;
    }

    .unique-edge-fronts {
        position: relative;
        bottom: initial;
        text-align: center;
    }
}

.end-results > div:first-child {
    overflow: hidden;
    background: url("../img/marketing/end-results.png") no-repeat right;
    background-size: auto 100%;
}

.end-results > div:last-child {
    padding-left: 50px;
}

.end-results .strip-list:last-child {
    margin-bottom: 5px;
}

@media (min-width: 769px) and (max-width: 1199px) {
    .end-results > div:first-child {
        display: none;
    }

    .end-results > div:last-child {
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .end-results > div:first-child {
        margin-bottom: 30px;
        width: 100%;
        height: 300px;
        background-position: center;
        background-size: cover;
    }

    .end-results > div:last-child {
        padding-left: 15px;
    }
}

/*.flex-vertical {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/


.dropdown {
    position: relative;
}

.dropdown-caret {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    right: 0;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    background: #ddd;
    border-radius: 4px;
}

.dropdown-caret-open {
    transform: rotate(180deg);
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .1em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 10rem;
    padding: .5rem 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    z-index: 1000;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    margin: 0!important;
    padding: .5rem 1.5rem!important;
    white-space: nowrap;
    background-color: transparent;
    border: none!important;
}

.dropdown-item:hover {
    margin: 0!important;
    padding: .5rem 1.5rem!important;
    background-color: #eee!important;
    border: none!important;
}

@media (max-width: 900px) {
    .dropdown-caret {
        display: flex;
    }

    .dropdown-toggle:after {
        display: none;
    }

    .dropdown-menu {
        flex-direction: column;
        align-items: flex-start;
        position: initial;
        top: 100%;
        left: 0;
        transform: none;
        background: #fafafa;
        border-bottom: 0;
    }

    .dropdown:hover .dropdown-menu {
        display: none;
    }

    .dropdown-item {
        /*padding-left: 30px!important;*/
    }
}

.subcriber-block > div:last-child {
    display: none;
    flex-direction: column;
    align-items: center;
}

.subcriber-block > div:last-child > div {
    margin-bottom: 30px;
    padding: 10px 10px 15px;
    width: 250px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 3px #999;
}

.subcriber-block > div:last-child > div:first-child {
    padding: 10px;
    background: #eaf4ff;
}

.subcriber-block > div:last-child > div:last-child {
    margin-bottom: 0;
}

.subcriber-block > div:last-child hr {
    border: 0;
    border-top: 5px solid #edcc5f;
}

.subcriber-block > div:last-child > div:nth-child(3) hr {
    border-color: #3dae8b;
}

.subcriber-block > div:last-child > div:nth-child(4) hr {
    border-color: #2a9174;
}

.subcriber-block > div:last-child > div:nth-child(5) hr {
    border-color: #7583bb;
}

.subcriber-block > div:last-child > div:last-child hr {
    border-color: #55607e;
}

@media (max-width: 900px) {
    .subcriber-block > div:first-child {
        display: none;
    }

    .subcriber-block > div:last-child {
        display: flex;
    }
}

.about-contact-btn {
    margin-bottom: 20px!important;
    padding-top: 0!important;
    text-align: center;
}

.about-contact-btn a {
    transition: .3s;
    display: inline-block;
    padding: 20px 70px;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    letter-spacing: 3px;
    text-decoration: none;
    text-transform: uppercase;
    background: #383838;
    box-shadow: 0 0 10px #999;
}

.about-contact-btn a:hover {
    transition: .3s;
    transform: scale(1.2, 1.2);
    box-shadow: 0 0 30px #999;
}

@media (max-width: 500px) {
    .about-contact-btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 88%;
        height: 50px;
        padding: 0;
        font-weight: bold;
        font-size: 25px;
    }
}

.block-line {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.block-line > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-line > div:first-child {
    margin: 40px 70px 40px 0;
}

.block-line > div:last-child {
    margin: 40px 0 40px 70px;
}

.block-line > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    width: 200px;
    height: 200px;
    box-shadow: 2px 2px 5px #aaa;
}

.block-line > div > div hr {
    width: 100%;
    border: 0;
    border-top: 5px solid #378199;
}

.block-line > div:first-child > div:last-child hr {
    border-color: #7087b0;
}

.block-line > div:last-child > div:first-child hr {
    border-color: #45a7b3;
}

.block-line > div:last-child > div:last-child hr {
    border-color: #4d5970;
}

.block-line > div > div p {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    color: red;
}

@media (max-width: 900px) {
    .block-line {
        flex-direction: column;
        align-items: center;
        padding-bottom: 25px;
    }

    .block-line > div {
        margin: 0!important;
    }

    .block-line > div:first-child > div {
        margin: 0 0 50px 0;
    }

    .block-line > div:last-child > div {
        margin: 50px 0 0 0;
    }
}