/* .new-success__sticky-bar.parallax-banking .parent-digital*//*style-l.css*/
body {
    font-size: 14px;
    height: 100%;
    margin: inherit;
}

.adoption_system_section {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.57;
    background: #fbfbfc;
    padding: 0;
}

select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

select::-ms-expand {
    display: none;
}

select:focus::-ms-value {
    background: transparent;
}

option:focus::-ms-value {
    background: transparent;
    color: transparent;
}

select::-ms-expand {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Good browsers :) */
    opacity: 0;
}
/* menu */
.static_mobile {
    overflow-y: hidden;
    height: 100%;
}

.bar_opened {
    background-image: url('../img/close.jpg') !important;
    width: 20px !important;
    background-position: top !important;
}

.bar_closed {
    background-image: url('../img/bar.jpg') !important;
    width: 40px !important;
    background-position: center !important;
}

/* Homepage */
@font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans bold';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Open-sans-bold.ttf');
}

html {
    height: 100vh; /* set viewport constraint */
    min-height: 100%; /* enforce height */
}

#main-text {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-weight: 300;
    margin-top: 10vh;
}

#animation {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#big-indicators {
    margin-right: 3px;
    margin-left: 3px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: Open Sans bold, -apple-system, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 23px;
    padding-left: 23px;
    border-radius: 20px;
    margin-top: 30px;
}

#carousel-caption {
    right: 0;
}

#carousel-caption-first {
    right: 0;
    width: 420px;
    margin-top: 20px;
}

#icons {
    display: none;
}

@media only screen and (max-width: 416px) {
    .links.row {
        display: block !important;
        display: webkit-block !important;
        display: -ms-block !important;
    }
}

@media only screen and (min-width: 1300px) {
    .parallax-c form .group {
        max-width: 320px;
    }

    .parallax-c form .select, .parallax-c form select, .parallax-c form {
        width: calc(100% - 10px);
    }

    .customer-content__brand {
        width: 220px !important;
    }

    .parallax-customer .container, .content_grey .container, .stories_filters_container .container {
        width: 1240px !important;
    }

    .header-container-customer .container {
        width: 1230px;
    }
}

@media screen and (max-width: 1200px) {
    .awards-wrapper .first-image {
        margin-right: 200px !important;
    }

    .workplace .workplace-hidden {
        display: none;
    }

    .workplace .mac-small {
        display: block !important;
        position: relative !important;
        top: -20px !important;
        margin-top:20px;
        margin-bottom:20px;
    }

    .workplace .container-fluid {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }

    .workplace {
        background: url(../img/banking_background_mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .workplace .bank-content {
        margin-left: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
        text-align: center;
        max-width: 900px !important;
    }

    .workplace .col-md-8 {
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100%;
    }

    .workplace .bank-content p {
        margin-top: 20px !important;
    }

    .workplace img {
        max-width: 300px !important;
        left: 0px;
    }
}

@media screen and (min-width: 903px) and (max-width: 1400px) {
    .visa-content {
        right: initial !important;
        padding-right: 10%;
        width: 100% !important;
    }
}

@media screen and (max-width: 760px) and (min-width: 568px) {

    .visa-content {
        right: 0px !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 568px) {

    .visa-content {
        width: 100% !important;
    }

    .visa .quote {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 903px) and (min-width: 760px) {

    .visa-content {
        width: 100% !important;
    }
}


@media screen and (min-width: 760px) {
    .card_industry h2 {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 760px) and (max-width: 770px) {
    .guidance--main {
        max-height: 330px !important;
    }
}


/* browser version */
@media only screen and (min-width: 1200px) {

    .card_industry h2 {
        max-width: 560px;
    }

    .card_industry p {
        max-width: 600px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .card_industry h2 {
        max-width: 500px;
    }

    .card_industry p {
        max-width: 500px;
    }
}
/* small desktop version */
@media only screen and (max-width: 1500px) and (min-width: 750px) {

    .visa .quote {
        padding-right: 0px !important;
        padding-left: 0px !important;
        font-size: 26px !important;
        line-height: initial !important;
    }
}


.parallax_touch {
    background-attachment: initial !important;
    position: fixed !important;
    width: 100%;
}

@media only screen and (min-width: 760px) {
    .parallax-industry .digital, .parallax-banking .digital {
        padding-top: 180px;
        padding-bottom: 100px;
    }

    .parallax .digital {
        padding-top: 220px;
    }

    .parallax-c .digital {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .parallax-banking .digital .bigtext {
        font-size: 42px !important;
        margin-bottom: 0px !important;
    }

    .parallax-banking .digital .smalltext {
        font-size: 20px !important;
    }
}

/* Landscape */
@media only screen and (max-device-width : 760px) and (orientation : portrait) {
    .homepage .parallax .digital {
        padding-top: 130px;
    }
}
/* ----------- iPad ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .parallax-customer .smalltext {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
    }

    .bottom-parent {
        width: 630px !important;
        height: 47px !important;
    }
}
/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .bottom-parent {
        width: 771px !important;
        height: 52px !important;
    }

    .menu .bottom-menu li:not(.started) a, .menu .bottom-menu li:not(.started) span {
        color: white;
        padding-bottom: 22px !important;
        padding-top: 23px !important;
    }

    .bigtext {
        font-size: 70px;
    }

    .digital-platform .content p {
        height: 140px;
    }
}
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


    .menu .bottom-menu li:not(.started) a, .menu .bottom-menu li:not(.started) span {
        color: white;
        padding-bottom: 24px !important;
        padding-top: 24px !important;
    }

    .bigtext {
        font-size: 50px;
    }
}

@media screen and (max-width: 770px) and (min-width:768px) {
    .digital .container {
        display: flex !important;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        flex-direction: column !important;
        -webkit-flex-direction: column !important;
        align-items: center !important;
        -webkit-box-align: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        -webkit-align-items: center !important;
    }

    .links {
        max-width: 600px;
    }
}

.parallax-c .digital .first-text {
    line-height: initial !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE styles */
    .awards {
        min-height: 500px;
    }

    .awards-wrapper .first-image {
        margin-right: 250px !important;
    }

    .guidance--main b {
        font-weight: bold !important;
        font-family: Open Sans !important;
    }

    .deloitte-banking h2 {
        max-width: 740px;
    }

    .parallax-c form .group {
        display: block !important;
    }

    .parallax-c form label {
        float: left;
    }

    .customer-content__brand img {
        max-width: 160px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .col-md-2.logo, .col-sm-2.logo {
        max-width: 12% !important;
    }
}
/* IE mobile */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 900px) {
    .digital {
        left: 0px;
    }

    .digital-platform .content {
        flex-direction: row !important;
        -webkit-flex-direction: row !important; /* Safari 6.1+ */
    }

    .digital-platform .basic {
        max-width: 100% !important;
    }

    .guidance--main b {
        font-weight: bold !important;
        font-family: Open Sans !important;
    }
}
/*safari mobile */

@media not all and (min-resolution:.001dpcm) {
    @media only screen and (max-width: 760px) {
        .digital {
            left: 0 !important;
        }

        .links {
            flex-direction: column !important;
            -webkit-flex-direction: column !important; /* Safari 6.1+ */
        }

        .guidance--main img:not(.right-row) {
            width: 80% !important;
        }
    }
}


@media only screen and (min-width: 1313px) and (max-width: 1360px) {
    footer .corner {
        margin-top: -25px;
    }
}

@media only screen and (min-width: 1500px) {
    .content {
        max-width: 60vw;
    }

    .banking ul {
        min-width: 680px;
    }

    .banking blockquote {
        margin-left: 100px;
    }

    .banking blockquote .book-full {
        right: -140px !important;
    }

    .desktop-menu.col {
        display: flex !important;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        justify-content: center !important;
        -webkit-justify-content: center !important; /* Safari 6.1+ */
    }

    footer .addres {
        margin-top: -25px;
    }

    .digital-platform .basic {
        width: 267px;
    }



    .carousel-indicators {
        margin-top: 0px;
    }

    .carousel-indicators li {
        margin-right: 3px;
        margin-left: 3px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: Open Sans bold, -apple-system, sans-serif;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 23px;
        padding-left: 23px;
        border-radius: 20px;
    }

    .carousel-caption:not(.first) {
        right: 0;
        margin-top: 20px;
    }

    .carousel-inner .first {
        right: 0;
        width: 420px;
        margin-top: 20px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .tab-hidden {
        display: none;
    }

    .awards-wrapper h4 {
        font-size: 31.9px !important;
    }

    .award-content {
        text-align: center;
        width: 100%;
    }

    footer .logo .label {
        font-size: 21px !important;
    }

    .corner {
        width: 300px;
    }

    .awards-wrapper .awards-images {
        float: right;
    }

    .awards-wrapper .awards-images img {
        margin-right: 30px;
    }

    .guidance--main {
        background-size: cover;
    }
}
/* desktop */
@media only screen and (min-width: 1313px) and (max-width: 1500px) {
    .content {
        max-width: 70vw;
    }

    footer .addres {
        margin-top: -25px;
    }

    .awards-wrapper {
        min-height: 450px !important;
    }

    .digital-platform .content {
        max-width: 70vw;
    }

    .digital-platform {
        height: 450px !important;
    }

    .tab-hidden {
        display: none;
    }

    .carousel-indicators li {
        margin-right: 3px;
        margin-left: 3px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: Open Sans bold, -apple-system, sans-serif;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 18px;
        padding-left: 18px;
        border-radius: 20px;
    }

    .carousel-caption {
        right: 0;
        margin-top: 20px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .awards-wrapper h4 {
        font-size: 31.9px !important;
    }

    footer .logo .label {
        font-size: 30px !important;
    }

    .corner {
        width: 300px;
    }

    .guidance--main .guidance-content {
        margin-right: 0% !important;
    }

    .guidance--main img {
        max-width: 100% !important;
    }

    .guidance--main {
        max-height: 34vw !important;
    }
}
/* small desktop */
@media only screen and (max-width: 1313px) and (min-width: 1100px) {

    footer .addres, footer .corner {
        margin-top: -25px;
    }

    .awards-wrapper {
        min-height: 350px !important;
        height: 320px;
    }

    .award-content {
        margin-top: 75px !important;
    }

    .nav-tabs .active:after {
        top: -25px !important;
    }

    .digital-platform .content {
        max-width: 70vw;
    }

    .nav-tabs .last {
        display: none !important;
    }

    .tab-content .caption {
        max-width: 583px !important;
        padding: 30px !important;
        z-index: 2;
    }

    .tab-content .caption .head {
        font-size: 30px !important;
    }

    .tab-content .caption .bottom-caption {
        font-size: 17px !important;
        margin-top: 20px !important;
        margin-bottom: 28px !important;
    }

    .tab-content .caption a {
        margin-top: 18px !important;
    }

    .carousel-indicators li {
        margin-right: 3px;
        margin-left: 3px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: Open Sans bold, -apple-system, sans-serif;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 20px;
        font-size: 16px !important;
    }

    .carousel-caption {
        right: 0;
        width: 420px;
        margin-top: 40px;
    }

    .carousel-item {
        height: 400px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .awards-wrapper img {
        max-width: 179px !important;
    }

    .awards-wrapper h4 {
        font-size: 25px !important;
    }

    footer .logo .label {
        font-size: 20px !important;
    }

    footer img {
        width: 100%;
    }

    .guidance--main .guidance-content {
        margin-right: 0% !important;
    }

    .guidance--main img {
        max-width: 100% !important;
    }

    .guidance--main {
        max-height: calc(37vw + 10px) !important;
    }
}

@media only screen and (max-width: 1150px) and (min-width: 770px) {
    .guidance--main {
        max-height: 44vw !important;
    }
}

@media only screen and (max-width: 770px) and (min-width: 768px) {
    .guidance--main {
        max-height: 41vw !important;
    }
}
/* tablet */
@media only screen and (max-width: 1150px) and (min-width: 900px) {
    .guidance--main li {
        font-size: 13px !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
        letter-spacing: 1px !important;
    }

    .awards-wrapper {
        min-height: 250px !important;
        height: 250px;
    }

    .guidance--main img {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 1150px) and (min-width: 900px) {
    .guidance--main h3 {
        font-size: 28px !important;
        line-height: 35px !important;
        margin-top: 20px !important;
    }

    .guidance--main .guidance-content {
        margin-right: 0% !important;
        margin-left: 10px !important;
        margin-top: 46px !important;
    }
}
/* tablet */
@media only screen and (max-width: 900px) and (min-width: 761px) {
    .guidance--main .guidance-content {
        margin-right: 15px !important;
        margin-left: 0px !important;
        margin-top: 46px !important;
    }

    .awards-wrapper {
        min-height: 250px !important;
        height: 250px;
    }

    .award-content.pull-right {
        max-width: 450px !important;
    }

    .guidance--main img {
        max-width: 100% !important;
    }

    .guidance--main li {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .guidance--main h3 {
        margin-top: 20px !important;
        font-size: 28px !important;
        line-height: 35px !important;
    }
}
/* tablet */
@media only screen and (max-width: 770px) and (min-width: 760px) {
    .links .col {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 761px) {
    .carousel-indicators li {
        border-radius: 20px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 761px) {
    .brand--content {
        margin-top: 0px !important;
        padding-top: 80px !important;
        padding-bottom: 100px !important;
    }

    .brand--text.first {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 760px) {

    .menu .started {
        text-align: center;
    }

    .nav-tabs .last {
        display: none !important;
    }

    .nav-tabs .active:after {
        top: 0px !important;
    }

    .digital-platform .content {
        max-width: 70vw;
    }

    .tab-content .caption {
        width: 50vw !important;
        padding: 30px !important;
    }

    .tab-content .caption .head {
        font-size: 30px !important;
    }

    .tab-content .caption .bottom-caption {
        font-size: 16px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .tab-content .caption a {
        margin-top: 0px !important;
    }

    .carousel-indicators {
        margin-top: 0px;
    }

    .carousel-indicators li {
        margin-right: 3px;
        margin-left: 3px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: Open Sans bold, -apple-system, sans-serif;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 23px;
        padding-left: 23px;
    }

    .carousel-caption {
        right: 0;
        width: 420px;
        margin-top: 40px;
    }

    .carousel-item {
        height: 400px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .awards-wrapper img {
        max-width: 159px !important;
    }

    .awards-images .first-image img,
    .awards-images .second-image img {
        width: 100%;
    }

    .awards-wrapper h4 {
        font-size: 18px !important;
    }

    footer .logo .label {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }

    footer img {
        width: 100%;
    }

    footer .corner .link-started {
        font-size: 14px !important;
    }

    .award-content {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .bx-award {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
}

@media only screen and (min-width: 550px) and (max-width: 760px) {
    .small-desc {
        top: -347px !important;
    }
}

@media only screen and (max-width: 760px) and (min-width:700px) {
}
/* landscape */
@media only screen and (max-width: 768px) and (max-height:500px) {

    .guidance--main img {
        margin-top: 0px !important;
    }

    .guidance--main img {
        max-width: 350px !important;
    }
}
/* portrait */
@media only screen and (max-width: 768px) and (min-height:500px) and (max-height: 769px) {
    .guidance--main img {
        max-width: 300px !important;
    }
}


@media only screen and (max-width : 760px) {
    .guidance--main img {
        margin-top: 0px !important;
        width: 350px;
    }
}


@media only screen and (max-width: 760px) and (min-width: 500px) {
    .awards-wrapper .awards-images {
        margin-right: 10% !important;
        margin-left: 10% !important;
    }

    .awards-wrapper .first-image {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 500px) {
    .awards-wrapper .awards-images {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .awards-wrapper .first-image {
        margin-right: 20px !important;
    }
}
/* phone */
@media only screen and (max-width: 989px) {
    .digital-platform {
        text-align: center;
        background: white !important;
    }

    .digital-platform .content a {
        margin-left: 0px !important;
    }

    .digital-platform .walkme-digital {
        font-size: 24px !important;
        text-align: center;
        margin-top: 30px !important;
        margin-bottom: 15px;
        line-height: 35px;
    }

    .digital-platform .content {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        padding-bottom: 15px;
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        margin-top: 0px !important;
    }

    .digital-platform .content p {
        font-size: 19px !important;
    }

    .digital-platform .content .col {
        -webkit-flex-basis: inherit;
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
        -webkit-box-flex: inherit;
        -webkit-flex-grow: inherit;
        -ms-flex-positive: inherit;
        flex-grow: inherit;
        max-width: 100%;
        max-width: 100% !important;
    }

    .digital-platform .content .header {
        background-color: transparent !important;
        min-height: initial !important;
        font-size: 24px !important;
    }

    .digital-platform .content .blue .header {
        color: #26a2fa;
    }

    .digital-platform .content .violet .header {
        color: #4d7ff6;
    }

    .digital-platform .content .light-blue .header {
        color: #20b5d0;
    }

    .digital-platform .content hr {
        border-top: 1px solid #b7b7b7 !important;
        width: 100%;
    }

    .digital-platform .content p {
        padding: 0px 0px 0px 0px !important;
    }

    .digital-platform .content a {
        position: relative !important;
        padding-top: 10px;
        padding-right: 27px;
        padding-bottom: 10px;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        padding-left: 27px;
        border-bottom: none !important;
        border-radius: 3px;
        text-transform: initial !important;
        color: white !important;
        text-decoration: none !important;
        font-size: 17px !important;
    }

    .digital-platform .content a:hover {
        font-weight: normal !important;
    }

    .digital-platform .content .blue a {
        background-color: #26a2fa;
    }

    .digital-platform .content .blue a:hover {
        background-color: #1489dc;
    }

    .digital-platform .content .violet a {
        background-color: #4d7ff6;
    }

    .digital-platform .content .violet a:hover {
        background-color: #2662f1;
    }

    .digital-platform .content .light-blue a {
        background-color: #20b5d0;
    }

    .digital-platform .content .light-blue a:hover {
        background-color: #1490a6;
    }

    .digital-platform .basic {
        max-width: initial !important;
    }
    /* end of digital */
}
/* phone */
@media only screen and (max-width: 760px) {

    .cast ul li:first-child {
        margin-top: 15px;
    }

    .header__mobile {
        display: block !important;
    }

    .header__desktop {
        display: none;
    }

    .parallax-industry .digital .smalltext {
        margin-top: 20px !important;
    }

    .cast ul li:last-child {
        padding-bottom: 0px !important;
    }

    .right-row.active-row {
        display: block !important;
    }

    .awards-wrapper h4 {
        font-size: 25px;
    }

    .lap-parent {
        min-height: 230px;
        height: initial !important;
        padding-bottom: 20px;
    }

    .guidance--main b {
        font-family: Open Sans, sans-serif !important;
        font-weight: 500 !important;
    }

    .parallax-small, .parallax-banking, .parallax, .parallax-c, .parallax-industry {
        background-attachment: initial !important;
    }

    .parallax-small {
        background-size: cover !important;
    }

    .hidden-img {
        display: block !important;
    }

    .big-desc {
        display: none;
    }

    .links .col {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
        margin-bottom: 15px;
    }

    .small-desc {
        display: block !important;
    }

    .company-header {
        margin-top: 20px !important;
        padding-top: 0px !important;
    }

    .company-header h4 {
        line-height: inherit !important;
        font-size: 25px !important;
        font-family: Open Sans Light, -apple-system, sans-serif !important;
    }

    .first-carousel {
        padding-bottom: 30px;
    }

    .nav-tabs .last {
        display: none !important;
    }

    .tabs {
        position: absolute;
        top: -75px;
        left: 0;
        background: white;
        opacity: .5;
        width: 100%;
    }

    .tabs ul {
        padding-left: 40px;
    }

    .tabs .nav-tabs {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-left: 10px;
        overflow: hidden;
    }

    .active:after {
        border: none !important;
    }

    .tab-hidden {
        margin-top: 29px;
    }

    .tab-hidden .last-mobile {
        font-family: Open Sans, sans-serif !important;
        padding: 15px 45px !important;
        font-size: 16px !important;
    }

    .carousel-item {
        height: 200px;
    }

    .first-carousel {
        margin-top: 10px !important;
    }

    .carouselInsights {
        z-index: 0 !important;
        margin-top: 70px !important;
        box-shadow: none !important;
    }

    .carousel-indicators {
        top: -47px;
        width: 100%;
        margin: 0px !important;
        overflow: hidden;
    }

    .carousel-indicators li {
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }

    .carousel-indicators,
    .carousel-indicators .active {
        color: white;
    }

    .carousel-indicators .guidance:not(.active) {
        color: white ;
        background-color: #01c0fe;
    }

    .carousel-indicators .engagement:not(.active) {
        color: white;
        background-color: #1ba8c1;
    }

    .carousel-indicators .insights:not(.active) {
        color: white;
        background-color: #588ce8;
    }

    .carousel-indicators .guidance.active {
        background-color: #01c0fe;
    }

    .carousel-indicators .engagement.active {
        background-color: #1ba8c1;
    }

    .carousel-indicators .insights.active {
        background-color: #588ce8;
    }

    .carousel-indicators .active {
        -webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.23);
        -moz-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.23);
        box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.23);
        z-index: 3;
    }

    .carousel-caption {
        top: 0% !important;
        padding: 10px;
        right: 0% !important;
    }

    .carousel-caption h3 {
        font-size: 1.1rem !important;
    }

    .awards-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
    }

    .awards-wrapper img {
        max-width: 180px !important;
        position: relative !important;
        width: 100%;
    }

    .awards-wrapper .walkme-solution {
        width: initial !important;
        padding-right: 15px !important;
        padding-left: 15px;
    }

    .awards-wrapper .awards {
        width: initial !important;
    }

    .awards-wrapper .award-content {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        max-width: initial !important;
    }

    .awards-wrapper .bx-brands li {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
    }

    .awards-wrapper .bx-brands li img {
        margin-right: 50px;
        margin-left: 50px;
    }

    .bx-award {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .desktop-menu {
        display: none;
    }

    .guidance--main {
        box-shadow: none !important;
        margin-top: 36px !important;
        background-size: cover;
        max-height: 340px !important;
    }

    .guidance--main .right-row {
        position: absolute;
        height: 20px;
        top: 50px;
        opacity: 0.3;
        right: 10px;
    }

    .guidance--main .image-mobile {
        display: block !important;
        width: 100%;
    }

    .carousel-indicators {
        top: -36px;
        width: 100%;
        margin: 0px !important;
    }

    .carousel-indicators .guidance, .carousel-indicators .insights {
        width: 30%;
    }

    .carousel-indicators .engagement {
        width: 40%;
    }

    .carousel-indicators li {
        padding: 15px 10px 15px 10px;
        text-align: center;
        letter-spacing: initial !important;
        text-transform: uppercase;
    }

    .guidance--main h3 {
        font-family: Open Sans Light, -apple-system, sans-serif !important;
        font-size: 20px !important;
        line-height: initial !important;
        margin-top: 0 !important;
        padding-left: 10px;
    }

    .parent_text {
        height: 87px;
        margin-top: -25px;
    }

    .brand--content {
        margin-top: 0px !important;
        position: relative !important;
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }

    .wrapper-brands {
        min-height: initial !important;
    }

    .brands-link-mobile {
        display: block !important;
    }

    .play-btn-main, .brand--text, .brand--small-text {
        z-index: 6;
    }

    .wrapper-brands a {
        right: initial !important;
        bottom: -40px !important;
        position: relative !important;
        padding-top: 10px !important;
        padding-right: 27px !important;
        padding-bottom: 10px !important;
        padding-left: 27px !important;
        bottom: initial !important;
        font-size: 17px !important;
    }

    .brands-link-mobile {
        margin-top: 40px;
    }

    .brands-link {
        display: none;
    }

    .play-btn-main {
        transform: scale(0.7);
    }

    .brand--text.first {
        margin-top: 24px !important;
    }

    .brand--text {
        font-size: 22px !important;
    }

    .brand--small-text {
        font-size: 10px !important;
    }

    .homepage .parallax .digital {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .digital-platform .content .header h3 {
        line-height: 27px !important;
        font-size: 21px !important;
    }
}

/* end of mobile */
@media only screen and (max-width: 770px) {
    footer {
        padding-bottom: 40px !important;
    }

    footer ul {
        font-size: 17px;
        margin-bottom: 0px !important;
    }

    footer ul li {
        padding-bottom: 10px !important;
    }

    footer span {
        font-size: 20px !important;
    }

    footer .logo {
        justify-content: center;
        margin-bottom: 25px;
    }

    footer img {
        width: 150px;
    }

    .big-cont {
        display: none;
    }

    .small-cont {
        display: block !important;
        text-align: center;
    }

    .small-cont ul {
        padding: 0px;
    }

    .link-started {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        width: 240px;
        font-size: 18px !important;
        background-color: #4c646e !important;
        border: none !important;
        color: white !important;
    }

    .link-started:hover {
        background-color: #698a98 !important;
    }

    .started-parent {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
    }
}
/* end of mobile style*/
@media only screen and (max-width: 760px) and (min-height: 321px) and (min-width: 569px) {
    .guidance--main {
        max-height: 340px !important;
    }
}
/* end of mobile style*/
@media only screen and (min-width: 660px) and (max-width: 760px) {
    .award-content.pull-left {
        padding-left: 0px !important;
    }

    .awards .award-content {
        text-align: center !important;
        max-width: initial !important;
    }

    .award-images {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 660px) {

    .guidance--main img:not(.right-row) {
        width: 350px;
    }

    .awards-images {
        height: 150px;
    }

    .awards-images img {
        position: absolute;
    }

    .awards-images .first-image img {
        left: 10px;
    }

    .awards-images .second-image {
        right: 10px;
    }

    .awards .award-content {
        text-align: center !important;
    }

    .award-content.pull-left {
        padding-left: 0px !important;
    }

    .awards .award-images {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 750px) {
    .links {
        min-width: 540px;
    }
}

@media only screen and (max-width: 750px) and (max-height: 420px) {

    .links {
        margin-top: 10px !important;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -webkit-flex-direction: row !important;
    }

    .request-col, .free-col {
        max-width: 260px;
    }

    .bigtext:not(.parallax-resize .bigtext) {
        font-size: 40px !important;
        margin-top: 15px;
    }

    .smalltext {
        font-size: 17px !important;
        max-width: initial !important;
    }

    .smalltext:not(.parallax-banking .smalltext) {
        margin-top: 0px !important;
    }
}

.wrapper-brands {
    background-image: url("../img/brand_section.jpg");
    background-size: cover;
    text-align: center;
}

.wrapper-brands::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.6);
}

.brand--text {
    color: white;
    font-size: 33px;
    font-family: Open Sans, serif;
    font-style: italic;
}

.brand--small-text {
    font-family: Open Sans, serif;
    color: #8c8c8c;
    font-size: 14px;
    margin-top: 10px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.brand--text.first {
    margin-top: 55px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.brand--text.second {
    margin-top: 6px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.play-btn-main, .brand--text, .brand--small-text {
    z-index: 6;
}

.brand--content {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 189px;
    padding-bottom: 162px;
    z-index: 3;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.wrapper-brands a {
    display: block;
    position: absolute;
    bottom: 29px;
    right: 32px;
    z-index: 3;
    color: #a4d0ed;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    text-align: center;
    border: 1px solid #4ca0d7;
    padding: 12px 42px 12px 42px;
    border-radius: 3px;
    transition-duration: 1s;
}

.wrapper-brands a:not(.home-play-mobile):hover {
    background-color: #4ca0d7;
    color: #fefefe;
}

.play-btn {
    cursor: pointer;
    width: 109px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 109px;
    -webkit-border-radius: 109px; /* Adjust as needed */
    height: 109px;
    background-color: rgba(255, 255, 255, 0.3);
    transition-duration: 1s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.play-btn-main {
    opacity: 0;
}

.play-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.play-btn img {
    padding-left: 8px;
    max-width: initial !important;
}

.nav-item a {
    background-size: cover;
    background-repeat: no-repeat;
}

.image-mobile {
    display: none;
}

.small-desc {
    display: none;
    position: absolute;
    border: 15px solid white;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -321px;
    z-index: 1;
}

.big-desc {
    position: absolute;
    border: 15px solid white;
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -30px;
    z-index: 1;
}

.digital-platform {
    background-image: url("../img/dp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.digital-platform .basic {
    max-width: 272px;
}

.digital-platform .walkme-digital {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-weight: 300;
    margin-top: 10vh;
    font-size: 38px;
    opacity: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.digital-platform .basic {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 100%;
}

.digital-platform .content {
    margin-top: 25px;
    max-width: 856px;
}

.digital-platform .content p {
    font-size: 16px;
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    padding: 15px 15px 0px 15px;
}

.digital-platform .content .header {
    font-family: Open Sans, sans-serif;
    text-align: center;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    min-height: 73px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.digital-platform .content .header h3 {
    font-size: 18px;
    line-height: 30px;
}

.digital-platform .content .blue .header {
    background-color: #26a2fa;
}

.digital-platform .content .violet .header {
    background-color: #4d7ff6;
}

.digital-platform .content .light-blue .header {
    background-color: #20b5d0;
}

.digital-platform .content .blue a {
    color: #26a2fa;
    border-bottom: 1px solid #26a2fa;
}

.digital-platform .content .light-blue a {
    color: #20b5d0;
    border-bottom: 1px solid #20b5d0;
}

.digital-platform .content .violet a {
    color: #4d7ff6;
    border-bottom: 1px solid #4d7ff6;
}

.digital-platform .content a {
    text-transform: uppercase;
    bottom: 0;
    font-size: 12px;
    margin-left: 15px;
    line-height: 15px;
    font-family: Open Sans Light, -apple-system, sans-serif;
}

.digital-platform .content a:hover {
    font-weight: bold;
}

.hidden-img {
    display: none;
    width: 100%;
}

.company-header {
    color: #262626;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    padding-top: 118px;
    text-align: center;
}

.company-header h4 {
    font-size: 32px;
}

.bx-100height .bx-viewport,
.bx-100height .bx-wrapper {
    position: relative;
    width: 100%;
    max-width: 100% !important;
    height: 100% !important;
}

.carousel {
    margin-top: 30px;
}

.carouselInsights .carousel-indicators li {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.carouselInsights .carousel-caption {
    width: 441px;
    margin-right: 15%;
    margin-left: 15%;
}

.carouselInsights .carousel-caption h3 {
    font-family: Open Sans, sans-serif;
}

.carouselInsights .carousel-caption:not(.margin) {
    width: 471px !important;
}

.wrapper-brands {
    position: relative;
    z-index: 3;
}

.brands {
    background-color: white;
    border-bottom: 1px solid white;
}

.brands .client,
.brands .tab-content {
    height: 572px;
}

.brands .tb-backround {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.brands .master-background {
    background-image: url("../img/tab-master.jpg");
}

.brands .adope-background {
    background-image: url("../img/tab-second.jpg");
}

.brands .deloitte-background {
    background-image: url("../img/tab-third.jpg");
}

.brands .citrix-background {
    background-image: url("../img/tab-second.jpg");
}

.brands .microsoft-background {
    background-image: url("../img/tab-third.jpg");
}

.brands .tab-hidden {
    text-align: center;
}

.brands .tab-pane img {
    width: 100%;
}

.brands .tab-content .caption {
    padding: 70px 50px 50px 50px;
    position: absolute;
    background-color: white;
    font-family: Open Sans semibold;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    margin-top: -37px;
    margin-left: 8vw;
    max-width: 787px;
}

.brands .tab-content .caption a {
    display: block;
    color: #3392d0;
    border-bottom: 1px solid #3392d0;
    float: right;
    font-size: 12px;
    font-family: Open Sans, sans-serif;
    margin-top: 12px;
    line-height: 15px;
    text-transform: uppercase;
}

.brands .tab-content .caption a:hover {
    font-weight: bold;
}

.brands .tab-content .caption .head {
    color: #8b163f;
    font-size: 46px;
    font-family: Open Sans Light, -apple-system, sans-serif;
}

.brands .tab-content .caption .head b {
    font-weight: bold;
}

.brands .tab-content .caption .bottom-caption {
    font-weight: 300;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
    color: #14393d;
}

.brands .tab-content .caption .bottom-caption span {
    color: #8b163f;
}

.tab-content,
.tab-pane {
    height: 100%;
    background-size: cover;
}

.nav-tabs {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 10px;
}

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

.tab-hidden {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.tab-hidden .last-mobile {
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    text-transform: uppercase;
    padding: 14px 15px;
    border-radius: 3px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border: 1px solid #3393d0;
    /* border: 1px solid #3393d0; */
}

.tab-hidden .last-mobile a {
    color: #3393d0;
}

.tab-hidden .last-mobile:hover a,
.tab-hidden .last-mobile:active a,
.tab-hidden .last-mobile:focus a {
    color: #2879ae;
    outline: none;
    /* border: 1px solid #2879ae; */
}

.tab-hidden .last-mobile .fa {
    padding-left: 5px;
    padding-bottom: 2px;
}

.last {
    color: #3392d0;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    border: 1px solid #97c3de;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.guidance--main .right-row {
    display: none;
}

.last:hover {
    background: #3393d0;
    border: 1px solid #3393d0;
    color: white;
}

.carouselInsights .guidance.active {
    background: #619fec;
}

.carouselInsights .engagement.active {
    background: #42dde0;
}

.carouselInsights .insights.active {
    background: #588ce8;
}

.first-carousel li {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

.awards-wrapper {
    background-image: url("../img/awards-background.jpg");
    background-size: cover;
    display: flex;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
    min-height: 500px;
    z-index: 1;
    position: relative;
}

.awards-wrapper .first-image {
    margin-right: 260px;
}

.awards-wrapper h4 {
    opacity: 0;
    font-family: Open Sans, sans-serif;
    padding-bottom: 30px;
}

.awards-wrapper img {
    max-width: 230px;
    margin-top: 10vh;
    position: absolute;
    opacity: 0;
}

.awards-wrapper .awards-images {
    display: flex;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    justify-content: space-around;
    margin-right: 49%;
    margin-left: 17%;
}

.awards {
    width: 40%;
    background-color: rgba(21, 35, 44, 0.8);
}

.awards .award-content {
    text-align: left;
}

.awards .award-images {
    margin-left: 27%;
}

.awards h4 {
    color: white;
    text-align: center;
}

.walkme-solution {
    width: 60%;
    padding-right: 3vw;
}

.award-content {
    text-align: center;
    max-width: 499px;
    width: 100%;
    margin-top: 130px;
    margin-bottom: 100px;
}

.award-content.pull-right {
    max-width: 800px;
}

.award-content.pull-left {
    padding-left: 3vw;
}

.bx-award {
    padding-bottom: 40px;
    padding-top: 40px;
    background: white;
    z-index: 1;
    position: relative;
}

.bx-brands {
    margin-bottom: 130px;
}

footer {
    background-color: #1b2124;
    padding-top: 40px;
    padding-bottom: 70px;
    color: #698794;
    font-size: 15px;
    position: relative;
    z-index: 4;
}

footer .top-corner {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

footer .link-started {
    display: block;
    margin-top: 20px;
    padding: 15px 0px 15px 0px;
    border: 1px solid #698794;
    text-align: center;
    border-radius: 1px;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #698794;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

footer .link-started:hover {
    background-color: #4c646e;
    color: white;
    border: 1px solid #4c646e;
}

footer .icons {
    padding-right: 10px;
}

footer .icons i {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

footer .icons a {
    color: #4c646e;
    opacity: 0.8;
}

footer .icons .fb:hover,
footer .icons .google:hover,
footer .icons .tw:hover,
footer .icons .in:hover {
    color: #5e8291;
}

footer ul li {
    list-style: none;
    line-height: 1.9;
}

footer ul li a {
    transition-duration: 1s;
}

footer ul li:hover a,
footer ul li:focus a,
footer ul li:active a {
    color: white !important;
    transition-duration: 1s;
}

footer ul .header,
footer ul .header a {
    color: #8eafbd;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

footer ul li:not(.header) a {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #698794;
}

footer .logo {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 25px;
}

footer .logo .label {
    color: white !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-left: 20px;
    margin-bottom: 20px;
    white-space: nowrap;
}

@media (max-width: 759px) {
    footer .logo .label {
        margin-bottom: 7px;
    }
}

footer .addres p {
    max-width: 250px;
    padding-left: 10px;
    margin-bottom: 10px !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

footer .fa-inverse {
    color: #1b2124 !important;
}

footer .small-cont {
    display: none;
}

.sub-menu-absolute {
    position: absolute !important;
    margin-top: 121px;
}

.sub-menu-fixed {
    margin-top: 82px;
}

.nav-item a:not(.last) {
    display: block;
    padding: 0px !important;
}

.guidance--main {
    z-index: 2;
    height: 605px;
    padding-bottom: 40px;
    max-height: 605px;
    width: 100%;
    position: relative;
    background-image: url("../img/guidance-background.jpg");
    background-position: bottom;
    box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.4);
}

.guidance--main .guidance-content {
    /* max-width: 550px; */
}

.guidance--main .container-fluid {
    max-width: 2000px;
}

.guidance--main img {
    /* max-width: 140%; */
    max-width: 100%;
    margin-top: 30px;
    position: absolute;
}

.engagement-img, .insights-img {
    opacity: 0;
}

.guidance--main .desktop-menu h3 {
    padding-left: 12px;
}

.guidance--main b {
    font-weight: normal;
    font-family: Open Sans;
    font-weight: 600;
}

.guidance--main .text {
    position: absolute;
    max-width: 750px;
}

.guidance--main .text.engagement,
.guidance--main .text.insights {
    opacity: 0;
}

.guidance--main li {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
}

.guidance--main .guidance-content {
    margin-top: 74px;
}

.guidance--main .carousel-indicators {
    z-index: 0;
    position: relative !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.guidance--main .guidance.active {
    background: #619fec;
}

.guidance--main .engagement.active {
    background: #42dde0;
}

.guidance--main .insights.active {
    background: #588ce8;
}

.guidance--main h3 {
    font-family: Open Sans, sans-serif;
    font-size: 34px;
    margin-top: 40px;
    line-height: 45px;
}

.brands-link-mobile {
    display: none;
}
/*Customer stories*/

/* desktop */
@media only screen and (min-width: 1313px) {
    .watch img {
        -webkit-animation-name: pulse;
        animation-name: pulse;
        -webkit-transform-origin: right left;
        transform-origin: right left;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .parallax-customer .bigtext {
        font-size: 71px;
    }

    .success-stories .col-md-4 {
        max-width: 407px;
        padding-left: 15px !important;
        padding-right: 12px !important;
    }

    .success-stories .description {
        float: right;
        width: 46.5%;
    }

    .success-stories .video-link {
        float: left;
        width: 53.5%;
    }

    .success-stories .more {
        margin-bottom: 24px;
    }
}
/* small detsop */
@media only screen and (max-width: 1313px) and (min-width: 1100px) {
    .success-stories .description img {
        margin-top: 20px;
    }

    .more {
        margin-bottom: 24px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 900px) {
    .main .logo img {
        width: 80px !important;
        margin-left: 10px;
        margin-top: 20px;
    }

    .lap-parent {
        height: 320px !important;
    }
}

@media only screen and (min-width : 1000px) and (max-width : 1024px) {
    .menu .logo img {
        margin-top: -10px;
    }

    .logo-flex img {
        width: 80px !important;
        margin-top: 20px !important;
    }
}
/* Ipad */
/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parallax-c {
        background-position-x: center;
    }

    .dp {
        padding-bottom: 30px;
    }

    .customer-content__brand {
        width: 17% !important;
        width: 33.333% !important;
    }

    footer .logo .label {
        font-size: 13px !important;
        margin-bottom: 8px !important;
        margin-left: 10px !important;
    }
}
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    footer .logo .label {
        font-size: 13px !important;
        margin-bottom: 5px !important;
        margin-left: 10px !important;
    }

    .customer-content {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}

@media only screen and (min-width : 1366px) {
    .guidance--main {
        height: 800px;
    }
}


@media only screen and (max-width : 1366px) and (min-width: 760px) {
    .dp.container {
        padding-bottom: 30px;
    }
}
/* Ipad Pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
    .logo-flex img {
        margin-top: 20px !important;
    }

    .lap-parent {
        height: 420px !important;
    }

    .dp {
        padding-bottom: 30px;
    }
}
/* Ipad Pro landscape */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
}
/* Ipad Pro portrait */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    .parallax-industry .digital {
    }

    .customer-content {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
}
/* vertical ipad and phone */
@media only screen and (max-width: 760px) {
    .mobile_select {
        display: block !important;
    }

    .header-container-customer form .select, .header-container-customer form select, .header-container-customer form .group, .header-container-customer form {
        width: 100% !important;
    }

    .header-container-customer {
        padding: 15px 0 !important;
        position: absolute !important;
    }

    .parallax-c {
        background-position: center;
    }

    .header-container-customer form {
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        -webkit-box-align: flex-start !important;
        -moz-box-align: flex-start !important;
        -ms-flex-align: flex-start !important;
        -webkit-align-items: flex-start !important;
    }

    .header-container-customer form .group:not(:first-child) {
        padding-left: 0px !important;
    }

    .header-container-customer .group {
        margin-bottom: 20px;
    }

    .header-container-customer form .group label {
        display: none;
    }

    .header-container-customer form button {
        margin-top: -7px;
        margin-left: 0px !important;
        width: 126px !important;
        height: 44px !important;
    }

    .header-container-customer form select {
        height: 44px !important;
    }

    .header-container-customer form .select .fa {
        top: 18px !important;
        right: 18px !important;
    }
}

/* tablet */
@media only screen and (max-width: 1100px) and (min-width: 750px) {
    .success-stories .description img {
        margin-top: 20px;
    }

    .customer-content__brand {
        max-width: 210px;
    }

    .free, .demo {
        min-width: 290px;
    }

    .more {
        margin-bottom: 24px;
    }

    .parallax-c .digital .bigtext {
        font-size: 50px;
    }

    .workplace .bank-content {
        margin-top: 40px !important;
        margin-bottom: 76px !important;
    }
}
/* tablet */
@media only screen and (max-width: 1122px) and (min-width: 750px) {
    .parallax-c .digital .bigtext {
        font-size: 50px;
    }
}

@media only screen and (max-width: 500px) {
    .parallax-customer .smalltext {
        font-size: 16px !important;
    }
}

/* phone */
@media only screen and (max-width: 750px) {

    .parallax-c .smalltext:not(.first-text) {
        margin-top: 0px !important;
    }

    .parallax-c .watch {
        margin-top: 10px;
        margin-left: -20px !important;
    }

    .parallax-c .first-text {
        margin-top: 10px !important;
    }

    .parallax-c form {
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        width: 100% !important;
    }

    .parallax-c form .group:nth-child(2) {
        padding-left: 0px !important;
    }

    .parallax-c label {
        padding-top: 20px;
    }

    .featured .row:nth-child(2) {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
    }

    .featured .row:nth-child(2) .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
    }

    .success-stories {
        padding-top: 35px !important;
    }

    .success-stories .row:first-child,
    .success-stories .row:nth-child(2) {
        min-height: 800px;
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        padding-bottom: 0px !important;
    }

    .success-stories .row:nth-child(3) .col:not(:last-child),
    .success-stories .row:nth-child(4) .col:not(:last-child) {
        margin-bottom: 28px;
    }

    .success-stories .description {
        width: 50%;
        height: 240px !important;
        float: right;
    }

    .success-stories .video-link {
        width: 50%;
        float: left;
    }

    .success-stories .video-link .video {
        width: 100%;
    }

    .success-stories .more {
        margin-top: 0px !important;
    }

    .success-stories figure {
        height: initial !important;
    }
}

.logme-mobile {
    display: none;
}

.content_grey {
    background-color: #f3f3f3;
    position: relative;
    z-index: 4;
}

.customer-content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    margin-top: 30px;
    margin-bottom: 52px;
}

.customer-col.col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.customer-content__brand {
    background-color: white;
    height: 160px;
    display: inline-block;
    width: 200px;
    margin: 14px;
    position: relative;
    padding: 10px;
    cursor: pointer;
}

.customer-video-inner {
    position: relative;
    height: 100%;
}

.customer-video-play {
    margin-top: -38px;
    display: block;
    float: left;
    margin-left: 10px;
}

.customer-content__brand.video_brand .video-logo {
    max-width: calc(100% - 90px);
    margin-top: 0;
    max-height: 53px;
}

.customer-content__brand .customer-video-play img {
    margin-top: 0px;
}

.customer-content__brand.video_brand {
    padding: 0;
    background-position: center;
    background-size: cover;
}

.customer-video-overlay {
    height: 53px;
    background-color: rgba(19,45,62,0.7);
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.customer-content__brand.video_brand_mobile {
    background-size: cover;
}

.customer-content__brand:hover .customer-overlay {
    height: 40px;
}

.video .modal-dialog {
    max-width: 768px;
    margin: 25vh auto;
}

.testimonial .modal-dialog {
    max-width: 465px;
    margin: 10vh auto;
}

.testimonial .modal-content {
    width: 465px;
}

.testimonial__brand {
    padding-top: 23px;
    padding-bottom: 46px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
}

.testimonial__grey:before {
    content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: 40px;
    top: -30px; /* Положение треугольника */
    border: 15px solid transparent;
    border-bottom: 15px solid #f4f4f4;
}

.testimonial__grey {
    background-color: #f4f4f4;
    padding: 20px 38px;
    text-align: center;
    position: relative;
}

.testimonial blockquote {
    font-family: Open Sans, sans-serif;
    color: #4c4c4c;
    font-size: 18px;
}

.testimonial hr {
    width: 22px;
    margin-right: auto;
    margin-left: auto;
}

.testimonial .author {
    color: #949494;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
}

.testimonial button {
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    color: #a1a1a1;
}

.testimonial .modal-header {
    border: none;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; /* Safari 6.1+ */
}

.customer-overlay {
    position: absolute;
    width: 100%;
    height: 0px;
    background: #3393d1;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Open Sans, sans-serif;
    line-height: 40px;
    transition: .5s ease;
    overflow: hidden;
    cursor: pointer;
}

.customer-overlay a {
    font-size: 15px;
    color: white;
    font-family: Open Sans, sans-serif;
}

.customer-overlay a:hover {
    color: white;
}

.customer-brand {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    height: calc(100% - 20px);
    padding: 10px;
}

.customer-content__brand img {
    max-width: 100%;
    margin-top: 20px;
}

.customer-content__brand .total-safety {
    width: 110px;
}

.customer-content__brand .entelo {
    width: 100px;
}

.customer-content__brand .athena {
    width: 123px;
}

.customer-content__brand .outreach {
    width: 139px;
}

.customer-content__brand .cliqr {
    width: 104px;
}

.customer-content__brand .microsoft, .customer-content__brand .adobe {
    width: 114px;
}

.customer-content__brand .royal, .customer-content__brand .peoplematter {
    width: 152px;
}

.customer-content__brand .dynaread {
    width: 180px;
}

.customer-btn {
    cursor: pointer;
    width: 43px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 43px;
    height: 43px;
    background-color: rgba(255, 255, 255, 0.3);
    transition-duration: 1s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.customer-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.customer-btn img {
    width: 15px;
    margin-left: 4px;
    vertical-align: text-top;
    width: 12px;
}

.parallax-c {
    background-image: url(../img/customer.jpg);
    background-attachment: fixed;
    background-size: cover;
    height: 625px;
}

.header-container-customer form {
    float: left;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    font-family: Open Sans Light, -apple-system, sans-serif;
    font-weight: 300;
    -webkit-justify-content: center;
    justify-content: center;
}

.header-container-customer form label {
    text-transform: none;
    font-size: 18px;
}

.header-container-customer form .group {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.header-container-customer form .group:not(:first-child) {
    padding-left: 15px;
}

.header-container-customer form .group {
    width: 30%;
}

.header-container-customer form .select, .header-container-customer form select, .header-container-customer form {
    width: 100%;
}

.header-container-customer form select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    outline: none;
    background-color: rgba(255, 255, 255, 0.5);
    color: #3e3e3e !important;
    font-family: Open Sans Light, -apple-system, sans-serif;
    font-weight: 300;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-container-customer form select:focus::-ms-value {
    color: #3e3e3e !important;
}

.header-container-customer form select:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: none;
}

.header-container-customer form button {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    font-family: Open Sans, sans-serif;
    height: 40px;
    margin-left: 14px;
    color: #a4d0ed;
    background-color: transparent;
    font-size: 14px;
    border: 1px solid #64b7ec;
    width: 80px;
    text-align: center;
    cursor: pointer;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-transform: uppercase;
}

.header-container-customer form button:focus {
    outline: none;
}

.header-container-customer form button:hover {
    background: #d64518;
    color: white;
    border: 1px solid #d64518;
}

.header-container-customer form .select {
    position: relative;
    display: inline-block;
}

.header-container-customer form .select .fa {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 0.8em !important;
}

.parallax-c .digital,
.parallax-c .header-content {
    z-index: 2;
}

.watch {
    margin-top: 17px;
    margin-left: 10px;
    opacity: 0;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.watch a {
    text-transform: uppercase;
    color: white;
    font-family: Open Sans Light, -apple-system, sans-serif;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    height: 70px;
}

.watch a:hover {
    color: white;
}

.watch_text {
    display: block;
    font-size: 13px;
    font-family: Open Sans Light;
    margin-left: 10px;
}

.customer-link {
    float: right;
}

.customer-link i {
    padding-left: 5px;
}

.customer-link {
    font-family: Open Sans, sans-serif;
    color: #3393d1;
    font-size: 11px;
    text-transform: uppercase;
}

.digital .first-text {
    line-height: 25px;
}

.header-container-customer form option {
    color: black;
}

.parallax-customer .smalltext {
    font-size: 24px;
    font-family: Open Sans Light;
}

.parallax-customer .bigtext {
    letter-spacing: 2px;
}

/* phone */
@media only screen and (max-width: 760px) {
    .header-container-customer {
        background-color: rgb(11, 34, 48) !important;
    }

    .customer-content__brand {
        width: 100% !important;
        /*margin: 20px 35px 20px 35px !important;*/
        margin: 20px 0 !important;
        height: 220px !important;
    }

    .parallax-c {
        height: 776px;
    }

    .customer-content {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        margin: 20px 15px !important;
    }

    .parallax-industry .digital {
        padding-bottom: 80px;
        padding-top: 100px;
    }

    .parallax-c .digital {
        padding-bottom: 290px;
        padding-top: 80px;
    }

    .parallax-customer .digital {
        padding-top: 144px;
    }

    .parallax-c {
        background-position: center;
    }

    .customer-content__brand .athena {
        width: 146px;
    }

    .customer-content__brand .total-safety {
        width: 166px !important;
    }

    .customer-content__brand .entelo {
        width: 146px !important;
    }

    .customer-content__brand .outreach,
    .customer-content__brand .opentable {
        width: 170px !important;
    }

    .customer-content__brand .cliqr {
        width: 130px !important;
    }

    .customer-content__brand .shenker,
    .customer-content__brand .adobe,
    .customer-content__brand .livelntent,
    .customer-content__brand .royal,
    .customer-content__brand .peoplematter {
        width: 160px;
    }

    .customer-content__brand .dynaread {
        width: 186px;
    }

    .customer-content__brand .microsoft {
        width: 180px !important;
    }

    .customer-content__brand .adobe {
        width: 160px !important;
    }

    .customer-content__brand .livelntent {
        width: 160px;
    }

    .customer-content__brand .royal {
        width: 160px;
    }

    .logme-desktop {
        display: none;
    }

    .logme-mobile {
        display: block !important;
        width: 160px;
    }

    .parallax-c .bigtext {
        font-size: 30px;
        letter-spacing: initial !important;
    }
}
@media only screen and (max-width: 400px) {
    .parallax-c .bigtext {
        font-size: 28px;
        letter-spacing: initial !important;
    }
}
.back-featured {
    z-index: 6;
    background: white;
    position: relative;
}

.featured {
    font-family: Open Sans;
    position: relative;
    z-index: 1;
}

.featured h1, .featured h3 {
    text-transform: uppercase;
    font-size: 30px !important;
    margin-top: 42px;
    font-weight: 400 !important;
    margin-bottom: 42px;
    font-family: Open Sans;
}

.featured .video {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    height: 238px;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.featured .video span {
    position: absolute;
    top: 209px;
    right: 15px;
    display: block;
    background: black;
    padding: 5px;
    color: white;
    font-size: 13px;
    width: 68px;
    text-align: center;
}

.featured .zuora {
    background-image: url("../img/zuora.jpg");
}

.featured .tinder {
    background-image: url("../img/tinderBox.jpg");
}

.featured .peoplematter {
    background-image: url("../img/peoplematter.jpg");
}

.featured figcaption {
    margin-top: 27px;
    margin-bottom: 27px;
}

.featured figcaption img {
    height: 30px;
}

.featured figcaption p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 12px;
    font-family: Open Sans, sans-serif;
}

.featured figcaption a {
    font-size: 18px;
    text-transform: uppercase;
    color: #3393d1;
    font-family: Open Sans, sans-serif;
}

.success-stories {
    background-color: #f3f3f3;
    padding-top: 46px;
}

.success-stories .row:first-child .col:last-child .description p {
    margin-top: 5px;
}

.success-stories .row:first-child .col:not(:last-child) .description p {
    margin-top: 17px;
}

.success-stories .row:nth-child(2) .col .description p {
    margin-top: 10px;
}

.success-stories .row {
    padding-bottom: 28px;
}

.success-stories .video {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    height: 238px;
    background-size: cover;
    background-position: center;
    width: 100%;
    float: left;
}

.success-stories .video-link {
    display: block;
    border-top: 1px solid #d9dee3;
    border-bottom: 1px solid #d9dee3;
    border-left: 1px solid #d9dee3;
}

.success-stories .video-link img {
    width: 100px;
}

.success-stories .description {
    background-color: white;
    padding: 18px 15px 15px 15px;
    height: 100%;
    border-top: 1px solid #d9dee3;
    border-bottom: 1px solid #d9dee3;
    border-right: 1px solid #d9dee3;
}

.success-stories .description p {
    padding-left: 3px;
    font-size: 13.5px;
}

.success-stories .description img {
    max-width: 100%;
}

.success-stories .athena {
    background-image: url("../img/athena.jpg");
}

.success-stories .entelo {
    background-image: url("../img/entelo.jpg");
}

.success-stories .safety {
    background-image: url("../img/totalsafety.jpg");
}

.success-stories .logmein {
    background-image: url("../img/logmeIn.jpg");
}

.success-stories .century {
    background-image: url("../img/century-link.jpg");
}

.success-stories .outreach {
    background-image: url("../img/outreach.jpg");
}

.success-stories figure {
    border: 1px solid #d9dee3;
    background-color: #ffffff;
    padding: 18px 24px 24px 24px;
    height: 235px;
    margin-bottom: 0px;
}

.success-stories figure p {
    padding-top: 6px;
    font-size: 16px;
    margin-bottom: 0px;
}

.success-stories figure small {
    color: #a4a4a4;
}

.success-stories figure a {
    text-transform: uppercase;
    color: #3393d1;
    display: block;
    margin-top: 5px;
    font-size: 13px;
}

.success-stories figure a:hover {
    color: #3393d1;
}

.success-stories .more {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    margin-top: 24px;
}

.success-stories .more a {
    display: block;
    color: #3486bb;
    border: 1px solid #3486bb;
    text-align: center;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    font-size: 13.6px;
    white-space: nowrap;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.success-stories .more a:hover {
    background: #d64518;
    border: 1px solid #d64518;
    color: white;
}

.play {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.watch .play {
    width: 60px;
}

.featured .video .play {
    width: 131px;
}

#h2 {
    font-size: 34px;
    line-height: 46px;
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
}

#p {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
}

.mobile_select {
    display: none;
}

/* Industry */

/* desktop */
@media only screen and (min-width: 1313px) {
    .parallax-industry .bigtext {
        font-size: 47px !important;
    }

    .parallax-industry .digital {
        text-align: left !important;
    }

    .parallax-industry .digital .smalltext {
        margin-top: -5px;
    }


    .banking .book-small {
        display: none;
    }

    .card_industry {
        background-image: url("../img/industry_card.jpg");
    }
}

@media only screen and (min-width: 1100px) {

    .banking ul li {
        margin-top: 15px !important;
    }
}

/*@media only screen and (max-width: 900px) and (min-width: 759px) {

    .banking blockquote .book-full {
        position: absolute;
        top: -50%;
        right: -25%;
        width: 40%;
    }
}*/

@media only screen and (max-width: 1100px) and (min-width: 900px) {

    /*.banking blockquote .book-full {
        position: absolute;
        top: initial !important;
        bottom: 130px;
        width: 40%;
    }*/
}

@media only screen and (max-width: 759px) and (min-width: 750px) {

    .banking blockquote .book-full {
        /*position: absolute;
        top: initial !important;
        right: 0px;
        bottom: 260px;
        width: 40%;*/
    }
}
/* small desktop */
@media only screen and (max-width: 1313px) and (min-width: 1100px) {
    .parallax-industry .bigtext {
        font-size: 47px !important;
    }

    .parallax-industry .digital {
        text-align: left !important;
    }

    .parallax-industry .digital .smalltext {
        margin-top: -5px;
    }

    .banking .book-small {
        display: none;
    }

    .card_industry {
        background-image: url("../img/industry_card.jpg");
        background-size: cover !important;
    }

    .benefits .benefits-hidden img {
        max-width: 120% !important;
    }
}

@media only screen and (max-width:1100px) and (min-width:900px) {
    .benefits .benefits-hidden img {
        max-width: 120% !important;
    }
}

@media only screen and (max-width:900px) and (min-width:760px) {
    .benefits .benefits-hidden img {
        width: 130%;
        max-width: initial !important;
    }
}

/* tablet */
@media only screen and (max-width: 1100px) and (min-width: 750px) {
    .parallax-industry .bigtext {
        font-size: 47px !important;
    }

    .parallax-industry .digital {
        text-align: left !important;
    }

    .parallax-industry .digital .smalltext {
        margin-top: -5px;
    }

    .banking .book-small {
        display: none;
    }

    .card_industry {
        background-image: url("../img/industry_card.jpg");
        background-size: cover !important;
    }
}

@media only screen and (max-width: 600px) {
    .tabs .nav-tabs {
        padding-left: 1% !important;
    }

    .banking blockquote p {
        max-width: 150px !important;
    }

    .benefits .macscreen {
        width: 100% !important;
    }
}

@media only screen and (max-width: 500px) {
    .featured {
        max-width: 330px;
    }
}
/* phone */
@media only screen and (max-width: 750px) {

    .parallax-industry .bigtext {
        font-size: 40px !important;
        word-wrap: break-word;
    }

    .featured h1, .featured h3 {
        text-align: center;
    }

    .carry {
        display: block;
    }

    .banking h2, .banking h3 {
        margin-top: 30px !important;
        font-size: 23px !important;
        line-height: 30px !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .menu-drop ul li {
        font-size: 16px !important;
    }

    .parallax-industry .digital .smalltext {
        margin-top: 15px;
        line-height: 30px !important;
    }

    .banking h2 {
        margin-top: 30px !important;
        font-size: 25px !important;
    }

    .banking ul {
        max-width: 360px;
        padding-left: 0px;
        margin-bottom: 0px !important;
    }

    .banking blockquote {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
        margin-top: 30px !important;
        max-width: 100% !important;
        width: 100%;
    }

    .banking blockquote box-shadow p {
        max-width: 160px !important;
    }

    .banking .bloquote-big {
        display: none !important;
    }

    .banking .bloquote-small {
        display: block !important;
    }

    .banking .bloquote-small blockquote::after {
        content: "";
        position: absolute;
        background: url(../img/book-small.jpg);
        width: 140px;
        height: 223px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -70px;
        right: 0px;
    }

    .book-small {
        top: 2740px;
        max-width: 150px;
        right: 0px;
        position: absolute;
    }

    .card_industry {
        text-align: center;
    }

    .card_industry h2 {
        margin-top: 25px !important;
        margin-bottom: 25px;
        font-size: 25px !important;
        line-height: 40px !important;
    }

    .card_industry .card-small {
        display: block !important;
        width: 100%;
        opacity: 0.5;
    }

    .card_industry p {
        margin-bottom: 30px !important;
    }

    .visa {
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }

    .visa .image-parent {
        text-align: center;
    }

    .visa .image-parent img {
        max-width: 50%;
    }

    .visa .quote {
        font-size: 19px !important;
        line-height: initial !important;
        margin-top: 20px;
    }

    .industry .more {
        margin-top: 13px !important;
        margin-bottom: 50px !important;
    }

    .banking blockquote {
        padding: 34px 37px 40px 15px !important;
    }

    .banking blockquote .italic {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .banking blockquote small {
        margin-top: 10px !important;
        font-size: 13px !important;
    }

    .banking blockquote hr {
        margin-top: 10px !important;
        margin-bottom: 22px !important;
    }

    .banking blockquote p {
        line-height: 25px !important;
    }

    .banking blockquote a {
        padding: 6px 30px 7px 30px !important;
    }

    .workplace .bank-content p {
        font-size: 18px !important;
    }

    .workplace .bank-content h2, .banking-mac h3 {
        font-size: 30px !important;
        text-align: center;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        line-height: 30px !important;
    }

    .deloitte-banking {
        background: url(../img/deloitte-banking-mobile.jpg);
        background-size: cover;
        background-position: top center;
    }
}

@media only screen and (min-width: 760px) {
    .banking blockquote hr {
        margin-top: 35px !important;
        margin-bottom: 29px !important;
    }
}

@media only screen and (max-width: 760px) {
    .banking {
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 750px) {
    .deloitte-banking {
        background-attachment: fixed;
        background-size: cover;
        /*  background: url(../img/deloitte-banking.jpg); */
        z-index: 1;
        position: relative;
        background-repeat: no-repeat;
        /*   max-height:381px; */
    }
}
/*end of phone style*/
.parallax-industry {
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-image: url("../img/parallax-industry.jpg");
    height: 450px;
}

.parallax-industry .row {
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

.parallax-industry .col {
    text-align: center;
}

.parallax-banking .fa-registered {
    font-size: 12px;
    vertical-align: text-top;
    margin-top: 20px;
}

.parallax-industry .digital .smalltext {
    font-size: 22px;
    line-height: 37px;
    margin-top: 10px;
}

.yellow_border {
    border-bottom: 9px solid #d0c682;
}

.parallax-shadow:after {
    background: transparent;
    background-color: #000000;
    opacity: 0.6;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.single-platform .parallax-shadow:after {
    background-color: transparent;
}

.parallax-main:before {
    background: transparent;
    background: rgba(255, 255, 255, 0.2);
    content: "";
    display: block;
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.parallax-small:before {
    background: transparent;
    background: rgba(255, 255, 255, 0.2);
    content: "";
    display: block;
    height: 78px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.content_white {
    background-color: white;
    position: relative;
    z-index: 4;
}

.parallax-top:before {
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);
    content: "";
    display: block;
    height: 30vh;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%;
}

.digital {
    z-index: 4;
}

.card_industry {
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    z-index: 4;
    border-top: 9px solid #d0c682;
}

.card_industry .card-small {
    display: none;
}

.card_industry .last-child {
    margin-bottom: 90px;
}

.card_industry .first-child {
    margin-bottom: 30px;
}

.card_industry h2 {
    font-size: 34px;
    line-height: 46px;
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    margin-top: 93px;
}

.card_industry p {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 20px;
}

.visa {
    background: url("../img/dollar.jpg") no-repeat 0 0 transparent;
    overflow: hidden;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
    z-index: 1;
    /* height: 510px; */
}

.visa .container-fluid {
    z-index: 1;
}

.visa-content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    /*   position: absolute; */
    right: 60px;
    /*width: 840px;*/
    width: 800px;
    padding-right: 45px;
}

.visa .col {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.visa .quote {
    color: white;
    font-family: Open Sans, -apple-system, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    width: 100%;
}

.visa .quote b {
    font-family: Open Sans Semibold, Open Sans bold, sans-serif;
    font-weight: normal !important;
}

.visa:before {
    background: transparent;
    background: rgba(251, 170, 41, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.visa-big:after {
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 55%;
}

.visa-small:after {
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banking {
    background-image: url("../img/banking.jpg");
    background-size: cover;
    background-position: center;
    z-index: 1;
    position: relative;
    padding-bottom: 40px;
    overflow-x: hidden;
}

.banking .row .col:nth-child(2) {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; /* Safari 6.1+ */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
}

.banking h2, .banking h3 {
    font-size: 34px;
    line-height: 46px;
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    margin-top: 67px;
}

.banking ul {
    list-style-type: none;
    padding-left: 5px;
    margin-top: -10px;
    margin-bottom: 120px;
}

.banking ul li {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 18px;
    margin-top: 13px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.banking .bloquote-small {
    display: none;
}

.banking blockquote {
    border-left: 5px solid #3393d1;
    background-color: white;
    margin-top: 67px;
    padding: 34px 37px 20px 30px;
    max-width: 530px;
    margin-right: 50px;
    width: 100%;
}

.banking blockquote .book-full {
    position: absolute;
    /*top: 290px;*/
    top: -50%;
    right: -20px;
}

.banking blockquote p {
    max-width: 200px;
    font-size: 14px;
    line-height: 27px;
    font-family: Open Sans light, -apple-system, sans-serif;
    padding-bottom: 12px;
}

.banking blockquote a {
    text-transform: uppercase;
    color: #3393d1;
    border: 1px solid #3393d1;
    border-radius: 3px;
    padding: 6px 24px 7px 24px;
    transition-duration: 1s;
}

.banking blockquote a:hover, .banking blockquote a:active, .banking blockquote a:focus {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    color: white;
}

.banking blockquote .italic {
    font-style: italic;
    font-size: 18px;
    font-family: Open Sans light, -apple-system, sans-serif;
    color: #262626;
    line-height: 34px;
}

.banking blockquote small {
    color: #626a74;
    margin-top: 27px;
    display: block;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 15px;
    max-width: 200px;
}

.banking .fa {
    font-size: 0.4em !important;
    margin-right: 8px;
    color: #edb050;
    margin-top: 10px;
}

.industry .more {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    margin-top: 24px;
    margin-bottom: 44px;
}

.industry .more a {
    display: block;
    color: #3486bb;
    border: 1px solid #3486bb;
    text-align: center;
    font-family: Open Sans;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border-radius: 2px;
}

.industry .more a:hover, .industry .more a:active, .industry .more a:focus {
    background: #00aeef;
    border: 1px solid #00aeef;
    color: white;
}

/* banking */
/* desktop */
/* small detsop */
/* tablet */

@media only screen and (max-width: 770px) and (max-height:400px) and (min-height: 321px) {
    .parallax-banking .digital {
        padding-top: 70px !important;
    }

    .parallax-industry .digital {
        padding-top: 20vh !important;
    }

    .platform_category_jumbotron .digital {
        padding-top: 20vh !important;
    }
}

@media only screen and (max-width: 760px) and (min-width: 321px) {
    .parallax-banking .bigtext {
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 321px) {
    .parallax-banking .bigtext {
        font-size: 28px !important;
    }
}

@media only screen and (max-width: 760px) {
    .parallax-banking .bigtext {
        line-height: initial !important;
        margin-bottom: 0px !important;
    }

    .parallax-banking .smalltext {
        margin-top: 20px;
    }
}

/* phone */
@media only screen and (max-width: 770px) {


    .parallax-banking .fa-registered {
        margin-top: 13px !important;
    }

    .deloitte-banking .description {
        padding-left: 0px !important;
    }

    .deloitte-banking h2 {
        font-size: 17px !important;
    }

    .deloitte-banking .greentext {
        font-size: 13px !important;
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }

    .deloitte-banking .deloitte-green {
        max-width: 100px;
    }

    .deloitte-banking .parent {
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }

    .deloitte-banking .container {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .deloitte-banking .image-deloitte {
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 770px) {
    .benefits img {
        display: none;
    }

    .benefits .macscreen {
        display: block !important;
        margin-left: -20px;
    }

    .benefits .benefits-hidden {
        display: none;
    }

    .benefits .banking-mac {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media only screen and (max-width: 770px) and (min-width: 760px) {
    .benefits .banking-mac h3 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .benefits .banking-mac ul {
        padding-left: 25px !important;
        padding-right: 25px;
    }

    .benefits .macscreen {
        width: 70%;
    }
}

@media only screen and (max-width: 760px) {
    .benefits h2 {
        text-align: center;
        margin-top: 35px !important;
    }

    .benefits .macscreen {
        width: 50%;
    }

    .benefits ul {
        padding-left: 0px;
        margin-bottom: 35px !important;
    }

    .benefits .banking-mac ul {
        padding-left: 15px !important;
        padding-right: 15px;
    }

    .benefits .grey-stripe {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
        font-size: 15px !important;
        text-align: justify !important;
        line-height: 16px;
    }

    .benefits .grey-stripe .container {
        width: initial !important;
    }
}

@media only screen and (min-width:770px) {
    .workplace {
        background: url("../img/workplace.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 2;
        position: relative;
    }
}

/*end of phone*/
.parallax-banking {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 200px;
    background-image: url(../img/banking-background.jpg);
}

.parallax-banking .bigtext {
    text-transform: none !important;
    line-height: 70px;
    font-size: 62px;
    font-family: Open Sans, -apple-system, sans-serif;
    margin-bottom: 23px;
    line-height: 60px;
}

.pink_border {
    border-top: 9px solid #e2bdb1;
}
.workplace .workplace-hidden{margin: 10px 0 30px 0;}
.workplace img {
    /*    position: absolute;*/
    z-index: 2;
    /*    top: -40px;*/
    max-width: 100%;
}

.workplace .mac-small {
    display: none;
}

.workplace .container-fluid {
    height: 100%;
}

.workplace .bank-content {
    max-width: 700px;
    margin-left: 85px;
    margin-top: 105px;
    margin-bottom: 141px;
    font-family: Open Sans light, -apple-system, sans-serif;
}

.workplace .bank-content h2 {
    font-size: 42px;
    line-height: 55px;
    color: #202020;
}

.workplace .bank-content p {
    font-size: 20px;
    margin-top: 40px;
    color: #202020;
}

.workplace .container-fluid::after {
    content: "";
    background: rgba(18, 145, 186, 0.65);
    display: block;
    height: 36px;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
}

.deloitte-banking h2 {
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 36px;
}

.deloitte-banking h2,
.deloitte-banking span {
    color: white;
}

.deloitte-banking .greentext {
    margin-top: 14px;
    margin-bottom: 27px;
    font-size: 17px;
    font-family: Open Sans light, -apple-system, sans-serif;
    color: white;
}

.deloitte-banking .greentext .green {
    color: #98ca4a;
}

.deloitte-banking .parent {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

.deloitte-banking .description {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    text-align: center;
    max-width: 740px;
    padding-left: 25px;
}

.deloitte-banking .container {
    padding-top: 127px;
    padding-bottom: 80px;
}

.benefits {
    background: url("../img/benefits-back.jpg");
    background-size: cover;
    position: relative;
    z-index: 1;
}

.benefits .macscreen {
    display: none;
}

.benefits .benefits-hidden img {
    position: absolute;
    left: -40px;
    bottom: -10px;
    max-width: 100%;
}

.benefits .banking-mac h3 {
    font-size: 42px;
    line-height: 46px;
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    margin-top: 67px;
    margin-bottom: 37px;
}

.banking-mac {
    padding-left: 35px;
}

.benefits .banking-mac ul {
    list-style-type: none;
    margin-top: -10px;
    margin-bottom: 55px;
    padding-left: 10px;
}

.benefits .banking-mac ul li {
    color: #262626;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 18px;
    margin-top: 13px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.benefits .banking-mac .fa {
    font-size: 0.4em !important;
    margin-right: 8px;
    color: #edb050;
    margin-top: 10px;
}

.benefits .grey-stripe {
    background-color: #efefef;
    padding-top: 37px;
    padding-bottom: 35px;
    font-family: Open Sans Light, -apple-system, sans-serif;
    font-size: 12px;
    text-align: center;
}

/* Header */


#transition {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#parallax {
    background-attachment: fixed;
    background-size: cover;
}

#animation {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#animation-slow {
    -webkit-transform-origin: right left;
    transform-origin: right left;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#digital {
    top: 38%;
}

#digital-mobile {
    top: 20vh;
}

#bigtext {
    font-size: 70px;
}

#bigtext-mobile {
    font-size: 40px;
}

#smalltext {
    font-size: 27px;
}

#smalltext-mobile {
    font-size: 20px;
}

#animate-free {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

#animate-demo {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

.sub-menu figure,
.sub-menu figure img {
    width: 100%;
}

.parallax-banking .smalltext {
    line-height: initial !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .menu {
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/* desktop */
@media only screen and (min-width: 1313px) {
    .bottom-menu li:not(.started) a, .bottom-menu li:not(.started) span {
        padding-right: 18px;
        padding-left: 18px;
    }

    .bottom-menu li a, .bottom-menu li span {
        font-size: 14px;
    }

    .bigtext {
        font-size: 70px;
    }

    .smalltext {
        font-size: 27px;
    }

    .parallax-banking .smalltext {
        font-size: 24px !important;
    }

    .menu-small {
        display: none;
    }

    .free,
    .demo {
        min-width: 296px;
    }

    .first-carousel {
        padding-bottom: 30px;
    }

    .menu-small,
    .menu-drop {
        display: none;
    }
}

@media only screen and (min-width: 1366px) {

    .parallax-banking .digital {
        padding-top: 170px;
    }

    .parallax-industry .digital {
        padding-top: 200px;
    }

    .parallax-c .digital {
        padding-top: 263px;
    }

    .parallax-customer .digital {
        /*        padding-top: 160px !important;*/
    }
}
/* small desktop */
@media only screen and (max-width: 1313px) and (min-width: 1122px) {
    menu .bottom-menu li a {
        font-size: 13px;
        padding-right: 19px;
        padding-left: 19px;
    }

    .free,
    .demo {
        min-width: 296px;
    }

    .sub-menu .container:not(.about) {
        padding-left: 50px;
    }

    .sub-menu figure,
    .sub-menu figure img {
        width: 100%;
    }

    .sub-menu .about {
        max-width: 750px !important;
    }

    .bigtext {
        font-size: 70px;
    }

    .smalltext {
        font-size: 27px;
    }

    .sub-column:not(:first-child) {
        padding-left: 15px;
    }

    .right-content ul {
        line-height: 30px !important;
    }

    .menu-small,
    .menu-drop {
        display: none;
    }

    .first-carousel {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 770px) {
    menu .bottom-menu li a, menu .bottom-menu li span {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 11px;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 1122px) and (min-width: 770px) {
    menu .bottom-menu li a, menu .bottom-menu li span {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 12px;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 900px) and (min-width: 760px) {
    .guidance--main li {
        font-size: 12px;
        letter-spacing: 0;
    }
    .logo img {
        max-width: 100% !important;
    }

    .visa .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 992px) and (min-width: 670px) {

    footer ul, p {
        padding-left: 0px !important;
    }

    footer .addres {
        margin-top: -72px !important;
    }

    .corner {
        margin-top: -70px;
    }

    footer {
        padding-top: 55px !important;
        padding-bottom: 43px !important;
    }
}

@media only screen and (max-width: 892px) and (min-width: 660px) {
    footer ul {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 1160px) and (min-width: 992px) {

    footer .addres {
        margin-top: -10px !important;
    }

    .corner {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 1360px) and (min-width: 670px) {
    .company-header {
        padding-top: 67px !important;
    }

    footer .link-started {
        font-size: 15px !important;
    }

    .top-corner {
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
    }

    .top-corner .icons {
        margin-bottom: 15px;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }
}

/* tablet */
@media only screen and (max-width: 1122px) and (min-width: 720px) {
    .free,
    .demo {
        min-width: 260px;
    }

    .menu .started {
        margin-right: 12px;
    }

    .bottom-menu .started a {
        width: 110px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        text-align: center;
    }

    .main .logo-parent .logo img {
        width: 100px;
    }

    .logo-parent {
        width: 100px !important;
    }

    .menu .bottom-menu .started a {
        margin-top: 16px !important;
    }

    .hidden {
        display: none;
    }

    .bottom-menu {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }

    .smalltext {
        font-size: 27px;
    }

    .header-content:not(.header-content.header-container-customer) {
        display: none !important;
    }

    .sub-column:not(:first-child) {
        padding-left: 15px;
    }

    .right-content ul {
        line-height: 30px !important;
    }

    .menu-small,
    .menu-drop {
        display: none;
    }

    .first-carousel {
        padding-bottom: 30px;
    }
}

.header-container-main {
    white-space: nowrap;
}

@media only screen and (max-width: 990px) {
    .header-container-main {
        display: none !important;
    }
}

@media sreen and (max-width: 760px) and (min-width: 319px) {
    .testimonial__grey {
        padding-right: 30px;
    }
}


/* phone */
@media only screen and (max-width: 760px) {
    menu {
        display: none !important;
    }

    .testimonial .modal-content {
        width: 100%;
    }

    .bigtext {
        font-size: 70px;
    }

    .smalltext {
        font-size: 20px;
    }

    .testimonial__grey {
        text-align: left;
        padding: 20px;
    }

    .testimonial hr {
        display: none;
    }

    .testimonial .author {
        font-size: 18px;
    }

    .menu-small {
        z-index: 7;
        opacity: 1;
/*        -webkit-transform: translate3d(0,0,1px);
        transform: translate3d(0,0,1px);*/
        display: block;
        position: fixed;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-transition: background-color 1s linear;
        -ms-transition: background-color 1s linear;
        transition: background-color 1s linear;
    }

    .menu-small .row .col {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between; /* Safari 6.1+ */
    }

    .menu-small .row .col .logo img {
        width: 120px;
    }

    .menu-small .row .col .bar {
        float: right;
        width: 40px;
        height: 40px;
        background-image: url("../img/bar.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        cursor: ponter;
        background-position: center;
        cursor: pointer;
    }

    .menu-small .row .col .bar:focus,
    .menu-small .row .col .bar:active {
        opacity: 0.5;
    }

    .menu-drop {
        height: 100%;
        overflow-y: auto;
    }

    .hide:not(:last-child) {
        border-bottom: 1px solid #262626;
    }

    .hide:not(.about-small):not(.cast) ul {
        text-transform: initial !important;
    }

    .hide:not(.about-small):not(.cast) ul li a {
        color: #7c92a0 !important;
    }

    .hide:not(.about-small):not(.cast) li {
        border-bottom: none !important;
    }
    /*
  .hide:not(.about-small):not(.cast) ul li:last-child a {
    color: white !important;
    border-bottom: 1px solid white;
  }
    */
    .about-small ul,
    .cast ul {
        text-transform: initial !important;
    }

    .about-small ul li a,
    .cast ul li a {
        color: #697b85 !important;
    }

    .about-small ul li,
    .cast ul li {
        border-bottom: none !important;
    }

    .itemParent_closed:not(.mobile-item-clickable):after {
        content: "";
        width: 7px;
        height: 12px;
        background-image: url("../img/right-row.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .itemParent_opened:not(.mobile-item-clickable):after {
        content: "";
        width: 7px;
        height: 12px;
        background-image: url("../img/right-row.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}

@media only screen and (max-width:1024px) {
    .menu {
        display: none !important;
    }

    .menu-small {
        z-index: 7;
        opacity: 1;
/*        -webkit-transform: translate3d(0,0,1px);
        transform: translate3d(0,0,1px);*/
        display: block;
        position: fixed;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-transition: background-color 1s linear;
        -ms-transition: background-color 1s linear;
        transition: background-color 1s linear;
    }

    .menu-small .row .col {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between; /* Safari 6.1+ */
    }

    .menu-small .row .col .logo img {
        width: 120px;
    }

    .menu-small .row .col .bar {
        float: right;
        width: 40px;
        height: 40px;
        background-image: url("../img/bar.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        cursor: ponter;
        background-position: center;
        cursor: pointer;
    }

    .menu-small .row .col .bar:focus,
    .menu-small .row .col .bar:active {
        opacity: 0.5;
    }

    .menu-drop {
        height: 100%;
        overflow-y: auto;
    }
    .homenewbody-template .black-paral.homepage, .homenewbody-template .parallax {
        min-height: 600px !important;
    }
}

/* phone */
@media only screen and (max-width: 750px) {

    .parallax-banking .smalltext {
        margin-top: 10px;
    }

    .parallax .smalltext {
        font-size: 18px;
        max-width: 290px;
    }

    .parallax .bigtext {
        font-size: 45px;
        line-height: 55px;
    }

    .parallax .digital .container .row .col {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
    }

    .links .col {
        display: flex !important;
        display: flex !important;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        justify-content: center !important;
        -webkit-justify-content: center !important; /* Safari 6.1+ */
    }

    .free,
    .demo {
        width: 260px;
        font-size: 20px !important;
    }
}





.hp {
    max-width: 130px;
    width: 75px !important;
}

.sub-header {
    height: 20px;
}

.background-overflow {
    z-index: 1;
    position: relative;
}

.green-menu {
    background-color: rgba(5,44,60, .8);
}

.white-menu {
    background-color: transparent;
}

.background-overflow.white {
    background: white;
}

.first-carousel {
    padding-top: 30px;
    margin-top: 0px !important;
}

.menu-drop {
    position: fixed;
    background-color: #141414;
    z-index: 6;
}

.menu-drop img {
    float: right;
    height: 12px;
}

.menu-drop .hide-parent {
    display: none;
}

.menu-drop .title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.menu-drop .title span, .menu-drop .title a {
    border-bottom: 3px solid #3393d1;
    font-size: 16px;
    font-weight: bold;
}

.menu-drop ul {
    padding: 0px;
    display: none;
    color: white;
    font-family: Open Sans light, -apple-system, sans-serif;
    text-transform: uppercase;
}

.menu-drop ul a {
    color: white;
}

.menu-drop ul li {
    list-style: none;
}

.menu-drop .buttonsParent {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.menu-drop .buttons {
    margin-bottom: 20px;
    display: none;
    text-align: center;
    width: 90%;
    max-width: 290px;
}

.menu-drop .buttons a {
    display: block;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 22px;
    width: 100%;
    height: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
}

.menu-drop .blue {
    background-color: #d64518;
}

.menu-drop .blue:hover {
    background-color: #ba2d01;
}

.menu-drop .blue a {
    color: white;
}

.menu-drop .grey {
    background-color: #54595b;
}

.menu-drop .grey:hover {
    background-color: #e1e2e3;
}

.menu-drop .grey:hover a {
    color: black;
}

.menu-drop .grey a {
    color: white;
}

.menu-drop .bottomSmall {
    margin-top: 26px;
}

.menu-drop .bottomSmall {
    color: #64b7ec;
}

.menu-drop .cast li {
    margin-right: 0px;
    margin-left: 0px;
}

#margin {
    margin-top: 65px;
    margin-bottom: 26px;
}

.menu-drop li {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.hide ul li {
    padding-bottom: 15px !important;
    padding-top: 0px !important;
}

.menu-drop li:not(:last-child) {
    border-bottom: 1px solid #262626;
}

.childMenu {
    margin-left: 0px !important;
}

.itemParent {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    cursor: pointer;
}

a:focus,
a:active {
    text-decoration: none;
}

.parallax {
    background-image: url("../img/parallax1.jpg");
    background-size: cover;
    -webkit-background-size: cover; /* Safari 3.0 */
    -moz-background-size: cover; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover; /* Opera 9.5 */
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
    background-position: center;
    height: 609px;
    background-attachment: fixed;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .menu-drop .dropDownItem .itemParent, .bottomSmall .itemParent {
        justify-content: center;
        -webkit-justify-content: center;
    }

    .itemParent_closed:not(.mobile-item-clickable):after {
        content: "";
        width: 7px;
        height: 12px;
        background-image: url(../img/right-row.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 5px;
    }

    .menu-drop .dropDownItem .hide-parent {
        text-align: center;
    }

    .menu-drop .dropDownItem .hide-parent li.childMenu {
        margin-right: 0;
    }

    .bottomSmall .itemParent {
        margin-bottom: 25px;
    }

    .bottomSmall .hide-parent {
        text-align: center;
    }
}


/* Iphone 5S landscape */
@media screen and (width: 568px) and (max-height: 321px) {
    .parallax {
        height: 320px !important;
    }

    .parallax-industry {
        height: 320px;
    }


    .parallax .smalltext {
        margin-top: 0px !important;
    }


    .parallax-top:before {
        height: 250px !important;
        background: transparent;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(10%, rgba(0, 0, 0, 0))) !important;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
    }
}

@media only screen and (max-device-width : 760px) and (orientation : landscape) {
    .black-paral.homepage {
        height: 350px;
    }
}

@media only screen and (max-device-width : 760px) {
    .parallax-fixed {
        background-attachment: inherit !important;
        position: fixed;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 760px) and (min-width:569px) {

    .parallax-industry {
        height: 350px;
    }
}

@media screen and (max-width: 414px) and (min-height:667px) {

    .parallax-industry {
        height: 500px;
    }
}

/******************************************
***************** HEADER *****************
******************************************/
.menu-top {
    z-index: 11 !important;
}

.menu-white {
    background-color: rgba(255, 255, 255, 0.2);
}

.menu-green {
}

.menu {
    z-index: 10;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
    padding: 0px;
    margin: 0px !important;
    position: absolute;
}

.menu-bottom {
    top: 38px;
}

.menu {
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
    transition: background-color 1s linear;
}

.hidden {
    visibility: hidden;
}

.menu form {
    margin-right: 9px;
}

.menu input {
    background-color: transparent;
    border: none;
    outline: none !important;
}

.menu ul {
    list-style-type: none;
}

.menu ul li a, .menu ul li span {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.top-menu ul li a:hover {
    color: #a3d5f5 !important;
}

.top-menu ul li a {
    transition-duration: 1s;
}

.menu .bottom-menu li:not(.started) a, .menu .bottom-menu li:not(.started) span {
    color: white;
    padding-bottom: 32px;
    padding-top: 31px;
}

.menu .bottom-menu .started a {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 24px;
    margin-right: 12px;
    margin-left: 20px;
    padding-right: 17px;
    padding-left: 17px;
    border: 1px solid #64b7ec;
    color: #a4d0ed;
    border-radius: 3px;
}

.menu .bottom-menu .started a:hover, .menu .bottom-menu .started a:focus, .menu .bottom-menu .started a:active {
    background: #d64518;
    border: 1px solid #d64518;
    color: white;
}

.menu .top-menu {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    float: right;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; /* Safari 6.1+ */
    width: 100%;
}

.menu .top-menu .fa-globe {
    padding-right: 9px;
}

.menu .top-menu ul {
    padding-left: 0px;
    display: inline;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
}

.menu .top-menu .float li .border {
    border-left: 1px solid #64b7ec;
}

.menu .top-menu li {
    padding-bottom: 10px;
    padding-top: 10px;
}

.menu .top-menu li a, .menu .top-menu li span {
    color: #64b7ec;
    font-size: 12px;
    padding-right: 12px;
    padding-left: 12px;
}

.menu .top-menu button {
    background-color: transparent;
    border: none;
    outline: none !important;
    cursor: pointer;
}

.menu .top-menu button .fa {
    color: #64b7ec;
}

.menu .bottom-menu .started a:hover {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.bottom-menu li {
    transition-duration: 1s;
}

ul.bottom-menu {
    text-transform: uppercase;
    margin: 0px;
    float: right;
    padding-left: 0px;
}

.bottom-parent {
    width: 917px;
    height: 83px;
}

.float li:not(.not) {
    float: left;
}

.logo-parent {
    width: 200px;
}

.logo-flex img {
    margin-top: 16px;
}

.menu .logo img {
    width: 160px;
    max-width: 100%;
    position: absolute;
    transition-duration: 1s;
}

.main {
    width: 100vw;
}

.menu-top {
    position: absolute;
    top: 0px;
}

.menu-fixed {
    position: fixed !important;
    background-color: rgba(5,44,60, .8);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
    -webkit-transform: translateZ(0) translateY(0);
    -moz-transform: translateZ(0) translateY(0);
    -ms-transform: translateZ(0) translateY(0);
    -o-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
}

.menu-fixed.menu-top {
    top: -39px !important;
}

.menu-fixed.menu-bottom {
    top: 0px;
}

footer img {
    max-width: 100%;
    margin-right: -5px;
}

.bottom-parent {
    float: right;
}

.header-content {
    width: 100%;
    position: fixed;
    left: 0;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    background-color: rgba(0, 0, 0, 0.3);
    padding-top: 25px;
    padding-bottom: 16px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    border: none;
}

.header-container-main {
    top: 799px;
}

.header-container-customer {
    top: 499px;
    padding-bottom: 30px;
}

.header-content .text {
    font-family: Open Sans, sans-serif;
    font-size: 15px;
}

.digital {
    position: fixed;
    width: 100%;
    text-align: center;
}

.digital .bigtext,
.digital .smalltext {
    color: white;
}

.bigtext {
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.smalltext {
    font-family: Open Sans Light, -apple-system, sans-serif;
    font-weight: 300;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.free,
.demo {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: white;
    opacity: 0;
    font-family: Open Sans light, -apple-system, sans-serif;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 22px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-align: center;
    cursor: pointer;
}

.free {
    background-color: #d64518;
}

.free:hover {
    background-color: #ba2d01;
}

.demo {
    background-color: rgba(255, 255, 255, 0.2);
}

.demo:hover, .demo:active, .demo:focus {
    background-color: #e1e2e3;
    color: #272727;
}

.free, .demo {
    opacity: 0;
}

.free:hover,
.free:active,
.free:focus {
    color: white;
    text-decoration: none;
}

.links {
    margin-top: 25px;
}

.sub-menu {
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.93);
    z-index: 6;
    position: fixed;
    right: 0px;
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
}

.sub-menu .about {
    max-width: 800px !important;
}

.sub-menu .about .col {
    min-height: 365px;
}

.sub-menu p {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sub-menu figure {
    text-align: center;
    max-width: 235px;
    margin: -20px 40px 20px 20px;
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sub-menu figcaption {
    padding: 15px 10px 0px 10px;
    color: #7c99ab;
}

.sub-menu .sub-column {
    margin-top: -20px;
    padding-right: 30px;
    padding-left: 30px;
}

.sub-menu .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap; /* Safari 6.1+ */
    display: flex;
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
}

.sub-demo {
    text-transform: uppercase;
    font-family: Open Sans light, -apple-system, sans-serif;
    font-size: 14px;
    color: #7c99ab;
    border: 1px solid #7c99ab;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    display: block;
    border-radius: 3px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.sub-demo:hover {
    color: white;
    background-color: #393e4b;
    border: 1px solid #828b90;
}

a:hover {
    text-decoration: none;
}

.right-content {
    border-left: 1px solid #505a60;
    float: right;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    color: white;
    display: flex;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.right-content span {
    color: white;
    border-bottom: 3px solid #3393d1;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

.sub-column .sub-header a,
.sub-column .sub-header a:hover {
    color: white;
}

.right-content ul {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 40px;
}

.right-content ul li {
    list-style-type: none;
}

.right-content ul li a {
    color: white;
}

.customer-hover:hover .customer, .customer-hover:active .customer, .customer-hover:focus .customer {
    display: block;
    transition-duration: 1s;
}

.hover {
    background-color: rgba(0, 0, 0, 0.93);
}

.sub-head {
    height: 20px;
}

.about .right-content {
    justify-content: space-around !important;
}

.about .left-col {
    padding-right: 60px !important;
}

.customer {
    display: none;
    position: absolute;
    top: 33px;
    background-color: rgba(0, 0, 0, 0.93);
    z-index: 4;
    right: 20px;
}

.line:after {
    content: "";
    border-left: 1px solid #7c99ab;
    position: absolute;
    top: 0px;
    height: 100%;
}

.noscroll {
    overflow: hidden;
}

.overlay {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

footer {
    /* issues with z-index in Chrome/Safari/FF Ipad*/
    opacity: 1;
/*    -webkit-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);*/
}

.footer-logo .col-md-12 {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

.yes_parallax .header-container-main {
    top: 808px;
    bottom: initial !important;
}
/* laptop */
@media only screen and (min-width: 760px) {
    .parallax {
        height: 600px;
    }

    .header-container-main {
        top: 515px !important;
    }

    .homepage .parallax .digital {
        /*  padding-top: 200px !important; */
    }
}

.header__mobile {
    display: none;
}


/* Landscape Iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .parallax-customer .smalltext {
        font-size: 18px !important;
    }

    .header-container-customer .smalltext {
        max-width: 400px !important;
        margin: 0 auto !important;
    }

    .header-container-customer .header-content {
        margin-top: 55px;
    }

    .parallax-c .digital, .parallax-industry .digital, .parallax-banking .digital {
        padding-top: 70px;
    }

    .parallax-c .watch {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 640px) and (max-height: 360px) {
    .parallax-c .digital, .parallax-industry .digital, .parallax-banking .digital {
        padding-top: 70px;
    }

    .parallax-c .watch {
        margin-top: 0px;
    }

    .parallax-c .first-text {
        margin-top: 0px !important;
    }
}

select::-moz-focus-inner {
    border: 0;
    outline: none;
}

@media (min-width: 768px) and (max-width: 1366px) {
    .parallax-customer {
        height: 450px !important;
    }

    .homepage__customer {
        height: 450px !important;
    }

    .header-container-customer {
        top: 497px;
        height: 127px;
    }
}

@media screen and (max-width: 1025px) and (max-height:769px) {
    .video .modal-dialog {
        margin: 110px auto;
    }
}

@media screen and (max-height: 1025px) and (max-width:769px) {
    .video .modal-dialog {
        margin: 150px auto;
    }
}

/********************************
******** Awards Block **********
*********************************/

.awards__section {
    background-image: url("../img/logos_awards/awards_background.jpg");
    background-size: cover;
    background-position: center;
    padding-bottom: 92px;
    padding-top: 92px;
}

.awards__section h2 {
    font-family: Open Sans Light, sans-serif;
    font-size: 50px;
    text-align: center;
    color: #2e2e2e;
    padding-bottom: 68px;
}

.awards__section .col-centered {
    float: none;
    margin: 0 auto;
}

.awards__section .awards__section__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.awards__section .award {
    width: 152px;
    height: 130px;
    background: url(../img/logos_awards/award.svg);
    background-size: 152px 130px;
    position: absolute;
}

.awards__section .award_category {
    width: 33.3333%;
}

.awards__section .award_header {
    text-transform: uppercase;
    color: #2e2e2e;
    font-family: Open Sans, sans-serif;
    font-size: 20px;
    text-align: center;
    margin-bottom: 17px;
}

.awards__section .awards_group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

.awards__section .award_text {
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    color: #124b94;
}

.awards__section p {
    margin-bottom: 0px;
    white-space: nowrap;
    line-height: 17px;
}

.awards__section .image_award {
    text-align: center;
}

.awards__section .jobvite {
    padding-top: 30px;
    padding-bottom: 10px;
}

.awards__section .master_card {
    padding-top: 6px;
    padding-bottom: 5px;
}

.awards__section .bt {
    padding-top: 15px;
    padding-bottom: 4px;
}

.awards__section .name_award {
    padding-top: 20px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    text-align: center;
    color: #124b94;
    font-size: 18px;
    margin-bottom: 5px;
}

.awards__section .awards__wrapper {
    width: 152px;
    height: 130px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    display: block;
}

.awards__section .award:not(.visible) {
    opacity: 0;
}

.awards_wrapper {
    height: 300px;
}

@media screen and (max-width:770px) {

    .awards__section .award {
        /*width: 93px;
        height: 80px;
        background-size: 100% 80px;*/
        width: 152px;
        height: 130px;
        background-size: 152px 130px;
    }

    .awards__section p {
        white-space: normal;
        /*line-height: 14px;*/
        line-height: 20px;
    }

    .awards__section .awards__wrapper {
        /*width: 93px;
        height: 100px;*/
        width: 152px;
        height: 130px;
        margin-top: 10px;
    }

    .awards__section .awards_group {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .awards__section .name_award {
        font-size: 13px;
        padding-top: 15px;
    }

    .awards__section .award_header {
        font-size: 13px;
    }

    .awards__section .name_award {
        margin-bottom: 0px;
    }

    .awards__section .award_text {
        /*font-size: 12px;*/
        font-size:15px;
    }

    .awards__section .award_category {
        width: 100% !important;
    }

    .awards__section .awards__section__content {
        display: block;
    }

    .awards__section h2 {
        font-size: 25px;
        font-family: Open Sans, sans-serif;
        padding-bottom: 40px;
    }

    .customer_award img {
        /*        width: 40px;*/
    }

    .awards__section .award_header {
        /*margin-bottom: 0px;*/
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .awards__section .jobvite,
    .awards__section .bt {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .awards__section .master_card {
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .awards__section {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .awards__section .award_text {
        height: 29.8px;
        /*overflow: hidden;*/
    }

    .single-job-container .job-title {
        font-size: 1.5em !important;
    }
}

@media screen and (max-width:320px) {
    .awards__section .awards__wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.awards__section .award {
    transition-duration: 2s;
}

@media screen and (min-width:1200px) {
    .awards__section .awards_group {
        width: 359px;
    }
}

@media screen and (min-width:770px) and (max-width:1200px) {
    .awards__section .awards__wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
}

footer a.link-started:visited {
    color: #698794;
}

.slick-arrow {
    border: none;
}

footer ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}


@media only screen and (max-device-width : 760px) and (orientation : landscape) {
    .parallax .bigtext {
        font-size: 40px;
    }

    .homepage .parallax .digital {
        padding-bottom: 80px;
    }
}

.landscape__content.row .col {
    white-space: nowrap;
}

.menu .bottom-menu .started a:visited {
    color: #a4d0ed;
}

.meadow_image img {
    width: 423px;
    margin: 0 auto;
    max-width: initial !important;
}
.meadow_sections .col .meadow_image div{height:100%; position:relative; width: 423px; margin-top: 20px; min-height:200px;}
.meadow_sections .col .meadow_image div img{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}

.meadow_top .parent_blocks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    justify-content: center;
}

.customer-overlay .fa {
    padding-right: 5px;
}

@media screen and (max-width: 770px) and (min-wifth: 760px) {
    .simple_blockquote__quote {
        margin: 0 0 40px;
    }

    .banking h2, .banking h3 {
        margin-top: 50px;
    }
}

.single-job-container aside {
    margin-top: 25px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .banking .power-block.simple_blockquote {
        margin-top: 67px !important;
    }
}

.menu-item-360960 .right-content {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.sub_menu_left {
    width: 35%;
}

.right-content {
    width: 65%;
}

.menu-item-360960 .sub_menu_left {
    width: 50%;
}

.menu-item-360960 .sub-column {
    padding-left: 30px;
    padding-right: 0px;
}

.sub-menu .sub-column:first-child {
    padding-left: 50px !important;
}

@media (min-width: 1024px) {
    .sub-menu .row {
        width: 1140px;
        max-width: 100%;
        margin: 0 auto;
    }

    .sub-menu .sub.menu-item-360960 .row {
        width: 900px;
        float: right;
        margin-right: 150px;
    }
}

@media (min-width: 768px) and (max-width:1024px) {

    .menu-item-360960 .sub_menu_left {
        width: initial;
    }

    .menu-item-360960 .right-content {
        width: 70%;
        margin-right: 0px;
    }

    .sub-menu .sub-column {
        padding-right: 20px;
        padding-left: 20px;
    }

    .menu-item-360960 .row {
        width: 700px;
        float: right;
        margin-right: 0px;
    }
}

img.desktop-hidden {
    display: none;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 990px) {
    .right-content {
        width: 55%;
    }

    .sub-menu:not(.menu-item-360960) .sub-column:first-child {
        padding-left: 20px !important;
    }

    .menu-item-360960 .sub-column {
        padding-left: 70px;
        padding-right: 0px;
    }
}

@media (max-width: 990px) {
    img.desktop-hidden {
        display: block;
    }
}

@media only screen and (max-width: 320px) {
    .guidance--main li {
        font-size: 15px !important;
    }

    .guidance--main {
        height: 330px !important;
    }

    .parent_text {
        height: 120px;
    }
}

.case_intro__quotes_wrapper .case_intro__quotes {
    margin-top: 15px;
}

@media only screen and (min-width: 760px) {
    .jumbotron_banner__poster, .jumbotron_banner {
        min-height: 300px;
    }
}

.parallax-banking .parent-digital {
    padding-top: 169px;
    padding-bottom: 123px;
}

@media only screen and (max-width: 760px) {
    .jumbotron_banner__poster, .jumbotron_banner {
        min-height: 200px;
    }

    .parallax-banking .parent-digital {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 760px) and (orientation:landscape) {
    .parallax-banking .parent-digital {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .theSubTitle{padding: 0px 5px 0 !important;}

    .aipage__preview-btn, .free-col{margin: 15px auto 0 !important;}
    .aipage__preview-btn{margin-top: 5px !important;}
    .free-col{margin: 0 0 15px 0 !important}
}
.single_platform_jumbotron {
    min-height: 100vh;
}

.blue_content blockquote {
    margin: 0px;
}

@media only screen and (max-width: 1366px) {
    .working__wrapper .blue_content p {
        bottom: 0px !important;
    }
}

@media only screen and (min-width:1025px) and (max-width: 1199px) {
    .customer-content__brand {
        margin: 14px calc(((100% - 800px)/4)/2);
    }
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
    .customer-content__brand {
        /*margin: 14px calc(((100% - (17% * 5))/5)/2);*/
        /* margin: 14px calc(((100% - (200px * 3))/3)/2); */
        display: block;
        float: left;
        width: 190px !important;
        margin: 1em 1em !important;
    }

    .header-container-customer form .group {
        width: 33%;
    }

    .customer-content {
        margin-left: 2.5em;
    }
}

@media only screen and (min-width:992px) and (max-width: 1024px) {
    .customer-content {
        margin-left: 3.2em;
    }
}

@media only screen and (min-width:761px) and (max-width: 767px) {
    .customer-content__brand {
        margin: 14px calc(((100% - 400px)/2)/2);
    }
}

@media only screen and (min-width:750px) and (max-width: 760px) {
    .customer-content__brand {
        max-width: none;
    }
}

.single_platform_jumbotron.jumbotron_banner {
    background: white;
}

.adobe_digital_parallax.parallax-c {
    background-image: none;
}

@media only screen and (max-width: 990px) {
    .visa-big:after {
        background: transparent;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100% !important;
    }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
    .banking .col-md-6 {
        width: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banking ul {
        margin-bottom: 25px;
    }

    .banking {
        padding-bottom: 70px;
    }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {


    .walkme-custom-icon-outer-div {
        margin-top: 10px;
        margin-left: 20px;
    }

    .popup-centered {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; /* Safari 6.1+ */
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 760px) and (max-width: 1366px) {
    .parallax-c.parallax-customer .digital {
        padding-top: 160px;
        /*        padding-bottom: 160px;*/
    }

    .new-success_sticky-title {
        font-size: 25px;
    }

    height: 580px !important;
}

@media (min-width: 760px) and (max-width: 1300px) {
    .new-success-parallax .parent_digital {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 760px) {
    .parallax-customer.parallax-c .digital .smalltext p {
        font-size: 20px !important;
    }

    .new-success-parallax .parent_digital {
        padding-top: 100px;
    }

    .new-success-parallax .bigtext {
        font-size: 30px;
    }

    .new-success-parallax .smalltext {
        font-size: 18px;
    }

    .new-success-btn.show-mobile {
        display: initial;
    }

    .new-success-btn.show-desktop {
        display: none;
    }

    .new-success-top-menu .logo {
        max-width: 100px;
    }

    .new-success-top-menu .brand-logo-sucess {
        max-width: 100px;
    }

    .new-success__sticky-bar {
        flex-direction: column;
        -webkit-flex-direction: column;
        padding: 20px;
        text-align: center;
    }

    .new-success_sticky-title {
        padding-right: 0px;
        font-size: 20px;
    }
}


.digital-platform .content.homepage__new-cubes {
    display: none;
}

/****************************************
******************New Homepage***********
*****************************************/
.homepage__preview-wrapper {
    position: relative;
    height: 670px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.homepage__preview {
    position: absolute;
    width: 100%;
    height: 670px;
}

.homepage__preview-video {
    height: 670px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}

.homepage__preview-wrapper:after {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}

.homepage__preview .preview-logo__text {
    color: white;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    font-size: 8.32px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 10px;
}

.homepage__preview-logo {
    float: right;
    padding: 27px 20px;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.homepage__preview-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    width: 160px;
    height: 160px;
}

.homepage__preview-btn .preview-btn--play {
    position: relative;
    border-radius: 50%;
    background-color: rgba(242, 242, 242, 0.502);
    box-shadow: -0.518px -1.932px 14px 0px rgba(0, 0, 0, 0.1);
    width: 160px;
    height: 160px;
    transition-duration: 2s;
    cursor: pointer;
}

.homepage__preview-btn .preview-btn--play:hover {
    background-color: rgba(242, 242, 242, 0.702);
}

.homepage__preview-btn .preview-btn--play img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 40%;
    margin-top: auto;
    margin-bottom: auto;
}

.home-play-mobile {
    display: none;
}

@media (min-width: 990px) {
    .dp.container {
        padding-bottom: 100px;
    }

    .homepage__three-cubes-desktop {
        display: none;
    }

    .digital-platform {
        height: initial !important;
    }

    .digital-platform .content.homepage__new-cubes {
        display: block;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        margin-top: 55px;
        max-width: 100%;
    }

    .cubes__wrapper {
        width: 100%;
        margin: 0;
    }

    .cubes__inner {
        width: 100%;
    }

    .violet .cubes__wrapper {
        border-top: 8px solid #4d7ff6;
    }

    .blue .cubes__wrapper {
        border-top: 8px solid #26a2fa;
    }

    .light-blue .cubes__wrapper {
        border-top: 8px solid #47c1d8;
    }

    .cubes__icon {
        margin-top: 35px;
    }

    .cubes__inner {
        text-align: center;
        transition-duration: 2s;
        -webkit-transition-duration: 2s;
        -ms-transition-duration: 2s;
        background-color: rgba(254, 254, 254, 0.8);
        border-style: solid;
        border-width: 1px;
        border-color: rgb(209, 209, 209);
        -webkit-box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        position: relative;
    }

    .cubes__inner.cubes__closed .minus {
        display: none;
    }

    .cubes__inner.cubes__closed .plus {
        display: block;
    }

    .cubes__inner .plus {
        display: none;
    }

    .cubes__inner .minus {
        display: block;
    }

    .cubes__plus-btn {
        cursor: pointer;
        text-align: center;
        font-size: 25px;
        position: absolute;
        background-color: rgba(254, 254, 254, 0.8);
        border-bottom: 1px solid rgb(209, 209, 209);
        border-right: 1px solid rgb(209, 209, 209);
        border-left: 1px solid rgb(209, 209, 209);
        width: 40px;
        height: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        -webkit-box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        box-shadow: 0px 10px 18px -3px rgba(0,0,0,0.16);
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .cubes__plus-btn span {
        margin-top: -21px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .violet .cubes__plus-btn {
        color: #4d7ff6;
    }

    .blue .cubes__plus-btn {
        color: #26a2fa;
    }

    .light-blue .cubes__plus-btn {
        color: #47c1d8;
    }

    .cubes__inner.cubes__closed .cubes_labels {
        padding-bottom: 35px;
    }

    .cubes__inner .cubes_labels {
        padding-bottom: 60px;
    }

    .cubes__header {
        margin: 26px auto 0 auto;
        font-family: Open Sans, sans-serif;
        font-weight: 700;
        color: black;
        font-size: 19px;
        text-transform: uppercase;
    }

    .cubes__content {
        font-family: Open Sans, sans-serif;
        font-size: 16px;
        overflow: hidden;
    }

    .cubes__header {
        max-width: 270px;
    }

    .cubes__content {
        max-width: 310px;
        margin: 10px auto 0px auto;
    }

    .digital-platform .basic {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 990px) and (max-width: 1367px) {
    .digital-platform {
        min-height: 579px;
    }
}

@media (min-width: 1367px) {
    .digital-platform {
        min-height: 637px;
    }
}

@media (max-width: 768px) {
    .homepage__preview,
    .homepage__preview-wrapper,
    .homepage__preview-video {
        height: 470px;
    }

    .homepage__preview-btn {
        top: 10%;
    }

    .homepage__preview-btn .preview-btn--play,
    .homepage__preview-btn {
        width: 100px;
        height: 100px;
    }

    .homepage__preview-btn .preview-btn--play img {
        width: 40px;
        margin-left: 36%;
    }

    .home-play-mobile {
        display: block;
    }
}
/*style-o.css*/
/* Table of Contents

  1. Base Styles

  2. Elements
      2.1. Buttons

  3. Blocks
    3.1. Common Section Styles
    3.2. Jumbotron
    3.3. Reinvent
    3.4. Benefits
    3.5. Supported Platform
    3.6. Сase Intro
    3.7. Simple Quote
    3.8. Video Quote
    3.9. Pricelist Item
    3.10. Logos Carousel Section Fix
    3.11. Simple Article
    3.12. Terms and Conditions
    3.13. Security Section Default Styles
    3.14. Features Section
    3.15. About Section
    3.16. Certifications Section
    3.17. Privacy Section
    3.18. Architecture Section
    3.19. Operations Control
    3.20. Accountability Control
    3.21. Conclusion Control

  4. Pages
    4.1. Platform Category Page
    4.2. Use Case Page
    4.3. PriceList Page
    4.4. Terms and Condition Page
    4.5. Security Page

*/

/*
  // Extra small devices (portrait phones, less than 576px)
  // No media query since this is the default in Bootstrap

  // Small devices (landscape phones, 576px and up)
  @media (min-width: 576px) { ... }

  // Medium devices (tablets, 768px and up)
  @media (min-width: 768px) { ... }

  // Large devices (desktops, 992px and up)
  @media (min-width: 992px) { ... }

  // Extra large devices (large desktops, 1200px and up)
  @media (min-width: 1200px) { ... }
*/

/***************************************************************************
  1. Base Styles
***************************************************************************/
html {
    font-size: 10px;
}

@media (min-width: 576px) {
    html {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 10px;
    }
}

.page_main {
    position: relative;
    z-index: 4;
    background: #fff;
}

/* Helpers */
/*.quotes_block:before {
  content: '“';
}

.quotes_block:after {
  content: '”';
}*/

/* Lists */
.custom_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul[data-type="checked_list"] {
}

ul[data-type="checked_list"] li {
    position: relative;
    margin: 1.7308em 0;
    /*margin-left:20px;*/
    padding: 0 0 0 2.5em;
    max-height: 21px;
    /*list-style-image:url(../img/check_blue.svg);*/
}

ul[data-type="checked_list"] li:first-child {
    margin-top: 0;
}

ul[data-type="checked_list"] li:last-child {
    margin-bottom: 0;
}

ul[data-type="checked_list"] li:before {
    position: absolute;
    top: .2308em;
    left: 0;
    width: 1.1539em;
    height: .8847em;
    background: url(../img/check_blue.svg) center / contain no-repeat;
    content: '';
}

img {
    max-width: 100%;
}

a img {
    border: none;
}

.colapse_content {
    display: none;
}

.full_page_section__inner {
    padding: 81px 0;
}

@media (min-width: 992px) {
    .full_page_section__inner {
    }
}
/***************************************************************************
  2. Elements
***************************************************************************/
/* ------------------------------------------------------------------------
  2.1. Buttons
------------------------------------------------------------------------ */
.button_animated {
    opacity: 0;
    transition: .5s;
}

/* Default (outline) */
.button {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: .9572em 1.4286em;
    max-width: 100%;
    /*height: 2.9715em;*/
    border: none;
    border-radius: 3px;
    background-color: rgba(51, 147, 209, .2);
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: .3s;
}

.button:visited {
    color: #fff;
}

.button:hover,
.button:active {
    background-color: rgba(51, 147, 209, 1);
    color: #fff;
}

@media (min-width: 992px) {
    .button {
        font-size: 20px;
        font-size: 2rem;
    }

    .button:hover,
    .button:active {
        background-color: rgba(51, 147, 209, .45);
    }
}

.button_title,
.button_action {
    display: block;
}

.button_title {
    margin: 0 0 .4em;
}

@media (max-width: 991px) {
    .button_title {
        display: none;
    }
}

.button_action {
}

@media (min-width: 992px) {
    .button_action {
        letter-spacing: .5px;
        font-weight: 300;
        font-size: 13px;
    }
}

/* Button Outline */
.button[data-type="outline"] {
    border: 1px solid #4ca0d7;
}

@media (min-width: 992px) {
    .button[data-type="outline"] {
        border-color: #d64518;
    }
}


/* Button Simple Outline */
.button[data-type="simple-outline"] {
    border: 1px solid #3393d1;
    background: #fff;
    color: #3393d1 !important;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    font-size: 1.1rem;
}

.button[data-type="simple-outline"]:visited {
    color: #3393d1 !important;
}

.button[data-type="simple-outline"]:hover,
.button[data-type="simple-outline"]:active {
    background: #3393d1 !important;
    color: #fff;
}

@media (min-width: 992px) {
    .button[data-type="simple-outline"] {
        font-size: 16px;
    }
}


/* Button Filled */
.button[data-type="filled"] {
    background: #4ca0d7;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
}

.button[data-type="filled"]:hover,
.button[data-type="filled"]:active {
    background: #4087b5;
}

@media (min-width: 992px) {
    .button[data-type="filled"] {
        padding: .7728em 2.7273em .7273em;
        font-size: 22px;
        font-size: 2.2rem;
    }
}

/* Font-size Big */
.button[data-size="big"] {
}

@media (min-width: 992px) {
    .button[data-size="big"] {
        font-weight: normal;
        font-size: 22px;
        font-size: 2.2rem;
    }
}

/* Double String */
.button[data-type="double-string"] {
}

@media (min-width: 992px) {
    .button[data-type="double-string"] {
        padding: .6em 0;
    }
}

/* Highlighted */
.button[data-type="highlighted"] {
    background: #d64518;
}

.button[data-type="highlighted"]:hover,
.button[data-type="highlighted"]:active {
    background: #bb3c15;
}
/***************************************************************************
  3. Blocks
***************************************************************************/
/* ------------------------------------------------------------------------
  3.1. Common Section Styles
------------------------------------------------------------------------ */
.page_section {
    padding: 2em 0;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .page_section {
        font-size: 20px;
        font-size: 2rem;
    }
}

.section_title {
    margin: 0 0 1.0816em;
    color: inherit;
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: inherit;
    line-height: 1;
}

@media (min-width: 992px) {
    .section_title {
        text-align: left;
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.381;
    }
}

/* ------------------------------------------------------------------------
  3.2. Jumbotron
------------------------------------------------------------------------ */
.jumbotron_banner {
    position: relative;
    z-index: 1;
    background: #333;
}

.jumbotron_banner .parallax-c,
.jumbotron-paralax,
.jumbotron_banner .parallax-banking {
    position: relative;
    min-height: 0;
    height: auto !important;
    background: none !important;
}

.single_platform_jumbotron .fp-tableCell .parallax-c,
.single_platform_jumbotron .jumbotron_banner__inner, .single_platform_jumbotron .row,
.single_platform_jumbotron .single_platform_jumbotron__content {
    height: 100% !important;
}

.single_platform_jumbotron .digital {
    height: 100vh;
}

.adoption_system_section .full_page_section__inner {
    height: auto;
    position: relative;
}

.get_started_breakout {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.get_started_breakout > .container {
    width: auto !important;
    margin: 0 30px;
}

.jumbotron_banner__poster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.jumbotron_banner.fixed .jumbotron_banner__poster {
    position: fixed !important;
    display: block;
}

.jumbotron_banner .digital.digital, /* to increase specifity brcause of influence !important of other style ( */
.jumbotron_banner .digital {
    z-index: 2;
    margin: 0 !important;
    /*padding: 0 !important;*/
    padding-bottom: 0 !important;
}

.jumbotron_banner.fixed .digital {
    position: fixed !important;
}

@media (min-width: 761px) {
    .jumbotron_banner .digital.digital, /* to increase specifity brcause of influence !important of other style ( */
    .jumbotron_banner .digital {
        top: 0 !important;
        display: block;
        margin: 0;
        padding: 0 !important;
    }
}

.digital .jumbotron_banner__inner,
.jumbotron_banner__inner {
    display: block !important;
    padding-top: 120px;
    padding-bottom: 100px;
}

@media (max-width: 738px) {
    .jumbotron_banner__inner {
        padding-top: 100px !important;
    }
}

@media (min-width: 992px) {
    .jumbotron_banner__inner {
        padding-top: 180px;
        padding-bottom: 100px;
    }
}

.jumbotron_banner__title,
.jumbotron_banner__content_wrapper .smalltext {
    line-height: 1.4;
}

.jumbotron_banner__title {
    margin-bottom: .3em;
}

.jumbotron_banner__content_wrapper .smalltext {
    margin: 1em 0;
    max-width: none !important;
    line-height: 1.4167;
}

@media (min-width: 992px) {
    .jumbotron_banner__content_wrapper .smalltext {
        margin-right: auto;
        margin-left: auto;
        max-width: 1100px;
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.jumbotron_banner__content_wrapper .smalltext:first-child {
    margin-top: 0;
}

.jumbotron_banner__content_wrapper .smalltext:last-child {
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------
  3.3. Reinvent
------------------------------------------------------------------------ */
.reinvent_section {
    padding: 1.372em 0 2.4em;
    background: #f2f2f2 url(../img/reinvent_mobile_bg.jpg) center / cover no-repeat;
    text-align: center;
}

@media (min-width: 992px) {
    .reinvent_section {
        padding: 136px 0 123px;
        padding: 13.6rem 0 12.3rem;
        background-image: url(../img/reinvent_bg.jpg);
        text-align: left;
    }
}

.reinvent__block {
}

@media (min-width: 992px) {
    .reinvent__block {
        padding-left: 0;
    }
}

.reinvent__title {
    color: #202020;
    letter-spacing: -.0245em;
    line-height: 1.1837;
}

@media (min-width: 992px) {
    .reinvent__title {
        margin: 0 0 .7143em;
        line-height: 1.381;
    }
}

.reinvent__content {
}

@media (min-width: 992px) {
    .reinvent__content {
        line-height: 1.7;
    }
}

.reinvent__content p {
    margin: 1.4em 0;
}

.reinvent__content p:first-child {
    margin-top: 0;
}

.reinvent__content p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .reinvent__content p {
        margin: 1.7em 0;
    }
}


/* ------------------------------------------------------------------------
  3.4. Benefits
------------------------------------------------------------------------ */
.benefits_section {
    padding: 2.5625em 0 9.25em;
    background: #fafafa url(../img/benefits_mobile_bg.jpg) 0 100% / cover no-repeat;
    font-size: 16px;
    font-size: 1.6rem;
}

@media (min-width: 992px) {
    .benefits_section {
        padding: 73px 0 133px;
        padding: 7.3rem 0 13.3rem;
        background-image: url(../img/benefits_bg.jpg);
        background-position: 0 100%;
        font-size: 20px;
        font-size: 2rem;
    }
}

.benefits__title {
    margin-bottom: 1.2858em;
    line-height: 1;
}

@media (min-width: 992px) {
    .benefits__title {
        margin: 0 0 .7143em;
    }
}

.benefits__content {
    /*line-height: 2.1875;*/
    line-height: 1.4;
}

@media (min-width: 992px) {
    .benefits__content {
        /*line-height: 1.4;*/
    }
}

.benefits__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 992px) {
    .benefits__list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
    }
}

.benefits__list li {
    position: relative;
    margin: .7em 0;
    padding-left: 1.15625em;
}

.benefits__list li:first-child {
    margin-top: 0;
}

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

@media (min-width: 992px) {
    .benefits__list li {
        margin: 0 0 0 .25em;
        padding: 0 0 1.1em 1.1em;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}

.benefits__list li:after {
    position: absolute;
    top: .55em;
    left: 0;
    width: .375em;
    height: .375em;
    background: #edb050;
    content: '';
}

@media (min-width: 992px) {
    .benefits__list li:after {
        top: 12px;
        top: 1.2rem;
        width: 5px;
        width: .5rem;
        height: 5px;
        height: .5rem;
    }
}


/* ------------------------------------------------------------------------
  3.5. Supported Platform
------------------------------------------------------------------------ */
.supported_platforms_section {
    padding: 2.2286em 0 1.772em;
    background: #efefef;
    text-align: center;
}

@media (min-width: 992px) {
    .supported_platforms_section {
        padding: 50px 0 82px;
        padding: 5rem 0 8.2rem;
    }
}

.supported_platforms__title {
    margin-bottom: 1.4693em;
}

@media (min-width: 992px) {
    .supported_platforms__title {
        margin: 0 0 .4474em;
        text-align: center;
        font-size: 38px;
        font-size: 3.8rem;
    }
}

.supported_platforms__content {
}

.supported_platforms__list {
    margin: 0 0 1.7143em;
    padding: 0 .5em;
}

@media (min-width: 992px) {
    .supported_platforms__list {
        margin: 0 0 .55rem;
        padding: 0;
        text-align: center;
    }
}

.supported_platforms__item {
    position: relative;
    display: block;
    margin: 2em auto 0;
    padding: 1.572em 1em .81em 2.7em;
    min-height: 72px;
    min-height: 7.2rem;
    max-width: 350px;
    max-width: 35rem;
    border-left: 4px solid #3393d1;
    border-left-width: .4rem;
    background: #fff;
    box-shadow: inset 1px 0 #b7d9ef, 0 2px 2px rgba(0, 0, 0, .14);
    text-align: center;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    transition: .3s;
}

.supported_platforms__item:hover {
    background: #e8f5fc;
}

.supported_platforms__item:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .supported_platforms__item {
        display: inline-block;
        margin: .8em 1.8em;
        padding-bottom: 1.05em;
        min-height: 76px;
        min-height: 7.6rem;
        max-width: none;
        width: 400px;
        width: 40rem;
        border-left-width: 5px;
        border-left-width: .5rem;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .14);
        vertical-align: top;
        font-size: 25px;
        font-size: 2.5rem;
    }

    .supported_platforms__item:first-child {
        margin-top: .8em;
    }
}

.supported_platforms__item:before {
    position: absolute;
    bottom: .23em;
    left: -.62em;
    width: 115px;
    width: 11.5rem;
    height: 72px;
    height: 7.2rem;
    background: url(../img/macbook2.png) 0 0 / 100% auto no-repeat;
    content: '';
}

@media (min-width: 992px) {
    .supported_platforms__item:before {
        top: 1em;
        bottom: auto;
        width: 137px;
        width: 13.7rem;
        height: 7.6rem;
    }
}


.supported_platforms__item_title {
    margin-bottom: .381em;
    color: #272727;
    letter-spacing: -.062em;
}

@media (min-width: 992px) {
    .supported_platforms__item_title {
        margin: 0 0 .62em;
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.supported_platforms__item_title sup {
    top: -1em;
    font-size: 8px;
    font-size: .8rem;
}

@media (min-width: 992px) {
    .supported_platforms__item_title sup {
        font-size: 10px;
        font-size: 1rem;
    }
}

.supported_platforms__item_more {
    color: #3393d1;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
}

@media (min-width: 992px) {
    .supported_platforms__item_more {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.supported_platforms__subtitle {
    margin: 0 0 1.15em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .supported_platforms__subtitle {
        margin: 0 0 2.6819em;
        font-size: 22px;
        font-size: 2.2rem;
    }
}

.supported_platforms__notice {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
}

@media (min-width: 992px) {
    .supported_platforms__notice {
        margin: 0 auto;
        width: 85%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.75;
    }
}

/* ------------------------------------------------------------------------
  3.6. Сase Intro
------------------------------------------------------------------------ */
.case_intro_section {
    padding: 1.1316em 0;
    background: url(../img/accelerate_mobile_bg.jpg) center / cover no-repeat;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.3158;
}

@media (min-width: 992px) {
    .case_intro_section {
        padding: 2.6112em 0;
        background-image: url(../img/accelerate_bg.jpg);
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.6667;
    }
}

.case_intro__content {
    text-align: center;
}

@media (min-width: 992px) {
    .case_intro__content {
        text-align: left;
    }
}

.case_intro__title {
    margin: 0 0 1.0205em;
    text-align: center;
    letter-spacing: -.0278em;
    line-height: 1.4286;
}

@media (min-width: 992px) {
    .case_intro__title {
        margin: 0 0 .5em;
        text-align: left;
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.6112;
    }
}

.case_intro__text {
}

.case_intro__text p {
    margin: 1.3158em 0;
}

.case_intro__text p:first-child {
    margin-top: 0;
}

.case_intro__text p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .case_intro__text p {
        margin: 1.6667em 0;
    }
}

.case_intro__quotes_wrapper {
}

@media (min-width: 992px) {
    .case_intro__quotes_wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.case_intro__quotes {
}

@media (min-width: 992px) {
    .case_intro__quotes {
        padding: 0px .5556em 0 4em;
    }
}

/* ------------------------------------------------------------------------
  3.7. Simple Quote
------------------------------------------------------------------------ */
.simple_blockquote {
    padding: 1.026em .641em .8206em;
    border-left: 4px solid #fcb02b;
    border-left-width: .4rem;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    font-size: 18px;
    font-size: 1.8rem;
}

@media (min-width: 992px) {
    .simple_blockquote {
        padding: 1.0715em .7143em .7143em;
        border-left-width: 5px;
        border-left-width: .5rem;
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.simple_blockquote__quote {
    margin: 0 0 .6154em;
    font-style: italic;
    line-height: 1.5898;
}

@media (min-width: 768px) {
    .simple_blockquote__quote {
    }
}

@media (min-width: 992px) {
    .simple_blockquote__quote {
        margin: 0 0 .7143em;
        line-height: 1.6072;
    }
}

.simple_blockquote__author_info {
    font-size: 0;
}

.simple_blockquote__author_name,
.simple_blockquote__author_logo_wrapper {
    display: inline-block;
    vertical-align: top;
}

.simple_blockquote__author_name {
    width: 70%;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .simple_blockquote__author_name {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.simple_blockquote__author_logo_wrapper {
    width: 30%;
    text-align: right;
}

.simple_blockquote__author_logo {
    max-width: 62px;
    max-width: 6.2rem;
}

@media (min-width: 992px) {
    .simple_blockquote__author_logo {
        max-width: 90px;
        max-width: 9rem;
    }
}


/* ------------------------------------------------------------------------
  3.8. Video Quote
------------------------------------------------------------------------ */
.video_blockquote {
    border-left: 4px solid #5a2d81;
    border-left-width: .4rem;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    font-size: 15px;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .video_blockquote {
        border-left-width: 5px;
        border-left-width: .5rem;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.video_blockquote__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.video_blockquote, .bank_wrapper {
    width: 100%;
}

.video_blockquote__content {
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    padding: .9em .6em .75em;
    width: 58%;
}

@media (min-width: 992px) {
    .video_blockquote__content {
        padding: 1.1112em .8334em;
    }
}

.video_blockquote__author_logo_wrapper {
    margin: 0 0 .75em -.25em;
}

@media (min-width: 992px) {
    .video_blockquote__author_logo_wrapper {
        margin: 0 0 .8334em -.3889em;
    }
}

.video_blockquote__author_logo {
    display: block;
    max-width: 100px;
    max-width: 10rem;
}

@media (min-width: 768px) {
    .video_blockquote__author_logo {
        max-width: 199px;
        max-width: 19.9rem;
    }
}

@media (min-width: 992px) {
    .video_blockquote__author_logo {
        max-width: 146px;
    }
}

.video_blockquote__quote {
    margin: 0 0 .4em;
    font-style: italic;
    line-height: 1.07;
}

@media (min-width: 768px) {
    .video_blockquote__quote {
    }
}

@media (min-width: 992px) {
    .video_blockquote__quote {
        margin: 0 0 .6667em;
        line-height: 1.2778;
    }
}

.video_blockquote__author_info {
    line-height: 1.44;
}

@media (min-width: 992px) {
    .video_blockquote__author_info {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.2308;
    }
}

.video_blockquote__video_wrapper {
    position: relative;
    -webkit-flex: 0 0 42%;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    width: 42%;
}

.video_blockquote__video_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video_blockquote__video_play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -29px;
    margin-top: -2.9rem;
    margin-left: -29px;
    margin-left: -2.9rem;
    width: 58px;
    width: 5.8rem;
    height: 58px;
    height: 5.8rem;
    border-radius: 50%;
    background: rgba(242, 242, 242, .3) url(../img/play_btn.svg) 56% 50% / 17px auto no-repeat;
    background-size: 1.7rem auto;
    transition: .3s;
}

.video_blockquote__video_play:hover {
    background-color: rgba(242, 242, 242, .5);
}

@media (min-width: 992px) {
    .video_blockquote__video_play {
        margin-top: -42px;
        margin-top: -4.2rem;
        margin-left: -42px;
        margin-left: -4.2rem;
        width: 84px;
        width: 8.4rem;
        height: 84px;
        height: 8.4rem;
        background-size: 26px auto;
        background-size: 2.6rem auto;
    }
}

/* ------------------------------------------------------------------------
  3.8. Glassdoor
------------------------------------------------------------------------ */
.glassdoor_block {
    padding: 25px 25px 30px;
    padding: 2.5rem 2.5rem 3rem;
    border: 1px solid #a3d39c;
    text-align: center;
}

@media (min-width: 992px) {
    .glassdoor_block {
        padding: 29px 33px 34px;
    }
}

.glassdoor__title {
    margin: 0 0 1.3em;
    font-weight: normal;
    font-size: 19px;
    font-size: 1.9rem;
}

@media (min-width: 992px) {
    .glassdoor__title {
        margin: 0 0 1.5em;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.glassdoor__button {
    display: block;
    padding: 0;
    width: 100%;
    height: 50px;
    height: 5rem;
    border-radius: 4px;
    background: #6bb500 url(../img/glassdoor_logo.svg) center / auto 60% no-repeat;
}

@media (min-width: 992px) {
    .glassdoor__button {
        height: 42px;
        background-size: auto 57%;
    }
}

.glassdoor__button:hover,
.glassdoor__button:active {
    background-color: #558f00;
}

.glassdoor__button_text {
    visibility: hidden;
    color: transparent;
}

/* ------------------------------------------------------------------------
  3.9. Pricelist Item
------------------------------------------------------------------------ */
.pricelist_item {
    padding: 1.577em 0 3em;
    background: #fff;
    font-weight: 600;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2;
}

.pricelist_item[data-plan="free"] {
    background: #ebebed;
}

.pricelist_item[data-plan="custom"] .pricelist_item__features_list {
    width: 50%;
    display: block;
    margin: 1.7308em auto 0 auto;
}

.pricelist_item[data-plan="custom"] .pricelist_item__features_list:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

.pricelist_item[data-plan="custom"] .pricelist_item__features_list:last-child {
    margin-bottom: 3em;
}

@media (min-width: 992px) {
    .pricelist_item {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .pricelist_item[data-plan="custom"] .pricelist_item__features_list {
        margin-top: 0;
    }

    .pricelist_item[data-plan="custom"] .pricelist_item__features_list:first-child {
        margin-bottom: 2.25em;
    }

    .pricelist_item[data-plan="custom"] .pricelist_item__features_list:last-child {
        margin-bottom: 2.25em;
    }
}

.pricelist_item__title {
    margin: 0 0 .4875em;
    color: #4ca0d7;
    text-align: center;
    font-weight: 300;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .pricelist_item__title {
        margin: 0 0 .4469em;
        font-size: 47px;
        font-size: 4.7rem;
    }
}

.pricelist_item[data-plan="free"] .pricelist_item__title {
    color: #f2653a;
}

.pricelist_item__subtitle {
    margin: 0 0 1.6em;
    color: #464646;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .pricelist_item__subtitle {
        margin: 0 0 1.2667em;
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.pricelist_item__features_title {
    margin: 0 0 1.8182em;
    color: #8a8d92;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .pricelist_item__features_title {
        margin: 0 0 2.35em;
        font-size: 20px;
        font-size: 2rem;
    }
}

.pricelist_item__features_list_wrapper {
    text-align: center;
}

.pricelist_item__features_list {
    display: inline-block;
    margin: 0 0 3em;
    padding: 0;
    max-width: 450px;
    max-width: 45rem;
    list-style: none;
    text-align: left;
}

@media (min-width: 768px) {
    .pricelist_item__features_list {
        width: 400px;
    }
}

@media (min-width: 992px) {
    .pricelist_item__features_list {
        display: block;
        margin: 0 0 2.25em;
        max-width: none;
        width: auto;
        min-width: 250px;
    }

    .pricelist_item[data-plan="custom"] .pricelist_item__features_list {
        /*-webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;*/
        float: left;
        max-width: 50%;
        width: 50%;
        min-width: 0;
    }

    .pricelist_small .has-tip .tip {
        top: 12px;
    }

    .pricelist_item[data-plan="free"] .pricelist_item__features_list {
        margin-left: -3px;
    }

    .pricelist_item__button_wrapper {
        clear: both;
    }
}

@media (min-width: 992px) {
    .pricelist_item__features_list li {
        margin: 1.5em 0;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
}

.pricelist_item[data-plan="free"] .pricelist_item__features_list li:before {
    background-image: url(../img/check_orange.svg);
}

@media (min-width: 768px) {
    .pricelist_item__features_list li {
    }
}

.pricelist_item__button_wrapper {
    text-align: center;
}

.pricelist_item__button {
    margin: 0 auto;
    min-width: 250px;
    max-width: 450px;
    max-width: 45rem;
}

.pricelist_item[data-plan="free"] .pricelist_item__button {
    background: #e85e34;
}

.pricelist_item[data-plan="free"] .pricelist_item__button:hover {
    background: #d75730;
}

@media (min-width: 768px) {
    .pricelist_item__button {
        width: 400px;
    }
}

@media (min-width: 992px) {
    .pricelist_item__button {
        width: auto;
    }

    .pricelist_item:not([data-plan="free"]) .pricelist_item__button {
        min-width: 0;
        max-width: 100%;
    }

    .pricelist_item[data-plan="free"] .pricelist_item__button {
        display: block;
    }
}


/* ------------------------------------------------------------------------
  3.10. Logos Carousel Section Fix
------------------------------------------------------------------------ */
.logos_carousel_section {
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .logos_carousel_section {
        padding: 3em 0 2.6em;
    }
}

.logos_carousel_section .company-header {
    padding: 0 !important;
}

.logos_carousel_section .company-header h4 {
    margin-bottom: 1.2em;
    font-weight: 300;
    font-size: 18px !important;
    font-size: 5.5vw !important;
    line-height: 1.8;
}

@media (min-width: 576px) {
    .logos_carousel_section .company-header h4 {
        font-size: 27px !important;
        font-size: 2.7rem !important;
    }
}

@media (min-width: 992px) {
    .logos_carousel_section .company-header h4 {
        margin-bottom: 1.65em;
        font-size: 32px;
        font-size: 3.2rem;
    }
}

.logos_carousel_section .first-carousel {
    padding: 0;
}

/* ------------------------------------------------------------------------
  3.11. Simple Article
------------------------------------------------------------------------ */
.simple_article {
    color: #2e2e2e;
    text-align: justify;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6667;
}

@media (min-width: 992px) {
    .simple_article {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.625;
    }
}

.simple_article h2 {
    margin: 0 0 .96em;
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.6667;
}

@media (min-width: 992px) {
    .simple_article h2 {
        text-align: left;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.625;
    }
}

.simple_article h3 {
    margin: 1em 0 1.6667em;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6667;
}

@media (min-width: 992px) {
    .simple_article h3 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.625;
    }
}

.simple_article h3:first-child {
    margin-top: 0;
}

.simple_article p {
    margin: 1.6667em 0;
}

@media (min-width: 992px) {
}

.simple_article p:first-child {
    margin-top: 0;
}

.simple_article p:last-child {
    margin-bottom: 0;
}

.simple_article h2 + p,
.simple_article h3 + p {
    margin-top: 0;
}


/* ------------------------------------------------------------------------
  3.12. Terms and Conditions
------------------------------------------------------------------------ */
.terms_section {
    padding: 2.4em 0;
}

/* ------------------------------------------------------------------------
  3.13. Security Section Default Styles
------------------------------------------------------------------------ */
.security_section {
    color: #000203;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    /*font-size: 33px;*/
    line-height: 1.5152;
}

@media (min-width: 992px) {
    .security_section {
        padding: 3em 0;
        text-align: left;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
    }
}

.security_section__title {
    margin: 0 0 1.975em;
    color: #000203;
    /*font-size: 40px;*/
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .security_section__title {
        margin: 0 0 .7879em;
        font-size: 33px;
        font-size: 3.3rem;
    }
}

.security_section__content {
}


.security_section__content p {
    margin: 1.5152em 0;
}

.security_section__content p:first-child {
    margin-top: 0;
}

.security_section__content p:last-child {
    margin-bottom: 0;
}

.security_section__content_title {
    margin: 0 0 .7715em;
    color: #989898;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    /*font-size: 35px;*/
    line-height: 1;
}

@media (min-width: 992px) {
    .security_section__content_title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/* ------------------------------------------------------------------------
  3.14. Features Section
------------------------------------------------------------------------ */
.features_section {
    padding: 1.4849em 0 0;
    padding-bottom: 62.8vw;
    background: url(../img/macbook.png) 0 100% / 77% auto no-repeat;
    text-align: left;
}

@media (min-width: 750px) {
    .features_section {
        padding-bottom: 471px;
        background-size: 555px auto;
    }
}

@media (min-width: 992px) {
    .features_section {
        position: relative;
        padding: 3em 0;
        background: none;
        font-size: 20px;
    }

    .features_section:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 700px;
        width: 33%;
        background: url(../img/macbook.png) 100% 100% no-repeat;
        content: '';
    }
}

@media (min-width: 1600px) {
    .features_section:before {
        background-size: contain;
    }
}
@media (min-width: 1800px) {
    .homenewbody-template .parallax .digital{padding-top: 326px;}
}
.features_section__content {
}

@media (min-width: 992px) {
    .features_section__content {
    }
}

@media (min-width: 1600px) {
    .features_section__content {
        min-height: calc(27.5vw - 6em);
    }
}

@media (min-width: 2100px) {
    .features_section__content {
        min-height: 500px;
    }
}

.features_section__content_inner {
}

@media (min-width: 992px) {
    .features_section__content_inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 410px; /* to fit background-image */
        min-height: calc(453px - 6em);
    }
}

.features_list[data-type="checked_list"] li {
    margin: .6364em 0;
    padding-left: 2em;
}

.page-template-security .features_list[data-type="checked_list"] li {
    line-height: 25px;
    max-height: none;
}

@media (min-width: 992px) {
    .features_list {
    }
}


/* ------------------------------------------------------------------------
  3.15. About Section
------------------------------------------------------------------------ */
.about_section {
    padding: 2.6364em 0 2.3334em;
    background: #efefef url(../img/people_mobile_bg.jpg) 50% 0 / cover no-repeat;
}

@media (min-width: 992px) {
    .about_section {
        padding: 4.42em 0 3.7em;
        background-image: url(../img/people_bg.jpg);
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 30px;
    }
}

.features_section + .about_section {
    margin: -6px 0 0;
}

@media (min-width: 992px) {
    .features_section + .about_section {
        /*margin: 0;*/
    }
}

.about_item {
    margin: 2em 0 0;
}

.about_item:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .about_item {
        margin: 0 0 4.22em;
        padding: 0 4.85%;
        text-align: center;
    }

    .about_item:last-child,
    .about_item:nth-last-child(2) {
        margin-bottom: 0;
    }
}

.about_item__title {
    margin: 0 0 .95em;
    font-weight: normal;
}

@media (min-width: 992px) {
    .about_item__title {
        margin: 0 0 .4667em;
        /*color: #fff;*/
        font-size: 30px;
        font-size: 3rem;
    }
}

.about_item__content {
}


/* ------------------------------------------------------------------------
  3.16. Certifications Section
------------------------------------------------------------------------ */
.certifications_section {
    padding: 1.7273em 0 2.5em;
    border-top: 10px solid #3393d1;
    color: #0e0e0e;
}

@media (min-width: 992px) {
    .certifications_section {
        padding: 2.8em 0 3.2em;
        border: none;
    }
}

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


.certifications__title {
    margin: 0 0 1.6em;
}

@media (min-width: 992px) {
    .certifications__title {
        margin: 0 0 1.11em;
        text-align: center;
    }
}

.certifications__subtitle {
    margin: 0 0 1.025em;
}

@media (min-width: 992px) {
    .certifications__subtitle {
        margin: 0 0 .96em;
        text-align: left;
        font-size: 29px;
        font-size: 2.9rem;
    }
}

.certifications__content {
}

@media (min-width: 992px) {
    .certifications__content {
        justify-content: space-between;
    }
}

.certifications__item {
    margin: 2.96em 0 0;
}

.certifications__item__placeholder {
    display: none;
}

.certifications__item:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .certifications__item {
        margin: 0 0 30px;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .certifications__item:nth-child(1) {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        max-width: 33.3%;
        flex: 0 0 33.3%;
    }

    .certifications__item:nth-child(2) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        /*padding-left: 6.6%;*/
    }

    .certifications__item:nth-child(4) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        /*padding-left: 5%;*/
    }

    .certifications__item:nth-child(6) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .certifications__item:nth-child(3) {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        /*padding-left: 6.6%;*/
    }

    .certifications__item:nth-child(5) {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
        /*padding-left: 5%;*/
    }

    .certifications__item__logos_set_wrapper {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-bottom: 30px;
        max-width: 33.3%;
        flex: 0 0 33.3%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .certifications__item__logo_wrapper {
        width: 18%;
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
    }

    .certifications__item__placeholder {
        display: block;
        order: 9999 !important;
    }
}

.certifications__item_title {
}

@media (min-width: 992px) {
    .certifications__item_title {
        margin: 0 0 .5em;
    }
}


/* ------------------------------------------------------------------------
  3.17. Privacy Section
------------------------------------------------------------------------ */
.privacy_section {
    padding: 1.73em 0 270px;
    background: #faf8f8 url(../img/privacy_mobile_bg.jpg) 50% 100% / 100% auto no-repeat;
}

@media (min-width: 992px) {
    .privacy_section {
        padding: 2.9em 0 3.4em;
        background-image: url(../img/privacy_bg.jpg);
        background-position: 50% 50%;
        background-size: cover;
        line-height: 1.3334;
    }
}

.privacy__title {
}

@media (min-width: 992px) {
    .privacy__title {
        margin: 0 0 .95em;
        font-size: 29px;
        font-size: 2.9rem;
    }
}

.privacy__content {
}

@media (min-width: 992px) {
    .privacy__content {
        padding-left: 9.7%;
    }
}

.privacy__content_title {
}

@media (min-width: 992px) {
    .privacy__content_title {
        margin: 0 0 1.2em;
    }
}

.privacy__content p {
    margin: 1.3em 0;
}

.privacy__logos_set,
p.privacy__logos_set {
    margin-top: 1.9em;
}

@media (max-width: 992px) {
    .privacy__logos_set {
        display: none;
    }
}

.privacy__logo_item {
    margin-left: 8%;
    max-width: 27%;
    vertical-align: middle;
}

.privacy__logo_item:first-child {
    margin-left: 0;
}

/* ------------------------------------------------------------------------
  3.18. Architecture Section
------------------------------------------------------------------------ */
.architecture_section {
    padding: 2.4546em 0;
}

@media (min-width: 992px) {
    .architecture_section {
        padding-bottom: 5em;
        line-height: 1.75;
    }
}

.architecture__title {
    margin: 0 0 1.975em;
}

@media (min-width: 992px) {
    .architecture__title {
        margin: 0 0 1.8em;
        text-align: center;
    }
}

.architecture__content_title {
    margin: 0 0 .8182em;
}

@media (max-width: 991px) {
    .architecture__content_title {
        display: none;
    }
}

@media (min-width: 992px) {
    .architecture__content_title {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.architecture__content_text {
    margin: 0 0 2.1819em;
}

@media (min-width: 992px) {
    .architecture__content_text {
        margin: 0;
        padding-top: 1.8em;
        padding-right: 6%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.75;
    }

    .architecture__content_text p {
        margin: 1.75em 0;
    }
}

.architecture__content_subtitle {
    margin: 0 0 1.35em;
}

.architecture__content_schema_wrapper {
}

.architecture__content_schema {
    margin: 0 auto;
    max-width: 100%;
}


/* ------------------------------------------------------------------------
  3.19. Operations Control
------------------------------------------------------------------------ */
.operations_access_section {
    padding: 2.2728em 0 3.2em;
    background: #faf8f8;
}

@media (min-width: 992px) {
    .operations_access_section {
        padding: 2.7em 0;
    }
}

.operations_access__title {
    display: none;
}

@media (min-width: 992px) {
    .operations_access__title {
        display: block;
        margin: 0 0 1.57em;
        text-align: center;
    }
}

.operations_access__content {
}

@media (min-width: 992px) {
    .operations_access__content {
    }
}

.operations_access__content_item {
    margin: 3em 0 0;
}

.operations_access__content_item:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .operations_access__content_item {
        margin: 0;
    }

    .operations_access__content_item:nth-child(odd) {
        padding-right: 5%;
    }

    .operations_access__content_item:nth-child(even) {
        padding-left: 5%;
    }
}

.operations_access__content_item_title {
    margin: 0 0 1.75em;
}

@media (min-width: 992px) {
    .operations_access__content_item_title {
        margin: 0 0 .8em;
    }
}

.operations_access__content_item_subtitle {
    margin: 0 0 .8572em;
}

@media (min-width: 992px) {
    .operations_access__content_item_subtitle {
        margin: 0 0 .8125em;
    }
}

/* ------------------------------------------------------------------------
  3.20. Accountability Control
------------------------------------------------------------------------ */
.accountability_section {
    padding: 3.09em 0;
}

@media (min-width: 992px) {
    .accountability_section {
        padding: 2.6667em 0 3.8em;
        background: #fff;
    }
}

.accountability__title {
    margin: 0 0 1.975em;
}

@media (min-width: 992px) {
    .accountability__title {
        margin: 0 0 .7576em;
    }
}

.accountability__content_item {
    margin: 2.13em 0 0;
}

.accountability__content_item:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .accountability__content_item {
        margin: 0;
    }

    .accountability__content_item:nth-child(odd) {
        padding-right: 5%;
    }

    .accountability__content_item:nth-child(even) {
        padding-left: 5%;
    }
}


/* ------------------------------------------------------------------------
  3.21. Conclusion Control
------------------------------------------------------------------------ */
.conclusion_section {
    padding: 2.4em 0 290px;
    padding-bottom: 77vw;
    background: #e9ecef url(../img/conclusion_mobile_bg.jpg) 50% 100% / 100% auto no-repeat;
}

@media (min-width: 992px) {
    .conclusion_section {
        padding: 3em 0 5em;
        background-image: url(../img/conclusion_bg.jpg);
        background-position: 50% 50%;
        background-size: cover;
    }
}

.conclusion_section__content {
}

@media (min-width: 992px) {
    .conclusion_section__content {
    }
}

.security_section__content_inner {
}

@media (min-width: 992px) {
    .security_section__content_inner {
        padding: 0 5% 0 3.7%;
    }
}

.conclusion_section__title {
    margin: 0 0 1.8em;
}

@media (min-width: 992px) {
    .conclusion_section__title {
        margin: 0 0 .7em;
    }
}


/* ------------------------------------------------------------------------
  3.22. News filter
------------------------------------------------------------------------ */
.news_filter_wrapper {
    position: relative;
    z-index: 50;
    line-height: 1;
}

@media (max-width: 991px) {
    .news_filter_wrapper {
        display: none;
    }
}

.news_filter__title {
    font-size: 25px;
    font-size: 2.5rem;
}

.news_filter__separator {
    margin: 0 0 0 12px;
    color: #658799;
    font-size: 16px;
}

.news_filter__inner {
    position: relative;
    display: inline-block;
    margin-left: -3px;
    padding: 0 0 0 15px;
    width: 110px;
}

.news_filter__current {
    position: relative;
    display: block;
    padding-right: 15px;
    height: 32px;
    color: #64b7ec;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 32px;
    cursor: pointer;
}

.news_filter__current:after {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 5px 3px 0 3px;
    border-style: solid;
    border-color: #64b7ec transparent transparent transparent;
    content: '';
}

.news_filter__list {
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #173f55;
    list-style: none;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 32px;
    opacity: 0;
    transition: .3s;
}

.news_filter__inner:hover .news_filter__list {
    opacity: 1;
}

.news_filter__item {
    border-bottom: 1px solid #7c9daf;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_filter__item:first-child,
.news_filter__item:last-child {
    border-bottom-style: none;
}

.news_filter__list a {
    display: block;
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
}

.news_filter__list a:hover {
    background: #476c80;
}

.news_filter__list_current {
    position: relative;
    display: block;
    padding: 0 15px 15px;
    color: #64b7ec;
    font-weight: normal;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
}

.news_filter__list_current:after {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 5px 3px 0 3px;
    border-style: solid;
    border-color: #64b7ec transparent transparent transparent;
    content: '';
}


/* ------------------------------------------------------------------------
  3.23. Titles News
------------------------------------------------------------------------ */
.tiles_news_section {
    background: #f4f4f6;
}

@media (min-width: 768px) {
    .tiles_news_section {
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .tiles_news_section {
        padding-top: 1.3em;
        padding-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .tiles_news_section__container {
        width: 1240px;
    }
}


.tiles_news__wrapper {
    margin-right: auto;
    margin-left: auto;
    max-width: 1120px;
}

.tiles_news__title {
    margin: 0 0 1.7em;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .tiles_news__title {
        margin: 1.2em 0 2.25em;
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.tiles_news_list {
}

.tiles_news_item {
    margin: 1.9em 0 0;
    text-align: center;
}

.tiles_news_item:first-child {
    margin-top: 0;
}

@media (min-width: 768px) {
    .tiles_news_item {
        margin: 0 0 2.2em;
    }
}

.tiles_news_item__inner {
    display: block;
}

.tiles_news_item__logo_wrapper {
    display: table;
    margin: 0 0 .9em;
    width: 100%;
    background: #eaebed;
    table-layout: fixed;
}

.tiles_news_item__logo_wrapper2 {
    display: table-cell;
    width: 100%;
    height: 192px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .tiles_news_item__logo_wrapper2 {
        height: 198px;
    }
}

.tiles_news_item__logo {
    max-width: 60%;
    max-height: 130px;
}

.tiles_news_item__date {
    margin: 0 0 .35em;
    color: #5a7281;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
}

@media (min-width: 768px) {
    .tiles_news_item__date {
        margin-bottom: .47em;
        font-size: 15px;
        font-size: calc(15rem / 14);
    }
}

@media (min-width: 992px) {
    .tiles_news_item__date {
        font-size: 1.5rem;
    }
}

.tiles_news_item__title {
    color: #2f3c44;
    font-weight: normal;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.46;
}

@media (min-width: 768px) {
    .tiles_news_item__title {
        font-size: 17px;
        font-size: calc(17rem / 14);
        line-height: 1.53;
    }
}

@media (min-width: 992px) {
    .tiles_news_item__title {
        font-size: 1.7rem;
    }
}


/* ------------------------------------------------------------------------
  3.24. Columns News
------------------------------------------------------------------------ */
.columns_news_section {
}

@media (max-width: 991px) {
    .columns_news_section {
        padding-top: 0;
    }
}

.columns_news_section_container {
}

@media (min-width: 1540px) {
    .columns_news_section_container {
        width: 1370px !important;
    }
}

.columns_news_list {
    margin-bottom: 2rem;
    text-align: left;
}

@media (min-width: 992px) {
    .columns_news_list {
        position: relative;
        margin-bottom: 4rem;
    }

    .columns_news_list:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 10;
        height: 1px;
        background: #fff;
        content: '';
    }
}

.columns_news_item {
}

.columns_news_item:nth-child(n+5) {
    display: none;
}

@media (min-width: 992px) {
    .columns_news_item:nth-child(n+5) {
        display: block;
    }
}

@media (min-width: 1540px) {
    .columns_news_item:nth-child(odd) {
        padding-right: 50px;
    }

    .columns_news_item:nth-child(even) {
        padding-left: 50px;
    }
}

.columns_news_item__inner {
    display: block;
    padding: 3rem 0 3rem 15px;
    border-top: 1px solid #d0d0d0;
}

.columns_news_item:first-child .columns_news_item__inner {
    border-top: none;
}

@media (min-width: 768px) {
    .columns_news_item__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 21px 0;
    }
}

@media (min-width: 992px) {
    .columns_news_item:first-child .columns_news_item__inner {
        border-top: 1px solid #d0d0d0;
    }
}

.columns_news_item_top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 .5em;
}

@media (min-width: 768px) {
    .columns_news_item_top {
        display: block;
        -webkit-flex: 0 0 164px;
        -ms-flex: 0 0 164px;
        flex: 0 0 164px;
        margin: 0;
        width: 164px;
    }
}

.columns_news_item__logo_wrapper {
    float: left;
    -webkit-flex: 0 0 28%;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    padding-right: 20px;
    width: 28%;
}

@media (min-width: 768px) {
    .columns_news_item__logo_wrapper {
        float: none;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 25px;
        width: 100%;
    }
}


.columns_news_item__logo {
    display: block;
    max-width: 100%;
}

.columns_news_item_data {
}

.columns_news_item__date {
    color: #5a7281;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
}

@media (min-width: 768px) {
    .columns_news_item__date {
        margin: 0 0 .9em;
        font-size: 15px;
        font-size: calc(15rem / 14);
    }
}

@media (min-width: 992px) {
    .columns_news_item__date {
        font-size: 1.5rem;
    }
}

.columns_news_item__title {
    -webkit-flex: 0 0 72%;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    margin: 0;
    width: 72%;
    color: #2f3c44;
    font-weight: normal;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.67;
}

@media (min-width: 768px) {
    .columns_news_item__title {
        margin: 0 0 .5em;
        width: auto;
        font-size: 17px;
        font-size: calc(17rem / 14);
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .columns_news_item__title {
        font-size: 1.7rem;
    }
}

.columns_news_item__text {
    margin: 0 0 1em;
    color: #8798a3;
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .columns_news_item__text {
        margin: 0;
        font-size: 15px;
        font-size: calc(15rem / 14);
        line-height: 1.67;
    }
}

@media (min-width: 992px) {
    .columns_news_item__text {
        font-size: 1.5rem;
    }
}

.columns_news_list__more {
    text-align: center;
}

@media (min-width: 992px) {
    .columns_news_list__more {
    }
}


/* ------------------------------------------------------------------------
  3.25. Partners
------------------------------------------------------------------------ */
.partners_section {
}

.partners__title {
}

@media (min-width: 992px) {
    .partners__title {
        text-align: center;
        font-weight: normal;
        font-size: 32px;
        font-size: 3.2rem;
    }
}

.partners__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partners__item {
}

.partners__item {
    display: inline-block;
    padding: 20px;
    width: 50%;
    vertical-align: top;
    text-align: center;
}

@media (min-width: 480px) {
    .partners__item {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        width: 33.3333%;
    }
}

@media (min-width: 992px) {
    .partners__item {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .partners__item {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        width: 20%;
    }
}

@media (min-width: 1540px) {
    .partners__item {
        -webkit-flex: 0 0 14.2857%;
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        width: 14.2857%;
    }
}

.partners__item_img {
    max-width: 100%;
}

/* ------------------------------------------------------------------------
  3.26. Walkme vibes
------------------------------------------------------------------------ */
.vibes_section {
    padding: 1.7em 0;
}

@media (min-width: 992px) {
    .vibes_section {
        padding: 2.6em 0 2em;
    }
}

.vibes_section__title {
    margin: 0 0 1.3em;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .vibes_section__title {
        margin: 0 0 .87em;
        text-align: center;
        font-size: 40px;
    }
}

/*.vibes_list {
  padding: 0 10px;
}*/

.vibes_item {
    margin: 35px 0 0;
    margin: 3.5rem 0 0;
}

.vibes_item:first-child {
    margin-top: 0;
}

@media (min-width: 768px) {
    .vibes_item,
    .vibes_item:first-child {
        margin: 15px 0;
    }
}

.vibes_item__inner {
}

.vibes_item__inner2 {
    position: relative;
    overflow: hidden;
    padding-bottom: 72%;
    background-size: cover;
}

.vibes_item__content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-top: -62px;
    padding: 0 1.5em 1.5em;
    height: 100%;
    background: rgba(0, 0, 0, .68);
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.6;
    transition: .5s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

@media (min-width: 375px) {
    .vibes_item__content {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .vibes_item__content {
        margin-top: -48px;
        font-size: 17px;
        /*padding: 32px 26px;*/
    }
}

.vibes_item__inner:hover .vibes_item__content,
.vibes_item__inner:active .vibes_item__content {
    margin: 0;
    padding-top: 1.5em;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 992px) {
    .vibes_item__inner:hover .vibes_item__content,
    .vibes_item__inner:active .vibes_item__content {
        padding: 32px 26px;
    }
}

.vibes_item__title {
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 62px;
}

@media (min-width: 992px) {
    .vibes_item__title {
        line-height: 48px;
    }
}

.vibes_item__inner:hover .vibes_item__title,
.vibes_item__inner:active .vibes_item__title {
    margin: 0 0 .4em;
    text-align: left;
    font-weight: 300;
    font-size: 26px;
    line-height: 1;
}

@media (min-width: 768px) {
    .vibes_item__inner:hover .vibes_item__title,
    .vibes_item__inner:active .vibes_item__title {
        font-size: 30px;
    }

    .vibes_item:nth-child(2) .vibes_item__inner:hover .vibes_item__title,
    .vibes_item:nth-child(2) .vibes_item__inner:active .vibes_item__title {
        font-size: 29px;
    }
}

.vibes_item__description {
}

/* ------------------------------------------------------------------------
  3.27. Company About
------------------------------------------------------------------------ */
.company_about_section {
    position: relative;
    padding: 0;
    background: #4dcbcf;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.625;
}

@media (min-width: 992px) {
    .company_about_section {
        background: none;
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.56;
    }
}

.company_about_container {
}

@media (max-width: 991px) {
    .company_about_container {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
}

@media (min-width: 992px) {
    .company_about_container {
        width: 930px;
        background: url(../img/office.jpg) 0 50% / cover no-repeat;
    }
}

@media (min-width: 1200px) {
    .company_about_container {
        width: 1110px;
        background-position: -46% 33%;
        background-size: auto 130%;
    }
}

.company_about__content_wrapper {
}

@media (min-width: 992px) {
    .company_about__content_wrapper {
        -webkit-flex: 0 0 calc(50% + 30px);
        -ms-flex: 0 0 calc(50% + 30px);
        flex: 0 0 calc(50% + 30px);
        margin-left: calc(50% - 30px);
        padding: 29px 41px;
        max-width: calc(50% + 30px);
        background: #4dcbcf;
    }
}

.company_about_section__title {
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.64;
}

@media (min-width: 992px) {
    .company_about_section__title {
        margin: 0 0 .45em;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.46875;
    }
}

.company_about__content p {
    margin: 1.5em 0;
}

.company_about__content p:first-child {
    margin-top: 0;
}

.company_about__content p:last-child {
    margin-bottom: 0;
}

.company_about__image {
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    .company_about__image {
        display: none;
    }
}


/* ------------------------------------------------------------------------
  3.28. Careers More Section
------------------------------------------------------------------------ */
.careers_more_section {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .careers_more_section {
        padding-top: 3.75em;
        padding-bottom: 2.3em;
    }
}

.careers_more__inner {
}

/*@media (max-width: 991px) {
    .careers_more__inner {
      padding: 0 1.5rem;
    }
  }*/

.careers_more__awards {
    margin-bottom: 2.5rem;
}

@media (min-width: 992px) {
    .careers_more__awards {
        margin-bottom: 0;
        padding-top: 5px;
    }
}

.careers_more__awards_list {
    font-size: 0;
}

.careers_more__awards_item {
    display: inline-block;
    margin: 1.5rem 0;
    width: 50%;
    vertical-align: top;
}

.careers_more__awards_item:nth-child(odd) {
    padding-right: 1.5rem;
}

.careers_more__awards_item:nth-child(even) {
    padding-left: 1.5rem;
}

@media (min-width: 992px) {
    .careers_more__awards_item {
        margin: 0;
        margin-left: 6.3%;
        margin-left: 2.5%;
        padding: 0 !important;
        max-width: 169px;
        width: 23%;
    }

    .careers_more__awards_item:first-child {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .careers_more__awards_item {
        margin-left: 35px;
    }
}

@media (min-width: 1400px) {
    .careers_more__awards_item {
        margin-left: 57px;
    }
}

.careers_more__awards_item__img {
    display: block;
    width: 100%;
}

.careers_more_section .glassdoor_block {
}

@media (max-width: 991px) {
    .careers_more_section .glassdoor_block {
        margin: 0 10px;
    }
}

@media (min-width: 992px) {
    .careers_more_section .glassdoor_block {
        float: right;
        max-width: 276px;
        width: 100%;
    }
}

/* ------------------------------------------------------------------------
  3.29. About Culture
------------------------------------------------------------------------ */
.about_culture_section {
    padding-bottom: 0;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.625;
}

@media (min-width: 992px) {
    .about_culture_section {
        padding-bottom: 1em;
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.89;
    }
}

.about_culture_section__title {
    margin: 0 0 1.3em;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
}

@media (min-width: 992px) {
    .about_culture_section__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.40625;
    }
}

.about_culture__content {
    padding-bottom: 1.7em;
}

.about_culture__content p {
    margin: 1.7em 0;
}

.about_culture__content p:first-child {
    margin-top: 0;
}

.about_culture__content p:last-child {
    margin-bottom: 0;
}

.about_culture__image {
    display: block;
    width: 100%;
}

@media (min-width: 992px) {
    .about_culture__image {
        float: right;
        margin-top: 11px;
        width: auto;
    }
}


/* ------------------------------------------------------------------------
  3.30. Walkme Value
------------------------------------------------------------------------ */
.walkme_value_section {
    padding: 2em 0 0;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.9;
}

@media (min-width: 992px) {
    .walkme_value_section {
        padding: 0;
        padding-bottom: 30px;
        background: #f7f7f7;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.15;
    }
}

.walkme_value_section_container {
}

@media (max-width: 991px) {
    .walkme_value_section_container {
        padding: 0;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .walkme_value_section_container {
        width: 1060px;
    }
}

.walkme_value_section__title {
    margin: 0 0 1em;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .walkme_value_section__title {
        margin: 0;
        padding: 1.5em 0;
    }
}

.walkme_value__list {
}

@media (max-width: 991px) {
    .walkme_value__list {
        display: block;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .walkme_value__list {
        margin-top: -15px;
    }
}

.walkme_value__item {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #d1d1d1;
}

.walkme_value__item:first-child {
    padding-top: 0;
}

@media (min-width: 992px) {
    .walkme_value__item {
        margin: 15px 0;
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }
}

.walkme_value__item_inner {
    padding: 0 15px;
    height: 100%;
    background: #fff;
}

@media (min-width: 576px) {
    .walkme_value__item_inner {
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media (min-width: 992px) {
    .walkme_value__item_inner {
        padding: 35px 20px 51px;
    }
}

.walkme_value__item_icon {
    display: block;
    margin: 0 auto 1.7em;
    width: 92px;
}

.walkme_value__item:nth-child(1) .walkme_value__item_icon,
.walkme_value__item:nth-child(2) .walkme_value__item_icon {
    width: 92px;
    width: 9.2rem;
}

.walkme_value__item:nth-child(3) .walkme_value__item_icon {
    width: 73px;
    width: 7.3rem;
}

.walkme_value__item:nth-child(4) .walkme_value__item_icon,
.walkme_value__item:nth-child(5) .walkme_value__item_icon {
    width: 69px;
    width: 6.9rem;
}


@media (min-width: 992px) {
    .walkme_value__item_icon {
        margin-bottom: 43px;
        margin-bottom: 4.3rem;
        width: 60px;
        width: 6rem;
    }

    .walkme_value__item:nth-child(1) .walkme_value__item_icon,
    .walkme_value__item:nth-child(2) .walkme_value__item_icon {
        width: 61px;
        width: 6.1rem;
    }

    .walkme_value__item:nth-child(3) .walkme_value__item_icon {
        width: 55px;
        width: 5.5rem;
    }

    .walkme_value__item:nth-child(4) .walkme_value__item_icon {
        width: 50px;
        width: 5rem;
    }

    .walkme_value__item:nth-child(5) .walkme_value__item_icon {
        width: 57px;
        width: 5.7rem;
    }
}

.walkme_value__item_title {
    margin: 0 0 .9em;
    font-weight: normal;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1;
}

@media (min-width: 992px) {
    .walkme_value__item_title {
        margin: 0 0 1.2em;
        font-size: 18px;
        font-size: 1.8rem;
    }
}



/* ------------------------------------------------------------------------
  3.31. Testimonial Gallery Slider
------------------------------------------------------------------------ */
.testimonial_section {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.testimonial_section__title {
    margin: 0;
    padding: 1em 0;
    font-size: 30px;
    font-size: 3rem;
}

@media (min-width: 992px) {
    .testimonial_section__title {
        display: none;
    }
}

.testimonial_gallery__wrapper {
    background: #48abff;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper {
        background: none;
    }
}

.testimonial_gallery {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .testimonial_gallery {
        /*height: 100%;*/
    }
}

.testimonial_gallery__item {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    white-space: normal;
}

@media (min-width: 992px) {
    .testimonial_gallery__item {
        /*height: 100%;*/
    }
}

.testimonial_gallery__item_image_wrapper {
    position: relative;
    padding-bottom: 96.8%;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_image_wrapper {
        padding: 0;
    }
}

.testimonial_gallery__item_image_placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_image_placeholder {
        right: auto;
        width: 44.6%;
        background-color: #3b6cae;
        background-position: 0 0 !important;
        background-blend-mode: multiply;
    }

    .testimonial_gallery__item.position_left .testimonial_gallery__item_image_placeholder {
        background-position: 0 0 !important;
    }

    .testimonial_gallery__item.position_right .testimonial_gallery__item_image_placeholder {
        right: 0;
        left: auto;
        background-position: 100% 0 !important;
    }

    .bg_blend_mode__off .testimonial_gallery__item_image_placeholder {
        background: none !important;
    }

    .testimonial_gallery__item_image_placeholder:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .33);
        content: '';
    }
}

.testimonial_gallery__wrapper .testimonial_gallery__item_image {
    display: none;
    width: 100%;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper .testimonial_gallery__item_image {
        display: block;
    }
}

.testimonial_gallery__item_user {
    position: relative;
    z-index: 10;
    margin-top: -60px;
    margin-top: -6rem;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_user {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 1em;
        padding: 0;
        width: 44.6%;
        font-size: 20px;
        line-height: 1.45;
    }

    .bg_blend_mode__off .testimonial_gallery__item_user {
        background: rgba(59, 108, 174, .5);
    }

    .testimonial_gallery__item.position_right .testimonial_gallery__item_user {
        right: 0;
        left: auto;
    }
}

.testimonial_gallery__item_user_inner {
}

@media (min-width: 992px) {
    .testimonial_gallery__item_user_inner {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 20px 36px 37px;
        max-width: 680px;
    }

    .testimonial_gallery__item.position_right .testimonial_gallery__item_user_inner {
        right: auto;
        left: 0;
    }
}

.testimonial_section__title_inset {
    margin: 0 0 16px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    line-height: 1;
}

@media (max-width: 991px) {
    .testimonial_section__title_inset {
        display: none;
    }
}

.testimonial_gallery__item_user__name {
    display: inline-block;
    /*max-width: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    display: table;
    background: rgba(72, 171, 255, .5);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    /*line-height: 60px;*/
    /*line-height: 6rem;*/
    line-height: 1.3;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_user__name {
        margin: 0 0 10px;
        padding: 0;
        height: auto;
        background: none;
        font-size: 32px;
        line-height: 1;
    }
}

.testimonial_gallery__item_user__name_inner {
    display: table-cell;
    padding: 0 2.5rem;
    height: 60px;
    height: 6rem;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_user__name_inner {
        display: table;
        padding: 0;
        height: auto;
    }
}

.testimonial_gallery__item_user__quote {
    padding: 1.5rem 2.5rem;
    background: #48abff;
}

@media (min-width: 992px) {
    .testimonial_gallery__item_user__quote {
        padding: 0;
        background: none;
    }
}

@media (min-width: 1200px) {
    .testimonial_gallery__item_user__quote {
        /*padding: 0 0 0 22.4%;*/
    }
}

.testimonial_gallery__wrapper .slick-arrow {
    position: absolute;
    top: -25px;
    margin: 48.4% 0 0;
    width: 64px;
    height: 50px;
    background: #ccc;
    opacity: .73;
    cursor: pointer;
    transition: .3s;
    z-index: 90;
}

.testimonial_gallery__wrapper .slick-arrow:before {
    content: none;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper .slick-arrow {
        top: 50%;
        margin-top: -37px;
        width: 93px;
        height: 73px;
    }
}

.testimonial_gallery__wrapper .slick-arrow:hover,
.testimonial_gallery__wrapper .slick-arrow:active {
    opacity: .9;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper .slick-arrow:hover,
    .testimonial_gallery__wrapper .slick-arrow:active {
        opacity: .73;
    }
}

.testimonial_gallery__wrapper .slick-prev {
    left: -20px;
    background: url(../img/arrow_left.png) 0 0 / auto 100% no-repeat !important;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper .slick-prev {
        left: -35px;
    }

    .is_desktop .testimonial_gallery__wrapper .slick-prev:hover {
        left: 0;
    }
}

.testimonial_gallery__wrapper .slick-next {
    right: -20px;
    background: url(../img/arrow_right.png) 100% 0 / auto 100% no-repeat !important;
}

@media (min-width: 992px) {
    .testimonial_gallery__wrapper .slick-next {
        right: -35px;
    }

    .is_desktop .testimonial_gallery__wrapper .slick-next:hover {
        right: 0;
    }
}

/* ------------------------------------------------------------------------
  3.32. Interview
------------------------------------------------------------------------ */
.interview_section {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .interview_section {
        padding-top: 0;
        padding-bottom: 82px;
        background: #f4f4f4;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.43;
    }
}

.interview_section_container {
}

@media (max-width: 991px) {
    .interview_section_container {
        padding: 0;
        width: auto;
    }
}

.interview_section__title {
    margin: 0;
    padding: 1em 0;
    text-align: center;
}

.interview_questions_wrapper {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fdfbfb;
}

@media (max-width: 991px) {
    .interview_questions_wrapper {
        display: block;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .interview_questions_wrapper {
        background: none;
    }
}

.interview_questions__column {
    border-bottom: 5px solid #3a7db3;
}

@media (max-width: 991px) {
    .interview_questions__column {
        padding: 2em 0 0;
    }
}

@media (min-width: 992px) {
    .interview_questions__column {
        border: none;
    }

    .interview_questions__column:nth-child(odd) {
        padding-right: 30px;
    }

    .interview_questions__column:nth-child(even) {
        padding-left: 30px;
    }
}

.interview_questions__column_inner {
}

@media (min-width: 992px) {
    .interview_questions__column_inner {
        padding: 20px 0 0;
        border-bottom: 7px solid #3a7db3;
        background: #fff;
    }
}

.interview_questions__column_about {
    text-align: center;
}

@media (max-width: 991px) {
    .interview_questions__column_about {
        margin: 0 auto 1em;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .interview_questions__column_about {
        text-align: left;
    }
}

.interview_questions__column_icon {
    display: block;
    margin: 0 auto 1em;
    width: 50px;
    width: 5rem;
}

.interview_questions__column_icon.desktop {
    display: none;
}

@media (min-width: 992px) {
    .interview_questions__column_icon {
        position: absolute;
        top: -7px;
        right: 26px;
        margin: 0;
        width: 41px;
    }

    .interview_questions__column-tips .interview_questions__column_icon.mobile {
        display: none;
    }

    .interview_questions__column-tips .interview_questions__column_icon.desktop {
        top: -2px;
        right: 14px;
        display: block;
        width: 35px;
    }
}

.interview_questions__column_title {
    margin: 0 0 1em;
    font-weight: normal;
    font-size: 20px;
    font-size: 2rem;
}

@media (min-width: 992px) {
    .interview_questions__column_title {
        margin: 0 0 .5em;
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.interview_questions__column_intro {
    line-height: 1.67;
}

@media (min-width: 992px) {
    .interview_questions__column_intro {
        padding-right: 40px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.9375;
    }
}

.interview_questions__list {
}

.interview_questions__item {
    border-top: 1px solid #e8e8e8;
    /*padding: 1.5em 0;*/
}

.interview_questions__item:first-child {
    border-top: none;
}

.interview_questions__item_inner {
}

@media (max-width: 991px) {
    .interview_questions__item_inner {
        padding: 0 30px;
    }
}

@media (min-width: 992px) {
    .interview_questions__item_inner {
    }
}

.interview_questions__item_title {
    position: relative;
    padding: 1.35em 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

@media (min-width: 992px) {
    .interview_questions__item_title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.interview_questions__item_title:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    width: 7px;
    height: 7px;
    border: 2px solid #7e868c;
    border-top: none;
    border-left: none;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.interview_questions__item.expand .interview_questions__item_title:after {
    -webkit-transform: rotateZ(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotateZ(-135deg);
}

.interview_questions__item_content {
    padding: 0 0 1.35em;
}


/* ------------------------------------------------------------------------
  3.33. Careers Buttons
------------------------------------------------------------------------ */
.careers_buttons_section {
    padding: 2.3em 0;
}

.careers_more_section__container {
}

@media (max-width: 991px) {
    .careers_more_section__container {
        max-width: 530px;
    }
}

.careers_buttons_section .careers_jumbotron__button_wrapper {
    margin-top: 0;
    max-width: 320px;
    width: auto;
}

@media (min-width: 576px) {
    .careers_buttons_section .careers_jumbotron__button_wrapper {
        max-width: 370px;
    }
}

@media (min-width:768px) {
    .careers_buttons_section .careers_jumbotron__button_wrapper {
        max-width: 450px;
    }
}

@media (min-width:992px) {
    .careers_buttons_section .careers_jumbotron__button_wrapper {
        max-width: none;
        width: auto;
        text-align: center;
    }
}

.careers_buttons_section .button {
    margin-top: 3.5rem;
    padding: 1.1em 0;
    background: #f4f4f4;
    color: #3a7db3;
    font-size: 24px;
    font-size: 2.4rem;
}

.careers_buttons_section .button:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .careers_buttons_section .button {
        margin-top: 0;
    }
}

.careers_buttons_section .button:hover,
.careers_buttons_section .button:active {
    background: #d6d6d6;
}

/***************************************************************************
  4. Pages
***************************************************************************/
/* ------------------------------------------------------------------------
  4.1. Platform Category Page
------------------------------------------------------------------------ */
.platform_category_jumbotron {
}

.platform_category_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/platform_category_mobile_bg.jpg);
}

@media (min-width: 992px) {
    .platform_category_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/platform_category_bg.jpg);
    }
}

.platform_category_jumbotron .digital {
}

.platform_category_jumbotron .jumbotron_banner__inner {
}

@media (min-width: 992px) {
    .platform_category_jumbotron .jumbotron_banner__inner {
        /* padding-top: 215px;
      padding-bottom: 145px;*/
    }
}

@media (min-width: 1200px) {
    .platform_category_jumbotron .jumbotron_banner__inner {
        padding-top: 215px;
        padding-bottom: 145px;
    }
}

.platform_category_jumbotron__title,
.parallax-c .digital .bigtext.platform_category_jumbotron__title {
    margin: 0 0 .22em;
    text-transform: none;
    font-weight: 400;
    font-size: 30px !important;
    font-size: 9.4vw !important;
    line-height: 1.1375;
}

@media (min-width: 576px) {
    .platform_category_jumbotron__title,
    .parallax-c .digital .bigtext.platform_category_jumbotron__title {
        font-size: 50px !important;
        font-size: 5rem !important;
    }
}

@media (min-width: 992px) {
    .platform_category_jumbotron__title,
    .parallax-c .digital .bigtext.platform_category_jumbotron__title {
        font-size: 68px !important;
        font-size: 6.8rem !important;
    }
}

.platform_category_jumbotron .digital .smalltext {
    font-size: 17px;
    font-size: 5.4vw;
    line-height: 1.27;
}

@media (min-width: 576px) {
    .platform_category_jumbotron .digital .smalltext {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media (min-width: 576px) {
    .platform_category_jumbotron .digital .smalltext {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.platform_category_jumbotron__button_wrapper {
    margin: 2.05em 0 0;
}
/* ------------------------------------------------------------------------
  4.2. Use Case Page
------------------------------------------------------------------------ */
.use_case_jumbotron {
}

.use_case_jumbotron .digital {
}

.use_case_jumbotron .jumbotron_banner__inner {
    padding-bottom: 60px;
}

@media (min-width: 992px) {
    .use_case_jumbotron .jumbotron_banner__inner {
        padding-bottom: 80px;
        padding-top: 180px;
    }
}

.use_case_jumbotron__title,
.use_case_jumbotron .parallax-banking .bigtext.use_case_jumbotron__title {
    margin: 0 0 .2778em !important;
    text-transform: uppercase !important;
    font-weight: normal;
    font-size: 10vw !important;
    line-height: 1.2639 !important;
}

@media (min-width: 576px) {
    .use_case_jumbotron__title,
    .use_case_jumbotron .parallax-banking .bigtext.use_case_jumbotron__title {
        font-size: 36px !important;
        font-size: 3.6rem !important;
    }
}

@media(min-width: 992px) {
    .use_case_jumbotron__title,
    .use_case_jumbotron .parallax-banking .bigtext.use_case_jumbotron__title {
        font-size: 60px !important;
        font-size: 6rem !important;
        line-height: 1;
    }
}

@media(min-width: 992px) {
    .use_case_jumbotron__title,
    .use_case_jumbotron .parallax-banking .bigtext.use_case_jumbotron__title {
        font-size: 72px !important;
        font-size: 7.2rem !important;
        line-height: 1;
    }
}

.use_case_jumbotron .digital .smalltext {
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px !important;
    line-height: 1.4 !important;
}

.use_case_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/use_case_mobile_bg.jpg);
}

@media (min-width: 992px) {
    .use_case_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/use_case_bg.jpg);
    }
}

.use_case_page {
    border-top: 9px solid #74cec2;
    border-top-width: .9rem;
}

.use_case_page .case_intro_section {
    margin-bottom: -1.3948em;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .use_case_page .case_intro_section {
        margin-bottom: -2.2223em;
        padding-bottom: 0;
    }
}

.use_case_page .case_intro__content {
}

@media (min-width: 992px) {
    .use_case_page .case_intro__content {
        padding-bottom: 60px;
    }
}

.use_case_page .case_intro__text {
    margin: 0 0 1.5527em;
}

@media (min-width: 992px) {
    .use_case_page .case_intro__text {
        margin-bottom: 0;
    }
}

.use_case_page .simple_blockquote {
    margin: 0 0 1.5em;
}

@media (min-width: 992px) {
    .use_case_page .simple_blockquote {
        margin: 0 0 2.9643em;
    }
}

.use_case_page .benefits_section {
    padding-top: 3.2em;
    padding-bottom: 1.7em;
    background: #f3f3f3;
    font-size: 18px;
    font-size: 1.8rem;
}


@media (min-width: 992px) {
    .use_case_page .benefits_section {
        padding: 3.3em 0 3.8em;
        border-top: 2px solid #fff;
        font-size: 20px;
        font-size: 2rem;
    }
}

.use_case_page .benefits__content {
    /*line-height: 1.8422;*/
}

@media (min-width: 992px) {
    .use_case_page .benefits__content {
        /*line-height: 1.4;*/
    }
}

.use_case_page .benefits__title {
    margin-bottom: 1.1em;
}

@media (min-width: 992px) {
    .use_case_page .benefits__title {
        margin-bottom: .7143em;
    }
}

.use_case_page .benefits__list {
}

@media (min-width: 992px) {
    .use_case_page .benefits__list {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}


/* ------------------------------------------------------------------------
  4.3. PriceList Page
------------------------------------------------------------------------ */
.pricing_jumbotron {
}

.pricing_jumbotron .jumbotron_banner__inner {
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .pricing_jumbotron .jumbotron_banner__inner {
        padding-top: 165px;
        padding-bottom: 55px;
    }
}

.pricing_jumbotron .bigtext.pricing_jumbotron__title {
    margin: 0;
    text-transform: none !important;
    font-weight: normal;
    font-size: 26px;
    font-size: 8vw;
}

@media (min-width: 576px) {
    .pricing_jumbotron__title,
    .pricing_jumbotron .bigtext.pricing_jumbotron__title {
        font-size: 40px;
        font-size: 4rem;
    }
}

@media (min-width: 992px) {
    .pricing_jumbotron__title,
    .pricing_jumbotron .bigtext.pricing_jumbotron__title {
        font-size: 51px;
        font-size: 5.1rem;
        line-height: 1.3334;
    }

    .pricing_jumbotron__title .inner {
        display: block;
    }
}

.pricing_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/pricing_mobile_bg.jpg);
}

@media (min-width: 992px) {
    .pricing_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/pricing_bg.jpg);
    }
}


.pricing_jumbotron .digital {
}


.pricelist_section {
    padding: 0;
    background: #f4f4f6;
}

@media (min-width: 992px) {
    .pricelist_section {
        padding: 5.2em 0 4.7em;
        box-shadow: inset 0 42px 42px -42px rgba(0, 0, 0, .2);
    }
}

.pricelist_section__inner {
}

@media (max-width: 991px) {
    .pricelist_section__inner {
        padding: 0;
        width: auto;
    }
}

@media (min-width: 992px) {
    .pricelist_section__inner {
        max-width: 1006px;
    }
}

.pricelist_page .pricelist_block {
}

@media (min-width: 992px) {
    .pricelist_page .pricelist_block {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.pricelist_page .pricelist_item {
    position: relative;
    z-index: 10;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .2);
}

.pricelist_page .pricelist_item[data-plan="free"] {
    z-index: 20;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 992px) {
    .pricelist_page .pricelist_item {
        float: right;
        padding: 2.5625em 2.375em 3.125em;
    }

    .pricelist_page .pricelist_item[data-plan="custom"] {
        z-index: 30;
        width: 59.23%;
        box-shadow: 0 .25em 2.875em rgba(0, 0, 0, .22);
    }

    .pricelist_page .pricelist_item[data-plan="free"] {
        width: 40.77%;
        box-shadow: none;
    }
}



/* ------------------------------------------------------------------------
  4.4. Terms and Condition Page
------------------------------------------------------------------------ */
.terms_jumbotron {
}


.terms_jumbotron .jumbotron_banner__inner {
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .terms_jumbotron .jumbotron_banner__inner {
        padding-top: 180px;
        padding-bottom: 70px;
    }
}

.terms_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/terms_mobile_bg.jpg);
    background-position: 75% 50%;
}


@media (min-width: 992px) {
    .terms_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/terms_bg2.jpg);
    }
}

.terms_jumbotron .digital {
}

.terms_jumbotron__title,
.pricing_jumbotron .parallax-banking .bigtext.terms_jumbotron__title {
    margin: 0;
    text-transform: none !important;
    font-weight: normal;
}

@media (min-width: 992px) {
    .terms_jumbotron__title,
    .pricing_jumbotron .parallax-banking .bigtext.terms_jumbotron__title {
        font-size: 51px;
        font-size: 5.1rem;
        line-height: 1.3334;
    }
}

/* ------------------------------------------------------------------------
  4.5. Security Page
------------------------------------------------------------------------ */
.security_jumbotron {
}

.security_jumbotron .jumbotron_banner__inner {
    padding-top: 150px;
    padding-bottom: 70px;
}

@media (max-width: 738px) {
    .security_jumbotron .jumbotron_banner__inner {
        padding-top: 130px;
    }
}

@media (min-width: 992px) {
    .security_jumbotron .jumbotron_banner__inner {
        padding-top: 175px;
        padding-bottom: 95px;
    }
}


.security_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/security_mobile_bg.jpg);
}

@media (min-width: 992px) {
    .security_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/security_bg2.jpg);
    }
}

.security_jumbotron .digital {
}



.security_jumbotron .bigtext.security_jumbotron__title {
    margin: 0;
    font-size: 50px;
    font-size: 14.3vw;
    line-height: 1.1;
}

@media (min-width: 576px) {
    .security_jumbotron__title,
    .security_jumbotron .bigtext.security_jumbotron__title {
        font-size: 70px;
        font-size: 7rem;
    }
}

@media (min-width: 992px) {
    .security_jumbotron__title,
    .security_jumbotron .bigtext.security_jumbotron__title {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1;
    }
}

.security_page .container {
}

@media (max-width: 991px) {
    .security_page .container {
        width: auto;
    }
}

@media (min-width: 992px) {
    .security_page .container {
        max-width: 95%;
        width: 1455px !important;
    }
}



/* ------------------------------------------------------------------------
  4.6. Press Page
------------------------------------------------------------------------ */
.press_jumbotron {
}


.press_jumbotron .jumbotron_banner__inner {
    padding-top: 150px;
    padding-bottom: 70px;
}

@media (max-width: 738px) {
    .press_jumbotron .jumbotron_banner__inner {
        padding-top: 130px;
    }
}

@media (min-width: 992px) {
    .press_jumbotron .jumbotron_banner__inner {
        padding-top: 180px;
        padding-bottom: 80px;
    }
}

.press_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/press_mobile_bg.jpg);
}

@media (min-width: 992px) {
    .press_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/press_bg2.jpg);
    }
}

.press_jumbotron .digital {
}


.press_jumbotron .bigtext.press_jumbotron__title {
    margin: 0;
    text-transform: none;
    font-size: 38px;
    font-size: 12.5vw;
    line-height: 1;
}

@media (min-width: 576px) {
    .press_jumbotron__title,
    .press_jumbotron .bigtext.press_jumbotron__title {
        font-size: 64px;
        font-size: 6.4rem;
    }
}

@media (min-width: 992px) {
    .press_jumbotron__title,
    .press_jumbotron .bigtext.security_jumbotron__title {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 1;
    }
}



/* ------------------------------------------------------------------------
  4.7. Partners Page
------------------------------------------------------------------------ */
.partners_jumbotron {
}

.partners_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/partners_mobile_bg.jpg);
}

@media (min-width: 768px) {
    .partners_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/partners_bg2.jpg);
    }
}

.partners_jumbotron .jumbotron_banner__inner {
    padding-bottom: 50px;
}

@media (min-width: 992px) {
    .partners_jumbotron .jumbotron_banner__inner {
        padding-top: 173px;
        padding-bottom: 70px;
    }
}

.partners_jumbotron .digital {
}


.partners_jumbotron__title,
.parallax-c .digital .bigtext.partners_jumbotron__title {
    margin: 0 0 .3em;
    text-transform: none;
    font-weight: 400;
    font-size: 42px;
    font-size: 11vw;
    line-height: 1.325;
}

@media (min-width: 576px) {
    .partners_jumbotron__title,
    .parallax-c .digital .bigtext.partners_jumbotron__title {
        font-size: 72px;
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    .partners_jumbotron__title,
    .parallax-c .digital .bigtext.partners_jumbotron__title {
        font-size: 60px;
        font-size: 6rem;
    }
}

.partners_jumbotron .digital .smalltext {
    font-size: 20px;
    font-size: 5.4vw;
    line-height: 1.4;
}

@media (min-width: 576px) {
    .partners_jumbotron .digital .smalltext {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media (min-width: 576px) {
    .partners_jumbotron .digital .smalltext {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.partners_jumbotron__button_wrapper {
    margin: 2.05em 0 0;
    margin: 4em auto 0;
    max-width: 300px;
    width: 90%;
}

@media (min-width: 576px) {
    .partners_jumbotron__button_wrapper {
        max-width: 350px;
    }
}

@media (min-width: 992px) {
    .partners_jumbotron__button_wrapper {
        margin-top: 2.6em;
        max-width: none;
        width: auto;
    }
}

.partners_jumbotron__button {
    display: block;
    margin: 1.5rem 0 0;
    width: 100%;
}

.partners_jumbotron__button:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .partners_jumbotron__button {
        display: inline-block;
        margin: 0 10px;
        min-width: 294px;
        width: auto;
        height: 70px;
        vertical-align: top;
    }

    .partners_jumbotron__button:not([data-type="double-string"]) {
        padding: 1.1em 0;
    }
}

.partners_jumbotron__button-partners {
    background-color: rgba(255, 255, 255, .25);
}

.partners_jumbotron__button-partners:hover,
.partners_jumbotron__button-partners:active {
    background-color: rgba(255, 255, 255, .45);
}

.partners_page .about_section {
    padding: 2.8em 0;
    background-color: #f4f4f6;
    background-image: url(../img/partners_about_mobile_bg.jpg);
    text-align: center;
}

@media (min-width: 992px) {
    .partners_page .about_section {
        background-image: url(../img/partners_about_bg.jpg);
        text-align: left;
    }
}

.partners_page .about_item {
}

@media (min-width: 992px) {
    .partners_page .about_item {
        text-align: left;
    }

    .partners_page .about_item:nth-child(odd) {
        padding-right: 3.5%;
        padding-left: 2%;
    }

    .partners_page .about_item:nth-child(even) {
        padding-right: 2%;
        padding-left: 3.5%;
    }
}

/* ------------------------------------------------------------------------
  4.8. Careers Page
------------------------------------------------------------------------ */
.careers_jumbotron {
}

.careers_jumbotron .jumbotron_banner__poster {
    background-image: url(../img/careers_mobile_bg.jpg);
}

@media (min-width: 768px) {
    .careers_jumbotron .jumbotron_banner__poster {
        background-image: url(../img/careers_bg.jpg);
    }
}

.careers_jumbotron .jumbotron_banner__inner {
    padding-bottom: 60px;
}

@media (min-width: 992px) {
    .careers_jumbotron .jumbotron_banner__inner {
        padding-top: 164px;
        padding-bottom: 82px;
    }
}




.careers_jumbotron__title,
.parallax-c .digital .bigtext.careers_jumbotron__title {
    margin: 0 0 .3em;
    font-weight: 400;
    font-size: 42px;
    font-size: 11vw;
    line-height: 1;
}

@media (min-width: 576px) {
    .careers_jumbotron__title,
    .parallax-c .digital .bigtext.careers_jumbotron__title {
        font-size: 72px;
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    .careers_jumbotron__title,
    .parallax-c .digital .bigtext.careers_jumbotron__title {
        margin: 0 0 .05em;
        text-transform: none;
        font-size: 74px;
        font-size: 7.4rem;
    }
}


.careers_jumbotron .digital .smalltext {
    font-size: 28px;
    font-size: 7.5vw;
    line-height: 1.52;
}

@media (min-width: 576px) {
    .careers_jumbotron .digital .smalltext {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media (min-width: 576px) {
    .careers_jumbotron .digital .smalltext {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

@media (min-width: 992px) {
    .careers_jumbotron .digital .smalltext {
        font-size: 44px;
        font-size: 4.4rem;
    }
}

.careers_jumbotron__content .inner {
}

@media (max-width: 991px) {
    .careers_jumbotron__content .inner {
        display: block;
    }
}

.careers_jumbotron__button_wrapper {
    margin: 2.05em 0 0;
    margin: 2.5em auto 0;
    max-width: 270px;
    width: 90%;
}

@media (min-width: 576px) {
    .careers_jumbotron__button_wrapper {
        max-width: 310px;
    }
}

@media (min-width: 768px) {
    .careers_jumbotron__button_wrapper {
        max-width: 360px;
    }
    .wrapper-brands a.home-play-mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    .careers_jumbotron__button_wrapper {
        margin-top: 5.3em;
        max-width: none;
        width: auto;
    }
}

.careers_jumbotron__button {
    display: block;
    margin: 2.5rem 0 0;
    padding: 1.17em 0;
    width: 100%;
    border-radius: 2px;
    background: rgba(33, 181, 196, .75);
}

.careers_jumbotron__button:hover {
    background: rgba(33, 181, 196, 1);
}

.careers_jumbotron__button:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .careers_jumbotron__button {
        display: inline-block;
        margin: 0 10px;
        padding: 1.25em 0;
        max-width: 294px;
        width: 30%;
        vertical-align: top;
        font-size: 20px;
    }
}



/*.container {
  background: #ccc;
}*/

/*@media (min-width: 1400px) {
  .careers_page .container {
    width: 1252px;
  }

  .company_about_container.container {
    width: 1200px;
  }
}

@media (min-width: 1200px) {
  .walkme_value_section_container.container {
    width: 1052px;
  }
}
*/

.careers_page_section__container {
}

/* @media (max-width: 991px) {
    .careers_page_section__container {
      padding-left: 25px;
      padding-right: 25px;
    }
  }*/

@media (min-width: 1400px) {
    .careers_page_section__container {
        width: 1230px;
    }

    .company_about_container {
        width: 1200px;
    }
}

.careers_page_section__row {
}

@media (min-width: 375px) and (max-width: 991px) {
    .careers_page_section__row {
        padding-right: 10px;
        padding-left: 10px;
    }

    .walkme_value__list,
    .interview_questions_wrapper {
        padding: 0;
    }
}


/* ------------------------------------------------------------------------
  4.8. Single Platform Page
------------------------------------------------------------------------ */
/*.single_platform_jumbotron {
  height: 100% !important;
}*/

.single_platform_jumbotron .digital .jumbotron_banner__inner,
.single_platform_jumbotron .jumbotron_banner__inner {
    padding-top: 0;
    padding-bottom: 0;
}

.single_platform_jumbotron__content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    padding-top: 100px;
    padding-bottom: 70px;
}

.single_platform_jumbotron__scrolling {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0;
}

.single_platform_jumbotron__title,
.parallax-c .digital .bigtext.single_platform_jumbotron__title {
    text-transform: none;
    font-size: 30px;
    font-size: 9vw;
    line-height: 1.3;
}

@media (min-width: 576px) {
    .single_platform_jumbotron__title,
    .parallax-c .digital .bigtext.single_platform_jumbotron__title {
        font-size: 50px !important;
        font-size: 5rem !important;
    }
}

@media (min-width: 992px) {
    .single_platform_jumbotron__title,
    .parallax-c .digital .bigtext.single_platform_jumbotron__title {
        font-size: 62px !important;
        font-size: 6.2rem !important;
    }
}

.single_platform_jumbotron .digital .smalltext {
    font-size: 17px;
    font-size: 5.4vw;
    line-height: 1.27;
}

@media (min-width: 576px) {
    .single_platform_jumbotron .digital .smalltext {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media (min-width: 992px) {
    .single_platform_jumbotron .digital .smalltext {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

.single_platform_jumbotron,
.single_platform_jumbotron .fp-tableCell,
.single_platform_jumbotron .fp-tableCell .parallax-c,
.single_platform_jumbotron .digital,
.single_platform_jumbotron .jumbotron_banner__inner,
.single_platform_jumbotron .row,
.single_platform_jumbotron .single_platform_jumbotron__content {
    /*height: 100% !important;*/
}

/******************************************************************************************************************/
.adoption_system_section {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.57;
    background: #fbfbfc;
    padding: 0;
}

@media (min-width: 992px) {
    .adoption_system_section {
        text-align: left;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.875;
    }
}

.adoption_system_section .container {
}

@media (min-width: 1400px) {
    .adoption_system_section .container {
        width: 1230px;
    }
}

.adoption_system_section__title {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.95;
    margin: 0 0 1.2em;
}

@media (min-width: 992px) {
    .adoption_system_section__title {
        font-size: 46px;
        font-size: 4.6rem;
        text-align: center;
        line-height: 1.2;
        letter-spacing: -.5px;
        margin: 0 0 .8em;
        margin-top: 25px;
    }
}

.adoption_system_wrapper {
}


.adoption_system__tabs_list {
    margin: 0;
    padding: 0;
    font-size: 0;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .adoption_system__tabs_list {
        align-items: center;
        justify-content: center;
        margin: 0 0 48px;
    }
}

.adoption_system__tabs_item {
    display: inline-block;
    vertical-align: bottom;
    flex: 1 0 auto;
}

@media (min-width: 992px) {
    .adoption_system__tabs_item {
        vertical-align: middle;
        flex: 0 0 auto;
        margin: 0 10px;
    }
}

.adoption_system__tabs_item_link {
    display: block;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1;
    /*color: #1e1e1e !important;*/
    text-decoration: none;
    background: #f4f4f7;
    padding: 14px 0 15px;
    border-radius: 3px 3px 0 0;
    position: relative;
    transition: all 0.5s linear;
}

.adoption_system__tabs_item a.adoption_system__tabs_item_link {
    padding: 14px 0 15px !important;
}

.adoption_system__tabs_item:nth-child(1) .adoption_system__tabs_item_link {
    z-index: 3;
}


.adoption_system__tabs_item:nth-child(2) .adoption_system__tabs_item_link {
    z-index: 2;
}


.adoption_system__tabs_item:nth-child(3) .adoption_system__tabs_item_link {
    z-index: 1;
}

.adoption_system__tabs_item_link.active {
    background: #fbfbfc;
    padding-top: 20px;
    z-index: 10;
}

@media (min-width: 992px) {
    .adoption_system__tabs_item_link {
        box-shadow: none;
        font-size: 20px;
        font-size: 2rem;
        font-weight: normal;
        /*color: #1ba8c1 !important;*/
        background: none;
        text-transform: uppercase;
        letter-spacing: 3.9px;
        border-radius: 30px;
        padding: 12px 23px 11px;
        transition: all 0.5s linear;
    }

    .adoption_system__tabs_item.nav-item-1 .adoption_system__tabs_item_link {
        color: #01c0fe;
    }

    .adoption_system__tabs_item.nav-item-1 .adoption_system__tabs_item_link:hover {
        color: #029acc;
    }

    .adoption_system__tabs_item.nav-item-2 .adoption_system__tabs_item_link {
        color: #1ba8c1;
    }

    .adoption_system__tabs_item.nav-item-2 .adoption_system__tabs_item_link:hover {
        color: #0f879d;
    }

    .adoption_system__tabs_item.nav-item-3 .adoption_system__tabs_item_link {
        color: #588ce8;
    }

    .adoption_system__tabs_item.nav-item-3 .adoption_system__tabs_item_link:hover {
        color: #3c67b1;
    }

    .adoption_system__tabs_item a.adoption_system__tabs_item_link {
        padding: 12px 20px 11px !important;
    }

    /*.adoption_system__tabs_item_link:hover,*/
    .adoption_system__tabs_item_link.active {
        color: #fff !important;
        box-shadow: none;
    }

    .nav-item-1 .adoption_system__tabs_item_link.active {
        background: #619fec;
    }

    .nav-item-2 .adoption_system__tabs_item_link.active {
        background: #42dde0;
    }

    .nav-item-3 .adoption_system__tabs_item_link.active {
        background: #588ce8;
    }

    .adoption_system__tabs_item a.adoption_system__tabs_item_link.active {
        padding-top: 12px !important;
    }
}

.adoption_system__content {
    position: relative;
    z-index: 2;
    background: #fbfbfc;
    padding-bottom: 25px;
}

.adoption_system__content_item {
    /*position:absolute;
  top:0;
  max-width:100%;*/
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*-webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: transform .25s*/
}

.adoption_system__content_item.active {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    animation-name: fadeIn;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    display: block;
}

.adoption_system__content_item_inner {
}

.adoption_system__content_item_image_wrapper {
    padding: 3rem;
    position: relative;
}

.adoption_system__content_item_image_wrapper:after {
    content: '';
    position: absolute;
    right: 3rem;
    top: 0;
    bottom: 0;
    width: 3rem;
    background: linear-gradient(to right, rgba(251, 251, 252,0) 0%, rgba(251, 251, 252,1) 100%);
}

@media (min-width: 992px) {
    .adoption_system__content_item_image_wrapper {
        padding: 0 15px;
    }

    .adoption_system__content_item_image_wrapper:after {
        content: none;
    }
}

.adoption_system__content_item_image {
    display: block;
}

@media (min-width: 992px) {
    .adoption_system__content_item_image {
        float: right;
        max-width: none;
        margin-top: -53px;
    }
}

.adoption_system__content_item_title {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.31;
    font-weight: 300;
    margin: 0 0 1.2em;
}

@media (min-width: 992px) {
    .adoption_system__content_item_title {
        font-size: 33px;
        font-size: 3.3rem;
        margin: 0 0 .35em;
    }
}

.adoption_system__content_item_title strong {
    font-weight: 600;
}

.adoption_system__content_item_text {
}

.adoption_system__content_item_text p {
    margin: 1.4em 0 0;
}


.adoption_system__content_item_text p:first-child {
    margin-top: 0;
}

@media (min-width: 992px) {
    .adoption_system__content_item_text p {
        margin-top: 1.9em;
    }
}

/********************************************************************************************/
.get_started_breakout {
    background: #f2f2f2;
}

@media (max-width: 991px) {
    .get_started_breakout {
        display: none;
    }
}

.get_started_breakout__inner {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0;
}

.get_started_breakout__text {
    display: inline-block;
    margin: 0 1em 0 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    max-width: calc(100% - 236px - 1em);
    text-align: right;
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .get_started_breakout__text {
        font-size: 34px;
    }
}

.get_started_breakout__button {
    width: 236px;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .get_started_breakout__button {
        font-size: 18px;
    }
}

/*********************************************************************************************/
.section_blocked_title_wrapper {
    background: #4e97e8;
    text-align: center;
}

.section_blocked_title {
    color: #fff;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 300;
    padding: 25px 0;
    margin: 0;
    text-align: left;
}

/***********************************************************************************************/
.platform_modules_section {
    padding: 0;
    background: #f2f2f2;
}

@media (min-width: 1400px) {
    .platform_modules_section .container {
        width: 1230px;
    }
}

.platform_modules_section .full_page_section__inner {
    padding-bottom: 0;
}

.platform_modules_subsection {
    overflow: hidden;
    padding: 4.5rem 0 6.5rem;
}

.platform_modules_subsection:nth-child(odd) {
    background: #f9f9fc;
}

.platform_modules_subsection:nth-child(even) {
    background: #fff;
}

.platform_modules_subsection_image_wrapper {
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .platform_modules_subsection_image_wrapper {
        display: block;
    }
}

.platform_modules_subsection_image_inner {
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
}

@media (min-width: 992px) {
    .platform_modules_subsection_image_inner {
        max-width: none;
    }
}

.platform_modules_subsection_image {
    height: 240px;
    height: 24rem;
    max-width: none;
    display: block;
    margin: 0 0 0 -50px;
}

@media (min-width: 1200px) {
    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        float: right;
        margin-right: -65%;
    }
}

@media (min-width: 992px) {
    .platform_modules_subsection_image {
        height: auto;
    }

    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        /*float: right;*/
    }

    .platform_modules_subsection:nth-child(odd) .platform_modules_subsection_image {
        float: left;
        margin: 0 0 0 0;
        margin-left: -65%;
    }
}

.platform_modules_subsection_text_wrapper {
}

.platform_modules_subsection__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 300;
    color: #4e97e8;
}

.platform_modules_subsection_image_wrapper .platform_modules_subsection__title {
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
    text-align: center;
}



@media (max-width: 991px) {
    .platform_modules_subsection_text_wrapper .platform_modules_subsection__title {
        display: none;
    }
}

@media (max-width: 440px) {
    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        margin-left: -50%;
    }

    .platform_modules_subsection:nth-child(odd) .platform_modules_subsection_image {
        margin-right: -50%;
    }

    .page-template-walkme-platform #content {
        /*position: fixed;*/
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        margin-left: -65%;
    }

    .platform_modules_subsection:nth-child(odd) .platform_modules_subsection_image {
        margin-right: -65%;
    }
}

@media (max-width: 340px) {
    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        margin-left: -75%;
    }

    .platform_modules_subsection:nth-child(odd) .platform_modules_subsection_image {
        margin-right: -75%;
    }
}

@media (min-width: 992px) {
    .platform_modules_subsection__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1;
    }

    .platform_modules_subsection:last-child .platform_modules_subsection_text {
        padding-bottom: 55px;
    }

    .platform_modules_subsection_image_wrapper .platform_modules_subsection__title {
        display: none;
    }
}

@media (min-width: 1200px) {
    .adoption_system_section .full_page_section__inner {
        height: auto;
        position: relative;
    }
}

.platform_modules_subsection:nth-child(even) .platform_modules_subsection__title {
    order: 1;
}



.platform_modules_subsection_text p {
    margin: 1.4em 0 0;
}

.platform_modules_subsection_text p:first-child {
    margin-top: 0;
}

.careers_footer .careers_jumbotron__button.button,
.careers_footer .careers_jumbotron__button.button:visited {
    color: #3a7db3 !important;
}

@media (max-device-width: 1366px) {

    .fullpage-wrapper .single_platform_jumbotron .single_platform_jumbotron__content {
        /*height: calc(100vh - 150px) !important;*/
        height: 100vh !important;
    }

    .section_blocked_title_wrapper {
        box-shadow: inset 0 7px 20px -7px rgba(0,0,0,0.7);
        -moz-box-shadow: inset 0 7px 20px -7px rgba(0,0,0,0.7);
        -webkit-box-shadow: inset 0 7px 20px -7px rgba(0,0,0,0.7);
    }

    .jumbotron_banner .digital {
        position: relative;
    }

    .sp-title-container {
        margin-top: -50px;
    }
}

@media (max-device-width: 1024px) {
    .fullpage-wrapper .single_platform_jumbotron .single_platform_jumbotron__content {
        /*height: calc(100vh - 100px) !important;*/
        height: 100vh;
    }
}

.single_platform_jumbotron {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(http://localhost/walkyanew/wp-content/themes/walkme-new/images/platformbg.jpg);
}

@media (max-device-width: 1366px) and (min-device-width:768px) {
    .single_platform_jumbotron .jumbotron_banner__inner, .single_platform_jumbotron .single_platform_jumbotron__content {
        height: 100vh !important;
    }
}

@media (max-width: 760px) {
    .fullpage-wrapper .single_platform_jumbotron .single_platform_jumbotron__content {
        padding-top: 120px;
        height: 100vh !important;
    }

    .jumbotron_banner .digital {
        position: relative;
    }

    .jumbotron_banner__inner {
        padding-top: 35px !important;
    }
}

@media (max-width: 415px) and (min-width: 321px) {
    .fullpage-wrapper .single_platform_jumbotron .single_platform_jumbotron__content {
        height: 100vh !important;
    }

    .sp-title-container {
        margin-top: -70px;
    }

    .single_platform_jumbotron__scrolling {
        /*bottom: 80px;*/
    }

    .fp-section.fp-table, .fp-tableCell {
        display: block !important;
        height: 100vh !important;
    }

    .fp-tableCell, .fp-scrollable {
        height: 100vh !important;
    }
}
/* Iphone landscape */
@media (max-height: 415px) {
    .fullpage-wrapper .single_platform_jumbotron .single_platform_jumbotron__content {
        margin-top: 0px;
        padding-top: 50px !important;
    }

    .sp-title-container {
        margin-top: 0px;
    }
}
/*contact_us.css*/
.contact_us__menu {
    height: 123px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../img/parallax1.jpg);
    background-position-y: 500px;
}

.contact--main {
    margin-top: 68px;
    margin-bottom: 63px;
    text-align: center;
}

.contact--main h1 {
    font-family: Open Sans light;
    font-size: 44px;
}

.about__contact_us figure {
    width: 100%;
    height: 243px;
    background-size: cover;
    background-position: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.about__contact_us figure figcaption h2 {
    font-size: 45px;
    font-family: Open Sans Light;
    color: white;
    text-transform: uppercase;
    text-align: center;
}

.about__contact_us .first__content {
    max-width: 300px;
}

.about__contact_us .second__content {
    max-width: 300px;
}

.about__contact_us .third__content {
    max-width: 300px;
}

.about__contact_us .sales {
    background-image: url("../img/sales_background.jpg");
}

.about__contact_us .info {
    background-image: url("../img/info_background.jpg");
}

.about__contact_us .support {
    background-image: url("../img/support_background.jpg");
}

.about__contact_us .contact__content {
    color: #2e2e2e;
    font-size: 17px;
    font-family: Open Sans Light;
    line-height: 31px;
    margin-bottom: 61px;
}

.about__contact_us .contact__content a {
    font-family: Open Sans Light;
    color: #2278b0;
    transition-duration: 1s;
}

.landscape {
    height: 486px;
    background-image: url("../img/landscape_background.jpg");
    background-position: center;
    background-size: cover;
    margin-bottom: 90px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

address {
    background-color: rgba(255, 255, 255, 0.91);
    padding: 37px 50px;
}

address .col {
    color: #192732;
    font-family: Open Sans Light;
    font-size: 18px;
    line-height: 30px;
}

address h3 {
    font-size: 35px;
    font-family: Open Sans Light;
    color: #192732;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.about__contact_us .contact__content a:hover {
    text-decoration: underline;
}
/* desktop */
@media only screen and (min-width: 1300px) {
    address {
        min-width: 822px;
    }
}
/* desktop */
@media only screen and (min-width: 760px) {
    .tel-mobile {
        display: none;
    }
}
/* landscape */
@media only screen and (max-width: 760px) and (max-height: 500px) {
    .about__contact_us figure {
        width: 100% !important;
    }

    .about__contact_us .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
        -webkit-box-flex: initial !important;
        -webkit-flex-grow: initial !important;
        -ms-flex-positive: initial !important;
        flex-grow: initial !important;
    }

    .about__contact_us.container {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: initial !important;
    }

    address {
        padding: 37px 50px !important;
        max-width: initial !important;
    }
}
/* not landscape */
@media only screen and (max-width: 760px) and (min-height: 500px) {
    address {
        padding: 20px !important;
        max-width: 260px;
    }
}
/* mobile */
@media only screen and (max-width: 760px) {
    .parallax-contact::before {
        background: rgba(255, 255, 255, 0.2);
        content: "";
        display: block;
        height: 78px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .parallax-contact:before {
        height: 78px;
    }

    .contact_us__menu {
        height: 78px !important;
        background-position-y: 130px !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }

    .about__contact_us.container,
    .about__contact_us .row {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .about__contact_us .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
        -webkit-box-flex: initial !important;
        -webkit-flex-grow: initial !important;
        -ms-flex-positive: initial !important;
        flex-grow: initial !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .about__contact_us .contact__content {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 20px !important;
        font-size: 16px !important;
        line-height: initial !important;
        padding-right: 10px;
        padding-left: 10px;
    }

    .about__contact_us .contact__content span {
        color: #2278b0;
    }

    .about__contact_us figure {
        width: 100% !important;
        height: 267px !important;
    }

    .about__contact_us figcaption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .contact--main {
        margin-top: 31px !important;
        margin-bottom: 29px !important;
    }

    .contact--main h1 {
        font-size: 37px !important;
    }

    .landscape__content.row {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .landscape__content.row .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
        padding-bottom: 20px;
    }

    .landscape {
        margin-bottom: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    address h3 {
        text-align: center;
        font-size: 30px !important;
    }
}
/* mobile and Ipad */
@media only screen and (max-width: 1100px) {
    .landscape {
        margin-bottom: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
}
/* tablet vertical */
@media only screen and (max-width: 768px) {
    .about__contact_us .contact__content {
        margin-bottom: 20px !important;
        text-align: left;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 760px) {
    .contact_us__menu {
        height: 102px;
    }
}

@media only screen and (max-width: 1000px) {
    address {
        padding: 15px !important;
    }

    address .col {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 1200px) {
    address .col {
        width: 250px;
    }

    .contact_us__menu {
        background-position-y: 300px;
    }
}

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

.about__contact_us p {
    margin-bottom: 0;
}
/*success_story.css*/
@media only screen and (min-width: 1200px) {
    .white_box {
        width: 100%;
    }
}

@media only screen and (max-width: 1500px) {
    .parallax-success {
        background-size: initial !important;
    }
}
/* mobile and Ipad */
@media only screen and (max-width: 1200px) {
    .parallax-success h1 {
        font-size: 35px !important;
        max-width: 400px;
    }

    .parallax-success .row {
        width: 100%;
    }

    .meadow_sections .col {
        flex-direction: column;
        -webkit-flex-direction: column;
        /* Safari 6.1+ */
    }
}

@media only screen and (max-width: 1200px) and (min-width: 760px) {
    .parallax-success .digital {
        padding-top: initial !important;
    }
}

@media only screen and (max-width: 1000px) {
    .parallax-success .container {
        margin: 0px !important;
    }
}

@media only screen and (min-width: 760px) and (max-width: 1200px) {
    .meadow_sections {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media only screen and (max-width: 760px) and (max-height: 760px) and (min-height: 320px) {
    .parallax-success {
        background-size: 220% !important;
        background-position: top !important;
    }
}

@media only screen and (max-width: 760px) and (max-height: 320px) {
    .parallax-success {
        background-size: 120% !important;
    }
}



@media only screen and (max-width: 760px) {
    .parallax-success .digital {
        top: calc(350px - 220px) !important;
        padding-top: 0px !important;
    }

    .white_box .white_box__content {
        /* padding: 34px 70px 34px 70px !important; */
    }
}
/* Iphone 5S portrait */
@media screen and (max-width: 321px) and (max-height:569px) {
    .parallax {
        height: 568px !important;
    }

    black-paral.success {
        height: 450px !important;
    }

    .digital:not(.parallax-resize .digital) {
        padding-top: 100px !important;
    }

    .parallax-success .digital {
        padding-top: 255px !important;
        top: 30px !important;
    }

    .guidance--main img:not(.right-row) {
        width: 270px !important;
    }

    .parallax .smalltext {
        margin-top: 0px !important;
    }

    .parallax-top:before {
        height: 568px !important;
        background: transparent;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(10%, rgba(0, 0, 0, 0))) !important;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 10%) !important;
    }
}
/* mobile */
@media only screen and (max-width: 770px) {
    .parallax-success h1 {
        max-width: 300px;
    }
}
/* mobile */
@media only screen and (max-width: 760px) and (min-width: 569px) {
    .parallax-success .digital {
        padding-top: initial !important;
    }
}


@media only screen and (min-width: 1200px) {
    .white_box_parent {
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        width: 100%;
        min-height: 1px;
    }
}

@media only screen and (min-width: 992px) {
    .white_box_parent {
        margin-left: 54.4%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .white_box_parent {
        margin-left: 60%;
    }
}

.parallax-success .bigtext {
    text-transform: none !important;
}

@media only screen and (min-width: 569px) {
    .black-paral.success {
        width: 100%;
    }

    .parallax-success .digital {
        padding-top: initial !important;
    }
}

.parallax-success {
    background-attachment: fixed;
    overflow: hidden;
    height: 451px;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/success_story_background.jpg);
}

.green-cont {
    border-top: 9px solid #719405;
    position: relative;
    z-index: 4;
}

.parallax-success .digital {
    text-align: left !important;
}

.parallax-success .digital h1 {
    font-family: Open Sans;
    font-size: 44px;
    color: white;
}

.parallax-success .digital p {
    margin-bottom: 6px;
}

.parallax-success .digital a {
    color: #7eb6da;
    font-family: Open Sans;
    font-size: 14px;
    transition-duration: 1s;
}

.parallax-success .digital a:hover,
.parallax-success .digital a:focus {
    color: #9bd2f6;
}

.white_box_parent {
    max-width: 502px;
}

.white_box__header {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 6px 10px 6px 10px;
    width: 100%;
    min-height: 35px;
    color: white;
    font-family: Open Sans Light;
    font-size: 16px;
    cursor: pointer;
}

.white_box__header::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 17px;
    border: 4px solid transparent;
    border-top: 4px solid white;
}

.white_box {
    max-width: 502px;
    position: absolute;
    height: 177px;
    z-index: 5;
}

.white_box .meadow_down {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    -webkit-box-shadow: -1px 6px 12px 0px rgba(51,51,51,1);
    -moz-box-shadow: -1px 6px 12px 0px rgba(51,51,51,1);
    box-shadow: -1px 6px 12px 0px rgba(51,51,51,1);
}
.meadow_down li:hover{
    background: rgba(218, 218, 218, 0.21);
    border-top: 1px solid #d8dde0;
    border-bottom: 1px solid #d8dde0;
}
.white_box .meadow_down a {
    font-size: 15px;
    font-family: Open Sans Light;
    color: #262626;
    padding: 10px;
}

.white_box .white_box__content {
    background-color: white;
    width: 100%;
    height: 100%;
    height: 150px;
    display: block;
    padding: 20px;
}

.white_box .white_box__content div {
    display: block !important;
    height: 100%;
    position: relative;
}

.white_box .white_box__content img {
    width: auto;
    display: block;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.white_box .white_box__content img {
    max-width: 250px;
}

.meadow_top {
    position: relative;
    z-index: 4;
    background-color: white;
    padding-top: 65px;
    padding-bottom: 90px;
    text-align: center;
    color: #262626;
    font-size: 20px;
    font-family: Open Sans Light;
}

.meadow_top .meadow__main_text {
    line-height: 36px;
}

.meadow_top .parent_blocks {
    padding-bottom: 52px;
}

.meadow_top .meadow_blocks {
    border: 1px solid #e1e1e1;
    padding-top: 18px;
    padding-bottom: 13px;
}

.meadow_top .grey_text {
    color: #262626;
    font-family: Open Sans Light;
    font-size: 15px;
}

.meadow_top .green_text {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 25px;
    color: #719405;
}

.meadow_sections {
    background-color: #e1e1e1;
    position: relative;
    z-index: 4;
    padding-top: 84px;
    padding-bottom: 109px;
    text-align: center;
}

.meadow_sections .col {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-family: Open Sans Light;
}

.meadow_sections .col .quote {
    font-size: 24px;
    color: #262626;
    font-style: italic;
    font-weight: 300;
    font-family: Open Sans;
    margin-top: 35px;
    line-height: 40px;
}

.meadow_sections .col .author {
    color: #262626;
    font-size: 15px;
    margin-top: 10px;
}

.meadow_sections .col .green_comapny {
    color: #719405;
    font-size: 15px;
}

.challenge {
    padding-top: 20px;
    padding-bottom: 5px;
}

.challenge h2 {
    line-height: 30px;
}

.challenge .challenge-row {
    padding-top: 38px;
}

.challenge .black_text {
    text-transform: uppercase;
    font-family: Open Sans Light;
    font-size: 15px;
}

.challenge .blue_text {
    color: #3180b3;
    font-size: 25px;
    font-family: Open Sans;
    font-weight: 600;
    margin-top: -5px;
}

.challenge .content_challenge {
    font-family: Open Sans Light;
    font-size: 16px;
    color: #262626;
}

.challenge .content_challenge p {
    line-height: 30px;
    padding-bottom: 38px;
    margin-bottom: 0px;
}

.challenge-row:not(:last-child) .grey-line {
    border-bottom: 1px solid #e1e1e1 !important;
}

@media only screen and (max-width: 1366px) and (min-width: 760px) {
    .white_box {
        min-width: 302px;
    }
}
/* mobile */
@media only screen and (max-width: 760px) {
    .meadow_image img {
        width: 100%;
    }

    .white_box .white_box__content img {
        width: auto;
        max-height: 100%;
    }

    .parallax-success h1 {
        display: none;
    }

    .green-cont {
        display: none;
    }

    .challenge-row.row {
        flex-direction: column;
        -webkit-flex-direction: column;
        /* Safari 6.1+ */
    }

    .challenge-row.row .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
    }

    .white_box_parent,
    .white_box {
        width: 100% !important;
        max-width: initial !important;
    }

    .white_box .white_box__content {
        height: 138px !important;
    }

    .white_box .white_box__header {
        font-family: Open Sans !important;
        font-size: 20px !important;
    }

    .green-line {
        border-top: 9px solid #719405;
    }

    .meadow_top {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .meadow_top .parent_blocks {
        padding-bottom: 5px !important;
        flex-direction: column;
        -webkit-flex-direction: column;
        /* Safari 6.1+ */
    }

    .meadow_top .parent_blocks .meadow_blocks {
        margin-bottom: 10px;
    }

    .meadow_top .parent_blocks .col {
        -webkit-flex-basis: initial !important;
        -ms-flex-preferred-size: initial !important;
        flex-basis: initial !important;
    }

    .meadow_sections {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .meadow_sections .quote {
        font-size: 20px !important;
        line-height: initial !important;
    }

    .challenge {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .challenge .black_text {
        padding-top: 20px !important;
    }

    .challenge h2 {
        margin-bottom: 18px !important;
    }

    .challenge p:not(.last-text) {
        padding-bottom: 25px !important;
        font-size: 18px !important;
    }

    .challenge .challenge-row {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .challenge .challenge-row:not(:last-child) {
        border: none !important;
    }

    .desktop-hidden {
        display: block !important;
        font-family: Open Sans;
        font-weight: 400;
        font-style: Italic;
        padding-top: 15px;
    }

    .white_box__header::after {
        transform: scale(1.6);
        top: 22px !important;
    }

    .last-text {
        padding-bottom: 50px !important;
    }

    .meadow_top .meadow__main_text {
        line-height: initial !important;
    }
}

.meadow_image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .single-testimonial .meadow_blocks {
        height: 130px !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center; /* Safari 6.1+ */
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }
}
/*yarden-styles.css*/

.header__mobile.header-container-customer form .group:last-child {
    margin-bottom: 0;
}

.stories_filters_container {
    background-color: #e3e3e3;
}

.stories_filters_row {
    padding-top: 32px;
}

.download-page {
    font-family: Open Sans, sans-serif;
}

.download-page .c {
    font-size: 44px;
    font-weight: normal;
    margin-bottom: 15px;
}

.download-page .c_subtitle {
    text-align: center;
    font-size: 27px;
    font-weight: normal;
}

.download-page .dl_button {
    background-color: #d64518;
    padding: 25px 65px;
    display: block;
    max-width: 295px;
    text-align: center;
    margin: 30px auto;
    color: #fff;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 0px solid #000000;
    font-size: 22px;
}

.download-page .intro {
    text-align: center;
    margin-top: 65px;
}

.download-page .dl_os_link {
    font-size: 14px;
    color: #419ad4;
    text-decoration: underline;
    line-height: 49px;
}

.download-page .dl_os_link img {
    margin-right: 7px;
    vertical-align: top;
}

.download-page .dl_os_link:last-child {
    margin-left: 48px;
}

.download-page .wide_container {
    width: 1180px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.download-page .content_gray {
    background-color: #f4f4f4;
}

.download-page .dl_details {
    margin-top: 75px;
    padding-bottom: 25px;
}

.download-page .dl_details .dl_laptop_img {
    margin-top: -20px;
    margin-left: -55px;
    float: left;
    max-width: calc(50% + 55px);
    max-width: -webkit-calc(50% + 55px);
    max-width: -moz-calc(50% + 55px);
}

.download-page .dl_details_text {
    float: left;
    margin-left: -55px;
    max-width: 50%;
    max-width: calc(50% + 55px);
    max-width: -webkit-calc(50% + 55px);
    max-width: -moz-calc(50% + 55px);
    font-size: 18px;
    margin-top: 40px;
}

.download-page .dl_details_text p {
    margin-bottom: 15px;
}

.download-page .dl_info_col {
    float: left;
    max-width: 50%;
    width: 100%;
}

.download-page .dl_info {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 18px;
}

.download-page .dl_info_col h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.download-page .dl_info_col.dl_info_left {
    padding-right: 35px;
    line-height: 35px;
}

.download-page .dl_info_col.dl_info_right {
    padding-left: 35px;
}

.download-page .dl_info_col.dl_info_right ol {
    padding-left: 20px;
}

.download-page .dl_info_col.dl_info_right ol li {
    margin-bottom: 10px;
}

.download-page .mobile-text {
    padding: 95px 15px;
}

.download-page .mobile-text h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 34px;
}

.download-page .dl_button_win {
    display: inline-block;
    padding: 15px 32px;
    font-size: 19px;
    margin-left: 5px;
    margin-right: 5px;
}

.dl_os_link_win {
    margin-left: 0;
}

.download-page .dl_button_mac {
    padding: 25px 32px;
    font-size: 20px;
}

@media screen and (max-width:1120px) {
    .download-page .dl_info {
        padding: 0 15px;
    }

    .download-page .dl_details_text {
        margin-left: -30px;
        max-width: 50%;
        max-width: calc(50% + 30px);
        max-width: -webkit-calc(50% + 30px);
        max-width: -moz-calc(50% + 30px);
    }
}

.sub-menu .sub .row {
    width: auto;
}

.sm-ftr-cta {
    margin-top: 15px;
}

.page-template-pricing ul li.has-tip {
    cursor: help;
    padding-right: 15px;
}

.page-template-pricing ul li .tip {
    position: absolute;
    width: 320px;
    background-color: #000;
    color: #fff;
    text-align: center;
    top: 0;
    left: 180px;
    z-index: 1000;
    padding: 40px 30px;
    font-size: 1.25em;
    font-weight: 100;
    visibility: hidden;
}

.page-template-pricing ul li .tip:before {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -6px;
}

.page-template-pricing ul li .tip:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #000;
    position: absolute;
    top: 50%;
    right: -11px;
    margin-top: -6px;
}

.page-template-pricing ul li:hover .tip {
    visibility: visible;
}

.page-template-pricing ul li .tip + span {
    cursor: help;
}

.home .bxslider {
    opacity: 0;
}

.sp-main-container .jumbotron_banner__poster {
    height: 100vh;
}

.adoption_system_section footer {
    font-weight: normal;
    text-align: left;
}

.pb-use-case-helper {
    position: relative;
}

.page-template-events .pop {
    position: fixed;
}

.ie .bx-wrapper {
    max-width: 100% !important;
}

.ie .brand--text {
    max-width: 100%;
}

.booth_event {
    padding-bottom: 5px;
    font-size: 13px;
    height: 19px;
}

.calendar__parent .landscape__date {
    padding-bottom: 3px;
}

.ie .adoption_system_section {
    z-index: 99;
}

.right-content ul {
    float: left;
}

.right-content ul.sub-menu-2nd-col {
    margin-left: 35px;
}

.sub-menu .sub-column {
    /*padding-left:85px;*/
}

.sub-menu .sub-column:first-child {
    padding-left: 30px;
}

.page-template-download .downloadText ul {
    padding: 0;
}

.page-template-download .downloadText .instructions .inner {
    margin: 0 auto;
}

.page-template-thank_you .downloadText ul {
    padding: 0;
}

.page-template-thank_you .downloadText .instructions .inner {
    margin: 0 auto;
}

.get_started_breakout__text {
    font-size: 2vw;
}

.adoption_system__content_item_image {
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.single-job-container .btn-blue {
    background-color: #619fec;
    color: #fff;
    padding: 17px 35px;
    font-weight: 600;
    font-size: 15px;
}

.single-job-container aside section:first-child p.fr {
    line-height: 50px;
}

.single-job-container .row {
    max-width: 1478px;
    margin: 0 auto;
}

.single-job-content {
    margin-bottom: 25px;
}

.single-job-container aside section h5 {
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 0 15px;
    color: #000;
}

.single-job-container aside section:first-child {
    padding: 0 0 50px;
}

.single-job-container .job-title {
    font-size: 2em;
    font-weight: 600;
}

.single-job-list-title {
    color: #000;
    margin: 0;
}

.single-job-list-ul b {
    color: #000;
}

.single-job-list-ul li {
    padding: 10px 0;
    text-align: left !important;
}

.single-job-container aside .testimonial figure {
    background: url(../images/bg_tsm.gif) no-repeat left bottom;
    float: right;
    padding: 0 0 0 30px;
    margin: 0;
    padding-bottom: 5px;
}

.single-job-container aside .testimonial figure img {
    max-width: 68px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
}

.single-job-container aside .testimonial h4 {
    font-size: 1.2em;
    font-weight: 400;
    width: auto;
    font-weight: normal;
    position: relative;
    top: 20px;
    clear: none;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 0 0 15px;
    color: #000;
}

.single-job-container aside .testimonial blockquote {
    background-color: #e3ede8;
    padding: 15px 20px;
    clear: both;
    margin: 0;
}

.single-job-container aside blockquote q {
    font-size: 0.85em;
}

.single-job-container aside blockquote .sidebar-job-name {
    color: #6ba287;
    padding: 5px 0;
    font-size: 0.9em;
    display: block;
}

.single-job-list-ul {
    list-style-position: outside;
    padding: 10px 0 30px 40px;
}

.menu-item-desk-clickable.hover {
    background-color: transparent;
}

.menu-item-desk-clickable.hover a {
    color: #64b7ec !important;
}

.page-404 {
    background: url(../images/--Page-Not-Found--_new.png) no-repeat scroll center 40% rgba(0,0,0,0);
    margin: 0 auto 0;
    padding-top: 390px;
    padding-bottom: 100px;
    text-align: center;
    width: 100%;
    max-width: 837px;
}

.news_filter__separator {
    display: none;
}

.header-content.header-container-main {
    display: none;
}

.right-content .sub-header a {
    color: #fff !important;
}

.single-job-container {
    background-color: #f4f4f4;
    padding-top: 56px;
    padding-bottom: 70px;
    font-family: Open Sans, sans-serif;
    color: #757575;
    font-size: 16px;
    z-index: 5;
    position: relative;
}

.job-title {
    color: #2e2e2e;
    font-family: Open Sans, sans-serif;
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: 23px;
}

.grey__content.positions {
    z-index: 4;
    position: relative;
}

.home .hp-plat {
    opacity: 0.4;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.home .hp-plat.tab-active {
    opacity: 1;
    z-index: 9;
}

.home .hp-plat-bg {
    /* max-width: 140%; */
    max-width: 100%;
    margin-top: 30px;
    position: absolute;
    opacity: 1 !important;
    z-index: 0;
}

.home #hp-plat3.hp-plat {
    z-index: 1;
}

.home .awards__section {
    -webkit-box-shadow: inset 0 25px 30px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 25px 30px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 25px 30px -20px rgba(0,0,0,0.8);
}

.landscape__date .month {
    text-transform: capitalize;
}

.calendar__events {
    text-transform: uppercase;
}

.calendar__parent h3 {
    min-height: 47px;
}

.customers-load-img {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.customer-modal-bg {
    background-color: black;
    width: 100%;
    height: 100vh;
    position: absolute;
    opacity: 0.5;
}

.customer-link a.customer-video-mobile {
    display: none;
}

.wrapper-brands a.home-play-mobile {
    display: none;
    position: initial !important;
    border: none;
}

.watch a.stories-video-mobile {
    display: none;
}

.popup-video {
    width: 100%;
    z-index: 9999;
}

.popup {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,0.7);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.popup-video {
    width: 100%;
    z-index: 9999;
}

.popup-video .pop-inner {
    height: calc(100vh - 30px);
    width: 90%;
    margin-left: -45%;
}

.post-type-archive-testimonial .popup.popup-video .pop-inner {
    height: calc(100vh - 200px);
}

.popup-video iframe {
    width: 100%;
    height: 100%;
    border: 15px solid #fff;
}

.popup-video .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.popup .pop-inner {
    position: fixed;
    z-index: 1003;
    top: 5% !important;
    left: 50%;
    right: 20%;
    bottom: auto !important;
    background-color: #fff;
    pointer-events: auto !important;
    padding: 10px;
}

.popup.popup-video .pop-inner {
    top: 100px !important;
    height: calc(100vh - 200px);
}

.post-type-archive-testimonial .popup.popup-video .pop-inner {
    top: 100px !important;
}

.watch_text {
    color: #fff;
}

.right-content .sub-header a {
    border-bottom: 3px solid #3393d1;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

.right-content .sub-column ul li {
    font-size: 14px;
}

.right-content .sub-header a:visited {
    color: #fff;
}

.news_filter__inner {
    display: none;
}

.load-screen {
    display: none;
    width: 25px;
}

.load-screen.show {
    display: inline-block;
}

.news_filter__list a:visited {
    color: #fff;
}

.challenge .content_challenge p {
    padding-top: 38px;
    padding-bottom: 0;
}

.challenge .content_challenge p:first-child {
    padding-top: 0;
}

.challenge .content_challenge span:last-child {
    padding-bottom: 38px;
    display: block;
}

.meadow_top .meadow_blocks .grey_text b {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 25px;
    color: #719405;
    display: block;
}

.plt-msg-col {
    color: #fff;
    font-family: Open Sans light, -apple-system, sans-serif;
    text-align: center;
}

.plt-msg-title {
    font-size: 34px;
}

.plt-msg-text {
    font-size: 17px;
}

.sp-section1 .fp-bg {
    background-image: url(../images/platformbg.jpg);
    background-size: cover;
}

.sp-header1 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/platformbg.jpg);
    background-size: cover;
}

.sp-section1 .sp-title {
    font-size: 62px;
    line-height: 62px;
}

.sp-section1 .sp-subtitle {
    font-size: 28px;
    margin-top: 40px;
    font-weight: lighter;
    line-height: 52px;
}

.sp-section1 .sp-title-box {
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    max-width: 1024px;
}

.sp-section1 .sp-scroll-icon {
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100%;
    margin-bottom: 22px;
}

.sp-section1 .sp-title-container {
    position: absolute;
    top: 33.333%;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.sp-section2 {
    position: relative;
    background-color: #fff;
}

.fp-bg {
    z-index: 1 !important;
}

.sp-section2 .sp-tabs-header {
    font-size: 46px;
    text-align: center;
    padding-top: 163px;
}

.sp-tabs {
    margin-top: 35px;
}

.sp-tab-title {
    display: inline-block;
}

.sp-tabs-menu-container {
    text-align: center;
}

.sp-tabs-menu {
    display: inline-block;
}

.sp-tab-title {
    padding: 5px 10px;
    letter-spacing: 3px;
    cursor: pointer;
}

.sp-tab-selected {
    background-color: #619fec;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid #619fec;
    color: #fff;
    cursor: default;
}

.sp-tab-images {
    width: 46%;
    float: left;
}

.sp-tabs-inner {
    width: 54%;
    float: left;
    position: relative;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.sp-tab-images .sp-tab-img {
    position: absolute;
}

.sp-images-inner {
    margin-left: 20px;
}

#sp-tab-laptop {
    margin-left: 31px;
    margin-top: 43px;
}

#sp-tab-img1 {
    margin-left: 179px;
    margin-top: 54px;
}

#sp-tab-img2 {
    margin-left: 153px;
    margin-top: 180px;
}

.sp-tab-img {
    opacity: 0.2;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.sp-tab-img.active {
    opacity: 1;
    z-index: 9;
}

.sp-tab {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-tab.active {
    opacity: 1;
}

.single-industry .quotes_block:before, .single-industry .quotes_block:after {
    content: '';
}

.banking .power-block.simple_blockquote,
.banking .power-block.video_blockquote {
    margin-top: 27px;
}

.use_case_page .banking {
    background-image: none !important;
}

.use_case_page .banking blockquote {
    margin-top: 0;
    margin-left: 0;
}

.single-industry .simple_blockquote {
    font-weight: 300;
}

.use_case_page .banking blockquote .book-full {
    top: auto;
    bottom: -45px;
}

.card_industry .last-child {
    margin-bottom: 90px;
}

@media only screen and (max-width: 600px) {
    .banking ul {
        margin-bottom: 0;
    }

    .banking blockquote .book-full {
        right: -25%;
        top: -20px;
    }
}

@media only screen and (max-width: 768px) {
    .banking blockquote .book-full {
        right: -25%;
    }

    .plt-msg-col {
        flex-basis: auto;
        margin-bottom: 50px;
    }

    .plt-msg-col:first-child {
        margin-top: 50px;
    }

    .banking ul {
        margin-bottom: 0;
    }

    .banking-messages {
        max-height: none;
        background-size: cover;
    }

    .watch a.stories-video-mobile {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }

    .watch a.stories-video-desktop {
        display: none;
    }

    .customer-link a.customer-video-mobile {
        display: inline-block;
    }

    .customer-link span.customer-video-desktop {
        display: none;
    }

    .home-play-desktop {
        display: none;
    }

    .wrapper-brands a.home-play-mobile {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }
}

.sp-tab-image {
}

.sp-tab-image-layer {
    opacity: 0.3;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-tab-image-layer.active {
    opacity: 1;
    z-index: 11;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}

.sp-tab-image3.active {
    z-index: 9;
}

.sp-tab-image1 {
    z-index: 10;
}

.adoption_system__content .tabs_container {
    width: 100%;
    max-width: 1440px;
}

.home .black-paral.homepage, .homepage .parallax {
    height: 100vh;
}

@media only screen and (max-width: 420px) {
    .banking blockquote .book-full {
        right: -50%;
    }
}

@media only screen and (max-width: 350px) {
    .banking blockquote .book-full {
        right: -60%;
    }
}

@media only screen and (min-width:768px) {
    .home .black-paral.homepage, .homepage .parallax {
        height: calc(100vh - 100px);
        max-height: 100vh;
    }

    .homenewbody-template .black-paral.homepage, .homepage .parallax {
        max-height: 100vh;
    }
    .banking blockquote .book-full {
        max-width: 160px;
        bottom: -40px;
        top: auto;
        right: -25%;
    }
}

@media only screen and (min-width: 992px) {
    .banking blockquote .book-full {
        max-width: 100%;
        top: -50%;
        bottom: auto;
    }

    .banking:not(.case_intro__quotes).power-block.simple_blockquote,
    .banking:not(.case_intro__quotes) .power-block.video_blockquote {
        max-width: 530px;
    }

    .case_intro__quotes .power-block.simple_blockquote,
    .case_intro__quotes .power-block.video_blockquote {
        max-width: 412px;
    }

    .banking .power-block.simple_blockquote:first-child,
    .banking .power-block.video_blockquote:first-child {
        margin: 0 0 2.9643em;
        margin-top: 67px;
        padding-top: 1.1667em;
    }

    .case_intro__quotes_wrapper.banking .power-block.simple_blockquote:first-child,
    .case_intro__quotes_wrapper.banking .power-block.video_blockquote:first-child {
        margin-top: 0px !important;
    }

    .banking .power-block.simple_blockquote:last-child,
    .banking .power-block.video_blockquote:last-child {
        margin-bottom: 35px;
    }

    .case_intro__quotes_wrapper {
        justify-content: flex-start;
    }

    .adoption_system_section .full_page_section__inner {
        padding-bottom: 137px;
        /*        min-height: 100vh;*/
    }

    .platform_modules_subsection {
        padding-top: 95px;
        padding-bottom: 0;
    }

    .platform_modules_subsection:last-child {
        margin-bottom: 0;
    }

    .home .brand--text {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (max-width: 480px) {
    .sp-second-section {
        padding-bottom: 35px;
    }
}


@media only screen and (max-width: 761px) {
    .page-template-walkme-platform .jumbotron_banner .digital.digital, .page-template-walkme-platform .jumbotron_banner .digital {
        padding-top: 0;
    }
}
/*not a nice fix*/
@media only screen and (max-width: 991px) {
    .adoption_system__tabs_item.nav-item .adoption_system__tabs_item_link {
        font-size: 16px;
        font-weight: 500;
        background: none;
        color: #424242;
        padding: 19px 10px 0px 10px !important;
        text-align: center;
        letter-spacing: initial !important;
        text-transform: uppercase;
        height: 54px;
    }

    .adoption_system__tabs_list {
        border-bottom: 1px solid #f5f5f5;
        background-color: #fcfcfc;
    }

    .adoption_system__content_item_text_wrapper {
        margin-top: 10px;
    }

    .adoption_system__tabs_item.nav-item .adoption_system__tabs_item_link.active {
        color: #000 !important;
        border-bottom: 2px solid #619fec;
        background: none;
    }
}

@media only screen and (max-width: 990px) {
    .single-industry .visa-content {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 992px) {
    .company_about_container {
        background-image: none !important;
    }

    .section_blocked_title {
        text-align: center;
    }

    .sp-tabs-images {
        margin-top: 15px;
    }

    .home .brand--text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home .parallax, .homenewbody-template .parallax {
        z-index: auto;
    }
}

@media only screen and (min-width: 1500px) {
    .use_case_page .banking blockquote .book-full {
        right: -20px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .platform_modules_subsection {
        padding-top: 95px;
        padding-bottom: 0;
    }

    .platform_modules_subsection:last-child {
        margin-bottom: 0;
    }
}


@media only screen and (min-width: 992px) and (max-width:1200px) {
    .get_started_breakout__text {
        font-size: 2vw;
    }

    .adoption_system_section .full_page_section__inner {
        height: auto;
    }

    .platform_modules_subsection:nth-child(even) .platform_modules_subsection_image {
        margin-right: -85%;
    }

    .platform_modules_subsection:nth-child(odd) .platform_modules_subsection_image {
        margin-left: -85%;
    }

    .adoption_system_section .tabs_container {
        padding-left: 25px;
    }
}

@media only screen and (min-width: 800px) and (max-width:1280px) {
    .popup-video .pop-inner {
        height: calc(100vh - 150px);
    }

    .popup.popup-video .pop-inner {
        top: 75px !important;
    }
    .homenewbody-template .parallax .digital{padding-top:220px;}
}

@media only screen and (max-width: 1180px) {
    .page-template-download .mobile-text .large {
        margin-top: 90px;
        font-weight: bold;
        line-height: 34px;
    }
}

@media only screen and (min-width:1440px) {
    .popup-video .pop-inner {
        max-width: 1300px;
        margin-left: -650px;
    }
}

@media only screen and (min-width: 993px) and (max-width:1336px) {
    .get_started_breakout {
        position: relative;
    }

    .adoption_system_section .full_page_section__inner {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 993px) and (max-height:800px) {
    .get_started_breakout {
        position: relative;
    }

    .adoption_system_section .full_page_section__inner {
        height: auto;
        padding-bottom: 0;
    }
}

.pb_video_mobile {
    display: none;
}

.popup-content-dorequest .pop-footer p.pp {
    padding-right: 10px;
}

.video_brand_desktop {
    display: block;
}

.video_brand_mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .video_brand_desktop {
        display: none;
    }

    .video_brand_mobile {
        display: block;
    }

    .video_brand_mobile .customer-video-overlay {
        height: 60px;
    }

    .pb_video_mobile {
        display: block;
    }

    .pb_video_desktop {
        display: none;
    }

    .single-industry .banking {
        overflow: hidden;
    }

    .banking blockquote .book-full {
        /*max-width: 160px;*/
    }
}

@media only screen and (min-width:760px) and (max-width: 768px) {
    .guidance--main .guidance-content .text p {
        font-size: 22px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .single-testimonial .meadow_blocks {
        height: 100%;
    }
}
/*about.css*/
.parallax-about {
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 490px;
    background-image: url(../img/about-background.jpg);
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallax-about .digital .bigtext {
    line-height: initial;
    font-family: Open Sans, sans serif;
    font-size: 48px;
    text-transform: none !important;
    max-width: 859px;
    margin: 0 auto;
}

.speed {
    background-position-x: right;
    background-position-y: top;
    background-image: url("../img/speed-background.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fbfbfb;
}

.speed .speed__gradient {
    padding-top: 50px;
    padding-bottom: 58px;
}

.speed .speed__gradient .speed__content {
    margin-left: 36px;
}

.speed .speed__gradient .speed-header,
.speed .speed__gradient p {
    font-family: Open Sans Light, sans serif;
    color: #0d1110;
}

.speed .speed__gradient .speed-header {
    font-size: 34px;
    margin-bottom: 40px;
}

.speed .speed__gradient p {
    margin-bottom: 40px;
    font-size: 21px;
}

.speed .speed__gradient p.first-caption {
    line-height: 35px;
}

.speed .speed__gradient p.last-caption {
    line-height: 39px;
}

.black-box {
    position: absolute;
    max-width: 390px;
    background: rgba(0, 0, 0, 0.702);
    padding: 26px 48px 45px 45px;
    line-height: 58px;
    color: white;
    font-family: Open Sans Light, sans serif;
    font-size: 45px;
    margin-top: -289px;
    right: 40px;
}

.speed__content.col {
    max-width: 890px;
    padding-left: 54px;
}

.system {
    background-position-x: right;
    background-position-y: bottom;
    background-image: url("../img/system-background.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

.system .system__gradient {
    padding-top: 59px;
    padding-bottom: 55px;
}

.system .system__gradient .speed__content {
    max-width: 870px;
}

.system .system__gradient .system__header,
.system .system__gradient p {
    font-family: Open Sans Light, sans serif;
    color: black;
}

.system .system__gradient p {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 36px;
}

.system .system__gradient .system__header {
    font-size: 34px;
    padding-bottom: 46px;
}

.system .system__gradient .second-caption {
    margin-bottom: 37px;
}

.system .system__gradient span {
    font-family: Open Sans;
    font-weight: 600;
}

.speaking .speaking-image {
    background-position: center;
    background-image: url("../img/about_speaking.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.speaking .speaking__content {
    padding-top: 20px;
    padding-bottom: 19px;
    max-width: 660px;
    padding-left: 60px;
    padding-right: 15px;
}

.speaking .speaking__content .quote-parent {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.speaking .speaking__content .quote-parent .quote {
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
}

.speaking .speaking__content .first-quote {
    margin-top: 40px;
    padding-bottom: 5px;
    line-height: 30px;
}

.speaking .speaking__content .second-quote {
    line-height: 30px;
    margin-top: 32px;
}

.speaking .speaking__header {
    font-size: 36px;
}

.speaking .author-first {
    font-size: 12px;
}

.speaking .author-second {
    font-size: 13.8px;
}

.speaking .author {
    padding-left: 16px;
}

.speaking hr {
    margin-top: 47px;
    border-top: 1px solid #2c70ba;
}

.speaking .speaking__header,
.speaking .quote,
.speaking .author {
    color: #26282a;
    font-family: Open Sans Light, sans serif;
}

.speaking .blue_quote {
    color: #2c70ba;
    font-family: Open Sans Light, sans serif;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
}

.speaking .blue_quote .quote-center {
    max-width: 540px;
    margin: 0 auto;
}

.market {
    background-color: #f3f6f5;
    color: #191a1a;
    padding-top: 80px;
    padding-bottom: 20px;
}

.market .market__header {
    font-family: Open Sans Light, sans serif;
    font-size: 36px;
    margin-bottom: 50px;
}

.market .market__content {
    font-family: Open Sans Light, sans serif;
    font-size: 20px;
}

.market .market__content p {
    line-height: 35px;
    font-size: 20px;
}

.market .market__content .padding_p {
    padding-bottom: 30px;
}

.market .row {
    max-width: 1330px;
    margin: auto;
}

.market .about_logos {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    /* Safari 6.1+ */
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0;
}

.market .about_logos div {
    margin: 0 10px;
}

.market .about_logos:last-child {
    margin-bottom: 25px;
}

.about__growth {
    font-family: Open Sans, sans serif;
    color: #2c70ba;
    font-size: 26px;
}

@media (min-width: 1200px) and (max-width: 1368px) {
    .speaking .container-fluid {
        padding-left: 0px !important;
    }
}
/* Ipad and Iphone */
@media only screen and (min-width: 1366px) {
    .market .col.m__second {
        padding-left: 40px;
    }
}
/* Ipad and Iphone */
@media only screen and (max-width: 1024px) {
    .speaking-image.col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .speaking__content.col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .speed {
        background-size: cover !important;
    }

    .speaking .speaking__content {
        max-width: initial;
        padding-right: 60px;
    }

    .speaking .speaking__content {
        padding-top: 40px;
    }

    .speaking-image {
        height: 500px;
    }

    .about__growth {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .about_logos img {
        width: 90px;
    }

    .about_growth__mobile {
        display: block !important;
        max-width: 520px;
        margin: 0 auto;
    }

    .about_growth__desktop {
        display: none;
    }

    .black-box {
        position: relative;
        margin-top: 0px;
        right: 0px;
        background-color: #212121;
        font-size: 25px;
        text-align: center;
        line-height: initial;
        padding: 20px 30px 20px 30px;
        max-width: initial;
    }
}

.speaking_header__mobile,
.about_growth__mobile {
    display: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .speaking .speaking__content {
        padding-left: 30px;
    }
}
/* phone */
@media only screen and (max-width: 760px) {

    .speaking .speaking-image {
        height: 370px;
    }

    .speaking-image img {
        display: none;
    }

    .parallax-about .digital .bigtext {
        font-size: 36px !important;
        max-width: 270px;
    }

    .parallax-about {
        background-image: url("../img/background_about_small.jpg");
        background-position: center;
        background-size: cover;
    }

    .parallax-about:after {
        opacity: 0;
    }

    .speed {
        background-image: url(../img/speed_mobile_background.jpg);
    }

    .speed .speed__gradient {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .speed .speed__gradient .speed__content {
        margin-left: 0px;
        text-align: center;
    }

    .speed .speed__gradient .speed__content p {
        line-height: 28px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .speed .speed__gradient .speed__content .speed-header {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .system {
        text-align: center;
    }

    .system .system__gradient {
        padding-top: 34px;
        padding-bottom: 10px;
    }

    .system .system__gradient .system__header {
        font-size: 25px;
        padding-bottom: 20px;
    }

    .system p {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .speaking_header__mobile {
        display: block;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 28px !important;
    }

    .speaking_header__desktop {
        display: none;
    }

    .speaking .speaking__content {
        text-align: center;
        padding: 0px 15px 0px 15px;
    }

    .speaking .speaking__content .first-quote {
        margin-top: 30px;
    }

    .speaking .speaking__content .second-quote {
        margin-top: 20px;
    }

    .speaking .speaking__content .quote-parent .quote {
        padding: 0px;
        font-size: 17px;
    }

    .speaking .author {
        padding: 0px;
        font-size: 17px;
        margin-top: 10px;
    }

    .speaking hr {
        margin-top: 30px;
    }

    .speaking .blue_quote {
        line-height: initial;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .market {
        padding-top: 20px;
        padding-bottom: 0px;
        text-align: center;
    }

    .market .market__content.col {
        font-size: 18px;
        text-align: center;
        -webkit-flex-basis: initial;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
    }

    .market .market__content p {
        font-size: 16px;
        line-height: 30px;
    }

    .market .market__content .padding_p {
        padding-bottom: 20px;
    }

    .market .market__header {
        font-size: 24px;
        line-height: 37px;
        margin-bottom: 20px;
    }

    .about__growth {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    .parallax-about .digital .bigtext {
        font-size: 35px !important;
        max-width: 265px;
    }
}

@media only screen and (min-width: 1200px) {
    .speaking .container-fluid {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width:1400px) and (min-width: 1020px) {
    .speed .speed__gradient .speed__content {
        max-width: 500px;
    }
}

.parallax-about .parent_digital {
    padding-top: 230px;
    padding-bottom: 130px;
}

@media (max-width: 1024px) {
    .parallax-about .parent_digital {
        padding-top: 220px;
        padding-bottom: 150px;
    }
}

@media (max-width: 768px) {
    .parallax-about .parent_digital {
        padding-top: 110px;
        padding-bottom: 70px;
    }
}
/*events.css*/
.event-date {
    display: block;
    font-size: 13px;
    margin-top: 3px;
}

.parallax-events {
    background-image: url(../img/events/parallax-events.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -150px;
    z-index: -2;
    background-attachment: fixed;
}

.parallax-events .parent_digital {
    padding-top: 173px;
    padding-bottom: 93px;
}

.parallax-events .parent_digital .bigtext {
    font-family: Open Sans, sans-serif;
    font-size: 63px;
}

.calendar__events h2 {
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    padding-top: 32px;
    padding-bottom: 23px;
    margin-bottom: 0px;
}

.calendar__parent {
    margin: -20px 0 0 -20px;
}

.calendar__parent .calendar__child {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 20px;
    width: calc(100% * (1/4) - 20px - 3px);
}

.calendar__parent h3 {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding-top: 15px;
    margin-bottom: 0px;
}

.calendar__parent .landscape__date {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.calendar__parent .landscape__parent {
    overflow: hidden;
}

.calendar__parent .landscape__parent .image__absolute {
    height: 150px;
    overflow: hidden;
}

.calendar__parent .landscape__parent a {
    display: block;
    background-color: #459dd5;
    color: white;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    width: 89px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -31px;
    position: relative;
    float: right;
    transition-duration: 1s;
}

.calendar__parent .landscape__parent a:hover,
.calendar__parent .landscape__parent a:active,
.calendar__parent .landscape__parent a:focus {
    background-color: #3880ad;
}

.calendar__parent .landscape__parent img {
    z-index: -1;
    width: 100%;
    height: 100%;
}

.calendar__parent figcaption a {
    font-family: Open Sans, sans serif;
    font-size: 13px;
    color: #459dd5;
    font-weight: 600;
    transition-duration: 1s;
    text-transform: uppercase;
}

.calendar__parent figcaption a:hover,
.calendar__parent figcaption a:active,
.calendar__parent figcaption a:focus {
    color: #2b6386;
}

.calendar__parent figcaption a .fa {
    padding-left: 4px;
}

.previous_mounth {
    opacity: 0.3;
}

hr.events {
    margin-bottom: 0px;
    margin-top: 20px;
}

.load_more__events a {
    display: block;
    color: #3486bb;
    border: 1px solid #3486bb;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    text-align: center;
    width: 203px;
    padding-top: 12px;
    padding-bottom: 11px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
    margin-bottom: 48px;
    border-radius: 3px;
    transition-duration: 1s;
}

.load_more__events a:hover,
.load_more__events a:focus,
.load_more__events a:active {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    color: white;
}

.mobile-hr {
    display: none;
}

@media (min-width: 760px) {
    .parallax-resize .digital {
        top: 0 !important;
        display: block;
        margin: 0;
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .events_contaier {
        width: 1000px;
    }
}

@media (max-width: 1366px) {
    .parallax-events {
        background-position-y: 0px;
    }
}
/* Ipad vertical */
@media (max-width: 991px) and (min-width: 760px) {
    .calendar__parent h3 {
        font-size: 12px;
    }

    .calendar__parent .landscape__parent .image__absolute {
        height: 100px;
    }
}
/* mobile */
@media (max-width: 760px) {
    .calendar__parent {
        margin: -20px 0 0 -20px;
    }

    .calendar__parent .calendar__child {
        width: 287px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    .events_contaier {
        text-align: center;
    }

    .calendar__parent .landscape__parent .image__absolute {
        height: initial;
    }

    .parallax-events .parent_digital {
        padding-top: 150px;
        padding-bottom: 93px;
    }

    .calendar__events h2 {
        padding-top: 23px;
    }

    .mobile-hr {
        display: block;
    }

    .desktop-hr {
        display: none;
    }

    hr.events {
        margin-top: 30px;
    }

    .calendar__parent h3 {
        line-height: normal;
        margin-bottom: 5.5px;
    }
}
/*# sourceMappingURL=events.css.map */
/*positions.css*/
.parallax-positions {
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: -180px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    /* Safari 3.0 */
    -moz-background-size: cover;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;
    /* Opera 9.5 */
    background-size: cover;
    position: relative;
    height: 463px;
    background-image: url(../img/positions/positions-background.jpg);
}

.parallax-positions .parent_digital {
    padding-top: 169px;
    padding-bottom: 123px;
}

.parallax-positions .parent_digital .bigtext {
    text-transform: none;
    font-size: 50px;
    font-weight: 400;
}

.working__wrapper {
    padding-top: 52px;
    padding-bottom: 68px;
}

.working__wrapper .row {
    max-width: 1478px;
    margin: 0 auto;
}

.working__wrapper .blue_content {
    width: 328px;
    height: 100%;
    min-height: 273px;
    background-color: #67bdf4;
    font-family: Open Sans Light, sans-serif;
    font-weight: 300;
    color: white;
    font-size: 25px;
    padding: 29px;
    position: relative;
}

.working__wrapper .blue_content:before {
    content: '';
    right: -29px;
    top: calc(50% - 15px);
    position: absolute;
    border: 15px solid transparent;
    border-left: 15px solid #67bdf4;
}

.working__wrapper .blue_content p {
    font-size: 15px;
    position: absolute;
    bottom: 5px;
    left: 29px;
}

.working__wrapper .article_image {
    width: 461px;
    height: 100%;
    min-height: 273px;
    background-image: url("../img/positions/article-image.jpg");
    background-size: cover;
    background-position: center;
}

.working__wrapper article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    /* Safari 6.1+ */
    height: 100%;
}

.working__wrapper .working h2 {
    font-family: Open Sans Light, sans-serif;
    font-size: 32px;
    color: #2e2e2e;
    border-bottom: 1px solid #2e2e2e;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
    max-width: 280px;
}

.working__wrapper .working .working__content {
    font-family: Open Sans Light, sans-serif;
    color: #2e2e2e;
    font-size: 20px;
}

.working__wrapper .working .working__content p {
    margin-bottom: 0px;
}

.grey__content.positions {
    background-color: #f4f4f4;
    padding-top: 56px;
    padding-bottom: 70px;
}

.grey__content.positions .positions__location {
    width: 450px;
}

.grey__content.positions .positions__location .select {
    position: relative;
    width: 209px;
}

.grey__content.positions .positions__location .select:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top: 5px solid #3486bb;
    right: 10px;
    top: 16px;
}

.grey__content.positions .positions__location select {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 209px;
    border: 1px solid #3393d1;
    color: #3393d1 !important;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    padding-left: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white !important;
}

.grey__content.positions .positions__location select:focus::-ms-value {
    color: #3393d1;
}

.grey__content.positions .positions__location select::-ms-expand {
    display: none;
}

.grey__content.positions .positions__location select option {
    -webkit-appearance: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    appearance: none !important;
    background-color: white !important;
}

.grey__content.positions .border_bottom_grey {
    border-bottom: 1px solid #d6d6d6;
}

.grey__content.positions h2 {
    font-family: Open Sans Light, sans-serif;
    color: #2e2e2e;
    font-size: 32px;
    margin-bottom: 34px;
}

.grey__content.positions .row {
    max-width: 1478px;
    margin: 0 auto;
}

.grey__content.positions .positions__child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.grey__content.positions .table {
    margin-bottom: 25px;
}

.grey__content.positions .table th,
.grey__content.positions .table td {
    border: none;
    padding-right: 0px;
    padding-left: 0px;
}

.grey__content.positions .positions__vacancy {
    width: 980px;
}

.grey__content.positions .positions__content h3 {
    color: #2e2e2e;
    font-family: Open Sans, sans-serif;
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: 23px;
}

.grey__content.positions .positions__content td:nth-child(2) {
    color: #8c8b8b;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    text-align: right;
}

.grey__content.positions .positions__content td:first-child a {
    font-family: Open Sans, sans-serif;
    color: #757575;
    font-size: 16px;
}

.grey__content.positions .positions__content td:first-child a:hover {
    text-decoration: underline;
}

.mobile_hidden {
    display: none;
}

.image__mobile {
    display: none;
}

.article_image blockquote {
    line-height: initial;
}

@media only screen and (max-width: 1366px) {
    .parallax-positions {
        background-position-y: center;
    }

    .grey__content.positions .positions__vacancy {
        width: 900px;
    }
}


@media only screen and (max-width: 990px) {
    .parallax-positions .col-md-5,
    .parallax-positions .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .parallax-positions .parent_digital {
        padding-top: 130px;
        padding-bottom: 70px;
    }

    .parallax-positions .parent_digital .bigtext {
        font-size: 37px;
    }

    .grey__content.positions {
        display: none;
    }

    .parallax-positions {
        background-position-y: center;
    }

    .image__mobile {
        display: block;
    }

    .image__desktop {
        display: none;
    }

    .grey__content.positions {
        display: none;
    }

    .parallax-positions {
        background-position-y: center;
    }

    .image__mobile {
        display: block;
    }

    .image__desktop {
        display: none;
    }

    .working__wrapper .article_image {
        width: 100%;
        height: initial;
    }

    .working__wrapper article,
    .working__wrapper .blue_content {
        height: initial;
    }

    .working__wrapper .blue_content {
        min-height: initial;
        width: 100%;
    }

    .working__wrapper .blue_content:before {
        content: "";
        position: absolute;
        border: 20px solid transparent;
        top: -39px;
        right: initial;
        border-bottom: 20px solid #67bdf4;
    }

    .working__wrapper {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .working__wrapper .row {
        flex-direction: column;
        -webkit-flex-direction: column;
        /* Safari 6.1+ */
        max-width: initial;
        margin: initial;
    }

    .working__wrapper .row .col {
        -webkit-flex-basis: initial;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
    }

    .working__wrapper .working h2 {
        border: none;
        margin-bottom: 0px;
        margin-top: 0px;
        max-width: initial;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .working__wrapper .working .working__content {
        padding-bottom: 30px;
    }

    .working__wrapper .col,
    .working__wrapper .row,
    .working__wrapper .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .working.col {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }

    .working__wrapper .blue_content {
        line-height: initial;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 60px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .working__wrapper .blue_content p {
        font-size: 14px;
        left: initial;
        bottom: 0px;
        margin-bottom: 12px;
    }

    .working__wrapper .working .working__content {
        font-size: 16px;
    }

    .top_list__positions ul {
        margin: 0px;
        padding-left: 15px;
    }

    .top_list__positions li {
        list-style: none;
    }

    .top_list__positions .na-body .panel-default {
        border-bottom: 1px solid #2e2e2e;
    }

    .top_list__positions .content_positions .panel-body li {
        font-family: Open Sans Light, sans-serif;
        font-size: 18px;
        color: black;
        padding-bottom: 15px;
    }

    .top_list__positions .content_positions .panel-body li a {
        color: black;
    }

    .top_list__positions .content_positions .fa {
        margin-right: 10px;
    }

    .top_list__positions .content_positions h4 {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 20px;
        color: black;
        font-family: Open Sans, sans-serif;
        margin: 0;
    }

    .top_list__positions .panel-heading.na {
        border-bottom: 1px solid #2e2e2e;
    }

    .collapsed .na-fa {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }

    .panel-title.na {
        margin-bottom: 0;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #2e2e2e;
        font-family: Open Sans, sans-serif;
        font-size: 20px;
        text-transform: uppercase;
    }

    .panel-title.na .fa {
        float: right;
    }

    .panel-title.na a {
        color: #2e2e2e;
        font-family: Open Sans, sans-serif;
        font-size: 20px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 760px) {
    .parallax-positions .parent_digital {
        padding-top: 100px;
        padding-bottom: 70px;
    }

    .mobile_hidden {
        display: block;
    }

    .desktop_hidden {
        display: none;
    }
}
/*# sourceMappingURL=positions.css.map */
/*brand-page.css*/
/********************************
***********Brand Jumbotron*******
*********************************/

.brand_resources,
.brand_jumbotron {
    font-family: Open Sans, sans-serif;
    color: #2e2e2e;
}

.brand_jumbotron .parallax-c .jumbotron_banner__poster:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.549);
    z-index: 2;
}

.brand_jumbotron .button[data-type="double-string"] {
    padding: .9572em 1.4286em;
}

.brand_jumbotron__button .button_title {
    display: block;
}

.brand_jumbotron .button_title {
    font-size: 19px;
    font-weight: 600;
}

.brand_jumbotron .digital .smalltext {
    font-size: 27px;
}

.brand_jumbotron .button_title {
    margin: 5px;
}

.brand_jumbotron__title,
.brand_jumbotron.parallax-c .digital .bigtext.brand_jumbotron__title {
    text-transform: uppercase;
    font-size: 71px;
    font-weight: normal;
}


/********************************
***********Brand Logo************
*********************************/

.brand__logo {
    padding-top: 85px;
    padding-bottom: 102px;
    word-break: break-word;
}

.brand__logo-title {
    font-weight: 800;
    font-size: 40px;
    color: #2e2e2e;
}

.brand__logo-content {
    font-weight: 300;
    font-size: 21px;
    line-height: 1.6;
    padding: 25px 0px 40px 0;
}

.brand__logo-content p {
    margin-bottom: 0px;
}

.brand__logo a.brand__logo-button {
    display: inline-block;
    padding: 9px 17px;
    font-size: 14px;
    font-weight: 700;
    background-color: #3692cf;
    color: white;
    border-radius: 30px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    z-index: 10;
    position: relative;
}

.brand__logo a.brand__logo-button:hover {
    background-color: #307cb6;
}

.brand__logo .brand__cubes,
.naming-usage__right-colon {
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.brand_page.box_wrapper {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.brand__cubes .brand_page.box_wrapper {
    position: relative;
}

.brand__logo .brand__cubes-item {
    padding: 64.5px 20px;
    width: 208px;
    height: 208px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.brand__logo .brand__cubes-item.dark-logo {
    background: #3a3a3a;
}

.brand__logo .brand__cubes-item.light-logo {
    background: #f8fbfc;
    margin-right: 25px;
}

.brand__cubes-item img {
    max-width: 162px;
}
/********************************
***********Brand Colors**********
*********************************/

.brand__colors {
    background: #f8fbfc;
    padding: 83px 0px 78px 0px;
}

.brand__right-width {
    max-width: 420px;
}

.brand__color-content {
    width: 100%;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    float: left;
}

.brand__colors .brand__logo-title {
    margin-top: 5%;
    float: right;
    max-width: 420px;
    width: 100%;
}

.brand__colors .brand__logo-content {
    float: right;
    max-width: 420px;
    width: 100%;
}

.brand__color-box {
    flex-grow: 0;
    display: inline-block;
    width: calc(100% * (1/3) - 1px);
    position: relative;
}

.brand__color-box .color-top {
    height: 95px;
}

.brand__color-box .color-text {
    padding: 15px 0 20px 0;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}

.brand__color-box .color-text > span {
    display: block;
}

.brand__color-box .color-text__grey {
    font-weight: 300;
}

.brand__color-left {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.brand__colot-left__content {
    width: 100%;
}

/********************************
*************Naming Usage********
*********************************/

.naming-usage {
    padding-top: 90px;
    padding-bottom: 90px;
}

.naming-usage-left-box {
    max-width: 560px;
}

.naming-usage .brand_logo-content {
    font-size: 21px;
    font-weight: 300;
}

.naming-usage .brand_logo-content p {
    margin-bottom: 0;
}

.naming-usage__right-colon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    height: 100%;
    width: 100%;
}

.naming-usage .brand_page.box_wrapper {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.naming-usage__box.naming-allowed {
    margin-bottom: 30px;
}

.naming-usage__box {
    font-size: 25px;
    background: #f8fbfc;
    width: 285px;
    height: 131px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
}

.naming-usage__box:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    top: -10px;
    right: -10px;
    background-repeat: no-repeat;
    background-position: center;
}

.naming-forbidden:after {
    background-color: #cd5931;
    background-image: url("../img/close-check.svg");
}

.naming-allowed:after {
    background-color: #589ed3;
    background-image: url("../img/checkbox.svg");
}

.naming-forbidden span {
    font-size: 21px;
    padding: 0px 10px;
    margin: 5px 0;
    display: inline-block;
    min-width: 100px;
}

/************************************
**************Guidlines**************
************************************/

.brand-guidlines {
    position: relative;
    padding-top: 68px;
    padding-bottom: 68px;
    z-index: 1;
    background: url("../img/nigger.jpg");
    background-position: center;
    background-attachment: fixed;
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-guidlines__list p {
    margin-bottom: 0px;
}

.brand-guidlines:after {
    content: '';
    background-color: rgba(0, 0, 0, 0.549);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.brand-guidlines .container {
    z-index: 3;
    position: relative;
}

.brand-guidlines .brand__logo-title {
    font-size: 50px;
    color: white;
}

.brand-guidlines__list {
    font-weight: 300;
    font-size: 19px;
    list-style: none;
    padding-left: 60px;
    margin-top: 30px;
    counter-reset: my-badass-counter;
}

.brand-guidlines__list li {
    line-height: 1.7;
    position: relative;
}

.brand-guidlines__list li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    background: #589ed3;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    position: absolute;
    left: -60px;
    font-size: 23px;
    font-weight: 600;
    padding-left: 13px;
    top: 0;
    margin: auto 0;
    bottom: 0;
}

.brand-guidlines__list li:not(:last-child) {
    margin-bottom: 30px;
}


@media (min-width: 1037px) {
    .brand_jumbotron .jumbotron_banner__inner {
        padding-top: 173px;
        padding-bottom: 70px;
    }
    .homenewbody-template .black-paral.homepage, .homenewbody-template .parallax {
        min-height: 700px !important;
    }
}

@media (min-device-width: 992px) and (max-device-width: 1024px) {
    .brand_jumbotron .jumbotron_banner__inner {
        padding-top: 100px;
        padding-bottom: 70px;
    }
}

@media (max-width: 992px) {
    .brand-guidlines,
    .naming-usage,
    .brand__colors,
    .brand__logo {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .brand_jumbotron .button[data-type="double-string"] {
        padding: .9572em 1em;
    }

    .brand_jumbotron__button_wrapper {
        display: inline-block;
        margin-top: 15px;
    }

    .brand_jumbotron .bigtext {
        font-size: 50px;
    }

    .brand_jumbotron .digital .smalltext {
        font-size: 19px;
        line-height: 1.6 !important;
    }

    .naming-usage .brand_logo-content {
        margin-top: 30px;
        font-size: 19px;
        line-height: 1.6;
    }

    .brand_jumbotron .jumbotron_banner__title {
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .brand__logo {
        text-align: center;
    }

    .brand__logo .box_wrapper,
    .brand__logo .brand__cubes,
    .brand_page.box_wrapper,
    .naming-usage__right-colon {
        top: 0;
        position: relative;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .brand__logo-title {
        padding-bottom: 40px;
        font-size: 30px;
    }

    .brand__logo .brand__logo-content {
        padding: 40px 0px 35px 0;
    }

    .brand__logo-content {
        font-size: 19px;
        padding: 40px 0px 0px 0;
    }

    .brand__logo a.brand__logo-button {
        padding: 9px 23px;
        font-size: 17px;
    }

    .brand__colors {
        text-align: center;
    }

    .brand__logo-title {
        margin-bottom: 40px;
    }

    .brand__colors .brand__logo-title {
        margin-top: 0;
    }

    .brand__color-box .color-text {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        font-size: 16px;
        padding: 25px 0px;
        font-size: 15px;
    }

    .brand__color-box .color-text.white {
        color: white;
    }

    .naming-usage {
        text-align: center;
    }

    .brand__logo-content br {
        display: none;
    }

    .naming-usage__right-colon {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
    }

    .brand__logo-title {
        padding-bottom: 0px;
    }

    .brand-guidlines .brand__logo-title {
        text-align: center;
        margin-bottom: 0px;
        font-size: 45px;
    }

    .brand-guidlines__list li:before {
        bottom: initial;
    }
    /* Ipad portrait */
    .naming-usage-left-box,
    .brand__right-width,
    .brand__colors .brand__logo-title {
        max-width: initial;
    }

    .naming-usage .brand_page.box_wrapper,
    .naming-usage__box {
        width: 100%;
    }

    .brand__colors .brand__logo-content {
        float: initial;
        margin-right: auto;
        margin-left: auto;
    }

    .brand__color-content {
        float: initial;
    }

    .brand__logo-content {
        max-width: 420px;
        margin-right: auto;
        margin-left: auto;
    }

    .brand__logo .box_wrapper {
        margin: 0 auto;
    }

    .brand__logo .brand__cubes-item {
        width: initial;
        height: initial;
        width: 120px;
        height: 120px;
        padding: 10px;
    }

    .brand__cubes-item img {
        max-width: 100%;
    }
}

@media (max-device-width:320px) {
    .brand__color-box .color-text {
        font-size: 13px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .brand_page.box_wrapper {
        position: relative;
    }
}

.brand_jumbotron .jumbotron_banner__inner {
    max-width: 1000px;
}



.home .header-content.header-container-main {
    display: none;
}


/*******************************************
*********New Conversion Template ***********
********************************************/

.new-success-btn {
    border: none;
    margin-top: 30px;
}

.new-success-parallax {
    height: 300px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.new-success-parallax .parent_digital {
    padding-top: 160px;
    padding-bottom: 80px;
}

.new-success-parallax .bigtext {
    font-size: 48px;
    line-height: normal;
    text-transform: initial;
}

.new-success-parallax .smalltext {
    font-size: 25px;
    font-weight: 500;
    line-height: normal;
}

.new-success-btn.show-mobile {
    display: none;
}

.new-success-top-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px 30px;
    z-index: 10;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    background-color: transparent;
}

.new-success__sticky-bar .new-success-btn {
    margin-top: 0;
}

.new-success-top-menu .logo {
    float: left;
}

.new-success-top-menu .brand-logo-sucess {
    float: right;
    max-width: 265px;
}

.new-success-top-menu .brand-logo-sucess img {
    width: 100%;
}

.new-success__sticky-bar {
    display: none;
    padding: 20px 30px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: white;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.5);
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    top:0;
}

.new-success_sticky-title {
    font-size: 40px;
    line-height: 1.5;
    font-family: Open Sans, sans-serif;
    padding-right: 10px;
}

.new-success-footer {
    position: relative;
    z-index: 30;
    background-color: #2f3d43;
    text-align: center;
}

.new-success-footer img {
    height: 100px;
}

.new-success-wrapper .disclaimer {
    z-index: 2;
    font-weight: 100;
    background-color: #fff;
    padding: 20px 15px 15px;
    color: #666;
    font-size: 11px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 20px;
    position: relative;
    text-align: center;
}

.new-success-wrapper .disclaimer p {
    max-width: 800px;
    margin: 0 auto 10px;
}

@media (min-width: 760px) and (max-width: 1366px) {
    /*    .parallax-c.parallax-customer .digital {
            padding-top: 160px;
            padding-bottom: 100px;
        }*/

    .new-success_sticky-title {
        font-size: 25px;
        float: left;
        max-width: 60%;
    }

    .new-success__get-started {
        float: right;
    }
}

@media (max-device-width: 768px) {
    .new-success-wrapper .meadow_image {
        padding-right: 0px;
    }

    .new-success-wrapper .disclaimer {
        padding-bottom: 100px;
    }
}

@media (min-width: 760px) and (max-width: 1300px) {
    .new-success-parallax .parent_digital {
        padding-top: 120px;
    }
}

@media only screen and (max-width: 760px) {
    .parallax-customer.parallax-c .digital .smalltext p {
        font-size: 20px !important;
    }

    .new-success-parallax .parent_digital {
        padding-top: 100px;
    }

    .new-success-parallax .bigtext {
        font-size: 30px;
    }

    .new-success-parallax .smalltext {
        font-size: 18px;
    }

    .new-success-btn.show-mobile {
        display: initial;
    }

    .new-success-btn.show-desktop {
        display: none;
    }

    .new-success-top-menu .logo {
        max-width: 100px;
    }

    .new-success-top-menu .brand-logo-sucess {
        max-width: 100px;
    }

    .new-success__sticky-bar {
        flex-direction: column;
        -webkit-flex-direction: column;
        padding: 20px;
        text-align: center;
    }

    .new-success_sticky-title {
        padding-right: 0px;
        font-size: 20px;
    }

    .new-success-wrapper .challenge .content_challenge span:last-child {
        padding: 0px;
    }

    .new-success-wrapper .disclaimer {
        padding-bottom: 15px;
    }

    .new-success_sticky-title {
        display: none;
    }

    .new-success-footer img {
        width: 300px;
        height: auto;
    }

    .conversion-black-paral.black-paral,
    .new-success-parallax {
        min-height: 400px;
    }
}

@media (max-device-width:1366px) {
    .new-success-wrapper .disclaimer {
        text-align: left;
    }
}

.new-success-wrapper .meadow_image {
    display: block;
}
body.ie .new-success-wrapper .meadow_image{display: block;}

@media (max-device-width: 640px) and (min-device-width: 360px) and (orientation: landscape) {
    .new-success-parallax .bigtext {
        font-size: 26px;
    }

    .new-success-parallax .parent_digital {
        padding-top: 70px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .new-success-parallax,
    .single-conversion .black-paral {
        max-height: 540px;
    }
}

/****************Fixes**************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .meadow_image{
        display: block;
    }
}
@media (max-width:1366px) and (min-width: 1360px){
    .popup.popup-video .pop-inner{
        max-width: 790px;
        left: 65%;
    }
}
@media (max-device-width: 640px)
and (min-device-width: 360px){
    .pop.popup-content-partner .pop-header{
        padding: 10px 15px;
        margin-top:10px;
    }
    .pop.popup-content-partner .pop-content {
        bottom:23px;
        padding:10px;
        overflow: hidden;
    }
}
.testimonial_gallery__item_image_placeholder{
    bottom: -28px;
}
.testimonial_gallery__item_user{
    margin-top: -87px;
}
.testimonial_gallery__item_user__name_inner{
    padding: 10px 2.5rem;
}
@media (max-width: 768px){
    .plt-msg-col.col-md-4{
        -webkit-box-flex: initial;
        -webkit-flex: auto;
        -ms-flex: unset;
        flex: auto;
        max-width: initial;
    }
    .homepage__preview-video{
        display: none;
    }
    .pricelist_item[data-plan="custom"] .pricelist_item__features_list{
        width: 80%;
    }
    ul[data-type="checked_list"] li{
        margin-left: initial;
        max-height: initial;
        line-height: initial;
    }
    .new-success-wrapper .meadow_image {
        display: flex;
    }
}
@media only screen and (min-device-width: 768px)
and (max-device-width: 1366px)
and (orientation: landscape){
    .homepage .parallax .digital {
        padding-top: 220px !important;
    }

    .homenewbody-template .parallax .digital {
        padding-top: 220px !important;
    }
}
.homepage__preview-wrapper{
    background-image: url("../img/video-homepage.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#sp-fullpage .full_page_section {
    z-index:-1;
}


/*************************************************************************
  Ticket-337 New Element
  04-May-2018
*******************************************/
.nav-item-4 .adoption_system__tabs_item_link.active {
    background: #1d77ff;
}
.tab-content .sp-tabs-images .sp-tab-image-bg {
    z-index: 0;
    position: absolute;
    left: 0;
}
.tab-content .sp-tabs-images .sp-tab-image4 {
    opacity: 0;
    position: absolute;
}
.tab-content .sp-tabs-images .sp-tab-image4.active {
    opacity: 1;
    z-index: 12;
}
.carousel-indicators .automation {
    color: #588ce8;
}
.guidance--main .automation.active {
    color: #fff;
    background: #1d77ff;
}
.guidance--main .text.automation {
    opacity: 0;
}
.guidance--main .text.automation.act {
    opacity: 1;
}
.guidance--main #hp-plat4.automation-img {
    opacity: 0;
}

.guidance--main #hp-plat4.automation-img.tab-active {
    opacity: 1;
}

.guidance--main .arrow-parent {
    display: none;
}

@media screen and (min-width: 1280px) and (max-width: 1760px) {
    .sp-tabs-images-block {
        width: 500px;
        position: relative;
    }
}

@media screen and (min-width: 1761px) {
    .sp-tabs-images-block {
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .sp-tabs-images-block {
        position: relative;
        width: 616px;
        margin: auto;
        margin-top: 40px;
    }
    .tab-content .sp-tabs-images .sp-tab-image-bg {
        z-index: 0;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .guidance--main .image-mobile .carousel-indicators {
        display: flex;
        border-bottom: 1px solid #f5f5f5;
        background-color: #fcfcfc;
    }
    .guidance--main .image-mobile .carousel-indicators li {
        width: auto;
        flex: auto;
        font-size: 16px;
        font-weight: 500;
        background: none;
        color: #424242;
    }
    .guidance--main .image-mobile .carousel-indicators .active {
        color: #000 !important;
        border-bottom: 2px solid #619fec;
        box-shadow: none;
    }
}

@media screen and (max-width: 660px) {
    .sp-tabs-images-block {
        position: relative;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .guidance--main .image-mobile .carousel-indicators li {
        padding: 15px 5px;
        font-size: 11px;
        font-weight: 600;
    }
    .adoption_system__tabs_item.nav-item .adoption_system__tabs_item_link {
        font-size: 11px;
        font-weight: 600;
        height: 48px;
    }
}

@media screen and (max-width: 320px) {
    .adoption_system__tabs_item.nav-item .adoption_system__tabs_item_link {
        padding: 19px 5px 0px 5px !important;
    }
    .guidance--main .image-mobile .carousel-indicators li {
        padding: 15px 5px;
        font-size: 11px !important;
        font-weight: 600;
    }
}

.guidance-tab-block {
    position: relative;
    height: 40px;
}

.guidance-tab-block ol {
    position: absolute !important;
    z-index: 100 !important;
}

.homepage__preview-wrapper .homepage__preview .home-play-desktop.preview-btn--play,
.homepage__preview-wrapper .homepage__preview .home-play-mobile.preview-btn--play {
  visibility: visible;
}
/******************************************************
  DAP adoption_system__content Elements
******************************/
@media screen and (min-width: 1280px) {
  .adoption_system_wrapper .adoption_system__content .sp-tabs-images-block {
      position: relative;
      max-width: 500px;
  }
}