@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

html, body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
}

* {
    letter-spacing: 0;
    outline: 0;
}


.fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fx-ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.fx-jb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fx-jc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fx-ae {
    align-items: flex-end;
}

.fx-je {
    justify-content: flex-end;
}

.fx-js {
    justify-content: flex-start;
}

.f-dir-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fx-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main {
    padding-top: 76px;
}

a {
    color: #474747;
}

img {
    border: 0;
    vertical-align: top;
}

input, textarea {
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

input {
    outline: none;
}

textarea {
    overflow: auto;
}

strong, b {
    font-weight: bold;
}


body {
    font-weight: normal;
    letter-spacing: 1px;
    background: #fdfeff;
}

.container {
    width: 1200px;
    margin: auto;
    position: relative;
}

header {
    box-shadow: 1px 1px 1px 1px rgba(225, 244, 255, 0.2);
    background: #e5e6fb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 103;

}

header > .container {
    padding: 10px 0;
    position: static;
    justify-content: space-between;
    transition: padding .2s ease;

}

.sticky {
    background: rgb(229 230 251);
    transition: background .2s ease;
    box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.1);
}

.site-logo a {
    display: block;
    height: 20px;
}

.site-logo {
    flex-basis: 110px;
    position: relative;
}

.sticky > .container {
    padding: 5px 0;
    transition: padding .2s ease;
}


.site-logo img {
    height: 59px;
    position: absolute;
    top: -23px;
}

.expandable-body p {
    color: #434343;
}

.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.sub-menu li {
    max-width: 215px;
}

.main-menu div > ul > li {
    padding: 0 23px;
    cursor: pointer;
    position: relative;
}

.main-menu div > ul > li > a {
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    display: block;
    font-size: 17px;
    line-height: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #000;
    box-sizing: border-box;
    font-weight: bold;
    position: relative;
}

.main-menu div > ul > li > a:hover, .main-menu div > ul li.current-menu-item a {
    color: #6778c5;
    transition: color .2s ease-in
}

footer li.current-menu-item > a {
    color: #fff;
}


.button-regular {
    border-radius: 30px;
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
}

.orange-btn {
    background: #6778c5;
    text-align: center;
    transition: background-color .2s ease;

}

.black-btn {
    background: #212121;
    text-align: center;
    transition: background-color .2s ease;
}

.orange-btn:hover {
    background-color: #682dff;
    transition: background-color .2s ease;
}

.black-btn:hover {
    background-color: #434343;
    transition: background-color .2s ease;
}

.button-regular.black-btn a {
    color: #ffffff;
}


a {
    text-decoration: none;
}

.intro-button {
    background-color: #2c4936;
    width: 200px;
    text-align: center;
    transition: background-color .2s ease;
}


.form-submit-button:hover, .intro-button:hover {
    background-color: #682dff !important;
    transition: background-color .2s ease;

}

.form-submit-button, .intro-button a {
    color: #fff;
    font-size: 20px;
}

#cv {
    cursor: pointer;
    width: 220px;
    height: 60px;
}

#cv:hover + button {
    background-color: #fff;
    transition: background-color .2s ease;
    cursor: pointer;
}

.fileNotUploaded + button {
    border: 2px solid #fe6345;
    transition: all .2s;
}

.form-upload-button {
    border: 2px solid transparent;
    padding: 13px;
    color: #fe6345;
    font-weight: 700;
    width: 212px;
    font-size: 20px;
    box-sizing: border-box;
    text-align: center;
    transition: background-color .2s ease;
    background-color: #f2f8ff;
    cursor: pointer;
}

#cv:hover + .form-upload-button {
    background-color: #fb6d53;
    color: #fff;
}

.attach-text {
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
    letter-spacing: 1px;
}

button.button-regular.form-submit-button {
    border: none;
    padding: 13px;
    font-weight: 700;
    width: 212px;
    box-sizing: border-box;
    text-align: center;
    transition: background-color .2s ease;
    background-color: #0d153b;
    cursor: pointer;
}

.orange-btn a {
    color: #fff;
}

#panel {
    position: relative;
    z-index: 100;
}

#home-intro {
    height: 75vh;
    min-height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;

}

#home-intro .container {
    height: 100%;
}

.intro-content {
    height: 70%;
}

.intro-icons {
    position: absolute;
    bottom: 93px;
}

.intro-social-icon a {
    height: 48px;
    width: 48px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background-color: #212121;
    border: 1px solid transparent;

}

.intro-social-icon a:hover {
    background-color: transparent;
    transition: all .2s ease;
    border: 1px solid #6778c5;

}

#home-intro .intro-social-icon a img {
    width: 22px;
    margin: auto;
}

footer .intro-social-icon a img {
    margin: auto;
}

.privacy-policy a {
    color: rgba(192, 224, 255, 0.6);
}

.leftColumn, .rightColumn {
    flex-basis: 50%;
    box-sizing: border-box
}

.intro-bg-graphic {
    right: 0;
    top: 50px;
    position: absolute;
}

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

.graphicItem > a {
    display: block;
    width: 100%;
    height: 100%;
}

.intro-content .graphicItem img {
    top: 110px;
    position: relative;
    width: 100%;
}


h1, h2 {
    font-weight: bold;
}

h1 {
    font-size: 48px;
    font-weight: bold;
}

.intro-heading {
    font-size: 48px;
    margin-bottom: 0;
}

.intro-sub-heading {
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    color: #ffffff;
    padding: 5px 0;
}

.heading-wrapper {
    margin: 0 0 20px;
}

.section-heading {
    border-left: 4px solid #6778c5;
    line-height: 36px;
    box-sizing: border-box;
    padding-left: 12px;
}

.section-heading h2 {
    font-size: 36px;
    margin: 0;
}

#who-we-are.section-heading.centre-heading {
    padding-top: 10px;
}

section#home-offerings {
    margin: 100px 0 115px;
}

#home-offerings .section-heading {
    padding-left: 12px;
}

.ourprocess-items-wrapper, .offering-items-wrapper {
    padding: 20px 0;
}

.offering-item {
    flex-basis: 24%;
    box-sizing: border-box;
    margin: 0;
    display: flex;
}

.offering-item:first-child {
    padding-left: 0;
}

.offering-item:last-child {
    padding-right: 0;
}

.offering-item-icon {
    position: relative;
    margin: auto;
}

#home-offerings .offering-item-icon {
    width: 121px;
}

.item-inner {
    background-repeat: no-repeat;
    background-color: #fdfeff;
    background-position: right 20px;
    background-size: contain;
    border-radius: 5px;
    padding: 35px 45px;
    text-align: center;
    box-shadow: 11px 1px 15px 4px rgba(195, 195, 195, 0.1);
    align-items: stretch;
    z-index: 1;
}

#home-offerings .item-inner {
    background-position: center 20px;
    background-size: 230px 143px;

}

.offering-item-title h3 {
    font-size: 19px;
    height: 50px;
}

p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

.centre-heading {
    text-align: center;
    border: none;
    margin-bottom: 30px;
    display: block;
    height: auto;
}

.heading-line {
    margin: 0 auto 20px;
    border-bottom: 4px solid #6778c5;
    width: 25px;
}

.headquarters-heading, .centre-heading h3 {
    font-weight: bold;
    font-size: 24px;
}

.headquarters-heading {
    line-height: 45px;
}

.whoweare-bg-graphic {
    left: 0;
    position: absolute;
}

.headquarters-bg-graphic {
    right: 0;
    position: absolute;
    padding: 20px 0 10px 0;
    box-sizing: border-box;
}

.headquarters-bg-graphic img {
    width: 95%;
    float: right;
}

.headquarters-content .leftColumn {
    flex-basis: 40%;
}

.headquarters-content .rightColumn {
    flex-basis: 60%;
    padding-left: 50px;
}

.whoweare-content {
    align-items: unset;
}

.whoweare-content .leftColumn {
    padding-right: 50px;
    box-sizing: border-box;
}

.whoweare-content .rightColumn {
    box-sizing: border-box;
    padding-left: 70px;
    padding-top: 50px;
}

#home-onecashier {
    margin-top: 50px;
}

.onecashier-content {
    padding-top: 50px;
}

.onecashier-heading {
    height: unset;
    border: none;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 15px;
}

.onecashier-heading h2 {
    line-height: 50px;
    height: auto;
    margin: 0;
}

.onecashier-content .leftColumn {
    padding-right: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.onecashier-content .rightColumn {
    box-sizing: border-box;
    padding-left: 70px;
}

.onecashier-content p {
    margin-top: 0;
}

.button-regular.lightblue {
    background: #fdfeff;
    text-align: center;
    margin-top: 20px;
    display: inline-block;
}

.button-regular.onecashier-button:hover, .lightblue:hover {
    background-color: #fff;
    transition: background-color .2s ease;
}

.button-regular.onecashier-button {
    background-color: #f1f7ff;
}

.lightblue a {
    color: #121212;
    font-size: 20px;
    border: 1px solid transparent;
    border-radius: 30px;
}

.lightblue:hover a {
    color: #fe6345;
    transition: color .2s ease;
    border: 1px solid #fe6345;
}

#home-payment {
    margin-top: 120px;
}

div#readFaq {
    max-width: 215px;
}


#home-custom-design {
    padding-bottom: 90px;
}

#home-integrations {
    background-color: #FFFFFF;
    padding: 55px 0;
}

.button-regular.intro-button.pull-right {
    float: right;
}

section#home-integrations h2 {
    color: #434343;
}

.customdesign-content {
    padding-top: 50px;
}

.customdesign-content .rightColumn {
    padding-left: 75px;
    padding-top: 10px;
    box-sizing: border-box;
}

.customdesign-content .leftColumn {
    padding: 10px 30px 0 70px;
    box-sizing: border-box;
}

.customdesign-heading {
    height: unset;
    border: none;
    padding-left: 0;
    display: inline-block;
}

.customdesign-bg-graphic {
    float: right;
    top: -303px;
    position: relative;
    z-index: 0;
}

.customdesign-heading h2 {
    text-align: center;
    margin-bottom: 5px;
}

.customdesign-content .rightColumn p {
    margin-top: 0;
}

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

.integrations-content .section-heading {
    padding-left: 12px;
    height: auto;
}

.integrations-content .section-heading {
    margin: 0;
}

#services-included-services .section-heading, #home-payment .section-heading, #careers-vacancies .section-heading {
    padding-left: 12px;
}

.integrations-content .button-wrapper {
    flex-basis: 50%;
}

.integrations-content .integrations-button {
    margin: 0;
    float: right;
    background-color: #ecf5ff;
}

.integrations-item {
    padding: 10px 5px;
    align-items: center;
    display: flex;
}

.integrations-item:first-of-type {
    padding: 10px 0;
}

.integrations-item img {
    max-width: 120px;
}

.integrations-content.integrations-wrapper {
    flex-wrap: wrap;
    padding: 40px 0 0;
}


.calltoaction-content > .section-heading {
    display: block;
    border: none;
    padding: 0;
    height: auto;
    margin-top: 10px;

}

.calltoaction-content .button-wrapper {
    margin-top: 10px;
}

.calltoaction-content h4 {
    width: 100%;
}

#home-call-to-action .intro-bg-graphic {
    top: unset;
}

#home-call-to-action {
    background-color: #6778c5;
    min-height: 290px;
    display: flex;
    align-items: center;
}

.calltoaction-content {
    padding: 50px 0;
}

.calltoaction-content .graphicItem img {
    max-width: 250px;
}

.calltoaction-content .section-heading h2 {
    margin: 0;
    color: #fff;
    margin-bottom: 10px;
}

.calltoaction-content .section-heading h4 {
    font-weight: normal;
    margin: 0;
    color: #fff;
    font-size: 20px;
}

.calltoaction-content .orange-btn {
    width: 150px;
    margin: auto;
}

.calltoaction-content .orange-btn:hover {
    background-color: #ED5137;
    transition: background-color .2s ease;

}

.calltoaction-content .orange-btn:hover a {
    transition: color .2s ease;
}

.about-first-content .leftColumn .lightblue:hover {
    background-color: transparent;
    transition: background-color .2s ease;
}

.about-first-content .leftColumn .lightblue:hover a {
    color: #fff;
    transition: color .2s ease;
    border: 1px solid #fff;
}

.calltoaction-content .orange-btn a {
    font-size: 20px;
    padding: 16px 20px;
}

.centre-heading h2 {
    margin-bottom: 15px;
    font-size: 36px;
}

.about-first-content {
    padding-top: 25px;
}

.about-first-content .leftColumn {
    flex-basis: 40%;
}

.about-first-content .rightColumn {
    flex-basis: 60%;
}

.services-top-banner-heading .about-first-heading {
    height: auto;
    border: none;
    display: block;
    padding: 0;
}

.services-top-banner-heading h2, .about-first-heading h2 {
    font-size: 48px;
}

.services-top-banner-heading, .about-first-content p {
    font-size: 20px;
}

.services-top-banner-heading h2, .about-first-heading h2, .about-first-heading p {
    color: #fff;
}

.about-intro-graphic {
    position: absolute;
    right: 0;
    top: 0;
}

#about-section-first .container {
    padding: 20px 0 80px;
}

.section-heading.about-first-heading {
    flex-direction: column;
    height: auto;
    border: none;
    text-align: left;
    align-items: end;
    padding: 0;
}

#about-section-first {
    background-color: #ffffff;
}

.about-first-heading h1 {
    margin-top: 55px;
    color: #fff;
}

.about-first-heading p {
    margin-top: 0;
}

#about-section-first .graphicItem {
    position: absolute;
    bottom: -60px;
    right: 30px;
}

.about-first-content .button-regular {
    width: unset;
    margin-top: 10px
}

#about-section-second-headquarters {
    background-color: #f6fbff;
    padding-top: 88px;
    padding-bottom: 20px;
    overflow: hidden;
}

.headquarters-heading {
    margin-bottom: 45px;
}

.headquarters-content .graphic-item img {
    z-index: 1;
    position: absolute;
}

.headquarters-heading h3 {
    font-size: 24px;
    color: #434343;
}

.description-item-text p {
    color: #434343;
}

.headquarters-description-items {
    padding-bottom: 30px;
}

.description-item {
    display: flex;
    margin-bottom: 26px;
}

.description-item-icon {
    display: flex;
    align-items: baseline;
    flex-basis: 8%;
}

.description-item-text {
    flex-basis: 90%;
    margin-top: -2px;
    padding-left: 10px;
}

.description-item-text p {
    margin: 0;
    line-height: 27px;
}

.ourprocess-content {
    padding: 80px 0 50px;
}

.ourprocess-content .leftColumn {
    padding-right: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-top: 13px;
}

.ourprocess-content .rightColumn {
    box-sizing: border-box;
    padding-left: 70px;
}

.ourprocess-content .rightColumn p {
    margin-top: 0;
}

.ourprocess-item {
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
}

.ourprocess-item:first-of-type {
    padding-left: 0;
}

.ourprocess-item:last-of-type {
    padding-right: 0;
}

.ourprocess-item-inner {
    background: #fff;
    border-radius: 8px;
    padding: 35px;
    text-align: center;
    box-shadow: 6px 4px 9px 2px rgba(195, 195, 195, 0.1);
}

.ourprocess-item-icon {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

.ourprocess-icon {
    width: 175px;
    margin: auto;
    height: 175px;
    border: 23px solid #434343;
    border-radius: 50%;
    box-sizing: border-box;
}

.ourprocess-item h2 {
    color: #6778c5;
    font-size: 49px;
    font-weight: 800;
    margin: 0;
}

.ourprocess-item-desc p {
    color: #434343;
}

.ourprocess-item-icon h4 {
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #212121;
}

.ourprocess-item-title h3 {
    font-size: 24px;
}

.section-heading.ourprocess-heading {
    border: none;
    text-align: center;
    display: block;
}

.ourprocess-sub-heading {
    display: block;
}

.ourprocess-bottom-sub-heading h3 {
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    margin-top: 5px !important;
    line-height: 45px;
}

.ourprocess-item .item-inner:hover {
    background: #6778c5;
    transition: background .2s ease;
}

.ourprocess-item .item-inner:hover .icon-bg {
    display: none;
}

.ourprocess-item .item-inner:hover .icon-bg-hover {
    display: block;
}

.icon-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}

.icon-bg-hover {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    display: none;
}

.ourprocess-item .item-inner:hover .ourprocess-icon {
    border-color: #212121;
    background: #fdfeff;
    transition: all .2s ease;

}

.ourprocess-item .item-inner:hover .ourprocess-item-desc p {
    color: #fff;
    transition: color .2s ease;
}

.section-heading.ourprocess-top-heading {
    border: none;
    display: block;
    height: auto;
    padding-left: 0;
}

.ourprocess-bottom-sub-heading {
    width: 85%;
}

.ourprocess-sub-heading h4 {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;

}

.ourprocess-item-icon img {
    width: 175px;
    height: 175px;
}

.ourprocess-bottom-heading h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 10px 0;

}

#about-section-third-ourprocess {
    padding-top: 20px;
}

.heading-line.left {
    margin: 20px 0 10px 0;
}

footer {
    background-color: #e5e6fb;
    display: flex;
    flex-direction: column;
    position: relative;
}

footer .current_page_item a {
    color: #fff;
}

.footer-content-top {
    padding-top: 20px;
    display: flex;
}

ul#menu-footer-menu {
    align-items: baseline;
}

footer li {
    list-style: none;
}

ul {
    padding: 0;
}

.menu-footer-menu-container {
    width: 100%;
}

.footer-content-top .leftColumn {
    flex-basis: 20%;
}

.footer-content-top .rightColumn {
    flex-basis: 80%;
    display: flex;
    justify-content: inherit;
}

#menu-footer-menu > li > a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
}

.sub-menu li a {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.footer-item-heading img {
    margin-top: 20px;
    max-width: 140px;
}

footer .intro-social-icon a {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 1px solid #6778c5;
    overflow: hidden;
}

footer .intro-social-icon a:hover {
    background-color: #6778c5;
    border: 1px solid transparent;

}

footer .intro-social-icon a img {
    margin: auto;
    width: 20px;
}

footer .intro-social-icon a img:nth-child(1) {
    display: block;
}

footer .intro-social-icon a img:nth-child(2) {
    display: none;
}

footer .intro-social-icon a:hover img:nth-child(1) {
    display: none;
}

footer .intro-social-icon a:hover img:nth-child(2) {
    display: block;
    transition: display .2s ease;
}

.footer .intro-social-icon img path {
    fill: #fe6345;
}


.footer-item-content.social-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.intro-social-icon {
    margin-right: 20px;
    margin-top: 15px;
}

.footer-content-mid .rightColumn {
    text-align: right;
}

#menu-footer-menu > li {
    padding: 0 10px;
}

.privacy-policy h4 {
    text-decoration: underline;
}

.footer-content-mid {
    padding-top: 30px;
    padding-bottom: 40px;
    color: #000;
}

footer li a:hover {
    color: #fff;
}

.footer-content-mid h4 {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
}

.footer-content-mid .privacy-policy:first-child h4 {
    margin-right: 15px;
}

.bottom-footer {
    background-color: #13093b;
}

.bottom-footer-text {
    text-align: center;
}

.bottom-footer-text p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 10px;
}

section#about-faq {
    background-color: #f6fbff;
    padding: 60px;
}

/*accordion*/


.row {
    display: flex;
}

.row .col {
    flex: 1;
}

.row .col:last-child {
    margin-left: 1em;
}

/* Accordion styles */
.expandable-list {
    transition: 0.4s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.expandable-item a {
    color: #fe6345;
    font-weight: bold;
}

.expandable-item {
    box-sizing: border-box;
    padding: 15px 25px 22px;
    width: 98%;
    margin: auto;
    transition: all .4s;
    border-radius: 5px;
    color: #7e8a97;
}


#about-faq .expandable-item.active {
    margin-top: 10px;
}

.expandable-header, .expandable-header_notogle {
    position: relative;
    font-weight: bold;
    padding-top: 20px;
    cursor: pointer;
    font-size: 20px;
}

.expandable-icon {
    right: 5px;
    flex-shrink: 0;
    top: 0;
    transform: rotateZ(45deg);
    border-radius: 25px;
    width: 35px;
    height: 35px;
    background: #212121;
    transition: all .3s;
}

.expandable-item.active .expandable-icon {
    transform: rotateZ(0);
    background: #6778c5;

}

.expandable-icon .line {
    width: 15px;
    height: 2px;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s;
}

.expandable-item.active {
    background: #fbfdff;
    box-shadow: 2px 2px 8px 4px rgba(100, 100, 100, 0.1);
    color: #3e4f60;
    margin-top: 0;
}


.expandable-icon .line:nth-child(1) {
    transform: rotateZ(45deg);
}

.expandable-icon .line:nth-child(2) {
    transform: rotateZ(-45deg);
}

.expandable-item .expandable-body {
    display: none;
    padding: 0 0 35px;
    border-radius: 5px;
    overflow: hidden;
    transition: all .5s;
}

.expandable-body p {
    line-height: normal;
}

.expandable-item.active .expandable-body {
    transition: all .4s;
    display: block;
}

#privacy-notice .active .expandable-body {
    max-height: max-content;
}

.expandable-item.active .expandable-icon .line:nth-child(1) {
    transform: rotateZ(0deg);
}

.expandable-item.active .expandable-icon .line:nth-child(2) {
    transform: rotateZ(180deg);
}


.products-items-wrapper a {

    box-sizing: border-box;
    display: flex;
}

.product-item {
    box-sizing: border-box;
    flex-basis: 46.5%;
    padding: 35px 0;
    display: flex;
}

.product-item .item-inner {
    background: #ffffff;
    text-align: unset;
    padding: 35px;
    display: flex;
    flex-direction: column;
}

.offering-item-title h3 {
    color: #434343;
}

.offering-item-desc p {
    color: #434343;
}

.product-item:hover .item-inner {
    background: #fdfeff;
    transition: all .2s ease;
}

.blog-category-navigation, .news-category-navigation {
    background: #f6fbff;
}

.blog-category-item {
    padding: 0 27px;
}

.blog-category-item:last-child {
    padding-right: 0;
}

.blog-category-item:first-child {
    padding-left: 0;
}

.blog-category-item a {
    font-weight: bold;
    font-size: 17px;
    color: #3e4f60;
    padding: 27px 0;
    display: block;
    border-bottom: 2px solid transparent;
}

.blog-category-item a:hover, .blog-category-item a.active {
    border-bottom: 2px solid #fe6345;
    color: #fe6345;
}

.product-item:hover .item-inner .read-more-text, .blog-item:hover .item-inner .read-more-text {
    margin-right: 15px;
    visibility: visible;
    transition: all .1s ease;
}

section#product-content {
    padding: 35px 0 55px;
}

.product-item-icon {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.product-item-description {
    padding: 30px 0;
}

.product-item-title {
    margin: 20px 0 10px;
}

.product-item-title h4, .page-template-page-products-php .product-item-title h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
    color: #3e4f60;
}

.page-template-page-product footer {
    z-index: 1;
}

.product-item-description p {
    font-size: 16px;
    line-height: 36px;
    margin: 0;
}

.product-item .expandable-icon {
    background-color: #ff6445;
    position: relative;
}

.product-item .expandable-icon .line {
    width: 10px;
    height: 3px;
    background: white;
    position: absolute;
    top: 1px;
    left: -2px;
    right: 0;
    bottom: -1px;

}

.product-item .expandable-icon .line:nth-child(1) {
    transform: rotateZ(0deg);
    top: -6px;
}

.product-item .expandable-icon .line:nth-child(2) {
    transform: rotateZ(90deg);
    right: -7px;
}

.goto-product-icon .helper, .product-item-button .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin: auto;
}

.product-item-button img, .blog-item-button img {
    vertical-align: middle;
    max-height: 25px;
}

.goto-product-icon {
    width: 35px;
    height: 35px;
    background: #6778c5;
    text-align: center;
    border-radius: 70px;
    box-sizing: border-box;
    padding-right: 2px;
}

.product-item-button .read-more-text, .blog-item-button .read-more-text {
    position: relative;
    line-height: 38px;
    margin-right: 0;
    color: #6778c5;
    font-weight: bold;
    z-index: 1;
    visibility: hidden;
    text-align: right;
    transition: all .05s ease;

}

.blog-item-button .read-more-text {
    width: 100%;
    position: absolute;
    right: 50px;
}

.goto-product-icon img {
    pointer-events: none;
}

.icon-label {
    padding: 4px 0;
    background: #d34934;
    border-radius: 15px;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    box-sizing: border-box;
    width: 56px;
    top: 10px;
    z-index: 1;
}

.icon-label span {
    padding: 0;
    display: inline-block;
}


#single-product .container {
    justify-content: flex-start;
}

.single-product-content {
    padding: 100px 0;
}

#single-product .container > .leftColumn {
    flex-basis: 26%;
    background-color: #434343;
    z-index: 1;
    flex-direction: column;
    position: relative;
    padding-top: 100px;
}

.backgroundLeft {
    position: absolute;
    background-color: #434343;
    width: 1200px;
    z-index: 0;
    right: 0;
    top: 0;
    /* bottom: 200px; */
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
}

#single-product .container > .rightColumn {
    flex-basis: 74%;
    background-color: #434343;
    padding-top: 100px;
    padding-left: 100px;
}

.top-back {
    z-index: 1;
}

.go-back-button-wrapper {
    margin: 20px 0 50px;
}

.go-back-button-wrapper a {
    color: #fb6e53;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
}

#single-product .single-product-content > .leftColumn {
    flex-basis: 10%;
}

#single-product .single-product-content > .rightColumn {
    flex-basis: 90%;
    padding-left: 10px;
}

.leftContent {
    width: 310px;
    box-sizing: border-box;
}

.rightContent {
    width: 890px;
    box-sizing: border-box;
}

#single-product {
    background: #434343;
}

.single-product-number, .single-product-title {
    box-sizing: border-box;
    margin-top: 14px;
    padding-bottom: 41px;
}

.single-product-title {
    border-bottom: 1px solid #6778c5;
}

.integrations-item {
    background-color: #ffffff;
}

.single-product-number span {
    margin: 0;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #6778c5;
}

.single-product-title h1 {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    margin: 0;
}

.single-product-text strong {

    font-weight: bold;
    font-size: 20px;
    line-height: 43px;
}

.single-product-text p {
    line-height: 43px;
}

.single-product-number h2 {
    font-size: 36px;
    color: #fb6e53;
    margin: 0;
}

.separator-under {
    display: block;
    margin-top: 26px;
    border-bottom: 1px solid #eef6ff;
    width: 100%;
}

.single-product-text {
    padding-top: 20px;
}

.top-banner-image {
    text-align: center;
}

.top-banner-image img {
    max-width: 100%
}

.single-product-steps {
    display: flex;
}

.leftColumnSteps, .rightColumnSteps {
    flex-basis: 50%;
    padding-right: 70px;
}

.rightColumnSteps {
    padding-right: 0;
}

.step-label {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.step-label span {
    position: relative;
    color: #fe6345;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 3px;

    font-weight: 800;
    font-size: 15px;
}

.step-label::after {
    border-bottom: 4px solid #6778c5;;
    position: absolute;
    display: inline-block;
    content: "";
    height: 10px;
    top: 15px;
    width: 25px;
    left: 0;
}

.step-text p {
    margin: 0;
}

.single-step-item {
    margin-top: 40px;
    padding-bottom: 26px;
}

.single-step-item:not(:last-child) {
    margin-top: 40px;
    padding-bottom: 26px;
    border-bottom: 1px solid #eef6ff;
}


.product-menu-item-text h4 {

    font-size: 20px;
    font-weight: normal;
    color: #3e4f60;
}

.products-menu a {
    margin-bottom: 5px;
    display: block;
}

.active .product-menu-item-text h4 {
    font-weight: bold;
}

.product-menu-item {
    padding: 4px 0 4px 33px;
    border-left: 4px solid transparent;
    transition: all .2s ease;
}

.product-menu-item:hover, .product-menu-item.active {
    border-left: 4px solid #6778c5;
    background-color: #434343;
    transition: all .2s ease;
}

.product-menu-item h4 {
    color: #ffffff;
}

.products-menu {
    z-index: 1;
}


#contact-content .container, #launch-content .container {
    width: unset;
}

#contact-content .rightColumn, #launch-content .rightColumn {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 50%;
}

.form-title-launch {
    width: 100%;
}

.form-title-launch h1 {
    font-size: 42px;
    margin: 0;
}

.form-subtitle-launch {
    margin-top: 20px;
    width: 100%;
}

.form-subtitle-launch h3 {
    margin: 0;
    font-size: 17px;
    color: #3e4f60;
    font-weight: normal;
    color: rgba(62, 79, 96, 0.53)
}

.invalidFormField {
    border-bottom: 1px solid #d34934 !important;
}

.launch-form .single-form-field {
    padding-left: 0;
}

.contact-form {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    flex-basis: 600px;
    position: relative;
    padding: 70px 10px 80px 70px;
}

.launch-form {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    flex-basis: 600px;
    position: relative;
    padding: 0 10px 0 130px;
    align-content: center;
    justify-content: center;
}

.single-form-field {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    margin-top: 7px;
}

.single-form-field.wide-field {
    flex-basis: 100%;
}

#applicationForm .single-form-field > label, .contact-form label, .launch-form label {
    position: absolute;
    top: 30px;
    transition: top .2s ease;
    font-size: 17px;
}

label[for="URL"], #applicationForm label.activeInput, .contact-form label.activeInput, .launch-form label.activeInput {
    top: 0;
    transition: all .3s ease;
    font-size: 13px;
}

label[for="URL"] {
    top: 0 !important;

}

.launch-form .form-submit-button {
    float: left;
}

#applicationForm label.activeInput span, .contact-form label.activeInput span {
    font-size: 13px;
    transition: all .3s ease;

}

#applicationForm label span, .contact-form label span {
    text-transform: none !important;
    font-size: 17px;
    transition: all .3s ease;
    color: #b5b5b5;
}

input[type="text"], input[type="email"], input[type="number"] {
    z-index: 1;
    border: none;
    line-height: 20px;
    border-bottom: 1px solid #f3f3f3;
    transition: border-bottom .3s ease;
    height: 40px;
    background: transparent;

    font-size: 17px;
    padding: 10px 0;
    color: #ffffff;
}

#applicationForm .validFormField, #contact .validFormField, .activeInput + input[type="text"], .activeInput + input[type="number"], .activeInput + input[type="email"], .page-template-page-contact .dropdownOpenIndicator {
    border-bottom: 1px solid #6778c5;
    transition: border-bottom .3s ease;
    padding-left: 0;

}

.contact-form textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid lightgray;
    height: 50px;
    margin-top: 55px;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0.5px;
    resize: none;
    padding-left: 0;
}

#contact-content .graphic-item, #launch-content .graphic-item {
    padding-bottom: 10px;
}

#contact-content .content, #launch-content .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 600px;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 90px 60px 0
}

#contact-content .leftColumn, #launch-content .leftColumn {
    /*background-color: #434343;*/
    display: flex;
    justify-content: flex-end;
    z-index: 102;
}

#launch-content .leftColumn {
    background-color: #fe6345;
}

#launch-content h4.contact-subheading {
    text-transform: uppercase;

    font-size: 19px;
    font-weight: bold;
    line-height: 35px;
    color: #fdfeff;
}

#launch-content .leftColumn img {
    width: 313px;
}

#launch-content {
    height: 75vh;
}

#launch-content .container {
    height: 100%;
}

.bottomOverlay {
    position: absolute;
    background-color: #f6fbff;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    padding: 60px;
    display: flex;
    transition: right .6s ease;
    align-items: center;
    box-sizing: border-box;
}

.overlay_dn {
    display: none;
}

#careers-vacancies .expandable-item {
    cursor: unset;
}

#vacancy-application .bottomOverlayActive {
    right: 0 !important;
    transition: right .6s ease;
    background-color: #fdfeff;
    text-align: center;
}

#vacancy-application .afterSubmitMessage {
    margin: auto;
}

#vacancy-application .single-form-field {
    flex-basis: 33%;
    margin-top: 0;
    padding-bottom: 0;
}

#vacancy-application .single-form-field.wide-field {
    flex-basis: 100%;
}

#vacancy-application textarea {
    height: 80px;
}

form#vacancy-application {
    padding: 80px 0 100px;
    flex-basis: 100%;
}

#vacancy-application .leftColumn {
    flex-basis: 65%;
    display: flex;
    flex-wrap: wrap;
}

#vacancy-application .rightColumn {
    flex-basis: 35%;
}

section#vacancy-application-form {
    display: none;
    background: #fdfeff;
    overflow: hidden;
}

.activeForm {
    display: block !important;
}

.upload-btn-wrapper, .submit-btn-wrapper {
    position: relative;
    display: inline-block;
}

.errorWrapper, .generalErrorWrapper {
    padding: 10px 0;
}

.generalErrorWrapper {
    width: auto;
    padding: 10px;
    margin: 5px 0 0;
}

p.cvFileExtension, p.cvFileSize, p.cvNoFile {
    font-size: 13px;
    color: #fe6345;
    text-align: left;
    margin: 0;
    line-height: normal;
}

.generalErrorWrapper p {
    font-size: 14px;
    font-weight: bold;
    color: #fe6345;
    text-align: left;
    margin: 0;
    line-height: normal;
}

input#cv:valid + .form-upload-button {
    font-size: 15px;
    word-break: break-word;
}

.btn {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
    font-size: 50px;
    position: absolute;
    left: 0;
    top: 80px;
    visibility: hidden;
}

.bottomOverlayActive {
    opacity: 1;
    transition: opacity .6s ease;
    z-index: 101;
}

input[type='file'] {
    color: transparent;
}

h4.afterSubmitSubheading {
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    opacity: 0;
    transition: opacity 2500ms ease;
}

#applicationFormOverlay .afterSubmitHeading {
    margin-top: 0;
    margin-bottom: 10px;
}

.applicationFormOverlay > div {
    height: 100%;
}

h3.afterSubmitHeading {
    font-size: 36px;
    text-align: center;

    opacity: 0;
    transition: opacity 2500ms ease;
}

.thankYouPage h4.afterSubmitSubheading {
    font-size: 17px;
    margin: 0;
    line-height: 36px;
}

.thankYouPage .afterSubmitHeading {
    margin-bottom: 20px;
}

.bottomOverlayActive h3, .bottomOverlayActive h4 {
    opacity: 1;
    transition: opacity 2500ms ease;
}

.contact-heading {
    font-size: 48px;

    font-weight: 700;
    margin: 0;
}

.contact-subheading {
    margin: 10px;
    font-size: 20px;

    font-weight: normal;
}

.submit-button {
    flex-basis: 100%;
    text-align: right;
    padding-top: 40px;
}

#vacancy-application .submit-button {
    padding-top: 20px;
}

.upload-button {
    flex-basis: 100%;
    text-align: right;
    padding-top: 0;
}

.contact-info .container {
    padding: 55px 0;
}

.contact-info-item {
    flex-basis: 35%;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: -10px;
}

.contact-info-item:first-of-type {
    flex-basis: 45%;
    box-sizing: border-box;
}

.contact-info {
    background-color: #6778c5;
}

.contact-info-text {
    padding-left: 20px;
}

.contact-info-text p {
    color: #fff;
    line-height: 30px;
    font-size: 17px;
}

.contact-info-icon {
    border-radius: 50%;
    flex-basis: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    transition: background-color .2s ease;
    border: 1px solid transparent;
    flex-shrink: 0;
    margin-right: 10px;
}

.contact-info-icon .icon-image-wrapper {
    background: rgb(239 120 49);
}

.icon-image-wrapper {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    text-align: center;
    height: 50px;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contact-info-icon img {
    height: 25px;
    width: 25px;
    text-align: center;
}

.contact-info-icon.skype img {
    width: 26px;
    height: 26px;
}

.contact-info-item:first-of-type .contact-info-text {
    width: 350px;
}

.contact-info-item:last-of-type .contact-info-text {
    max-width: 185px;
}

.contact-info-icon:hover {
    border: 1px solid rgba(250, 250, 250, 0.5);
    transition: border .2s ease;
}

#services-intro-section {
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
}

#services-intro-section .container {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.services-top-banner-heading h1 {
    line-height: 65px;
    height: auto;
    margin-top: 0;
    margin-bottom: 25px;
    color: #fff;

}

.services-top-banner-heading {
    border: none;
    display: block;
    height: auto;
    padding: 0;

}

.payment-item-top {
    display: flex;
    justify-content: space-around;
}

.pit-left {
    float: left;
    flex-basis: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.pit-right {
    float: right;
    flex-basis: 50%;
    text-align: right;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.pit-img img {
    max-width: 45px;
}

.payment-item-top p {
    margin: 0;
    color: #fabc00;
    font-weight: bold;
    font-size: 15px;
}

.payment-model-item h3 {
    font-size: 36px;
    color: #434343;
    font-weight: bold;
    text-align: left;
    margin: 10px 0;
}

.payment-model-item p {
    color: #434343;
}

.payment-model-item .pit-left p {
    color: #fabc00;
}

.payment-method-item-desc {
    text-align: left;
    margin-top: 50px;
}

.payment-method-item-heading {
    margin-top: 50px;
}

.payment-method-item-subheading p {
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    line-height: normal;
    margin: 0;
    font-weight: bold;
}

.payment-method-item-subheading p span {
    letter-spacing: 1px;

}

.payment-model-item-wrapper {
    padding: 40px 0 80px
}

.services-items-wrapper {
    padding: 40px 0;
}

.services-item-heading h3 {
    color: #434343;
    font-weight: bold;
    font-size: 24px;
    margin: 10px 0;
}

.service-header-line {
    display: block;
    width: 25px;
    border-bottom: 4px solid #6778c5;
}

.services-item-desc p {
    font-size: 16px;
    line-height: 35px;
}

.services-item {
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 15px 0 15px 50px;
    display: flex;
}

.services-item:first-of-type {
    padding: 15px 0;
}

section#services-included-services {
    padding-top: 65px;
}

section#services-payment-model {
    padding-top: 80px;
}

.services-item .item-inner {
    box-shadow: unset;
    border-radius: 0;
    padding: 30px;
    text-align: left;
    border-right: 1px solid rgba(100, 100, 100, 0.1);
    background-color: #fff;
}


.services-item:last-of-type .item-inner {
    border: unset;
}

.payment-model-item {
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
}

.payment-model-item:first-child {
    padding-left: 0;
}

.payment-model-item:last-child {
    padding-right: 0;
}

.product-item-description p {
    color: #434343;
}

.dropdown-el {
    position: absolute;
    top: 36px;
    display: inline-block;
    min-height: 2em;
    max-height: 2em;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    color: #444;
    outline: none;
    transition: 0.3s all ease-in-out;
    z-index: 100;
    width: 249px;
    right: 0;
    line-height: 30px;
}

.dropdown-el input:focus + label {
}

.dropdown-el input {
    width: 1px;
    height: 1px;
    display: inline-block;
    position: absolute;
    opacity: 0.01;
}

#applicationForm .prefix-dropdown label, #applicationForm .phone-dropdown label, .dropdown-el label, .markets-dropdown label {
    display: block;
    height: 2em;
    line-height: 2em;
    background: #fdfeff;
    padding-right: 3em;
    cursor: pointer;
    position: relative;
    transition: 0.3s color ease-in-out;
    padding-left: 10px;
    opacity: 0;
}

#applicationForm .prefix-dropdown.expanded label, #applicationForm .phone-dropdown.expanded label, .dropdown-el.expanded label, .markets-dropdown.expanded label {
    opacity: 1;
}

.prefix-dropdown {
    top: 20px;
    height: 45px;
    right: unset;
    left: 0;
    width: 85%;
    max-height: unset;
}

.dropdown-el label:nth-child(2) {
}

.dropdown-el input:checked + label {
    display: block;
    border-top: none;
    width: 100%;
}

.dropdown-el input:checked + label:nth-child(2) {
    margin-top: unset;
    position: relative;
}

.select2-container {
    width: 90% !important;
}

.select2-search--dropdown {
    background: #fff;
    border: 1px solid lightgray;
}

.select2.select2-container .select2-selection--single {
    border: 0 !important;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: 2px 18px 20px rgba(150, 150, 150, 0.15);
    background: transparent !important;
    margin-top: 20px;
}

.search-margin {
    margin-top: 11px !important;
}

.search-margin .select2-results {
    border-top: 1px solid lightgray;
}

.phone-prefix-search-margin {
    margin-top: 15px !important;
}

.select2-results__option {
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);
    padding-left: 15px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f3f3f3 !important;
    color: #fe6345 !important;
    transition: all .2s ease;
}

.select2-results {
    background: #fdfeff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid lightgray;
    border-top: none;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fe6345 !important;
    color: #fff !important;
    transition: all .2s ease;
}

.date-month .select2-container, .date-day .select2-container, .date-year .select2-container {
    bottom: 15px;
    z-index: 2;
    position: absolute;
    left: 0;
}

input[aria-controls="select2-day_select-results"], input[aria-controls="select2-month_select-results"], input[aria-controls="select2-year_select-results"], input[aria-controls="select2-msv_select-results"] {
    display: none;
}

#msv_select + .select2-container, #markets_select + .select2-container, #acquisition_select + .select2-container {
    z-index: 2;
    top: 31px;
    position: absolute;

}

#acquisition_input {
    color: transparent;
}

label + span.chooseMarket {
    position: absolute;
    top: 34px;
    color: #808080cc;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

#select2-markets_select-container {
    color: transparent;
}

span[aria-labelledby="select2-markets_select-container"] {
    background-color: transparent !important;
}

.phone-field .phone-prefix .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    left: 0;
    top: 27px;
    position: absolute;
    vertical-align: middle;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    border: none !important;
    min-width: 120px !important;
}

.contact-form .dropdown-el:after {
    content: "\>";
    transform: rotate(90deg);
    opacity: 1;
    transition: all .4s ease;
}

.contact-form .dropdown-el.expanded:after {
    content: "\>";
    opacity: 0;
    transform: rotate(90deg);
    transition: all .4s ease;
}

.dropdown-el::after {
    content: "";
    opacity: 1;
    position: absolute;
    right: 4px;
    top: -9px;
    transition: .4s all ease-in-out;
}

.prefix-dropdown::after, .markets-dropdown:after {
    transform: rotate(-270deg);
    content: "\>";
    position: absolute;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dropdown-el.expanded {
    padding: 0;
    max-height: 15em;
    box-shadow: 0 20px 11px 7px rgba(150, 150, 150, 0.28);
    overflow: visible;
    background-color: #fdfeff;
}

.select2-results__options::-webkit-scrollbar {
    width: 13px !important;
    box-shadow: inset 0 0 5px rgba(187, 187, 187, 0.5);
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: radial-gradient(#bfbfbf00, #e5e5e5) !important;
    height: 20px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important
}

.select2-results__options::-webkit-scrollbar {
    width: 3px;
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}

.dropdown-el.expanded label {
    border-top: .06em solid #d9d9d9;
    padding: 2px 5px 2px 15px;
    box-sizing: border-box;
}

.dropdown-el.expanded label:hover {
    background: #fcfcfc;
}

.dropdown-el.expanded label:hover {
    color: #fe6345;
}

.dropdown-el.expanded input:checked + label {
    color: #fe6345;
}

.dropdown-el.expanded::after {
    opacity: 0;
    right: 0;
    top: -9px;
    transition: opacity .4s ease;
}

#news-intro-section, #blog-intro-section {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 350px;
    display: flex;
    align-items: flex-end;
}

#news-intro-section .container {
    margin: 0 auto;
}


.blog-first-content .leftColumn, .news-first-content .leftColumn {
    flex-basis: 30%;
}

.blog-first-content .rightColumn, .news-first-content .rightColumn {
    flex-basis: 70%;
}

.blog-intro-heading, .news-intro-heading, .applynow-intro-heading {
    line-height: normal;

    height: auto;
    color: #fff;
    font-size: 48px;
    border: none;
    padding-left: 0;
}

.section-heading.blog-intro-subheading, .section-heading.news-intro-subheading {
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding-left: 0;
}

.blog-intro-subheading h4, .news-intro-subheading h4 {
    font-weight: normal;
}

#blog-intro-section .graphicItem img {
    max-width: 90%;
    padding-left: 60px;
}

.blog-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 65px 0 25px;
    justify-content: space-between;
}

.blog-item-button {
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 200px;
    display: flex;
    justify-content: flex-end;
}

.blog-item-description {
    margin-bottom: 35px;
}

.news-items-wrapper .blog-item-description {
    margin-bottom: 0;
}

.blog-details {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-bottom: 65px;
}

.news-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
}

.news-items-wrapper .blog-item {
    margin: 30px 24px 20px 0;
    flex: 0 0 31.333333%;
}

.news-items-wrapper .blog-item .item-inner {
    padding: 0;
}

.news-item {
    flex-basis: 22%;
    box-sizing: border-box;
    /* padding: 15px; */
    display: flex;
    margin: 15px;
}

.news-item:first-of-type {
    margin-left: 0;
}

.news-item:last-of-type {
    margin-right: 0;
}

.blog-item {
    flex-basis: 48%;
    box-sizing: border-box;
    padding: 0;
    margin: 40px 0;
    display: flex;
}

.blog-item-icon img, .news-item-icon img {
    width: 100%;
}

.blog-item-icon {
    width: 150px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

.blogContainer .blog-item-icon {
    width: 100%;
    height: 100%;
    min-height: 250px;

}

.news-item-description p {
    font-size: 13px;
    line-height: 27px;
    text-align: left;
}

.blog-item-description p {
    font-size: 14px;
    line-height: 27px;
    text-align: left;
}

.news-items-wrapper .blog-item-description p {
    margin: 0;
}

.news-item-title h4 {
    font-size: 20px;

    text-align: left;
    line-height: 34px;
}

.news-items-wrapper .blog-item-title h4 {
    font-size: 16px;

    text-align: left;
    line-height: 22px;
}

.blog-item-title h4 {
    font-size: 24px;

    text-align: left;
    line-height: 38px;
}

.blog-intro-heading h1, .news-intro-heading h1 {
    font-size: 48px;
    margin: 30px 0;

}

.news-item a {
    height: 100%;
}

.news-item .item-inner {
    background-color: #f6faff;
    transition: background-color .2s ease;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
}

.news-item:nth-of-type(5) {
    margin-left: 0;
}

.single-blog-feed .blog-items-wrapper {
    padding: 25px 0;
}

.blog-item .item-inner {
    background-color: #f6faff;
    transition: background-color .2s ease;
    padding: 15px 20px 15px 20px;
}

.blog-item .item-inner:hover, .news-item .item-inner:hover {
    background-color: #fff;
    transition: background-color .2s ease;
}

.blog-item .item-inner {
    display: flex;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.blog-item .item-inner {
    width: 100%;
    padding: 0 0 20px;
}

.blogContainer {
    width: 100%;
}

.blog-item .blogThumb img {
    max-width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.blogThumbnail {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.news-items-wrapper .blogThumbnail {
    transition: all .6s ease;
    opacity: 0.5;

}

.news-items-wrapper .blog-item:hover .blogThumbnail {
    transform: scale(1.1);
    transition: all .6s ease;
    opacity: 1;
    border-radius: 5px;
}

.blog-item .blog-details {
    padding: 20px;
    padding-bottom: 40px;
}

.blog-item a {
    width: 100%;
    height: 100%;
}

.blog-item {
    align-items: end;
}

.fancybox-thumbs__list a:before {
    border: 3px solid #fe6345 !important;

}

/* unused atm */
.blogLeft {
    flex-basis: 40%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.blogThumb {
    flex-basis: 40%;
}

.news-items-wrapper .blogThumb {
    overflow: hidden;
}

.blogRight {
    flex-basis: 60%;
}

.blog-item-date {
    padding: 10px 0;
    font-size: 13px;

    text-align: left;
    margin: 0;
    color: rgba(62, 79, 96, 0.5);
    font-weight: bolder;
}

.news-items-wrapper .blog-item-date {
    font-size: 12px;
}

.blog-item-title h4, .blog-item-date h4 {
    margin: 0;
}

#single-blog-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 500px;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#single-news-intro {
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-news-intro-data {
    margin-top: 30px;
}

.single-blog-intro-heading {
    margin-top: 40px;
}

.single-blog-intro-heading h1, .single-news-intro-heading h1 {
    font-size: 36px;

    margin: 0;
}

.single-blog-intro-heading h1 {
    text-align: center;
    margin-bottom: 20px;
}

.single-blog-intro-data {
    text-align: center;
}

.single-blog-intro-data p {
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 2px;
}

.single-news-intro-data span {
    color: #3e4f60;
    text-transform: uppercase;
    margin: 0;

    font-weight: 600;
    letter-spacing: 1px;
}

#single-news-content .container, #single-news-intro .container {
    width: 830px;;
}

#single-blog-content .container, #single-blog-intro .container {
    width: 1000px;
}

.single-news-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

.single-news-content a {
    font-weight: bold;
    color: #fe6345;
}

.gallery-item img {
    border: none !important;
}

.gallery dl.gallery-item {
    float: unset !important;
    width: 48% !important;
    margin: 0 !important;
}

.gallery {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.gallery p {
    display: none;
}

.single-news-content p, .single-news-content {
    line-height: 40px;
}

.single-news-content td {
    padding: 15px;
}

.single-news-content td img {
    width: 40px;
}

.single-news-content h1, .single-news-content h2, .single-news-content h3, .single-news-content h4, .single-news-content h5, .single-news-content h6 {

    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: left;

}

.single-news-content h1, .single-news-content h2, .single-news-content h3, .single-news-content h4 {
    position: relative;

    letter-spacing: 0;

}

.single-news-content h1 {
    font-size: 32px;
    line-height: 50px;

}

.single-news-content h1:after {
    content: "\n";
    position: absolute;
    left: 0;
    color: transparent;
    bottom: -5px;
    border-bottom: 4px solid #6778c5;
    width: 30px;
}

.single-news-content h2 {
    font-size: 24px;
    line-height: 40px;

}

.single-news-content h3 {
    font-size: 22px;
    line-height: 35px;
}

.single-news-content h4 {
    position: relative;
}

.single-news-content h2:after, .single-news-content h3:after, .single-news-content h4:after {
    content: "\n";
    position: absolute;
    left: 0;
    color: transparent;
    bottom: -2px;
    border-bottom: 4px solid #6778c5;
    width: 30px;
}

.single-news-content h3:after, .single-news-content h4:after {
    border-bottom: 3px solid #6778c5;
}


.single-news-content {
    padding: 0 0 40px;
}

.single-news-social-icon {
    margin-right: 10px;

}

.single-news-social {
    justify-content: flex-start;
}

.single-news-bottom-button {
    display: flex;
    align-items: center;
}

.single-news-bottom.social-icons {
    padding-bottom: 30px;
    width: auto;
    justify-content: end;

}

.single-news-social-icon div img {
    margin: auto;
    max-width: 20px;
}

.back-to-archive-button a {
    color: #6778c5;
    font-weight: bold;
    padding: 3px 0;
    border-bottom: 1px solid #6778c5;

}

.back-to-archive-button svg {
    height: 15px;
    transform: rotate(180deg);
    margin-right: 4px;
}

.back-to-archive-button svg path {
    fill: #6778c5;
}

.single-news-social-icon div {
    cursor: pointer;
    height: 48px;
    width: 48px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background-color: #212121;
    border: 1px solid transparent;
}

.single-news-social-icon div:hover {
    background-color: transparent;
    transition: all .2s ease;
    border: 1px solid #6778c5;
}

.post-feed {
    padding-bottom: 20px;
}

.single-blogthumbnail {
    text-align: center;
    padding-top: 50px;
}

.single-blog-thumbnail img {
    width: 100%;
}

section#careers-intro-section {
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#privacy-intro-section {
    padding: 120px;
    background-size: cover;
    background-repeat: no-repeat;
}

#price-intro-section {
    position: relative;
    overflow: hidden;
    padding-top: 94px;
    padding-bottom: 94px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-price-heading {
    border-left: 4px solid #6778c5;
}

.section-price-heading h1 {
    font-size: 28px;
    margin: 0 0 0 8px;
}

img.price-img {
    display: block;
    position: absolute;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img.price-top {
    right: -25px;
    top: 37px;
}

img.price-bottom {
    left: 33px;
    bottom: -22px;
}


.careers-intro-content, .privacy-intro-content {
    justify-content: center;
}

.careers-intro-heading {
    border: none;
    margin-bottom: 40px;
    display: block;
    line-height: normal;
    height: auto;
    text-align: center;
    width: 100%;
}

#careers-intro-section .button-wrapper {
    width: 100%;
    text-align: center;
}

.privacy-intro-heading {
    border: none;
}

.careers-intro-subheading {
    margin: auto;
    margin-bottom: 40px;
    width: 540px;
    text-align: center;
    line-height: 36px;
}

.careers-intro-subheading h4 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: normal;
}

.careers-intro-heading h1, .privacy-intro-heading h1 {
    font-size: 48px;
    height: auto;
    margin: 0;
    color: #fff;
}

.careers-intro-content .button-regular {
    text-align: center;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 30px;
}

.price-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    column-gap: 20px;
    row-gap: 100px;
    max-width: 1400px;
    justify-items: center;
    margin: 115px auto 150px;
}


.price-box .price-item {
    background-color: #fff;
    border-radius: 15px;
    width: 310px;
    height: 431px;
}

.price-text {
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-top: 75px;
    line-height: 37px;
}

.price-items-header {
    padding: 15px 30px;
    border-radius: 25px;
    min-width: 135px;
    width: fit-content;
    height: 34px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    margin: -25px auto auto;
    line-height: 1.3;
}

.price-item:nth-child(1) .price-items-header, .price-item:nth-child(1) a.price-button-link {
    background-color: #686660;
}

.price-item:nth-child(2) .price-items-header, .price-item:nth-child(2) a.price-button-link {
    background-color: #6778c5;
}

.price-item:nth-child(3) .price-items-header, .price-item:nth-child(3) a.price-button-link {
    background-color: #EFD27B;
}

.price-item:nth-child(4) .price-items-header, .price-item:nth-child(4) a.price-button-link {
    background-color: #F98585;
}

a.price-button-link:hover {
    opacity: 0.8;
    transition: all .2s ease;
}

.price-item {
    position: relative;
}


.price-item::before {
    content: "";
    position: absolute;
    top: -55px;
    left: -20px;
    right: -20px;
    bottom: -50px;
    border-radius: 15px;
    border: 1px dashed transparent;
    transition: border 0.1s;
    pointer-events: none; /* Предотвращение взаимодействия с псевдоэлементом */
}

.price-item:nth-child(1):hover::before {
    border: 2px dashed #686660;
}

.price-item:nth-child(2):hover::before {
    border: 2px dashed #6778c5; /* Оконтовка для второго элемента */
}

.price-item:nth-child(3):hover::before {
    border: 2px dashed #EFD27B; /* Оконтовка для третьего элемента */
}

.price-item:nth-child(4):hover::before {
    border: 2px dashed #F98585; /* Оконтовка для четвертого элемента */
}


.price-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center;
}

a.price-button-link {
    color: #fff;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 15px;
    font-weight: 600;
    transition: all .2s ease;
}

@media screen and (max-width: 767px) {
    #price-intro-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

h2.price-faq-heading {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 26px;
}

.careers-intro-content .button-regular:hover {
    background-color: transparent;
    transition: all .2s ease;
    border: 1px solid #434343;
}

.careers-intro-content .button-regular:hover {

}

.careers-intro-content .button-regular:hover a {
    color: #434343;
    transition: color .2s ease;
}

.careers-intro-content .button-regular a {
    color: #ffffff;
    font-size: 20px;
}

.careers-sub-intro-content p {
    margin: 0;
}

.careers-sub-intro-content h3 {
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    margin: 0;
    line-height: 45px;

}

#careers-sub-intro {
    background-color: #434343;
}

.careers-sub-intro-content {
    padding: 60px 0;
}

.careers-sub-intro-content .leftColumn {
    padding-right: 85px;
}

.careers-sub-intro-content .rightColumn {
    padding-left: 80px;
}

.employee-points-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 110px;
}

.careers-employee-points-heading {
    text-align: center;
    font-size: 15px;

    text-transform: uppercase;
    margin: 80px 0 40px;

}

.careers-employee-points-heading h4 {
    letter-spacing: 2px;
    margin: 0;

}

.employee-point-icon {
    text-align: center;
}

.employee-point-text {

    color: #6778c5;
    text-transform: uppercase;
}

.employee-point-text h5 {
    letter-spacing: 2px;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
}

.vacancy-expanded-wrapper, .privacy-notice-expanded-wrapper {
    display: flex;
    width: 1200px;
    margin: auto;
}

.privacy-notice-expanded-wrapper {
    justify-content: flex-end;
}

.privacy-policy-item {
    width: 60%;
}

#careers-vacancies .heading-wrapper {
    width: 1200px;
    margin: auto;

}

#careers-vacancies .expandable-list {
    padding-top: 15px;
}

.privacy-notice .expandable-list {

}

.vacancyLeft {
    flex-basis: 30%;
}

.vacancyRight {
    flex-basis: 70%;
}

.vacancyRight p, .vacancyRight ul li, .privacy-policy-item p, .privacy-policy-item ul li {
    font-size: 16px;
    line-height: 35px;
    position: relative;
}

.single-product-content .rightColumn p, .single-product-content ul li {
    line-height: 40px;
    position: relative;
}

.vacancyRight h4 {
    color: #6778c5;
    font-weight: bold;
    font-size: 18px;
}

.single-product-content .rightColumn span {
    font-size: 15px;
    color: #6778c5;
    font-weight: bold;
}

.vacancy-roles-responsibilities, .vacancy-skills-expertise {
    padding-left: 30px;
    position: relative;
}

.vacancyRight ul li:after, .single-product-content ul li:after, .single-news-content ul li:after {
    position: absolute;
    content: '\A';
    left: -30px;
    width: 5px;
    height: 5px;
    background: #6778c5;
    border-radius: 50%;
    top: 17px;
    margin: auto;
}

.single-news-content ul li {
    position: relative;
}

.privacy-policy-item ul li:after {
    position: absolute;
    content: '\A';
    left: -30px;
    width: 5px;
    height: 5px;
    background: #fe6345;
    border-radius: 50%;
    top: 17px;
    margin: auto;
}

.vacancyRight ul, .single-product-content ul, .privacy-policy-item ul, .single-news-content ul {
    list-style: none;
    margin-left: 32px;
}

.expandable-header, .expandable-header_notogle {
    color: #434343;
    display: flex;
    justify-content: space-between;
}

.expandable-header p, .expandable-header_notogle p {
    color: #7e8a97;
    margin: 0;
    font-weight: normal;
}

.expandable-header_notogle.fx.fx-ac.fx-jb {
    margin-top: 20px;
}

#careers-vacancies .expandable-item, #privacy-notice .expandable-item {
    padding: 0 35px;
    width: 100%;
}

#careers-vacancies .container, #privacy-notice .container {
    width: 100%;
}

.select2-results {
    height: 200px;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
    width: auto;
    margin-right: 11px !important;
    overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 5px;
    height: 100%;
    top: 0;
    right: 0;
    background: radial-gradient(white, #e9e9e9);
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 8px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCustomScrollBox {
    -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent !important;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 11px !important;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 0 !important;;
    -moz-border-radius: 0 !important;;
    border-radius: 0 !important;;
    border-bottom-right-radius: 5px !important;;
    -webkit-border-bottom-right-radius: 5px !important;;
    -webkit-border-bottom-right-radius: 5px !important;;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 11px !important;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    background: #fe6345 !important
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
}

#careers-vacancies .expandable-header, #privacy-notice .expandable-header {
    width: 1200px;
    cursor: pointer;
    margin: auto;
    padding: 35px 0;
    border-top: 1px solid rgba(150, 150, 150, 0.15);
}

.header-side h2 {
    position: relative;
    font-weight: bold;
    font-size: 20px;

    margin: 0;
}

.expandable-item:first-of-type .expandable-header {
    border-color: transparent !important;
}

#careers-vacancies .active .expandable-header, #privacy-notice .active .expandable-header {
    border-bottom-color: transparent;
}

#privacy-notice .active .expandable-body {
    padding-bottom: 50px;
}

#careers-vacancies .expandable-item.active, #privacy-notice .expandable-item.active {
    box-shadow: unset;
    background: #f6fbff;
    margin-bottom: 0;

}

section#careers-vacancies {
    padding: 80px 0;
}


.careers-expand-icon, .privacy-notice-expand-icon {
    width: 35px;
    height: 35px;
    background: #e2ebff;
    text-align: center;
    border-radius: 70px;
    box-sizing: border-box;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5px;
    top: 0;
}

.careers-expand-icon svg {
    height: 25px;
    transform: rotate(0deg);
    transition: transform .2s ease;
}

.privacy-notice-expand-icon svg {
    height: 25px;
    transform: rotate(90deg);
    transition: transform .2s ease;
}

.expandable-item.active .careers-expand-icon {
    background-color: #ff6445;
    transition: all .2s ease;
}

.expandable-item.active .privacy-notice-expand-icon {
    background-color: #fe6345;
}

.expandable-item.active svg path {
    transition: fill .2s ease;
    fill: #fff;
}

.expandable-item.active svg {
    transform: rotate(90deg);
    transition: transform .2s ease;
}

.expandable-item.active .privacy-notice-expand-icon svg {
    transform: rotate(270deg);
    transition: transform .2s ease;
}

.careers-expand-icon svg path, .privacy-notice-expand-icon svg path {
    fill: #fe6345;
    pointer-events: none;
    transition: fill .2s ease;

}

.vacancy-application-button-wrapper {
    margin-top: 20px;
}

.error404 .error-page {
    background-color: #fe6345;
    height: 100%;
    display: flex;
}

.error404 main .leftColumn {
    text-align: right;
}

.error404 main {
    height: 77vh;
}


#careers-vacancies .expandable-item.active:first-child {
    margin-top: 10px;
}

.error-page .container {
    align-items: end;
    display: flex;
}

.errorPage {
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
}

.error-page .leftColumn, .error-page .rightColumn {
    padding: 40px 55px 40px 20px;
}

.error-page .leftColumn {
    flex-basis: 45%;
}

.errorPage h2 {
    color: #fff;
    font-size: 36px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.errorPage p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 10px;
}

.errorPage p a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;

}

.error-page img {
    max-width: 270px;
}

.errorPage h1 {
    margin: 0;
    font-size: 120px;
    height: auto;
    display: block;
    line-height: 90px;
    color: #fff;
    font-weight: 900;
}

.apply-vacancy {
    background-color: #e8f1ff;
    color: #fe6345;
    font-weight: bold;
    font-size: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 30px;
}

.apply-vacancy:hover {
    background-color: transparent;
    transition: all .2s ease;
    color: #fe6345;
    border: 1px solid #fe6345;
}

section#crm-intro-section, #applynow-intro-section {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0;
}

section#crm-intro-section {
    min-height: 400px;
}


@keyframes rolling-loader {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes rolling-loader {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.notShown {
    opacity: 0 !important;
    transition: opacity .4s ease

}

.rolling-loader {
    position: relative;
    margin: auto;
    height: auto;
    left: 20px;
    bottom: -2px;
    text-align: center;
    opacity: 1;
    transition: opacity .4s ease

}

.rolling-loader div, .rolling-loader div:after {
    position: relative;
    width: 50px;
    margin: auto;
    height: 50px;
    background-color: #fe6345;
    border: 3px solid #fe6345;
    border-top-color: transparent;
    border-radius: 50%;
    box-shadow: 0px 1px 4px rgba(100, 100, 100, 0.1);
}

.rolling-loader div {
    animation: rolling-loader 1s linear infinite;

}

.rolling-loader div:after {
    transform: rotate(90deg);
}


.section-heading.crm-intro-heading {
    line-height: normal;

    height: auto;
    color: #fff;
    font-size: 48px;
    border: none;
    padding-left: 0;
}

.section-heading.crm-intro-subheading {
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    height: auto;
    padding-left: 0;
}

.crm-intro-heading h2 {
    font-size: 48px;
    height: auto;
    margin-bottom: 10px;
}

.crm-intro-subheading h4 {
    font-weight: normal;
    margin-top: 10px;
    line-height: 40px;
    margin-bottom: 0;
}

.crm-intro-content .leftColumn {
    flex-basis: 100%;
    text-align: center;
}

.crm-intro-content .rightColumn {
    flex-basis: 58%;
}

.crm-item {
    flex-basis: 25%;
    box-sizing: border-box;
    position: relative;
    padding: 26px 10px;
    cursor: pointer;
    margin-bottom: 130px;
}

.crm-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: center;
}

.content-expanded {
    position: absolute;
    box-sizing: border-box;
    border-radius: 8px;
    top: 0;
    left: 0;
    padding: 15px 25px;
    padding-top: 140px;
    box-shadow: 6px 7px 15px 8px rgba(95, 95, 95, 0.1);
    background-color: #6778c5;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
}

.content-expanded p {
    font-size: 15px;
    line-height: 30px;
    margin: 0;
}

.content-basic {
    padding: 0 15px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100px;
}

.crm-item.active .content-expanded {
    visibility: visible;
    opacity: 1;
    transition: opacity .4s ease;
}


.crm-item:hover .content-basic {
    z-index: 10;
}

.content-basic img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 100%;
    margin: auto;
}

.applynow-intro-content {
    justify-content: center;
    padding: 130px 0;
}

.progress-icons {
    display: flex;
    padding: 60px 160px;
}

.progress-item {
    flex-basis: 25%;
    text-align: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.pr-it-outer {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: unset;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    transition: background .5s ease;
}

.pr-it-inner {
    position: relative;
    height: 85px;
    border-radius: 50%;
    width: 85px;

    background: #fdfeff;
    transition: background .5s ease;
}

.progress-item span:first-of-type {
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 9px;

    font-weight: bold;
    letter-spacing: 1px;
    display: block;
}

.progress-item span.nr {
    color: #fbc31a;
    font-size: 31px;
    font-weight: 800;
    margin: 0;

}

#apply-now-form-section::after {
    content: "";
    width: 100%;
    top: 115px;
    z-index: 1;
    position: absolute;
    height: 2px;
    left: 0;
    background-image: linear-gradient(to right, transparent 60%, rgb(250 188 0) 50%);
    background-size: 7px 100%;

}

#apply-now-form-section .form-wrapper {
    padding-bottom: 30px;
}

#apply-now-form-section {
    position: relative;
    z-index: 10000;
}

#apply-now-form-section .container {
    z-index: 10;
}

#apply-now-form-section .flexColumn {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.selected-markets {
    padding: 10px 0;
    display: flex;
    position: relative;
    top: 0;
    width: 100%;
    flex-wrap: wrap;
}

.selected-market-item {
    cursor: pointer;
    border-radius: 50px;
    border: 1px solid #6778c5;
    width: auto;
    padding: 5px 12px 5px 10px;
    font-weight: bold;
    line-height: 20px;
    color: #6778c5;
    margin: 5px 5px 5px 0;
    display: flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
}

.selected-market-item img {
    height: 10px;
    margin-right: 10px;
}

.markets-dropdown {
    top: 25px;
    height: 81px;
    right: unset;
    left: 0;
    width: 85%;
}

.interestItem, .howDidYouHearAboutUsItem {
    display: flex;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: auto;
    padding: 0 75px 0 0;
    -webkit-tap-highlight-color: transparent;
}

.interestItemCheckbox, .howDidYouHearAboutUsItemCheckbox {
    width: 20px;
    position: relative;
    height: 19px;
    border: 1px solid #6778c5;
    border-radius: 50px;
    min-width: 20px;
}

.interestItemDetails, .howDidYouHearAboutUsItemDetails {
    display: flex;
    border-radius: 5px;
    flex-basis: 100%;
    box-sizing: border-box;
    height: auto;
    line-height: 20px;
}

.activeInterestItem .interestItemCheckbox, .activehowDidYouHearAboutUsItem .howDidYouHearAboutUsItemCheckbox {
    border: 1px solid #6778c5;
    background-color: #6778c5;
    transition: all .5s ease;
}

.detailsInner {
    display: flex;
    justify-content: space-between;
    margin-left: 15px;
}

.detailsInner h4, .detailsInner label {
    margin: 0;
    color: #475c6d;
}

.form-heading {
    flex-basis: 100%;
}

.form-heading h3 {
    color: #ffffff;
    margin: 0;
}

.form-section {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
}

.launch-form .form-section.fields {
    margin-top: 60px;
}

iframe .rc-anchor-normal .rc-anchor-content {
    height: 74px;
    width: 206px;
    background: #fff !important;
}

.g-recaptcha-warning {
    display: none;
}

.g-recaptcha-warning p {
    color: red;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 0 0;
}

.step:not(:first-of-type) {
    display: none;
}

.hidden-blog-item {
    display: none;
}

.activeStep {
}

.thankYou + .rightColumn {
    width: 0 !important;
    opacity: 0 !important;
    transition: opacity .2s ease;
}

#launch-content .thankYou {
    width: 100%;
    transition: width .2s ease;
    flex-basis: unset;
    padding: 54px 0;
}

.thankYou {
    width: 100%;
    flex-basis: unset;
}

.thankYou .content {
    flex-basis: 100% !important;
    padding: 0 !important;
    -webkit-animation: hideCentreShow 2s; /* Safari 4+ */
    -moz-animation: hideCentreShow 2s; /* Fx 5+ */
    -o-animation: hideCentreShow 2s; /* Opera 12+ */
    animation: hideCentreShow 2s; /* IE 10+, Fx 29+ */

}

.afterSubmitTextSubheading {
    display: none;
    color: #fff;
    font-size: 19px;
    line-height: 40px;

}

.afterSubmitTextHeading {
    display: none;
    color: #fff;
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 0;
    margin-top: 20px;
}

.afterSubmitTextSubheading a {
    color: #fff;
    text-decoration: underline;
}

.thankYou .afterSubmitTextSubheading, .thankYou .afterSubmitTextHeading {
    display: block;
}

.thankYou .contact-subheading {
    display: none;
}

@-webkit-keyframes hideCentreShow {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes hideCentreShow {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes hideCentreShow {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1;
    }
}

@keyframes hideCentreShow {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 1;
    }
}


button.button-regular.form-prev, button.button-regular.form-next {
    background-color: #6778c5;
    text-align: center;
    padding: 15px 20px;
    display: inline-block;
    border: transparent;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    width: 200px;
    cursor: pointer;
}

button.button-regular.form-next:hover {
    background-color: #4a775a !important;
    color: #f2f8ff;
    transition: background-color .2s ease;
}

button.button-regular.form-prev:hover {
    background-color: #4a775a !important;
    color: #f2f8ff;
    transition: background-color .2s ease;
}

.form-button-left {
    flex-basis: 50%;
    text-align: left;
    padding: 25px 0 30px;
}

.form-button-right {
    flex-basis: 50%;
    text-align: right;
    padding: 25px 0 30px;
}

.step3 .form-button-left, .step3 .form-button-right {
    padding: 15px 0 40px;
}

.form-section.companyDetails {
    padding-top: 60px;
    width: 900px;
}

.form-section.contactDetails {
    width: 900px;
}

.step .single-form-field {
    padding: 10px 40px 10px 0;
    margin-top: 30px;
    justify-content: flex-start;
}

.input-error-message {
    opacity: 0;
    transition: opacity .2s ease;
    font-weight: bold;
    font-size: 14px;
    color: #d34934;
    margin-top: 5px;
    text-align: left;
    align-self: end;
    display: none;

}

#markets_input + .input-error-message {
    display: none;
}

.invalidFormField + .input-error-message, #markets_input.invalidFormField + .input-error-message, .invalidCheckbox + .input-error-message, .date-launch.active {
    opacity: 1;
    display: block;
    position: absolute;
    bottom: -14px;
}

input[type="checkbox"] {
    display: none;
}

#markets_input + .input-error-message {
    bottom: 7px !important;
}

#msv_input + .input-error-message {
    bottom: 8px;
}

.invalidCheckbox + .input-error-message {
    margin-top: 25px;
}

.acquisition-checkbox + .input-error-message {
    margin-top: 15px;
    position: absolute;
    bottom: 65px;
}

.date-dropdown-wrapper span.input-error-message {
    font-size: 12px;
    width: 85%;
}

.companyDetails .form-heading, .contactDetails .form-heading {
    margin-bottom: 15px;
}

.activeProgressItem .pr-it-inner {
    background-color: #6778c5;
    transition: background-color .5s ease;
}

.activeProgressItem span.nr, .activeProgressItem span:first-of-type {
    color: #fff;
    transition: color .2s ease;
}

.activeProgressItem .pr-it-outer {
    background: #6778c5;
    transition: background .5s ease;
}

.progress-item .pr-it-outer:hover {
    box-shadow: 0 0 12px 1px rgba(230, 230, 230, 0.2);
    transition: all .2s ease;
}

.howDidYouHearAboutUsItem {
    flex-basis: 25%;
    padding: 0;
    margin-bottom: 70px;
}

.single-form-field.date-field {
    flex-direction: column;
    padding-right: 145px;
    padding-top: 0;
}

.date-field label {
    position: absolute;
}

.single-form-field.phone-field {
    flex-direction: row;
    padding-top: 0;
}

.phone-field input.phone {
    width: 100%;
}

.phone-prefix {
    position: relative;
    width: 20%;
}

.phone-prefix label {
    padding-right: 0 !important;
}

.phone-field .dropdown-el.prefix-dropdown.expanded {
    width: 150px;
}

input.prefix {
    width: 85%;
    padding-top: 1px;
}

input.date-part {
    width: 85%;
    padding-top: 20px;
}

.phone-number {
    width: 85%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-top: 10px;
}

.date-dropdown-wrapper {
    position: relative;
    width: 33%;
}

.date-day .expanded, .date-month .expanded, .date-year .expanded {

}

.checkboxWarning .interestItemCheckbox, .checkboxWarning .howDidYouHearAboutUsItemCheckbox {
    border: 1px solid #fe6345;
}

#applicationForm .dropdown-el.expanded {
    padding: 0;
    max-height: 300px;
    overflow: scroll;
    height: auto;
    overflow-x: hidden;
    opacity: 1;
    z-index: 100000;
}

#applicationForm .dropdown-el {
    opacity: 1;
    border: 1px solid transparent;

}

.website_details_section {
    width: 75%;
}

#applicationForm .dropdown-el::after {
    right: 8px;
    top: 18px;
}

#applicationForm .prefix-dropdown::after {
    top: 8px;
}

.applicationFormOverlay {
    height: 78vh;
    display: flex;
    position: relative;
    transition: all .6s ease;
    display: none;
}


.applicationFormOverlay .rightColumn {
    flex-basis: 100%;
}

.applicationFormOverlay .leftColumn {
    flex-basis: 43%;
    padding-right: 45px;
}

.applicationFormOverlay .leftColumn img {
    float: right;
}

.goToWebsite a {
    color: #6778c5;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.thankYouPage {
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
}

.goToWebsite {
    text-align: left;
    margin-bottom: 10px;
}

.applicationFormOverlayActive h3, .applicationFormOverlayActive h4 {
    opacity: 1;
    transition: opacity 2500ms ease;
}

.applicationFormOverlay .afterSubmitHeading,
.applicationFormOverlay .afterSubmitSubheading {
    text-align: left;
}

.applicationForm > .container {
    align-items: flex-end;
}

.button-regular a {
    padding: 16px 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 17px;
}

._pad_12_20 a {
    padding: 12px 20px;
}

.integrations-button a {
    padding: 16px 20px;
}

.integrations-button:hover {
    background-color: #fff;
    transition: background-color .2s ease;
}

.integrations-button:hover a {
    color: #fe6345;
}

.markets-dropdown:after {
    top: 10px !important;
}

.markets-dropdown.expanded:after {
    top: 10px !important;
}

input[name="markets"] {
    color: transparent;
}

html body #cookie-law-info-bar {
    background-color: #2e3c47;
    color: #ffffff;
}

.cookie-image img {
    width: 100px;
    height: auto;
}

.cookie-content {
    display: flex;
}

.cookie-text p {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.cookie-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cookie-text strong {
    font-size: 27px;

}

.cookie-image {
    flex-basis: 10%;
}

.buttons-wrapper a {
    display: block;
    padding: 12px 35px;
    border-color: transparent !important;
}

.cookie-item.cookie-text {
    flex-basis: 70%;
    text-align: left;
}

.cookie-item.cookie-buttons {
    flex-basis: 20%;
}

.page-template-page-contact select {
    display: none;
}

.page-template-page-contact .select2-container--open .select2-dropdown--below, .page-template-page-contact .select2-container--open .select2-dropdown--above {
    margin-top: 13px;
    box-shadow: 3px 8px 20px rgb(251 189 0 / 11%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-template-page-contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 7px !important;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 13px !important;
    text-align: center !important;
    background: #e2e9f2 !important;
}

.page-template-page-contact .mCSB_scrollTools .mCSB_dragger {
    max-height: 130px;
    right: 12px !important;
}

.page-template-page-contact .mCSB_scrollTools .mCSB_draggerRail {
    background: #ffffff !important;
}

.page-template-page-contact .mCustomScrollBox > .mCSB_scrollTools {
    right: 0;
    width: 0;
    background: transparent;
}

.page-template-page-contact .select2-results__option {
    border-bottom-color: transparent !important;
}

.page-template-page-contact .select2-results {
    border: 1px solid transparent;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.page-template-page-contact .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-contact .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6778c5 !important;
    transition: all .2s ease;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #434343 !important;
}

.page-template-page-contact .select2-search--dropdown {
    background: #434343;
    border: 1px solid transparent;
}

.page-template-page-contact .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 7px 4px 7px 19px;
    background-color: #6778c5;
    color: #ffffff;
}

.page-template-page-contact input.select2-search__field::placeholder {
    color: #9baab2;

    font-size: 14px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #6778c5 transparent #6778c5 transparent !important;
}

.page-template-page-contact .mCSB_container {
    margin-right: 0 !important;
}

.page-template-page-contact .select2-results__option {
    padding-left: 22px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #ffffff;
}

.select2-selection__arrow svg {
    fill: #fe6345;
    transform: rotate(90deg);
    transition: all .2s ease;

    width: 15px;
}

.select2-selection__arrow svg path {
    fill: #6778c5;
}

.select2-container--open .select2-selection__arrow svg {
    transform: rotate(-90deg);
    transition: all .2s ease;
}

.page-template-page-contact .select2-results {
    background: #6778c5;
    height: auto;
    padding-bottom: 17px;
    border: 1px solid #000;
}

.page-template-page-contact .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: flex;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    padding: 10px 0 50px;
    margin: auto;
}

.pagination-wrapper * {
    font-size: 15px;
    width: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 33px;
    border-radius: 50%;
    margin: 0 12.5px 0 12.5px;
}

.pagination-wrapper .current {
    background: #fe6345;
    color: #fff;
}

.pagination-wrapper a {
    background-color: #fdfeff;
    transition: background-color .3s ease;
    color: #3e4f60;
    border: 1px solid #dfe3ea;
}

.pagination-wrapper a:hover {
    background-color: #eef3ff;
    transition: background-color .3s ease;
}

.home-banner-sprite {
    width: 600px;
    position: relative;
}

.home-banner-sprite:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.home-banner-sprite-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-animation: sprite 4s steps(40) infinite;
    -moz-animation: sprite 4s steps(40) infinite;
    -ms-animation: sprite 4s steps(40) infinite;
    -o-animation: sprite 4s steps(40) infinite;
    animation: sprite 4s steps(40) infinite;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

@keyframes play {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -24600px;
    }
}

@-webkit-keyframes play {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@-moz-keyframes play {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@-ms-keyframes play {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 100%
    }
}

@keyframes sprite {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 100%;
    }
}

@-webkit-keyframes sprite {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 100%;
    }
}

@-moz-keyframes sprite {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 100%;
    }
}

@-ms-keyframes sprite {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 100%;
    }
}

span.crm-item-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
    width: 20px;
    z-index: 11;
    height: 20px;
    color: #fe6345;
    font-size: 22px;
    display: none;
}

#home-offerings .offering-item:nth-of-type(1) .item-inner {
    transition: all .2s ease;
    background-position: 30px 20px;
    background-size: 238px 144px;
}

#home-offerings .offering-item:nth-of-type(1):hover .item-inner {
    transition: all .2s ease;
}

#home-offerings .offering-item:nth-of-type(2) .item-inner {
    transition: all .2s ease;
}

#home-offerings .offering-item:nth-of-type(2):hover .item-inner {
    transition: all .2s ease;
}

#home-offerings .offering-item:nth-of-type(3) .item-inner {
    transition: all .2s ease;

}

#home-offerings .offering-item:nth-of-type(3):hover .item-inner {
    transition: all .2s ease;
}

#home-offerings .offering-item .offering-item-icon-img-hover {
    visibility: hidden;
    position: absolute;
    transition: position .4s ease;
}

#home-offerings .offering-item:hover .offering-item-icon-img {
    visibility: hidden;
    position: absolute;
}

#home-offerings .offering-item:hover .offering-item-icon-img-hover {
    position: relative;
    visibility: visible;
    transition: all .6s ease;

}

body table.cookielawinfo-classic {
    color: #666666;
    letter-spacing: 0.3px;
    line-height: 16px;
}

.cli-tab-section .cli-tab-content {
    padding: 10px 0 5px;
}

body table.cookielawinfo-classic td, body table.cookielawinfo-classic th {
    line-height: 16px;
}

body table.cookielawinfo-classic thead tr th {
    font-weight: bold;
}

.cli-tab-container p {
    margin-bottom: 10px;
}

.cli-tab-section .cli-tab-content {
    padding: 15px 0;
}

table.cookielawinfo-classic td.cookielawinfo-column-1, table.cookielawinfo-classic th.cookielawinfo-column-1 {
    width: 12%;
}

table.cookielawinfo-classic td.cookielawinfo-column-2, table.cookielawinfo-classic th.cookielawinfo-column-2,
table.cookielawinfo-classic td.cookielawinfo-column-3, table.cookielawinfo-classic th.cookielawinfo-column-3 {
    width: 8%;
}

.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
    max-height: initial;
}

#certifications-intro {
    padding: 30px 0;
}

.certifications-intro-content {

    font-size: 18px;
    line-height: 40px;
    color: #475c6d;
    margin: 0 0 30px 0;
}

.certificate-row {
    width: 100%;
    margin: 0 0 30px 0;
}

.certificate-row img {
    height: auto !important;
    min-height: initial !important;
    width: 100%;
}

.certificate-row h6 {

    font-size: 20px;
    margin: 16px 0;
    width: 100%;
    color: #fb6e54;
}

.certificates-list {
    width: 100%;
}

.cert-img img {
    vertical-align: top;
}

.main-menu div > ul > li.menu-services .sub-menu {
    display: none;
    position: absolute;
    width: 115px;
    left: 0;
    background-color: rgb(67, 67, 67, 0.85);
}

h2.text-center {
    text-align: center;
}

.main-menu div > ul > li.menu-services .sub-menu li {
    text-align: center;
}

.main-menu div > ul > li.menu-services .sub-menu li:last-child a {
    border-top: none;
}

.main-menu div > ul > li.menu-services .sub-menu li a {
    color: #ffffff;
    font-size: 11px;

    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0;
    border-top: 1px solid #d5d6d7;
    border-bottom: 1px solid #d5d6d7;
    display: block;
    line-height: unset;
    letter-spacing: 2px;
}

.main-menu div > ul > li.menu-services .sub-menu li a:hover {
    color: #6778c5;
    transition: color .2s ease-in;
}

.main-menu div > ul > li.menu-item-has-children:hover .sub-menu {
    display: block;
}

.section-heading:not(.news-intro-heading, .news-intro-subheading) {
    padding-left: 12px;
}

.news-items-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
}

.news-item:nth-child(4n) {
    margin-right: 0;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#menu-toggle, #mobile-menu {
    display: none;
}

#menu-toggle {
    width: 40px;
    height: 26px;
    cursor: pointer;
}

div#menu-toggle span {
    width: 100%;
    height: 4px;
    background-color: #6778c5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    background-color: #FFF;
    min-height: 100vh;
}

#panel {
    position: relative;
    z-index: 100;
    background-color: #6778c5;
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.cookie-buttons a {
    font-size: 14px;
}

#cookie-law-info-again {
    font-size: 14px;
    -webkit-box-shadow: #fe6345 0px 1px 5px 2px;
    -moz-box-shadow: #fe6345 0px 1px 5px 2px;
    box-shadow: #fe6345 0px 1px 5px 2px;
    background-color: #fe6345 !important;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.cli-tab-container h4 {
    color: #3e4f60;
    font-size: 16px;
    letter-spacing: 0.7px;
    margin: 0 0 5px 0;
}

.cli-tab-container p, .cli-privacy-content-text {
    color: #3e4f60;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.2px;
}

a.cli-privacy-readmore {
    text-decoration: none;
    color: #fb6e54;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #fb6e54;
    padding-bottom: 1px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

a.cli-privacy-readmore:hover {
    color: #fe6345;
    border-color: #fe6345;
}

.cli-modal .cli-modal-close {
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    right: 5px;
}

.cli-modal-close svg {
    fill: #c4c4c4;
    width: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.cli-modal-close:hover svg {
    fill: #fe6345;
}

.cli-privacy-overview {
    margin-bottom: 5px;
}

.cli-switch .cli-slider {
    background-color: #b5b5b5;
}

.cli-switch input:checked + .cli-slider {
    background-color: #fe6345;
}

.cli-tab-footer .cli-btn {
    background-color: #fe6345;
}

.cli-modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 18px 25px;
}

.cli-tab-footer {
    padding-bottom: 5px;
}

span.cli-necessary-caption {
    color: #666;
    font-size: 12px;
    letter-spacing: 0.2px;
    margin-top: 2px;
}

.cli-switch .cli-slider:after {
    color: #666;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.cli-tab-header a.cli-nav-link {
    color: #fe6345;
    letter-spacing: 0.5px;
}

.cli-tab-header a:before {
    border-right: 1px solid #fe6345;
    border-bottom: 1px solid #fe6345;
}

.cli-privacy-overview .cli-privacy-content {
    margin: 8px 0 -7px 0;
}

.cli-modal-content .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

.cli-modal-content .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #d6d6d6;
}

.cli-modal-content .mCSB_scrollTools .mCSB_draggerContainer {
    margin-top: 30px;
    margin-right: -10px;
}

.privacy-policy-item table, .privacy-policy-item td, .privacy-policy-item th {
    border: 1px solid #475c6d;
}

.privacy-policy-item td {
    padding: 5px 10px;
}

.privacy-policy-item table {
    font-size: 15px;
}

.privacy-policy-item table ul {
    padding: 0 0 0 17px;
}

.privacy-policy-item table ul li {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 15px;
}

.privacy-policy-item table ul li:last-child {
    margin-bottom: 0;
}

.privacy-policy-item a {
    color: #fe6345;
}

.messager {
    z-index: 1000;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: flex-start;;
    padding-top: 7%;
}

.messager .message-inner {
    background: #212121;
    width: 640px;
    height: 80;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}

.messager.success .message-inner {
    color: #ffffff;
}

.messager.error .message-inner {
    color: #c77979;
}

@media screen and (max-width: 1600px) {
    #single-blog-intro {
        height: 360px;
    }
}

@media screen and (min-width: 951px) and (max-height: 750px) {
    #launch-content {
        height: auto;
    }

    #launch-content .rightColumn {
        padding: 50px 0 60px 0;
    }
}

@media screen and (max-width: 1280px) {
    .vacancyRight ul li:after, .single-product-content ul li:after, .single-news-content ul li:after {
        top: 9px;
        left: -20px;
    }

    #launch-content .leftColumn.thankYou {
        flex-basis: 100%;
        margin-left: 0%;
    }

    #home-intro .leftColumn {
        flex-basis: calc(100% - 650px);
    }

    .news-items-wrapper .blog-item:nth-child(3n) {
        margin-right: 0;
    }

    .news-items-wrapper .blog-item {
        margin: 30px 22px 14px 0;
    }

    .heading-line.left {
        margin: 15px 0 14px 0;
    }

    .container {
        width: 94%;
    }

    #contact-content .container, #launch-content .container, #single-news-content .container, #single-news-intro .container, #careers-vacancies .heading-wrapper {
        width: 94%;
    }

    .bottom-footer-text {
        width: 94%;
        margin: auto;
    }

    #cookie-law-info-again {
        left: 3% !important;
    }

    #cookie-law-info-bar {
        padding-left: 0;
        padding-right: 0;
    }

    .cookie-image {
        flex-basis: auto;
        margin-right: 20px;
    }

    .cookie-image img {
        width: 65px;
    }

    .cookie-text strong {
        font-size: 22px;
    }

    .cookie-text p {
        line-height: 20px;
        margin: 5px 0 0 0;
    }

    .cookie-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cookie-item.cookie-buttons {
        flex-basis: auto;
    }

    .cookie-buttons a {
        margin: 0 !important;
    }

    .cookie-item.cookie-text {
        flex-basis: auto;
        margin: 0 15px 0 0;
    }

    .main-menu div > ul > li {
        padding: 0;
        margin-right: 35px;
    }

    .main-menu div > ul > li:last-child {
        margin-right: 0;
    }

    .intro-heading {
        font-size: 40px;
        margin-top: 0;
    }

    .intro-sub-heading {
        font-size: 18px;
        padding: 0;
        margin: 10px 0 25px 0;
    }

    .form-submit-button, .intro-button a, .button-regular a {
        font-size: 18px;
    }

    .section-heading h2, .centre-heading h2 {
        font-size: 28px;
    }

    ._pad_12_20 a {
        padding: 10px 0;
    }

    .form-submit-button, .intro-button a, .button-regular a {
        font-size: 16px;
    }

    .item-inner {
        padding: 25px 20px;
    }

    .offering-item-title {
        margin-top: 20px;
    }

    .offering-item-title h3 {
        font-size: 20px;
        margin: 0;
    }

    h1 {
        font-size: 35px;
    }

    p, .services-top-banner-heading, .about-first-content p, .services-item-desc p {
        font-size: 16px;
        line-height: 28px;
    }

    .centre-heading h3 {
        font-size: 20px;
    }

    .ourprocess-bottom-sub-heading h3 {
        font-size: 20px;
        line-height: 27px;
    }

    .headquarters-heading {
        font-size: 20px;
        margin-bottom: 35px;
        line-height: 34px;
    }

    .whoweare-content .rightColumn {
        padding-left: 0;
    }

    .onecashier-content .leftColumn {
        padding-right: 50px;
    }

    .onecashier-content .rightColumn {
        padding-left: 0;
    }

    .button-regular a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #who-we-are {
        position: relative;
        margin-top: 50px;
    }

    .whoweare-bg-graphic img {
        width: 530px;
    }

    .onecashier-heading {
        margin-bottom: 0;
    }

    .onecashier-heading h2 {
        line-height: 35px;
    }

    .onecashier-content {
        padding-top: 10px;
    }

    #home-payment {
        margin-top: 40px;
    }

    #home-custom-design {
        padding-bottom: 45px;
        position: relative;
    }

    .customdesign-bg-graphic {
        position: absolute;
        right: 0;
    }

    .customdesign-bg-graphic img {
        width: 190px;
    }

    .customdesign-content {
        padding-top: 45px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .customdesign-content .leftColumn {
        padding: 0;
        flex-basis: 400px;
    }

    .customdesign-content .rightColumn {
        padding-top: 0;
        padding-left: 0;
        flex-basis: auto;
        width: calc(100% - 450px);
    }

    .button-regular {
        min-width: 120px;
    }

    #home-integrations {
        padding: 35px 0 25px 0;
    }

    .integrations-content.integrations-wrapper {
        padding-top: 10px;
    }

    .integrations-content .integrations-item {
        padding: 0 5px;
    }

    #menu-footer-menu > li {
        padding: 0;
    }

    #home-call-to-action {
        min-height: 220px;
    }

    .calltoaction-content {
        padding: 25px 0;
    }

    .calltoaction-content .section-heading h4 {
        font-size: 18px;
    }

    .footer-content-mid {
        padding-top: 0;
        padding-bottom: 15px;
    }

    .bottom-footer {
        padding-bottom: 25px;
    }

    .footer-content-top .leftColumn {
        flex-basis: 200px;
    }

    .footer-content-top .rightColumn {
        flex-basis: calc(100% - 250px);
    }

    .sub-menu li a {
        line-height: 25px;
    }

    #home-payment .offering-item-icon img {
        width: 150px;
    }

    #home-call-to-action {
        position: relative;
    }

    #home-call-to-action .intro-bg-graphic {
        top: 0;
    }

    #home-call-to-action .intro-bg-graphic img {
        width: auto;
    }

    .about-first-content .rightColumn {
        flex-basis: auto;
        position: relative;
    }

    #about-section-first .graphicItem {
        bottom: auto;
        right: 0;
        top: 20px;
        width: 575px;
    }

    #about-section-second-headquarters {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .headquarters-heading h3 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0;
    }

    .description-item {
        margin-bottom: 18px;
    }

    .description-item-text p {
        line-height: 22px;
    }

    .headquarters-content .graphic-item img {
        position: static;
        width: 100%;
    }

    .ourprocess-content {
        padding: 15px 0 45px;
    }

    #about-section-third-ourprocess .ourprocess-content {
        padding-bottom: 20px;
    }

    .ourprocess-content .leftColumn {
        padding-right: 20px;
        padding-top: 0;
    }

    .ourprocess-content .rightColumn {
        padding-left: 0;
    }

    #about-section-third-ourprocess .heading-line.left {
        margin-bottom: 7px;
    }

    #about-section-third-ourprocess .ourprocess-bottom-sub-heading h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 0;
    }

    section#about-faq {
        padding: 22px 0 25px 0;
    }

    .expandable-item {
        padding: 0;
        margin-top: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .expandable-item:last-child {
        margin-bottom: 0;
    }

    .expandable-header {
        font-size: 18px;
    }

    .expandable-item.active {
        padding: 17px 19px 5px;
    }

    #about-section-first {
        background-size: cover !important;
        background-position: center center;
    }

    .services-top-banner-heading h1 {
        line-height: 45px;
        margin-bottom: 10px;
    }

    #services-intro-section {
        background-position-x: 30%;
        min-height: 396px;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    section#services-included-services {
        padding-top: 35px;
    }

    .services-items-wrapper {
        margin-top: 30px;
        padding: 0;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    .page-template-page-services .heading-wrapper {
        margin: 0;
    }

    .services-item-heading h3 {
        font-size: 20px;
        margin: 10px 0 15px 0;
    }

    section#services-payment-model {
        padding-top: 30px;
    }

    .payment-model-item-wrapper {
        padding: 30px 0 35px;
    }

    .payment-model-item h3 {
        font-size: 22px;
    }

    .payment-method-item-heading {
        margin-top: 20px;
    }

    .payment-method-item-desc {
        margin-top: 15px;
    }

    .payment-method-item-desc p, .services-item-desc p {
        font-size: 15px;
        line-height: 22px;
    }

    .payment-method-item-desc p {
        margin: 12px 0 15px 0;
    }

    .services-item-desc p {
        margin: 12px 0 0 0;
    }

    .pit-img img {
        max-width: 35px;
    }

    .payment-method-item-subheading p span {
        letter-spacing: 0.4px;
    }

    .services-item:after {
        content: '';
        width: 1px;
        height: 100%;
        background: #efefef;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .services-item:last-child:after {
        display: none;
    }

    .services-item .item-inner {
        padding: 20px !important;
        border-right: none;
        box-sizing: border-box;
    }

    .services-item:first-child .item-inner {
        padding-right: 20px;
        padding-left: 0;
    }

    .services-item:last-child .item-inner {
        padding-right: 0;
    }

    .services-item:first-of-type {
        padding: 0;
    }

    .services-item {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        position: relative;
    }

    .payment-model-item {
        flex-basis: 32%;
        position: relative;
        padding: 0;
    }

    .payment-method-item-button {
        position: absolute;
        right: 25px;
        bottom: 25px;
    }

    .payment-model-item .item-inner {
        padding-bottom: 66px;
    }

    section#product-content {
        padding: 30px 0 15px;
    }

    .product-item {
        flex-basis: 48%;
        padding: 0;
        margin-bottom: 30px;
        position: relative;
    }

    .product-item-button {
        position: absolute;
        right: 35px;
        bottom: 25px;
        width: calc(100% - 70px);
    }

    .product-item .item-inner {
        background: #f6faff;
        text-align: unset;
        padding-bottom: 50px;
        display: flex;
        flex-direction: column;
    }

    .product-item-title h4, .page-template-page-products-php .product-item-title h1 {
        font-size: 28px;
    }

    .product-item-title {
        margin: 20px 0 0 0;
    }

    .product-item-description p {
        line-height: 28px;
    }

    .product-item-description {
        padding: 0;
        margin: 10px 0 20px 0;
    }

    #single-product .container > .leftColumn {
        flex-basis: 290px;
        padding-top: 20px;
    }

    #single-product .container > .rightColumn {
        flex-basis: calc(100% - 290px);
        padding-top: 50px;
        padding-left: 30px;
    }

    .product-menu-item-text h4 {
        font-size: 18px;
        margin: 0;
    }

    .product-menu-item {
        padding: 15px 20px;
    }

    section#careers-intro-section {
        padding: 40px 0 50px 0;
    }

    .careers-intro-heading {
        margin-bottom: 15px;
    }

    .careers-intro-heading h1, .privacy-intro-heading h1 {
        font-size: 40px;
    }

    .careers-intro-subheading {
        margin-bottom: 22px;
        line-height: 32px;
    }

    .careers-intro-subheading h4 {
        font-size: 18px;
    }

    .careers-intro-content .button-regular a {
        font-size: 16px;
    }

    .single-product-content .rightColumn p, .single-product-content ul li {
        line-height: 22px;
    }

    .single-product-content ul li:not(:last-child) {
        margin-bottom: 20px;
    }

    .single-product-text strong {
        line-height: 26px;
        font-size: 18px;
    }

    #single-product .top-banner-image img {
        max-width: 75%;
    }

    .step-label {
        margin-bottom: 22px;
    }

    .single-product-title h1 {
        font-size: 32px;
    }

    .single-product-text {
        padding-top: 10px;
    }

    .single-product-content {
        padding: 50px 0 40px 0;
    }

    .single-product-number, .single-product-title {
        padding-bottom: 25px;
    }

    .single-product-content ul li {
        font-size: 15px;
    }

    .careers-sub-intro-content .leftColumn {
        padding-right: 25px;
    }

    .careers-sub-intro-content .rightColumn {
        padding-left: 25px;
    }

    .careers-sub-intro-content .rightColumn p {
        line-height: 25px;
    }

    .careers-sub-intro-content {
        padding: 30px 0;
    }

    .careers-sub-intro-content h3 {
        font-size: 21px;
        line-height: 34px;
    }

    .careers-employee-points-heading {
        margin: 35px 0;
    }

    .employee-points-wrapper {
        padding: 0;
    }

    .employee-point-text h5 {
        letter-spacing: 1px;
        font-size: 14px;
        margin: 20px 0 0 0;
    }

    #careers-vacancies .expandable-item, #privacy-notice .expandable-item {
        padding: 0 3%;
        margin-bottom: 0;
    }

    #careers-vacancies .expandable-header, #privacy-notice .expandable-header {
        width: 100%;
    }

    section#careers-vacancies {
        padding-top: 60px;
        margin-bottom: 15px;
    }

    .apply-vacancy {
        text-align: center;
    }

    .vacancy-expanded-wrapper, .privacy-notice-expanded-wrapper {
        width: 100%;
    }

    .vacancyLeft {
        flex-basis: 20%;
    }

    .vacancyRight {
        flex-basis: 80%;
    }

    .vacancyRight p, .vacancyRight ul li, .privacy-policy-item p, .privacy-policy-item ul li {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 15px 0;
    }

    .vacancy-application-button-wrapper {
        margin-top: 0;
    }

    #careers-vacancies .expandable-body {
        padding-bottom: 15px;
    }

    .vacancyRight h4 {
        margin: 25px 0 10px 0;
    }

    .vacancyRight ul, .single-product-content ul {
        margin: 0 0 0 32px;
    }

    form#vacancy-application {
        padding: 15px 0 35px;
    }

    #applicationForm .single-form-field > label, .contact-form label, .launch-form label {
        font-size: 15px;
    }

    #applicationForm label span, .contact-form label span {
        font-size: 14px;
    }

    .form-upload-button {
        font-size: 17px;
    }

    input[type="text"], input[type="number"], input[type="email"] {
        font-size: 16px;
    }

    form#vacancy-application {
        padding-top: 10px;
    }

    #news-intro-section, #blog-intro-section {
        min-height: 290px;
    }

    .blog-intro-heading h1, .news-intro-heading h1 {
        font-size: 35px;
        margin: 0;
    }

    .blog-intro-subheading h4 {
        margin: 15px 0 0 0;
        font-size: 18px;
    }

    .news-intro-subheading h4 {
        margin: 0;
        font-size: 18px;
    }

    #blog-intro-section .graphicItem img {
        max-width: 90%;
        padding-left: 0;
    }

    .blog-first-content .leftColumn, .news-first-content .leftColumn {
        flex-basis: 40%;
    }

    .blog-first-content .rightColumn, .news-first-content .rightColumn {
        flex-basis: 60%;
        text-align: right;
    }

    .blog-items-wrapper {
        padding: 40px 0 5px 0;
    }

    .blog-item {
        margin: 0 0 40px 0;
    }

    .contact-form {
        padding: 15px 0 35px 20px;
        flex-basis: 100%;
    }

    .news-item-title h4 {
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }

    .news-item-description p {
        line-height: 18px;
        margin: 10px 0 0 0;
    }

    .news-first-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .news-first-content .leftColumn {
        margin-top: -60px;
    }

    .news-item {
        flex-basis: 23%;
        margin: 0 0 25px 0;
    }

    .news-items-wrapper {
        padding: 30px 0 10px 0;
    }

    #single-news-intro {
        padding: 35px 0;
        background-position: center center;
    }

    .single-news-intro-heading h1 {
        font-size: 28px;
    }

    .single-news-intro-data {
        margin-top: 15px;
    }

    .single-news-intro-data span {
        letter-spacing: 0.7px;
        font-size: 14px;
    }

    body.single-news .single-news-content {
        padding: 25px 0 20px;
        margin: 0;
    }

    .single-news-content p, .single-news-content, .certifications-intro-content {
        line-height: 25px;
    }

    .single-news-content p {
        margin: 0 0 20px 0;
    }

    .single-news-content p:last-child {
        margin-bottom: 0;
    }

    body.single-news .post-feed {
        padding-bottom: 0;
    }

    #contact-content .leftColumn, #launch-content .leftColumn {
        margin-left: -4%;
        flex-basis: 54%;
    }

    #contact-content .content, #launch-content .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-basis: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 0;
    }

    #contact-content .leftColumn img {
        width: 110px;
    }

    #launch-content .leftColumn img {
        width: 200px;
    }

    .contact-heading {
        font-size: 35px;
    }

    .contact-subheading {
        margin: 10px 0 0 0;
        font-size: 18px;
    }

    .contact-info .container {
        padding: 20px 0;
    }

    .contact-info-text p {
        line-height: 23px;
        font-size: 15px;
        margin: 0;
    }

    .contact-info-item:first-of-type .contact-info-text {
        width: auto;
    }

    .contact-info-item {
        margin-left: 0;
    }

    .contact-info-item:nth-child(2) {
        flex-basis: 185px;
    }

    .contact-info-item:last-child {
        flex-basis: 250px;
    }

    .contact-info-item:last-of-type .contact-info-text {
        max-width: 100%;
    }

    .contact-info-item:first-of-type {
        flex-basis: 350px;
        margin-left: -10px;
    }

    .contact-info-text {
        padding-left: 15px;
    }

    .contact-info-icon {
        flex-basis: 50px;
        height: 50px;
    }

    .icon-image-wrapper {
        height: 35px;
        width: 35px;
    }

    .contact-info-icon img {
        height: 20px;
        width: 20px;
    }

    h3.afterSubmitHeading {
        font-size: 30px;
        margin: 0;
    }

    #contact-content .rightColumn, #launch-content .rightColumn {
        overflow: initial;
    }

    .bottomOverlay {
        width: 108%;
        right: -8%;
        padding: 0;
    }

    #vacancy-application .bottomOverlay {
        width: 100%;
        left: 0;
        right: 0;
    }

    .afterSubmitMessage {
        width: 90%;
    }

    h3.afterSubmitHeading {
        font-size: 30px;
        margin: 0;
    }

    h4.afterSubmitSubheading {
        font-size: 17px;
        line-height: 22px;
        margin: 10px 0 0 0;
    }

    .applynow-intro-content {
        padding: 90px 0;
        text-align: center;
    }

    #privacy-intro-section {
        padding: 90px 0;
    }

    section#crm-intro-section, #applynow-intro-section, #privacy-intro-section {
        background-position: center center;
    }

    #apply-now-form-section::after {
        top: 85px;
    }

    .progress-icons {
        padding: 30px 0;
    }

    /*
    .step .single-form-field {
        padding: 0;
        margin-top: 15px;
    }*/
    .form-section {
        padding-left: 0;
    }

    .interestItem, .howDidYouHearAboutUsItem {
        padding-right: 50px;
    }

    .form-section.companyDetails {
        padding-top: 40px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .form-section.contactDetails, .website_details_section {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .step .form-heading:first-of-type {
        margin: 15px 0 0;
    }

    /*
    .step .single-form-field:not(.wide-field) {
        flex-basis: 48%;
    }

    #apply-now-form-section input[type="text"], #apply-now-form-section input[type="number"] {
        padding: 14px 0 5px 0;
    }
    *(
     */
    .form-heading h3 {
        font-size: 18px;
    }

    .form-button-left, .form-button-right {
        padding: 30px 0 40px;
    }

    .form-button-left button.button-regular, .form-button-right button.button-regular {
        margin-top: 0;
    }

    /*
    .phone-field .phone-prefix .select2-container {
        top: 36px;
    }

     */
    .howDidYouHearAboutUsItem {
        flex-basis: 33%;
        padding-right: 0;
        margin-bottom: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header-side h2 {
        font-size: 18px;
    }

    .expandable-header .header-side p {
        font-size: 15px;
    }

    .privacy-policy-item {
        width: 100%;
    }

    #privacy-notice .active .expandable-body {
        padding-bottom: 25px;
    }

    .privacy-policy-item ul {
        padding-left: 17px;
        margin: 0 0 15px 0;
    }

    .privacy-policy-item ul li {
        margin: 0 0 5px 0;
    }

    .privacy-policy-item ul li:last-child {
        margin-bottom: 0;
    }

    .privacy-policy-item p:last-child {
        margin-bottom: 0;
    }

    .launch-form {
        flex-basis: 100%;
        padding: 0 40px;
    }

    .form-title-launch h1 {
        font-size: 30px;
    }

    .form-subtitle-launch {
        margin-top: 10px;
    }

    .form-subtitle-launch h3 {
        font-size: 16px;
    }

    .launch-form .form-section.fields {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .launch-form .submit-button {
        flex-basis: auto;
        padding-top: 0;
        margin-top: 10px;
    }

    .launch-form input[type="text"] {
        height: 23px;
        padding: 10px 0;
    }

    .launch-form .single-form-field {
        margin-top: 15px;
    }

    .launch-form label {
        top: 22px;
    }

    #launch-content .leftColumn h4.contact-subheading {
        font-size: 17px;
        line-height: 27px;
        width: 330px;
        margin: 0 auto;
    }

    .crm-intro-content .leftColumn {
        flex-basis: 42%;
    }

    .crm-intro-content .rightColumn {
        flex-basis: 50%;
    }

    .crm-intro-subheading h4 {
        line-height: 25px;
        font-size: 16px;
    }

    section#crm-intro-section {
        min-height: 300px;
    }

    .crm-items-wrapper {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .content-expanded p {
        font-size: 14px;
        line-height: 19px;
        margin: 0;
    }

    .content-expanded {
        padding-top: 140px;
        padding-bottom: 20px;
    }

    .crm-item {
        margin-bottom: 60px;
    }

}

@media screen and (max-width: 1200px) {
    .blog-item-button {
        bottom: 18px;
    }

    .integrations-item img {
        max-width: 100px;
    }
}

@media screen and (max-width: 1100px) {
    .home-banner-sprite {
        width: 100%;
    }

    #home-intro .leftColumn {
        flex-basis: calc(100% - 550px);
    }

    .main-menu div > ul > li {
        margin-right: 25px;
    }

    .intro-bg-graphic img {
        width: 600px;
    }

    #services-intro-section {
        min-height: 300px;
        background-position: center top;
    }

    .single-blog-intro-heading h1, .single-news-intro-heading h1 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    #single-news-content .container, #single-news-intro .container {
        width: 94%;
    }

    .single-news-content {
        padding: 0 0 5px;
        margin-bottom: 5px;
    }

    .single-news-content td {
        padding: 0 15px;
    }

    .single-blog-feed .blog-items-wrapper {
        padding-bottom: 0;
    }

    .single-blog-feed .blog-item {
        margin-bottom: 15px;
    }

    .single-news-social.social-icons {
        padding-bottom: 10px;
    }

    #news-intro-section {
        min-height: 240px;
    }

    .news-first-content .leftColumn {
        margin-top: -80px;
    }

    #privacy-notice .expandable-header {
        padding: 15px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    #privacy-notice .expandable-list {
        margin-bottom: 5px;
    }

    .certificates-list {
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    .main-menu div > ul > li {
        margin-right: 20px;
    }

    .whoweare-bg-graphic img {
        width: 490px;
    }

    #certifications-intro {
        padding: 20px 0;
    }

    .certificate-row {
        margin: 0 0 20px 0;
    }

    .certificate-row img, body.iphone-bw .certificate-row img {
        height: auto !important;
        min-height: initial !important;
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .blog-item .item-inner {
        align-items: start;
    }

    #single-blog-intro {
        background-position: center !important;
    }

    .blog-category-item a {
        padding: 18px 0;
    }

    .integrations-content .integrations-item {
        padding: 0 34px 15px 0px;
    }

    #home-intro .leftColumn {
        flex-basis: calc(100% - 500px);
    }

    .blogThumbnail {
        height: 200px;
    }

    .news-items-wrapper .blog-item-description {
        margin-bottom: 50px;
    }

    .single-news-content {
        word-break: break-word;
    }

    .services-top-banner-heading h1 {
        line-height: 38px;
    }

    body:not(.home) main {
        padding-top: 61px;
    }

    #mobile-menu {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -khtml-opacity: 0;
        background: #6778c5;
        display: block;
    }

    .slideout-open #mobile-menu {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        z-index: 2;
    }

    #mobile-menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .slideout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 256px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        display: none;
        padding: 20px 0;
    }

    #panel {
        position: relative;
        z-index: 3;
    }

    .slideout-panel {
        z-index: 1;
    }

    #page {
        position: initial;
    }

    #mobile-menu > ul > li {
        position: relative;
        border-bottom: 1px solid #fe6345;
        padding: 8px 20px 8px 20px;
    }

    #mobile-menu > ul > li.current-menu-item {
        background: #fe6345;
    }

    #mobile-menu a {
        color: #ffffff;
        font-size: 16px;
        display: block;
        text-decoration: none;
        letter-spacing: 0.6px;
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
        overflow: hidden;
    }

    .slideout-open .slideout-menu {
        display: block;
    }

    #menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 25px;
    }

    #menu-toggle.opened span:nth-child(1) {
        -webkit-transform: rotate(42deg) translateX(9px) translateY(9px);
        -moz-transform: rotate(42deg) translateX(9px) translateY(9px);
        -ms-transform: rotate(42deg) translateX(9px) translateY(9px);
        -o-transform: rotate(42deg) translateX(9px) translateY(9px);
        transform: rotate(43deg) translateX(7px) translateY(9px);
    }

    #menu-toggle.opened span:nth-child(3) {
        -webkit-transform: rotate(-42deg) translateX(9px) translateY(-9px);
        -moz-transform: rotate(-42deg) translateX(9px) translateY(-9px);
        -ms-transform: rotate(-42deg) translateX(9px) translateY(-9px);
        -o-transform: rotate(-42deg) translateX(9px) translateY(-9px);
        transform: rotate(-43deg) translateX(8px) translateY(-9px);
    }

    #menu-toggle.opened span:nth-child(2) {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    #mobile-menu > ul > li.menu-services .sub-menu {
        padding: 10px 20px;
    }

    #mobile-menu > ul > li.menu-services .sub-menu li:first-child a {
        border-top: 1px solid #fe6345;
    }

    #mobile-menu > ul > li.menu-services .sub-menu li a {
        line-height: unset;
        border-bottom: 1px solid #fe6345;
        padding: 10px 0;
    }

    .main-menu-wrapper {
        display: none;
    }

    .sticky > .container {
        padding: 10px 0;
    }

    .integrations-content.integrations-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .calltoaction-content .graphicItem img {
        max-width: 200px;
    }

    #home-intro {
        height: auto !important;
        min-height: initial;
    }

    .intro-content, #home-intro .container {
        height: auto;
    }

    .intro-content .graphicItem img {
        top: 0;
    }

    .intro-bg-graphic img {
        width: 380px;
    }

    section#home-offerings {
        margin-top: 20px;
    }

    .intro-icons {
        position: static;
        margin-top: 30px;
    }

    .about-first-heading h1 {
        margin-top: 0;
        color: #fff;
    }

    h1 {
        font-size: 28px;
    }

    #about-section-first .container {
        padding: 20px 0 20px;
    }

    .about-first-content .leftColumn {
        flex-basis: 50%;
    }

    .about-first-content .rightColumn {
        flex-basis: 48%;
    }

    #about-section-first .graphicItem {
        width: 100%;
        position: static;
    }

    .about-first-content {
        padding-top: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .about-first-content p {
        line-height: 24px;
        margin-bottom: 10px;
    }

    .about-first-heading h1 {
        margin-bottom: 10px;
    }

    #about-section-second-headquarters {
        padding-top: 5px;
        padding-bottom: 0;
    }

    #about-section-second-headquarters .headquarters-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .headquarters-content .leftColumn {
        flex-basis: 50%;
    }

    .headquarters-content .rightColumn {
        flex-basis: 50%;
        padding-left: 0;
    }

    .headquarters-heading {
        margin-bottom: 20px;
    }

    .headquarters-description-items {
        padding-bottom: 20px;
    }

    .expandable-header span:not(.helper) {
        padding-right: 30px;
    }

    #careers-vacancies .expandable-list {
        padding-top: 0;
        margin-top: 10px;
    }

    #careers-vacancies .expandable-item.active:first-child, #privacy-notice .expandable-item.active:first-child {
        margin-top: 25px;
    }

    #careers-vacancies .expandable-header, #privacy-notice .expandable-header {
        padding: 20px 0;
    }

    .vacancyLeft {
        flex-basis: 200px;
    }

    .vacancyRight {
        flex-basis: calc(100% - 200px);
    }

    .vacancyRight p, .vacancyRight ul li, .privacy-policy-item p, .privacy-policy-item ul li {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }

    .single-news-content p {
        margin: 0 0 20px 0;
    }

    .single-news-content p, .single-news-content, .certifications-intro-content {
        line-height: 23px;
        font-size: 15px;
    }

    .certificate-row h6 {
        font-size: 18px;
        margin: 10px 0;
    }

    .certifications-intro-content {
        margin: 0 0 20px 0;
    }

    .single-blog-intro-heading {
        margin-top: 30px;
    }

    .single-news-content h2:after, .single-news-content h3:after, .single-news-content h4:after {
        bottom: -7px;
    }

    body.single-news .single-news-content {
        padding-top: 20px;
    }

    .applynow-intro-content, #privacy-intro-section {
        padding: 70px 0;
    }

}

@media screen and (max-width: 991px) {
    body .cli-modal .cli-modal-dialog {
        max-width: 94%;
        margin: 0 auto;
    }

    table.cookielawinfo-classic td.cookielawinfo-column-2, table.cookielawinfo-classic th.cookielawinfo-column-2, table.cookielawinfo-classic td.cookielawinfo-column-3, table.cookielawinfo-classic th.cookielawinfo-column-3 {
        width: 65px;
    }

    table.cookielawinfo-classic td.cookielawinfo-column-1, table.cookielawinfo-classic th.cookielawinfo-column-1 {
        width: 70px;
    }

    #home-offerings .offering-item:nth-of-type(1) .item-inner {
        background-position: 40px 20px;
        background-size: 190px 144px;
    }

    .about-first-content.fx.fx-jb.fx-wrap .rightColumn {
        display: none;
    }

    section#about-section-first {
        position: relative;
    }

    .ourprocess-item {
        padding: 0;
    }

    section#about-section-first:before {
        content: '';
        background: #434343;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }

}

@media screen and (max-width: 950px) {
    .services-item .item-inner {
        padding: 15px !important;
    }

    .applicationFormOverlay {
        height: auto;
        padding: 70px 0;
    }

    .invalidFormField + .input-error-message, #markets_input.invalidFormField + .input-error-message, .invalidCheckbox + .input-error-message, .date-launch.active {
        bottom: -11px;
    }

    .step .website_details_section .single-form-field {
        margin-top: 20px;
    }

    .howDidYouHearAboutUsItem {
        flex-basis: 50%;
    }

    .howDidYouHearAboutUsItem:last-child {
        margin-bottom: 0;
    }

    .step .single-form-field {
        margin-top: 10px;
    }

    #launch-content {
        padding: 0;
    }

    #home-intro .rightColumn {
        flex-basis: 46%;
    }

    #home-intro .leftColumn {
        flex-basis: calc(100% - 410px);
    }

    .single-product-number span {
        font-size: 30px;
    }

    .single-product-title h1 {
        font-size: 30px;
    }

    .calltoaction-content .section-heading h2 {
        margin-bottom: 0;
        font-size: 22px;
    }

    .calltoaction-content .graphicItem img {
        max-width: 160px;
    }

    .calltoaction-content .section-heading h4 {
        font-size: 15px;
    }

    .calltoaction-content .orange-btn a {
        font-size: 18px;
        padding: 12px 0;
    }

    .footer-content-mid > div {
        flex-basis: auto;
    }

    .footer-content-top .rightColumn {
        flex-basis: calc(100% - 230px);
    }

    #menu-footer-menu > li > a {
        font-size: 13px;
        padding-bottom: 5px;
    }

    .sub-menu li a {
        line-height: 20px;
        font-size: 12px;
    }

    #who-we-are {
        margin-top: 30px;
    }

    .whoweare-bg-graphic img {
        width: 360px;
        margin-top: 80px;
    }

    .heading-line {
        margin-bottom: 12px;
    }

    .headquarters-heading, .centre-heading h3 {
        font-size: 16px;
        margin: 0;
    }

    .customdesign-content {
        padding-top: 25px;
    }

    .customdesign-content .leftColumn {
        flex-basis: 350px;
    }

    .customdesign-content .rightColumn {
        width: calc(100% - 390px);
    }

    .calltoaction-content > .section-heading, .calltoaction-content .button-wrapper {
        margin-top: 0;
    }

    #about-section-third-ourprocess .ourprocess-bottom-sub-heading h3 {
        font-size: 16px;
        line-height: 23px;
    }

    .headquarters-description-items {
        margin-top: 20px;
    }

    .product-item .item-inner {
        padding: 15px 30px 50px 30px;
    }

    .product-item-title h4, .page-template-page-products-php .product-item-title h1 {
        font-size: 25px;
    }

    .product-item-description p {
        line-height: 24px;
    }

    .product-menu-item-text h4 {
        font-size: 16px;
    }

    .go-back-button-wrapper {
        margin: 10px 0 30px;
    }

    .careers-intro-heading h1, .privacy-intro-heading h1 {
        font-size: 30px;
    }

    .careers-intro-subheading h4 {
        font-size: 17px;
        line-height: 28px;
    }

    section#careers-intro-section {
        padding: 40px 0;
    }

    #vacancy-application .single-form-field {
        padding-left: 0;
        padding-right: 20px;
    }

    #vacancy-application .single-form-field:nth-child(3), #vacancy-application .single-form-field.wide-field {
        padding-right: 0;
    }

    #vacancy-application .leftColumn {
        flex-basis: 100%;
    }

    #vacancy-application .rightColumn {
        flex-basis: 100%;
        margin-top: 20px;
    }

    .upload-button {
        text-align: left;
    }

    .submit-button {
        text-align: left;
    }

    .upload-btn-wrapper {
        display: block;
    }

    #cv, .form-upload-button {
        width: 100%;
    }

    #vacancy-application input[type="text"], #vacancy-application input[type="number"] {
        width: 100%;
    }

    .blog-item-title h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .news-item-title h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .news-item-description p {
        line-height: 16px;
    }

    #contact-content .leftColumn, #launch-content .leftColumn {
        margin-left: 0;
        flex-basis: 100%;
        position: relative;
    }

    #contact-content .leftColumn:before, #launch-content .leftColumn:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 108%;
        margin-left: -4%;
        height: 100%;
        background: #f6fbff;
        z-index: -1;
    }

    #contact-content .leftColumn:before {
        background: #434343;
    }

    #launch-content .leftColumn:before {
        background: #fe6345;
    }

    #contact-content .rightColumn, #launch-content .rightColumn {
        width: 100%;
        flex-basis: 100%;
    }

    #contact-content .content {
        padding: 22px 0 25px 0;
    }

    #launch-content .content {
        padding: 22px 0 20px 0;
    }

    #contact-content .leftColumn img {
        width: 90px;
    }

    #contact-content .graphic-item, #launch-content .graphic-item {
        padding-bottom: 0;
    }

    .contact-heading {
        font-size: 30px;
        margin: 5px 0;
    }

    .contact-subheading {
        margin: 0;
        font-size: 16px;
    }

    .contact-form {
        padding: 0;
        margin: 15px 0 30px 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contact-form .single-form-field {
        flex-basis: 48%;
        padding: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .contact-form .single-form-field.wide-field {
        flex-basis: 100%;
    }

    .contact-form label, .launch-form label {
        top: 18px;
    }

    #markets_select + .select2-container, #acquisition_select + .select2-container {
        top: 17px;
    }

    #markets_select + .select2-container {
        top: 29px;
    }

    #msv_select + .select2-container {
        top: 30px;
    }

    .contact-form input[type="text"] {
        height: 34px;
        padding: 13px 0 5px 0;
    }

    .select2-container {
        width: 91% !important;
    }

    .contact-form .submit-button {
        padding-top: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 14px;
    }

    .select2-results__option {
        font-size: 15px;
    }

    .contact-info .container {
        padding: 15px 0;
    }

    .contact-info-item:first-of-type, .contact-info-item, .contact-info-item:nth-child(2), .contact-info-item:last-child {
        flex-basis: 100%;
        margin-left: -10px;
    }

    .bottomOverlay {
        right: auto;
        left: -4%;
    }

    .afterSubmitMessage {
        width: 94%;
        margin: auto;
    }

    #launch-content {
        height: auto;
        padding: 0 0 35px 0;
    }

    .launch-form {
        margin-top: 20px;
        padding: 0;
    }

    #launch-content .leftColumn h4.contact-subheading {
        font-size: 16px;
        width: 330px;
        margin-top: 15px;
    }

    #launch-content .leftColumn img {
        width: 150px;
    }

    .form-title-launch h1 {
        font-size: 25px;
    }

    .g-recaptcha-warning {
        width: 100%;
    }

    .g-recaptcha-warning p {
        margin: 10px 0 0 0;
    }

    .interestItem {
        margin-bottom: 20px;
        flex-basis: 40%;
    }

    .invalidCheckbox + .input-error-message {
        bottom: -5px;
    }

    .form-section.companyDetails {
        padding-top: 10px;
    }

    .companyDetails .form-heading {
        margin: 15px 0 0;
    }

    .error-page .leftColumn, .error-page .rightColumn {
        padding: 0;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .errorPage h2 {
        color: #fff;
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .errorPage h1 {
        font-size: 80px;
        line-height: 60px;
    }

    #contact .select2-container {
        width: 100% !important;
    }
}

@media screen and (max-width: 850px) {
    .active .crm-item-toggle {
        display: block;
    }

    .blog-category-item {
        padding: 0 20px;
    }

    .news-items-wrapper .blog-item {
        flex: 0 0 47%;
    }

    .news-items-wrapper .blog-item:nth-child(3n) {
        margin-right: 22px;
    }

    .news-items-wrapper .blog-item:nth-child(2n) {
        margin-right: 0px;
    }

    .blog-item-button {
        bottom: 13px;
    }

    .single-blog-intro-heading h1, .single-news-intro-heading h1 {
        font-size: 24px;
    }

    .single-blog-intro-data p {
        letter-spacing: 1px;
    }

    .careers-employee-points-heading h4 {
        letter-spacing: 1px;
    }

    section#services-included-services {
        padding-top: 25px;
    }

    .services-item-heading h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    #services-intro-section {
        min-height: 200px;
        background-position-x: 23%;
    }

    .services-top-banner-heading h1 {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 5px;
    }

    .cookie-text p {
        line-height: 16px;
        font-size: 13px;
    }

    .heading-line.left {
        margin: 10px 0 12px 0;
    }

    .intro-heading {
        font-size: 35px;
    }

    .intro-sub-heading {
        font-size: 15px;
        margin: 8px 0 16px 0;
    }

    .section-heading h2, .centre-heading h2 {
        font-size: 22px;
    }

    .offering-item-title h3 {
        font-size: 18px;
    }

    p {
        font-size: 15px;
        line-height: 22px;
    }

    .whoweare-bg-graphic img {
        width: 330px;
        margin-top: 80px;
    }

    .customdesign-content .leftColumn {
        flex-basis: 320px;
    }

    .customdesign-content .rightColumn {
        width: calc(100% - 355px);
    }

    .footer-item-heading img {
        margin-top: 0;
    }

    .footer-content-top .rightColumn {
        display: none;
    }

    .footer-content-top .leftColumn {
        flex-basis: 100%;
    }

    .footer-content-mid h4 {
        font-size: 13px;
        letter-spacing: 0.7px;
        margin: 0;
    }

    .footer-content-mid {
        padding-top: 20px;
    }

    .bottom-footer-text p {
        font-size: 12px;
        letter-spacing: 0.7px;
    }

    #home-payment .offering-item-icon img {
        width: 110px;
    }

    .customdesign-bg-graphic {
        top: -220px;
    }

    .customdesign-bg-graphic img {
        width: 120px;
    }

    #about-section-third-ourprocess .heading-wrapper {
        margin: 0;
    }

    #about-section-third-ourprocess .centre-heading h2 {
        margin-top: 0;
    }

    #about-section-third-ourprocess .centre-heading {
        margin-bottom: 22px;
    }

    #about-section-third-ourprocess {
        padding-top: 25px;
    }

    .ourprocess-sub-heading h4 {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .ourprocess-icon {
        width: 130px;
        height: 130px;
        border-width: 15px;
    }

    .ourprocess-item-icon h4 {
        margin-top: 23px;
        font-size: 13px;
    }

    .ourprocess-item h2 {
        font-size: 35px;
    }

    .expandable-header {
        font-size: 16px;
    }

    .product-item-title h4, .page-template-page-products-php .product-item-title h1 {
        font-size: 22px;
    }

    .product-item-description p {
        line-height: 21px;
        font-size: 15px;
    }

    section#product-content {
        padding: 25px 0 5px;
    }

    .product-item-icon img {
        max-width: 100%;
    }

    .product-item-button .read-more-text, .blog-item-button .read-more-text {
        font-size: 14px;
    }

    #single-product .container > .leftColumn {
        flex-basis: 100%;
        padding-top: 20px;
        padding-bottom: 10px;
        order: 1;
    }

    #single-product .container > .rightColumn {
        flex-basis: 100%;
        padding-top: 30px;
        padding-left: 0;
        margin-top: 0;
    }

    .backgroundLeft {
        width: 110%;
        right: auto;
        left: -4%;
        top: 0;
        height: 100%;
    }

    #single-product .single-product-content > .rightColumn {
        flex-basis: 100%;
        padding-left: 0;
        margin-top: 0;
    }

    #single-product .single-product-content > .leftColumn {
        flex-basis: 100%;
    }

    .single-product-number {
        margin: 0;
        padding: 0;
    }

    .single-product-number span {
        font-size: 25px;
        line-height: normal;
    }

    .single-product-title {
        padding-bottom: 20px;
        margin-top: 15px;
    }

    .single-product-title h1 {
        font-size: 25px;
    }

    .single-product-content {
        padding: 35px 0 15px 0;
    }

    .single-step-item, .single-step-item:not(:last-child) {
        margin-top: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .single-step-item:last-child {
        padding-bottom: 0;
    }

    .single-product-steps {
        margin-top: 25px;
    }

    .single-product-text strong {
        line-height: 23px;
        font-size: 16px;
    }

    .leftColumnSteps {
        padding-right: 30px;
    }

    .single-product-content .rightColumn span {
        font-size: 13px;
    }

    .step-label::after {
        border-bottom-width: 3px;
    }

    section#careers-vacancies {
        padding-top: 40px;
    }

    .vacancyRight h4 {
        font-size: 16px;
    }

    #news-intro-section, #blog-intro-section {
        min-height: 220px;
    }

    .blog-intro-heading h1, .news-intro-heading h1 {
        font-size: 28px;
    }

    .blog-intro-subheading h4 {
        margin: 10px 0 0 0;
        font-size: 16px;
    }

    .news-intro-subheading h4 {
        font-size: 16px;
    }

    .blogThumbnail, .blogContainer .blog-item-icon {
        min-height: auto;
        height: 200px;
    }

    .blog-item-title h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-items-wrapper {
        padding-top: 25px;
    }

    #single-blog-intro {
        height: 240px;
    }

    .news-item-icon img {
        width: 130px;
    }

    .news-item {
        flex-basis: 48%;
    }

    .news-items-wrapper {
        padding: 25px 0 5px 0;
    }

    section#crm-intro-section {
        min-height: 220px;
    }

    .crm-intro-subheading h4 {
        line-height: 20px;
        font-size: 15px;
    }

    .content-expanded {
        padding: 110px 15px 15px 15px;
    }

    .content-basic img {
        max-width: 100%;
    }

    .crm-item {
        flex-basis: 33%;
        margin-bottom: 0px;
        padding: 15px 10px;
    }

    .content-basic {
        padding: 0 5px;
    }

    .content-basic {
        height: 85px;
    }

    .blogThumbnail {
        height: 180px;
    }

    .input-error-message {
        display: none;
    }

    .single-form-field.date-field {
        padding-right: 40px;
    }

    .howDidYouHearAboutUsItem {
        flex-basis: 50%;
    }

    #home-offerings .item-inner {
        background-position: center 20px;
        background-size: 200px 150px;
    }

    #home-offerings .offering-item:nth-of-type(1) .item-inner {

        background-position: 5px 20px;
        background-size: 190px 144px;
    }

}

@media screen and (max-width: 767px) {
    .top-btns.fx.fx-ac {
        width: 100%;
        justify-content: flex-end;
    }

    .site-logo img {
        width: 57px;
        position: absolute;
        top: 0px;
        left: -10px;
        min-width: 57px;
    }

    .site-logo a {
        display: block;
        height: 0;
    }

    .thankYouPage h4.afterSubmitSubheading {
        text-align: center;
    }

    .form-section.companyDetails {
        padding-top: 0px;
    }

    .afterSubmitTextSubheading {
        font-size: 17px;
        line-height: 33px;
    }

    .afterSubmitTextHeading {
        font-size: 36px;
        line-height: 44px;
    }

    .intro-heading {
        font-size: 33px;
    }

    #home-intro .leftColumn {
        flex-basis: 52%;
    }

    .about-first-content p, .services-item-desc p {
        line-height: 20px;
        font-size: 15px;
    }

    .whoweare-content .rightColumn {
        padding-top: 0;
    }

    .whoweare-bg-graphic img {
        width: 240px;
    }

    #who-we-are .leftColumn, #who-we-are .rightColumn,
    #home-onecashier .leftColumn, #home-onecashier .rightColumn {
        flex-basis: 100%;
        padding: 0;
    }

    #who-we-are .graphicItem, #home-onecashier .graphicItem {
        text-align: center;
    }

    #who-we-are .graphicItem img {
        width: 300px;
    }

    #who-we-are {
        margin-top: 0;
    }

    #home-onecashier {
        margin-top: 0;
    }

    .section-heading h2, .centre-heading h2 {
        font-size: 19px;
    }

    .button-regular.lightblue {
        margin-top: 0;
    }

    .about-first-content .button-regular {
        margin-top: 5px;
    }

    #home-onecashier .leftColumn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: initial;
        margin-bottom: 15px;
    }

    #home-onecashier .leftColumn .button-wrapper {
        flex-shrink: 0;
        -webkit-flex-shrink: 0;
    }

    .onecashier-heading {
        padding-right: 20px;
    }

    .onecashier-heading h2 {
        line-height: 25px;
    }

    .calltoaction-content > div {
        flex-basis: 100%;
    }

    .calltoaction-content > .section-heading {
        margin: 15px 0 20px 0;
    }

    .calltoaction-content .section-heading h2 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: normal;
    }

    .calltoaction-content .section-heading h4 {
        font-size: 15px;
        line-height: normal;
    }

    .calltoaction-content {
        text-align: center;
    }

    .calltoaction-content .orange-btn a {
        font-size: 16px;
    }

    .headquarters-heading h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .ourprocess-sub-heading h4 {
        font-size: 12px;
    }

    #news-intro-section, #blog-intro-section {
        min-height: 180px;
    }

    .news-first-content .leftColumn {
        margin-top: -40px;
    }

    .crm-items-wrapper {
        padding-bottom: 30px;
    }

    .applicationFormOverlay > div {
        flex-direction: column;
    }

    .applicationFormOverlay .leftColumn {
        padding-right: 0;
        display: flex;
        align-items: center;
    }

    .applicationFormOverlay .rightColumn {
        display: flex;
        align-items: end;
    }

    .applicationFormOverlay .afterSubmitHeading {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .goToWebsite {
        text-align: center;
        margin: 30px 0 0;
    }

    .errorPage h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .errorPage h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 700px) {
    .step .single-form-field {
        padding: 10px 30px 10px 0;
    }

    .phone-prefix {
        width: 24%;
    }

    .product-item-title h4, .page-template-page-products-php .product-item-title h1 {
        font-size: 20px;
    }

    .services-item-icon {
        width: 70px;
    }

    .about-first-content p, .services-item-desc p, .payment-method-item-desc p {
        line-height: 20px;
        font-size: 14px;
    }

    .services-item-heading h3 {
        font-size: 16px;
    }

    #about-section-third-ourprocess .ourprocess-content {
        padding-top: 0;
    }

    .ourprocess-bottom-heading h4 {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .ourprocess-content .leftColumn {
        padding-right: 0;
        flex-basis: 100%;
    }

    .ourprocess-content .rightColumn {
        flex-basis: 100%;
        margin-top: 10px;
    }

    .ourprocess-bottom-sub-heading {
        width: 100%;
    }

    .offering-items-wrapper {
        padding-bottom: 0;
    }

    .intro-heading {
        font-size: 28px;
    }

    .intro-bg-graphic img {
        width: 330px;
    }

    .offering-item-title h3 {
        font-size: 16px;
    }

    .offering-item-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .ourprocess-item-desc p {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0 0 0;
    }

    #home-offerings .offering-item-icon {
        width: 100px;
    }

    .offering-item-icon img {
        width: 100%;
    }

    .icon-label {
        font-size: 13px;
        line-height: 12px;
        right: -12px;
        width: 50px;
    }

    .offering-item, .ourprocess-item {
        flex-basis: 48%;
        margin-bottom: 20px;
        margin-right: 4%;
        padding-right: 0;
        padding-bottom: 0;
    }

    .payment-model-item {
        flex-basis: 48%;
        margin-bottom: 20px;
        margin-right: 4%;
    }

    .payment-model-item:nth-child(2n), .payment-model-item:last-child {
        margin-right: 0;
    }

    .offering-item:nth-child(2n), .offering-item:last-child, .ourprocess-item:nth-child(2n), .ourprocess-item:last-child {
        margin-right: 0;
    }

    .ourprocess-items-wrapper, .offering-items-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .payment-model-item-wrapper {
        padding-bottom: 15px;
        padding-top: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .payment-model-item h3 {
        font-size: 20px;
    }

    .payment-method-item-heading {
        margin-top: 12px;
    }

    .payment-method-item-button {
        right: auto;
        left: 25px;
    }

    .customdesign-content .leftColumn {
        flex-basis: 230px;
    }

    .customdesign-content .rightColumn {
        width: calc(100% - 260px);
    }

    .integrations-content .integrations-item {
        padding: 10px 0;
        margin: 0 20px;
    }

    .integrations-content.integrations-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .cookie-buttons a {
        margin: 0 15px 0 0 !important;
    }

    .cookie-buttons a:last-child {
        margin-right: 0 !important;
    }

    .cookie-item.cookie-buttons .buttons-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
    }

    .cookie-image {
        display: none;
    }

    .cookie-item.cookie-text {
        flex-basis: auto;
        margin: 0;
    }

    .cookie-text strong {
        font-size: 18px;
    }

    .cookie-text p {
        line-height: 14px;
        font-size: 12px;
    }

    .cookie-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cookie-item.cookie-buttons {
        flex-basis: 100%;
    }

    .cookie-buttons .buttons-wrapper a {
        display: block;
        padding: 6px 0;
    }

    .cookie-buttons .buttons-wrapper a#cookie_action_close_header {
        min-width: 110px;
    }

    .cookie-buttons a {
        font-size: 13px !important;
    }

    .headquarters-description-items {
        padding-bottom: 10px;
    }

    .careers-intro-subheading h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .careers-intro-heading h1, .privacy-intro-heading h1 {
        font-size: 25px;
    }

    .careers-sub-intro-content {
        padding: 25px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .careers-sub-intro-content h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .careers-sub-intro-content .rightColumn p {
        line-height: 22px;
    }

    .employee-point {
        flex-basis: 25%;
    }

    .employee-point img {
        width: 95px;
    }

    .employee-point-text h5 {
        font-size: 13px;
        margin: 15px 0 0 0;
    }

    .careers-employee-points-heading {
        margin: 25px 0;
    }

    .vacancy-expanded-wrapper, .privacy-notice-expanded-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vacancyLeft, .vacancyRight {
        flex-basis: 100%;
    }

    .vacancyLeft {
        order: 1;
        margin: 10px 0;
    }

    .pr-it-outer {
        width: 85px;
        height: 85px;
    }

    .pr-it-inner {
        height: 65px;
        width: 65px;
    }

    .progress-item span:first-of-type {
        margin-top: 13px;
        letter-spacing: 0.7px;
    }

    .progress-item span.nr {
        font-size: 23px;
    }

    .progress-icons {
        padding: 20px 0;
    }

    #apply-now-form-section::after {
        top: 60px;
    }

    .header-side h2 {
        font-size: 16px;
        padding-right: 20px;
    }

    .content-basic {
        height: 72px;
    }

    .content-basic img {
        max-width: 84%;
    }

    .content-expanded {
        padding: 100px 15px 15px 15px;
    }

    #home-offerings .offering-item:nth-of-type(1) .item-inner {
        background-position: center 20px;
        background-size: 200px 150px;
    }
}

@media screen and (max-width: 650px) {
    .error404 main {
        height: auto;
    }

    .error-page .rightColumn {
        padding: 0px 0 40px 0;
    }

    .step .single-form-field {
        margin-top: 18px;
    }

    #news-intro-section, #blog-intro-section {
        min-height: 150px;
    }

    .news-first-content .leftColumn {
        margin-top: -25px;
    }

    .input-error-message {
        font-size: 12px;
    }

    .phone-prefix {
        width: 30%
    }

    .phone-number {
        width: 70%;
    }

    .step .single-form-field {
        padding: 10px 10px 10px 0;
    }

    .single-form-field.phone-field {
        padding-top: 0;
    }

    input.date-part {
        width: 85%;
        padding-top: 10px;
    }

    .error-page .leftColumn {
        flex-basis: 100%;
        width: 100%;
        text-align: center !important;
        padding: 40px 0;
    }

    .error-page img {
        max-width: 50%;
    }

    .error-page .container {
        align-items: center;
        flex-direction: column;
    }

    .errorPage {
        align-items: center;
    }

    .single-news-bottom {
        flex-wrap: wrap;
    }

    .single-news-social.social-icons, .back-to-archive-button {
        width: 100%;
    }

    .single-news-social.social-icons {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 620px) {
    .footer-content-mid .rightColumn {
        text-align: left;
        width: 100%;
        margin: 10px 0 0 0px;
        justify-content: left;
    }
}

@media only screen and (max-height: 680px) {
    .intro-heading {
        margin-top: 0;
    }

    .intro-content .leftColumn {
        margin-top: -50px;
    }
}

@media only screen and (max-height: 600px) {
    .intro-icons {
        height: auto;
        margin-top: 65px;
        position: static;
    }
}

@media screen and (max-height: 550px) {
    .error-page img {
        max-width: 150px;
    }

    .errorPage h1 {
        margin: 0;
        font-size: 50px;
        line-height: 40px;
    }

    .errorPage h2 {
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .errorPage p {
        margin-bottom: 0;
        margin-top: 0;
    }
}

@media screen and (max-height: 450px) and (max-width: 650px) {
    .error-page img {
        max-height: 100px;
    }

    .error-page .container {
        align-items: center;
        display: flex;
    }

    .error-page img {
        min-width: unset;
        max-height: 50px;
    }

    .errorPage h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .errorPage h2 {
        margin: 10px 0 0 0;
    }

    .errorPage p {
        margin: 10px 0;
    }
}

@media screen and (max-height: 580px) and (max-width: 650px) {
    .error-page .leftColumn, .error-page .rightColumn {
        padding: 10px 0 0;
    }
}

@media screen and (max-height: 500px) and (max-width: 950px) {
    .error-page .leftColumn, .error-page .rightColumn {
        padding: 20px 0 0;
    }
}

@media screen and (max-width: 600px) {
    .input-error-message {
        font-size: 11px;
    }

    .invalidFormField + .input-error-message, #markets_input.invalidFormField + .input-error-message, .invalidCheckbox + .input-error-message, .date-launch.active {
        bottom: -12px;
    }

    .headquarters-heading h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .intro-icons {
        margin-top: 25px;
    }

    .intro-bg-graphic img {
        width: 270px;
    }

    #home-intro {
        margin: 30px 0;
    }

    h1 {
        font-size: 25px;
    }

    .services-item .item-inner {
        padding: 0 15px;
    }

    .services-item:first-child .item-inner {
        padding-right: 15px;
    }

    .about-first-content p, .services-item-desc p {
        line-height: 18px;
    }

    .payment-model-item h3 {
        font-size: 18px;
    }

    .product-item-title h4, .page-template-page-products-php .product-item-title h1 {
        font-size: 18px;
    }

    .product-item-description p {
        line-height: 19px;
        font-size: 14px;
    }

    .product-item-button {
        right: 20px;
        bottom: 16px;
        width: calc(100% - 40px);
    }

    .product-item .item-inner {
        padding: 15px 20px 45px 20px;
    }

    .product-item {
        margin-bottom: 20px;
    }

    .careers-intro-subheading {
        width: 100%;
    }

    .employee-point img {
        width: 80px;
    }

    .employee-point-text h5 {
        font-size: 11.5px;
        letter-spacing: 0.7px;
    }

    section#careers-vacancies {
        padding-top: 25px;
    }

    .blog-intro-subheading h4, .news-intro-subheading h4 {
        font-size: 15px;
        line-height: 20px;
    }

    .news-first-content .leftColumn {
        margin-top: -50px;
    }

    .crm-item {
        flex-basis: 50%;
        margin-bottom: 20px;
    }

    .interestItem {
        flex-basis: 100%;
    }

    .interestItem span {
        font-size: 15px;
    }

    .step .single-form-field {
        padding: 10px 10px 10px 0;
    }

    .single-form-field.phone-field {
        padding-top: 0;
    }
}

@media screen and (max-width: 550px) {
    .footer-content-mid .rightColumn {
        justify-content: center;
    }

    .phone-prefix {
        width: 29%;
    }

    .phone-number {
        width: 84%;
    }

    #menu-toggle {
        margin-top: 2px;
    }

    body:not(.home) main {
        padding-top: 58px;
    }

    .description-item-text p {
        line-height: 18px;
        font-size: 14px;
    }

    .heading-line.left {
        margin-top: 7px;
    }

    .footer-item-heading {
        text-align: center;
    }

    .footer-item-content.social-icons {
        padding-top: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-content-mid {
        padding-top: 15px;
    }

    .footer-content-mid > div {
        flex-basis: 100%;
        text-align: center;
    }

    .footer-content-mid .rightColumn {
        text-align: center;
        margin-top: 12px;
    }

    .headquarters-heading, .centre-heading h3 {
        line-height: normal;
        margin: 18px 0 0 0;
    }

    .customdesign-content .leftColumn {
        flex-basis: 100%;
        order: 1;
    }

    .customdesign-content .leftColumn .graphicItem {
        text-align: center;
    }

    .customdesign-content .leftColumn .graphicItem img {
        width: 240px;
    }

    .customdesign-content .rightColumn {
        width: 100%;
        margin-top: 0;
    }

    .customdesign-content {
        padding-top: 5px;
    }

    .careers-sub-intro-content h3 {
        font-size: 17px;
        line-height: 24px;
    }

    .careers-sub-intro-content .rightColumn p {
        line-height: 20px;
    }

    .careers-sub-intro-content .rightColumn {
        padding-left: 20px;
    }

    .careers-sub-intro-content .leftColumn {
        padding-right: 20px;
    }

    .intro-heading {
        font-size: 24px;
    }

    .intro-social-icon a {
        height: 40px;
        width: 40px;
    }

    .intro-social-icon a img, #home-intro .intro-social-icon a img {
        width: 18px;
    }

    .button-regular a {
        padding-top: 10px;
        padding-bottom: 11px;
    }

    .intro-button {
        width: 180px;
    }

    form#vacancy-application {
        padding-top: 0;
    }

    #vacancy-application .single-form-field, .single-form-field:not(#applicationForm .single-form-field) {
        padding-right: 0;
        flex-basis: 100%;
    }


    #applicationForm label.activeInput {
        top: 0;
    }

    .blog-item {
        flex-basis: 100%;
        align-items: initial;
    }

    .blog-item-date {
        padding-top: 0;
    }

    .blog-item-description p {
        line-height: 24px;
        margin: 5px 0 15px 0;
    }

    #news-intro-section, #blog-intro-section {
        min-height: 130px;
    }

    .input-error-message {
        font-size: 11px;
        letter-spacing: -0.5px;
        bottom: -9px;
    }

    .howDidYouHearAboutUsItem {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 490px) {
    input[name="current_service_provider"] + .input-error-message {
        font-size: 11.5px;
        bottom: -8px;
    }
}

@media screen and (max-width: 479px) {
    .certificate-row img, body.iphone-bw .certificate-row img {
        height: auto !important;
        min-height: initial !important;
        width: 100%;
    }

    #vacancy-application .single-form-field {
        flex-basis: 100%;
    }

    .errorPage {
        text-align: center;
    }

    section#crm-intro-section {
        padding-bottom: 20px;
    }

    .applicationFormOverlay {
        padding: 40px 0;
    }

    .applicationFormOverlay .leftColumn img {
        float: none;
        max-width: 72%;
        margin: auto;
    }

    .invalidCheckbox + .input-error-message {
        bottom: -11px;
    }

    button.button-regular.form-prev, button.button-regular.form-next {
        font-size: 18px;
    }

    .pagination-wrapper * {
        margin: 0 10px 0 10px;
    }

    .pagination-wrapper a:last-child {
        margin-right: 0;
    }

    .pagination-wrapper a:first-child {
        margin-left: 0;
    }

    .news-items-wrapper .blog-item {
        flex: 0 0 100%;
        margin: 30px 0px 14px 0;
    }

    .news-items-wrapper .blog-item:nth-child(3n) {
        margin-right: 0px;
    }

    #home-intro .leftColumn {
        flex-basis: 100%;
        order: 2;
        text-align: center;
        margin-top: 10px;
    }

    #home-intro .rightColumn {
        flex-basis: 100%;
        text-align: center;
    }

    .intro-button {
        margin: auto;
    }

    .intro-icons {
        justify-content: center;
    }

    .error-page .rightColumn, .error-page .leftColumn {
        margin-top: 0;
    }

    #news-intro-section {
        background-position: center;
    }

    #services-included-services .services-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
        flex-basis: 100%;
    }

    #services-included-services .services-item:last-child {
        margin-bottom: 0;
    }

    .services-item .item-inner {
        padding: 0;
    }

    .services-item:after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
    }

    .services-items-wrapper {
        margin-top: 20px;
    }

    .services-top-banner-heading h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    #services-intro-section {
        background-position-x: center;
        position: relative;
    }

    #services-intro-section:before {
        content: '';
        background: #434343;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }

    .payment-model-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    .payment-model-item .item-inner {
        padding-bottom: 23px;
    }

    .payment-method-item-button {
        position: static;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }

    section#services-payment-model {
        padding-top: 10px;
    }

    .product-item {
        flex-basis: 100%;
    }

    .product-item-button {
        width: 100%;
        position: static;
    }

    .product-item .item-inner {
        padding: 20px;
    }

    .product-item-description {
        margin: 10px 0;
    }

    .product-item-icon {
        min-height: auto;
    }

    .expandable-header {
        font-size: 14px;
    }

    h1 {
        font-size: 22px;
    }

    .about-first-heading h1 {
        margin-bottom: 5px;
    }

    .bottom-footer-text p {
        line-height: 16px;
    }

    .container, #careers-vacancies .heading-wrapper, #single-news-content .container, #single-news-intro .container,
    #single-news-content .container, #single-news-intro .container, #contact-content .container, #launch-content .container {
        width: 90%;
    }

    .bottom-footer-text {
        width: 90%;
    }

    #cookie-law-info-again {
        left: 5% !important;
    }

    #home-intro {
        margin: 0;
    }

    .leftColumn, .rightColumn, .about-first-content .leftColumn, .about-first-content .rightColumn,
    .headquarters-content .leftColumn, .headquarters-content .rightColumn {
        flex-basis: 100%;
    }

    .intro-bg-graphic img {
        width: 155px;
    }

    .intro-icons {
        margin-top: 20px;
    }

    .rightColumn .graphicItem {
        text-align: center;
    }

    .rightColumn {
        margin-top: 20px;
    }

    .headquarters-content .rightColumn {
        margin-top: 0;
    }

    .intro-content .graphicItem img, .graphicItem img {
        width: 290px;
    }

    .offering-item, .ourprocess-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    #who-we-are .leftColumn, #who-we-are .rightColumn, #home-onecashier .leftColumn, #home-onecashier .rightColumn {
        margin-top: 0;
    }

    #home-onecashier .leftColumn {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .section-heading h2, .centre-heading h2 {
        font-size: 18px;
    }

    #home-onecashier .leftColumn .button-wrapper {
        margin-top: 15px;
    }

    .heading-wrapper {
        margin: 0 0 10px 0;
    }

    #home-payment {
        margin-top: 25px;
    }

    .calltoaction-content .section-heading h2 {
        font-size: 18px;
    }

    #home-integrations .section-heading h2 {
        line-height: normal;
        padding-right: 20px;
    }

    .expandable-icon {
        width: 30px;
        height: 30px;
    }

    .expandable-icon .line {
        width: 12px;
    }

    .single-product-steps {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .leftColumnSteps, .rightColumnSteps {
        flex-basis: 100%;
    }

    .leftColumnSteps {
        padding-right: 0;
    }

    .single-step-item, .single-step-item:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .backgroundLeft {
        width: 115%;
        left: -8%;
    }

    .go-back-button-wrapper {
        margin: 0 0 20px 0;
    }

    .go-back-button-wrapper a {
        font-size: 13px;
    }

    .product-menu-item {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #single-product .container > .rightColumn {
        padding-top: 20px;
    }

    #single-product .top-banner-image img {
        max-width: 100%;
    }

    .single-product-title {
        padding-bottom: 15px;
        margin-top: 10px;
    }

    .single-product-title h1 {
        font-size: 20px;
    }

    .single-product-text {
        padding-top: 5px;
    }

    .single-product-content {
        padding-bottom: 5px;
    }

    section#careers-intro-section {
        padding: 20px 0 30px 0;
    }

    .careers-intro-subheading h4 {
        line-height: 24px;
    }

    .careers-sub-intro-content .leftColumn {
        padding-right: 0;
    }

    .careers-sub-intro-content .rightColumn {
        padding-left: 0;
        margin-top: 10px;
    }

    .careers-sub-intro-content h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .careers-sub-intro-content {
        padding: 20px 0;
    }

    .employee-point {
        flex-basis: 44%;
        margin-bottom: 25px;
    }

    .employee-point-text h5 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    #careers-vacancies .expandable-item, #privacy-notice .expandable-item {
        padding: 0 5%;
    }

    section#careers-vacancies {
        padding-top: 15px;
    }

    #careers-vacancies .expandable-header, #privacy-notice .expandable-header {
        padding: 15px 0;
    }

    .blog-first-content .leftColumn, .news-first-content .leftColumn {
        flex-basis: 100%;
    }

    .blog-first-content .rightColumn, .news-first-content .rightColumn {
        flex-basis: 100%;
        text-align: right;
    }

    .blog-intro-heading h1, .news-intro-heading h1 {
        font-size: 22px;
    }

    #news-intro-section {
        min-height: auto;
        padding: 20px 0 0 0;
    }

    #blog-intro-section {
        min-height: auto;
        padding: 20px 0 30px 0;
    }

    .blog-intro-subheading h4, .news-intro-subheading h4 {
        margin-bottom: 5px;
    }

    #single-blog-intro {
        height: 200px;
    }

    .single-blog-intro-heading {
        margin-top: 20px;
    }

    .single-blog-intro-heading h1, .single-news-intro-heading h1 {
        font-size: 22px;
    }

    .news-first-content .leftColumn {
        margin-top: 0;
    }

    .news-first-content .rightColumn {
        margin-top: 5px;
    }

    .news-item {
        flex-basis: 100%;
    }

    .single-news-social.social-icons {
        padding-bottom: 0;
    }

    .single-news-social-icon {
        margin-bottom: 10px;
    }

    .contact-form .single-form-field {
        flex-basis: 100%;
    }

    input[type="text"], input[type="number"], input[type="email"] {
        font-size: 14px;
    }

    .contact-form {
        margin-top: 0;
        padding-top: 15px;
    }

    .contact-form .submit-button {
        padding-top: 10px;
    }

    #contact-content .leftColumn:before, #launch-content .leftColumn:before {
        width: 114%;
        margin-left: -7%;
    }

    .contact-heading {
        font-size: 25px;
    }

    .contact-subheading {
        font-size: 15px;
    }

    #contact-content .rightColumn, #launch-content .rightColumn {
        margin-top: 0;
    }

    .bottomOverlay {
        left: -8%;
        width: 115%;
    }

    h3.afterSubmitHeading {
        font-size: 25px;
        margin: 0;
    }

    .afterSubmitMessage {
        width: 90%;
    }

    h4.afterSubmitSubheading {
        font-size: 15px;
    }

    .contact-info-text {
        padding-left: 10px;
    }

    #launch-content .leftColumn h4.contact-subheading {
        font-size: 14px;
        width: 85%;
        margin-top: 10px;
        line-height: 22px;
    }

    #launch-content {
        padding-bottom: 0px;
    }

    .crm-intro-content .leftColumn {
        flex-basis: 100%;
        margin-top: 20px;
    }

    .crm-intro-content .rightColumn {
        flex-basis: 100%;
    }

    .step .form-section .single-form-field {
        flex-basis: 100%;
        margin-top: 20px;
        padding: 10px 0;
    }

    .form-button-left, .form-button-right {
        display: flex;
    }

    button.button-regular.form-next, button.button-regular.form-prev {
        width: 100%;
    }

    .input-error-message, input[name="current_service_provider"] + .input-error-message {
        font-size: 12px;
        letter-spacing: 0;
        bottom: -14px;
    }

    #msv_input + .input-error-message {
        bottom: -14px;
    }

    #launch-content .thankYou {
        padding: 54px 0 20px 0;
    }

    button.button-regular.form-prev, button.button-regular.form-next {
        padding: 10px 10px;
    }

    .form-button-right, .form-button-left {
        flex-basis: 40%;
        font-size: 18px;
    }

    .form-section {
        justify-content: space-between;
    }

    .invalidCheckbox + .input-error-message {
        bottom: 0px;
    }
}

@media screen and (max-width: 450px) {
    .pagination-wrapper * {
        margin: 0 7px 0 7px;
    }

    .gallery {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gallery dl.gallery-item {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .gallery dl.gallery-item:last-of-type {
        margin-bottom: 0 !important;
    }

    .contact-info-text p {
        line-height: 20px;
        font-size: 14px;
    }

    .pr-it-outer {
        width: 60px;
        height: 60px;
    }

    .pr-it-inner {
        height: 45px;
        width: 45px;
    }

    .progress-item span:first-of-type {
        margin-top: 8px;
        letter-spacing: 0.2px;
    }

    .progress-item span.nr {
        font-size: 16px;
    }

    .progress-icons {
        padding: 15px 0;
    }

    #apply-now-form-section::after {
        top: 45px;
    }

    .privacy-policy-item table, .privacy-policy-item table ul li {
        font-size: 14px;
    }

    .content-basic {
        height: 66px;
    }

    .content-expanded {
        padding: 90px 15px 15px 15px;
    }

    .crm-item {
        margin-bottom: 14px;
    }

    .thankYouPage h4.afterSubmitSubheading {
        font-size: 15px;
        margin: 0;
        line-height: 30px;
    }

    .applicationFormOverlay .afterSubmitHeading {
        font-size: 22px;
    }
}

@media screen and (max-width: 440px) {
    body table.cookielawinfo-classic {
        letter-spacing: 0;
        line-height: 16px;
    }

    body .cli-tab-section .cookielawinfo-row-cat-table td, body .cli-tab-section .cookielawinfo-row-cat-table th {
        font-size: 11px;
    }

    table.cookielawinfo-classic td.cookielawinfo-column-2, table.cookielawinfo-classic th.cookielawinfo-column-2, table.cookielawinfo-classic td.cookielawinfo-column-3, table.cookielawinfo-classic th.cookielawinfo-column-3 {
        width: 55px;
    }

    table.cookielawinfo-classic td.cookielawinfo-column-1, table.cookielawinfo-classic th.cookielawinfo-column-1 {
        width: 60px;
    }
}

@media screen and (max-width: 400px) {
    .single-news-social-icon div {
        height: 42px;
        width: 42px;
    }

    .single-news-social-icon {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 390px) {
    .form-button-right, .form-button-left {
        font-size: 16px;
    }

    .pagination-wrapper * {
        width: 29px;
        height: 29px;
    }

    .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        width: 0;
    }

    .launch-form .form-section.form-captcha {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        margin-bottom: 0;
    }

    .form-title-launch h1 {
        font-size: 22px;
    }

    .form-subtitle-launch h3 {
        font-size: 14px;
    }

    .g-recaptcha-warning {
        margin-top: 55px;
        text-align: left;
        margin-bottom: 10px;
    }

    .crm-item {
        flex-basis: 100%;
        margin-bottom: 0px;
    }

    .applicationFormOverlay .afterSubmitHeading {
        font-size: 17px;
    }

    .thankYouPage h4.afterSubmitSubheading {
        font-size: 13px;
        margin: 0;
        line-height: 24px;
    }

    body table.cookielawinfo-classic td, body table.cookielawinfo-classic th, body table.cookielawinfo-classic tr {
        display: block;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    tr.cookielawinfo-row:not(:last-child) {
        border-bottom: 1px solid #fe6345;
    }

    tr.cookielawinfo-row:not(:last-child) td:last-child {
        border-bottom: none;
    }

    body table.cookielawinfo-classic {
        letter-spacing: 0.3px;
    }

    body .cli-tab-section .cookielawinfo-row-cat-table td, body .cli-tab-section .cookielawinfo-row-cat-table th {
        font-size: 12px;
    }

    .certifications-intro-content {
        margin: 0 0 14px 0;
    }

    .certificate-row h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 370px) {
    .careers-intro-heading h1, .privacy-intro-heading h1 {
        font-size: 22px;
    }

    .careers-intro-subheading h4 {
        line-height: 21px;
        font-size: 15px;
    }

    .afterSubmitTextSubheading {
        font-size: 16px;
        line-height: 28px;
    }

    .form-button-right, .form-button-left {
        flex-basis: 44%;
    }
}

@media screen and (max-width: 360px) {
    .error-page .leftColumn {
        padding: 26px 0 26px 0;
    }

    .error-page .rightColumn {
        padding: 0px 0 20px 0;
    }

    .single-news-social-icon div {
        height: 36px;
        width: 36px;
    }

    .integrations-content .integrations-item {
        margin: 0 10px;
    }

    .intro-content .graphicItem img, .graphicItem img, #who-we-are .graphicItem img, .customdesign-content .leftColumn .graphicItem img {
        width: 100%;
    }

    #menu-toggle {
        margin-left: 15px;
    }

    .button-regular a {
        padding-top: 7px;
        padding-bottom: 8px;
    }

    .apply-btn .button-regular {
        min-width: 98px;
    }

    .form-submit-button, .intro-button a, .button-regular a {
        font-size: 14px;
    }

    body:not(.home) main {
        padding-top: 52px;
    }

    #single-blog-intro {
        height: 160px;
    }
}

@media screen and (max-width: 340px) {
    .single-blog-intro-heading h1, .single-news-intro-heading h1 {
        font-size: 20px;
    }

    #single-news-intro {
        padding: 30px 0;
    }

    .form-submit-button, .intro-button a, .button-regular a {
        font-size: 13px;
    }

    .apply-btn .button-regular {
        min-width: 95px;
    }

    .careers-intro-heading h1, .privacy-intro-heading h1 {
        font-size: 21px;
    }
}

@media screen and (max-width: 320px) {
    .interestItem span {
        font-size: 14px;
    }
}

div#language {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    margin-right: 25px;
}

.lang-item a, .lang-item a:hover {
    color: #000;
    font-weight: 700;
}

.address {
    font-size: 12px;
    line-height: 16px;
}

.services-item-desc p {
    color: #434343;
}

span.select2-dropdown.select2-dropdown--below.phone-prefix-search-margin, span.select2-dropdown.search-margin.select2-dropdown--below {
    overflow-y: auto;
    max-height: 200px;
}

span.select2-dropdown.select2-dropdown--below.phone-prefix-search-margin::-webkit-scrollbar, span.select2-dropdown.search-margin.select2-dropdown--below::-webkit-scrollbar {
    width: 8px;
}

span.select2-dropdown.select2-dropdown--below.phone-prefix-search-margin::-webkit-scrollbar-thumb, span.select2-dropdown.search-margin.select2-dropdown--below::-webkit-scrollbar-thumb {
    background-color: #6778c5;
}

section#crm-items {
    background-color: #ffffff;
}

section#certifications-intro {
    background-color: #ffffff;
}

section#certifications-intro p {
    color: #434343;
    display: block;
    text-align: justify;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
}

section#certifications-intro p.updated {
    color: #777474;
    display: block;
    text-align: right;
    width: 100%;
    font-size: 14px;
}

section#certifications-intro ol {
    counter-reset: item;
    color: #434343;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding-left: 30px;
    padding-right: 0px;
    margin-right: 60px;
}

/*section#certifications-intro li {*/
/*    display: block;*/
/*}*/

/*section#certifications-intro ol li:before {*/
/*    content: counters(item, ".") " ";*/
/*    counter-increment: item;*/
/*    padding-right: 10px;*/
/*}*/


.formal-info {
    color: #434343;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    margin-right: 50px;
    margin-left: 50px;
}

.adress {
    font-size: 16px;
    line-height: 17px;
    max-width: 270px;
}

.formal-right {
    font-size: 16px;
    line-height: 22px;
    padding-right: 205px;
}

section#certifications-intro h3 {
    display: block;
    width: 100%;
    text-align: center;
}

ul.browser {
    display: block;
    margin-left: 35px;
    list-style-type: disc;
    color: #434343;
    line-height: 25px;
}

div#panel ul.browser li:before {
    content: unset;
}

div#panel ul.browser li {
    display: list-item;
}

section#faq {
    background-color: #ffffff;
    padding-bottom: 60px;
    padding-top: 50px;
}

section#faq p {
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    padding-right: 55px;
}

section#faq ul {
    display: block;
    margin-left: 35px;
    list-style-type: disc;
    color: #434343;
    line-height: 25px;
}

section#faq li:before {
    content: unset;
}

section#faq ul li {
    display: list-item;
}

table, th, td {
    border: 1px solid black;
}

table#faq_table {
    color: #434343;
}

table#faq_table th {
    padding: 5px;
}

table#faq_table td {
    padding: 10px;
}

.contact-info-text img {
    display: block;
    width: 100%;
}

.blog-item-description p {
    color: #434343;
}

.contact-info-text img {
    max-width: 100%;
}

section#certifications-intro h4 {
    color: #212121;
    display: block;
    width: 100%;
}

ul {
    color: #434343;
    list-style-type: disc;
    margin-left: 25px;
    font-size: 16px;
    line-height: 30px;
}

section#certifications-intro ul li {
    display: list-item;
}

section#certifications-intro ol li {
    list-style-type: none;
    line-height: 32px;
}

img.president {
    vertical-align: text-top;
    margin-top: -1px;
}

ul.bannedCounties {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

ul.repiblics {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.fx-jb {
    justify-content: space-between;
}

ul.sub-menu {
    margin-left: 0;
}

.single-product-text li {
    color: #ffffff;
}

.site-error, .site-request-password-reset {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.form-wrapper-reset {
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

button.btn.btn-primary.resetpass {
    cursor: pointer;
    color: #ffffff;
    outline: none;
    border: none;
    text-align: center;
    font-weight: bold;
    line-height: 17px;
    background: #6778c5;
    transition: background-color .2s ease;
    padding: 12px 20px;
    border-radius: 30px;
}

input#passwordresetrequestform-email {
    width: 100%;
}

img#contactform-verifycode-image {
    display: block;
    margin: 1px auto 0;
}

.graphicItem1 img {
    border-radius: 80px;
    height: 160px;
    margin-left: 80px;
}

.offering-item-desc p {
    font-size: 14px;
    text-align: justify;
}

.whoweare-content.fx.fx-ac.fx-jb.fx-wrap p {
    font-size: 14px;
    text-align: justify;
}

.whoweare-content.fx.fx-ac.fx-jb.fx-wrap {
    margin-bottom: 60px;
}
.section-heading.service {
    margin-top: 100px;
}
.customdesign-content.fx.fx-jb.fx-wrap p {
    text-align: justify;
    font-size: 16px;
}
img.about_ftdpay {
    display: block;
    max-width: 475px;
    margin: auto;
}
img.service_one {
    display: block;
    margin: auto;
    max-height: 300px;
}
.section-heading.customdesign-heading {
    display: block;
}
@media screen and (max-width: 1190px) {
    .site-logo img {
        position: absolute;
        top: -3px;
        height: 27px;
        width: 160px;
    }
}