/*=========================== Reset CSS ======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
    -webkit-text-size-adjust: none;
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    color: #25193B;
    font-size: 18px;
    line-height: 24px;
}

strong {
    font-weight: 700;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div {box-sizing: border-box;}

.cent {text-align: center;}

span {
    font-size: 15px;
}

/* ---- Commons --------------------------------------------------------------*/

h1 {

    color: #25193B;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 0;
    font-weight: 700;
    margin-bottom: 50px;
    letter-spacing: -1px;
}

h1 span {
    font-weight: 700;
    display: inline-block;
    font-size: 40px;
    line-height: 50px;
}

h1 span.h1-emphasis {
    font-size: 60px !important;
    line-height: 70px;
}

h1 span.h1-complementary {
    font-size: 22px !important;
    line-height: 34px;
}

ul {
    display: block;
    list-style: disc outside none;
    padding: 10px;
}

ul li {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    display: list-item;
    margin-bottom: 30px;
    color: #25193B;
    margin-left: 20px;
    list-style: disc outside none;
}

.main {
    margin: 0 auto;
    padding-top: 0;
    overflow: hidden;
}

.holder {
    max-width: 1632px;
    min-width: 340px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.hidden-templates {display: none;}

.btn,
.btn.focus,
.btn:hover {
    display: inline-block;
    border-radius: 20px;
    border: none;
    color: #ffffff !important;
    height: 40px;
    line-height: 26px;
    padding: 7px 20px;
    font-weight: 500;
    text-decoration: none !important;
    outline: none !important;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
}

.btn.btn-violet,
.btn.btn-violet:hover,
.btn.btn-green,
.btn.btn-green:hover, {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    border-radius: 30px;
}

.btn.btn-violet {
    background: #6c63ff;
}

.btn.btn-violet:hover {
    background: #6158ea;
}

.btn.btn-green {
    background: #06E094;
}

.btn.btn-green:hover {
    background: #06E094;
}

.btn.btn-border {
    color: #6c63ff !important;
    background: transparent;
    border: 1px #6c63ff solid !important;
}

.btn.btn-border:hover {
    color: #6158ea !important;
    background: #f5f5f7;
    border: 1px #6158ea solid !important;
}

.source-text {
    font-size: 14px;
    color: #B7B7B7;
    font-weight: 700;
}

h2.icon-text {
    display: inline-block;
    width: 70%;
    margin-left: 30px;
    font-size: 20px;
    font-weight: 700;
    vertical-align: top;
}

h1.icon-text {
    display: inline-block;
    margin: 0 !important;
    font-weight: 700;
    vertical-align: top;
}

.center {
    margin: 0 auto !important;
    text-align: center;
}

.spaceless {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

h1 img {
    display: inline;
    margin: 0 10px !important;
    vertical-align: middle;
}

img.eu-details {
    max-width: 100% !important;
    margin: 100px auto !important;
    display: block;
}

p.eu-details {
    max-width: 1000px;
    margin-bottom: 20px !important;
}

img.teaser-img {
    width: 100% !important;
}


/* ---- Forms ----------------------------------------------------------------*/

label.error {
    color: #d12122 !important;
    font-size: 12px !important;
    line-height: 28px !important;
    margin: 0 5px 5px 0;
    padding-left: 10px;
    font-size: 10px !important;
}

.form-check {position: relative;}

.form-check label.error {
    position: absolute;
    bottom: -25px;
    left: 15px;
}

.form-control.error {
/*    background-color: #f9b1a5;*/
    color: #e66954;
    border: 1px solid #e66954 !important;
}

.form-control.error:focus {
    border-color: #e66954;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(230, 105, 84, 0.6);*/
    box-shadow: none;
    outline: 0 none;
}

.form-success-info {
    display: none;
    text-align: center;
    padding: 30px 0;
}

.form-success-info .p1 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 15px;
}

.form-success-info .p2 {
    font-size: 18px;
    line-height: 24px;
}

.app-lead-form .form-success-info .p1,
.app-lead-form .form-success-info .p2 {
    color: #ffffff;
}

/* ---- Blocks - commons -----------------------------------------------------*/

.block {}

.block .holder {
    margin-bottom: 50px;
    padding: 70px 30px;
}

.block .holder.narrow,
.block .wrapper.narrow{
    max-width: 1632px;
    min-width: 340px;
    padding-left: 100px;
    padding-right: 100px;
}

.block .holder.border {
    border-bottom: 1px #DBDCE0 solid;
}

.block .wrapper {
    max-width: 1632px;
    min-width: 340px;
    margin: auto;
}

.block .holder img.icon {
    width: auto;
    height: 70px;
    margin: 0 !important;
}

.block.block-colour {
    background-color: #F5F5F7;
}

.block .holder img {
    object-fit: scale-down;
    margin: 10px;
}

.block h1 {
    margin-top: 30px;
}

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

.round-icon {
    margin: 0 !important;
    background-color: #DAD8FF;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    display: inline-block;
}

.round-icon img {
    margin: 21% !important;
    width: 58% !important;
    height: 58% !important;
}

.bigger h1 {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 25px;
}

.bigger .btn-violet {
    width: 240px;
}

.row.space {
    margin-bottom: 40px;
}

.icon-box {
    text-align: center;
}

h2 {
    font-size: 24px;
    font-weight: 700;
}

.list {
    padding: 30px !important;
}

.list h2,
.list img {
    margin: 0 auto !important;
    text-align: center;
}

.list .space {
    margin-bottom: 60px !important;
}

.list.list-border:not(:first-child) {
    border-left: 1px #DBDCE0 solid;
}

.info-box {
    padding: 40px 70px;
    background-color: #F7FAFF;
}

.info-box h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 50px;
}

.info-box ul {
    margin-bottom: 20px;
}

.info-box ul li {
    margin-bottom: 10px;
    margin-left: -10px;
    font-size: 18px;
    font-weight: 700;
}

.info-box .btn-violet {
    width: 100%;
}

.faq p {
    font-size: 14px;
    margin-bottom: 25px;
}

.faq p.question {
    font-weight: 700;
}

.faq p.answer {
}

.faq img {
    width: 100%;
    max-width: 900px !important;
    margin: 0 0 50px !important;
    object-fit: fill !important;
}

/* ---- Header ---------------------------------------------------------------*/

.header {
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    overflow-y: visible;
    top: 0;
    left: 0;
    z-index: 1000;
    position: fixed;
}

.header .holder {
    min-width: 340px;
    max-width: 1632px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: justify;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header .logo  {
    display: inline-block;
}

.header .logo img  {
    margin-top: 5px;
    width: 150px;
}

.header .holder .row div {
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
}

.header .btn,
.header .btn:hover {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px !important;
    height: 40px;
    line-height: 26px;
    padding: 7px 20px;
    font-weight: 500;
    font-size: 14px;
}

.header .btn-violet,
.header .btn-violet:hover {
    color: #ffffff !important;
}

.header .eu-logo,
.header .eu-logo:hover {
    display: inline-block;
    width: 180px;
    margin: 0;
}
.header .eu-logo img {
    margin-top: 6px;
    max-width: 100% !important;
}

.header a,
.header a:hover {
    font-size: 18px;
    display: inline-block;
    line-height: 50px;
    font-weight: 500;
}

.header a:hover,
.header a.selected{
    text-decoration: none;
    color: #6158ea !important;
}

.header .holder:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.header .holder ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.header .holder li {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    margin: 0 28px;
}

.header .holder li a {
    vertical-align: middle;
}

.header-space {
    height: 80px;
    width: 100%;
}

.hidden-menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 500;
}

.hidden-menu .menu {
    padding-top: 50px;
}

.hidden-menu .menu a {
    display: block;
    margin: 30px 50px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    width: 80%;
    text-decoration: none;
}

.hidden-menu .menu a.btn {
    font-size: 14px !important;
}

/* ---- Header - simple ------------------------------------------------------*/

.header-simple {
    position: absolute;
    background-color: transparent;
    height: 60px;
    padding-bottom: 5px;
    padding-top: 25px;
}

.header-simple .holder {
    padding: 0;
}

/* ---- Footer ---------------------------------------------------------------*/

.footer {
    background-color: #F5F5F7;
}

.footer .holder {
    padding: 5px 90px 25px 90px;
    margin-bottom: 0;
}

.footer .row {
    margin-bottom: 0;
}

.footer .holder .row-top {
    margin-bottom: 15px;
    padding: 130px 0;
    border-bottom: solid 1px #B7B7B7;
}

.footer .holder .row-top a,
.footer .holder .row-top a:hover {
    font-weight: 700;
    text-decoration: none;
    line-height: 26px;
    margin-left: 40px;
    text-transform: uppercase !important;
}

.footer .holder .row-top a {
    color: #25193B;
}

.footer .holder .row-top a:hover {
    color: #B7B7B7;
}

.footer .holder .row-bot a:not(:first-child) {
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px #B7B7B7 solid;
    display: inline-block;
}

.footer .holder .col-r span,
.footer .holder .col-l span,
.footer .holder .col-r a,
.footer .holder .col-l a,
.footer .holder .col-r a:hover,
.footer .holder .col-l a:hover {
    color: #969CA2;
    text-decoration: none;
    line-height: 17px;
    vertical-align: top;
    font-size: 14px;
}

.footer .holder .row-top .col-r span,
.footer .holder .row-top .col-l span,
.footer .holder .row-top .col-r a,
.footer .holder .row-top .col-l a,
.footer .holder .row-top .col-r a:hover,
.footer .holder .row-top .col-l a:hover {
    font-size: 16px;
}

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

.footer .holder .col-r a,
.footer .holder .col-l a {
    color: #606060;
}

/* ---- Header - simple ------------------------------------------------------*/

.footer-simple {}

.footer-simple .holder .row-top {
    padding-top: 70px;
    padding-bottom: 20px;
}

.footer-simple .holder .row-top .col-r {text-align: right;}

.footer-simple .holder .row-top > div {
    height: 39px;
    line-height: 39px;
}

.footer-simple .holder .row-top img {
    vertical-align: middle;
    display: inline-block;
}

.footer-simple .social-icon-link {}
.footer-simple .social-icon-link img {}

/* ---- Form -----------------------------------------------------------------*/

.form-group {
    margin-bottom: 25px;
}

.form-group .form-control {
    box-shadow: none;
    border-radius: 20px;
    height: 40px;
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    padding: 8px 20px;
}

.form-group .form-control::placeholder {
    color: #D7D7D7;
}

.form-group textarea.form-control {
    height: 100px;
}

.form-group .control-label {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

.form-group .btn-violet {
    width: 200px;
}

.row-with-button {
    z-index: 200;
}

.form-control:focus {
    border: 1px #6c63ff solid !important;
}

/* ---- PAGE - HOME ----------------------------------------------------------*/

.page-home {}

/* ---- Block - top ----------------------------------------------------------*/

.block-top {
    background-color: #ffffff;
    margin-bottom: 0;
}

.block-top .wrapper {
    max-width: 1632px;
    min-width: 340px;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.block-top .holder {
    padding: 100px 0;
    margin-top: 90px;
}

.block-top .row {
    margin: 0 0 40px 0;
}

.block-top h1 {
    color: #ffffff;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
}

.block-top h2 {
    color: #ffffff;
    font-size: 22px;
    line-height: normal;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: 300;
}

.block .wrapper .background-img {
    position: absolute;
    object-position: center;
    top: 0;
    height: 100% !important;
    object-fit: cover;
    min-width: 340px;
    max-width: 1632px;
    margin: 0 !important;
}

.block-top .btn-play,
.block-success-story .btn-play {
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px #ffffff solid;
    display: block;
    padding: 7px 20px;
    color: #ffffff;
}

.block-top .btn-play:hover,
.block-success-story .btn-play:hover {
    background-color: #6c63ff;
    border: 1px #6c63ff solid;
    display: block;
    padding: 7px 20px;
    color: #ffffff;
}

.block-top .btn-play img {
    margin: 0 10px 0 0 !important;
}

.block-top .col-top {
    min-width: 340px;
    max-width: 880px;
}

.block-top-shorter .holder{
    padding: 100px 0 !important;
    margin-top: 90px !important;
}

.block-top-shorter .col-top {
    min-width: 340px;
    max-width: 1280px;
    padding: 0 120px;
}

.block-top-shorter .row {
    margin: 0 0 20px 0 !important;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .4);
    color: #ffffff;
}
.block-top .partners-top-box {
    height: 700px;
    background-image: url('/img/articles/header3.jpg');
    background-position: center;
    background-size: cover;
}

.block-top .partners-top-box h1 {
    color: #25193B !important;
    background-color: #ffffff;
    padding: 80px 0;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    bottom: -320px;
    text-align: center;
    width: 75%;
    max-width: 1432px !important;
}

/* ---- Block - success story ------------------------------------------------*/

.block-success-story .holder {
    height: 650px;
}
.block.block-success-story h1,
.block.block-success-story h2,
.block.block-success-story p,
.block.block-success-story strong {
    color: #ffffff !important;
}

.block.block-success-story h1 {
    margin-top: 100px !important;
    font-size: 80px;
    line-height: 85px;
    margin-bottom: 20px;
}

.block.block-success-story h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
}

.block.block-success-story p,
.block.block-success-story-details ul li {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-bottom: 10px !important;
}

.block.block-success-story-details ul {
    padding: 0 !important;
}

.block.block-success-story .holder {
    padding-left: 0;
    padding-right: 0;
}

.block.block-success-story .background-img {
    max-width: 1432px !important;
}

.block.block-success-story-details h1 {
    margin: 0 0 10px !important;
}

.block.block-success-story-details p {
    font-size: 15px;
}

.block.block-success-story-details img {
    max-width: 900px !important;
}

.row-with-button {
    height: 50px;
}

.hidden {
    display: none !important;
}

p.description {
    font-size: 14px;
    font-style: italic;
    color: #707070;
}

img.icon-award {
    margin: 30px !important;
}

/* ---- Block - bullets ------------------------------------------------------*/

.block-bullets {}

.block-bullets .item {
    max-width: 325px;
    margin-bottom: 50px;
}

.block-bullets .item .icon-box {
    min-height: 72px;
    margin-bottom: 35px;    
    position: relative;
    text-align: left;
}

.block-bullets .item .icon-box .round-icon {
    float: left;
    width: 72px;
    height: 72px;
}

.block-bullets .item .icon-box .p1 {
    overflow: hidden;
    padding: 10px 0 0 35px;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    color: #25193B;
    display: block;
}

.block-bullets .item .p2 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;    
}

/* ---- Block - slogan -------------------------------------------------------*/

.block-slogan {
    margin-bottom: 0;
}

.block-slogan .wrapper {
    background-color: #F5F5F7;
}

.block-slogan .holder {
    padding: 46px 25px 20px;
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.block-slogan .row {
    margin-bottom: 0 !important;
}

.block-slogan h1 {
    margin: auto auto 25px auto;
    text-align: center;
}

.block-slogan .btn-violet,
.block-slogan .btn-violet:hover {
    padding-right: 46px !important;
    padding-left: 46px !important;
    width: auto;
    margin: auto auto 25px auto;
}

/* ---- PAGE - HIW -----------------------------------------------------------*/

.page-hiw {}

/* ---- PAGE - PARTNERS ------------------------------------------------------*/

.page-partners {}

/* ---- Block - partners --------------------------------------------------------*/

.block-partners {}

.block-partners .holder {
    max-width: 1280px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: -190px;
    margin-bottom: 20px;    
    border-radius: 10px 10px 0 0;    
}

.block-partners h1 {
    text-align: center; 
    font-size: 80px;
    line-height: 80px;
    margin: 0 0 140px 0;
}

.block-partners .icons-list {
    margin-bottom: 50px;
}

.block-partners .icons-list .list-item {
    padding: 0 15px;
    text-align: center;
    padding-bottom: 25px;
}

.block-partners .icons-list .list-item img {
    margin: 10px auto;
}

.block-partners .icons-list .list-item.list-border {
    border-left: 1px #DBDCE0 solid;
}

.block-partners .icons-list p {
    text-align: center; 
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    width: 100%;
}

.block-partners .slogan {
    background-color: #F5F5F7;
    padding: 40px 20px; 
    max-width: 1280px;
    margin: 0 auto 50px auto;
}

.block-partners .slogan img {
    display: inline-block;
    margin: 0 13px -13px 0;
}

.block-partners .slogan p {
    text-align: center; 
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;    
}

/* ---- PAGE - PRICING -------------------------------------------------------*/

.page-pricing {}

/* ---- PAGE - CASE STUDIES --------------------------------------------------*/

.page-case-studies {}

/* ---- Block - cases --------------------------------------------------------*/

.block-cases {}
.block-cases .case-box {}

.block-cases .case-study-icon {
    float: left;
}

.block-cases .case-box .case-header {
    margin-bottom: 70px;
}

.block-cases .case-box h3 {
    color: #25193B;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 0;
    font-weight: 700;
    letter-spacing: -1px;
    padding-left: 35px;
    overflow: hidden;
    margin-top: 8px
}

/* ---- PAGE - LEAD -------------------------------------------------------*/

.page-lead {}

.page-lead .header .holder,
.page-lead .block .holder {
    max-width: 1280px;
    margin-bottom: 0;
}

.page-lead .block .wrapper {max-width: 1920px;}

.page-lead .block-top .holder {
    margin-top: 60px;
    padding-bottom: 0;
    margin-bottom: 75px;
}

.page-lead .block-top h1 {
    font-size: 50px;
    line-height: 55px; 
} 

.page-lead .block-top h2 {
    font-size: 20px;
    line-height: 28px; 
} 

.page-lead .block-top,
.page-lead .block-top .holder {
    padding-top: 0;
}

.page-lead .block-top .col-l {
    padding-top: 180px;
}

.page-lead .block-top .col-r {
    text-align: right;
}

.page-lead .block-top .lead-form-box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 40px 85px;
    width: 100%;
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: inline-block;
}

.page-lead .block-top .lead-form-box .row {
    margin-bottom: 0;
}

.lead-form-box .form-header {
    font-size: 40px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.lead-form-box .form-header span {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.lead-form-box .lead-form .form-check-input {
    display: inline-block;
}

.lead-form-box .lead-form .form-check-label {
    font-size: 10px;
    line-height: 14px;
    color: #B7B7B7;
    margin: -20px 0 0 25px;    
    cursor: pointer;
    text-align: left;
}

.lead-form-box .lead-form .form-check-label .std-link {
    font-size: 10px;
    line-height: 14px;
    color: inherit;
    text-decoration: underline;
}

.page-lead .address-input {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.page-lead .block-wyg {}

.page-lead .block-wyg h1 {margin-bottom: 60px !important;}

.block-wyg .wyg-row {
    text-align: center;
}

.block-wyg .wyg-row .wyg-box {
    margin-bottom: 50px;
}

.block-wyg .wyg-row .wyg-icon {
    margin: 0 auto 10px auto;
}

.block-wyg .wyg-row p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.page-lead .block-hiw .block-top-description {
    font-size: 15px;
    line-height: 26px;
    color: #25193B;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 600px;
    text-align: center;
}

.page-lead .block-hiw {background-color: #F7FAFF;}

.page-lead .block-hiw .hiw-row {
    margin-top: 100px;
}

.hiw-box {
    background-color: #ffffff;
    position: relative;
    padding-top: 75px;
    padding: 75px 0 50px 0;
    border-radius: 15px;
    min-height: 365px;
}


.hiw-box .hiw-icon-box {
    text-align: center;
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
}

.hiw-box .hiw-icon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

.hiw-box p {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.hiw-box ul {
    padding-left: 70px;
}

.hiw-box ul li {
    list-style: none;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-indent: -8px;
    padding-left: 8px;
}

.block-app-creation {
    background-color: #5800A2;
}

.block-app-creation .holder {max-width: 980px !important;}

.block-app-creation h1,
.block-app-creation .control-label {color: #ffffff;}

.block-app-creation h1 {
    text-align: center;
    font-size: 56px;
    margin-bottom: 50px;
}

.lead-app-form-box .app-lead-form .form-check-input {
    display: inline-block;
}

.lead-app-form-box .app-lead-form .form-check-label {
    font-size: 10px;
    line-height: 14px;
    color: #ffffff;
    margin: -20px 0 0 25px;    
    cursor: pointer;
}

.lead-app-form-box .app-lead-form .form-check-label .std-link {
    font-size: 10px;
    line-height: 14px;
    color: inherit;
    text-decoration: underline;
}

.lead-app-form-box .app-lead-form .agreements-box {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
}

.lead-app-form-box .app-lead-form .btn-green {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 300px; 
}

/*----------------------------------------------------------------------------*/
/*----- Responsive styles ----------------------------------------------------*/
/*----------------------------------------------------------------------------*/

.show-on-mobile,
.show-on-mobile-inline,
.show-on-mobile-inline-block {display: none !important;}

.header-mobile {
    display: none;
    position: fixed;
    background-color: #ffffff;
    height: 60px;
    width: 100%;
    padding-right: 5px;
    overflow-y: visible;
    top: 0;
    z-index: 1000;
}
.header-mobile a {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.header-mobile a img {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
 .header-mobile a.eu-logo {
     width: 17%;
     text-align: right;
     padding-right: 10px;
 }
.header-mobile a.eu-logo img {
    width: 50px;
    display: inline-block;
    top: 7px;
}

.header-mobile a.menu-mobile {
    width: 15%;
    vertical-align: middle;
    text-align: left;
}
.header-mobile a.menu-mobile img {
    left: 15px;
    top: 10px;
    width: 20px;
    display: inline-block;
}

.header-mobile a.logo {
    width: 65%;
    text-align: center;
}
.header-mobile a.logo img {
    width: 120px;
    display: inline-block;
    top: 12px;
}

.hidden-menu .btn.btn-violet,
.hidden-menu .btn.btn-violet:hover {
    margin-top: 50px !important;
}

/*----- Media queries --------------------------------------------------------*/

@media (max-width: 1650px) {
    .header .holder li {
        margin: 0 25px;
    }

    .main {
        margin: 0 30px !important;
    }

    .page-lead .main {
        margin: 0 auto !important;
    }

    
    
    .header .holder li {
        margin: 0 20px;
    }

    .header .holder li {
        margin: 0 10px;
    }
}

/*----------------------------------------*/

@media (max-width: 1366px) {

    .header .holder li {
        margin: 0;
    }    
    
    .header a,
    .header a:hover {
        font-size: 14px !important;
        text-decoration: none !important;
    }

    .header .eu-logo {
        font-size: 18px !important;
    }

    .footer .holder .col-r span,
    .footer .holder .col-l span,
    .footer .holder .col-r a,
    .footer .holder .col-l a,
    .footer .holder .col-r a:hover,
    .footer .holder .col-l a:hover {
        font-size: 12px !important;
        margin-left: 10px;
    }

    .block .holder.narrow, .block .wrapper.narrow {
        padding-left: 50px;
        padding-right: 50px;
    }    
    
    .btn-violet {
        font-size: 16px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 20px !important;
    }

    .header .btn-violet {
        height: 40px !important;
        line-height: 26px !important;
        padding: 7px 20px !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        margin-left: 5px !important;
    }

    .info-box {
        padding: 40px 30px !important;
    }

    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    h2 {
        font-size: 32px !important;
    }
    
    .block-top h1 {
        font-size: 50px;
        line-height: 40px;
    }
    
    .block-bullets .item .icon-box {
        margin-bottom: 10px;
    }
    
    .block-bullets .item .icon-box .round-icon {
        float: none;
        width: 48px;
        height: 48px
    }

    .block-bullets .item .icon-box .p1 {
        padding-left: 0;
        text-align: left;
        font-size: 20px;
        line-height: 26px;
    }
    
    .block-cases {}

    .block-cases .case-box .case-header {
        margin-bottom: 25px;
    }
    
    .block-cases .case-box h3 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 5px;
    }    
    
    .block-cases .case-box .round-icon {
        width: 48px;
        height: 48px
    }    
    
    .block-cases ul li {
        margin-bottom: 10px;
    }
    
    .block-partners .holder {
        max-width: none;
        margin-left: 45px;
        margin-right: 45px;
        margin-top: -85px;
        border-radius: 10px 10px 0 0;
        padding-top: 30px;
        padding-bottom: 0;
    }

    .block-partners h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .block-partners .icons-list .list-item {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .block-partners .icons-list .list-item img {
        margin: 10px auto;
    }

    .block-partners .icons-list .list-item.list-border {
        border-left: none;
    }

    .block-partners .icons-list p {
        font-size: 16px;
        line-height: 20px;
    }

    .block-partners .slogan {
        background-color: #F5F5F7;
        padding: 40px 20px; 
    }

    .block-partners .slogan img {
        display: block;
        margin: 0 auto 20px auto;
    }

    .block-partners .slogan p {
        font-size: 24px;
        line-height: 30px;
    }

    
}

/*----------------------------------------*/

@media (max-width: 1140px) {
    .header a,
    .header a:hover {
        margin-left: 0 !important;
    }

    .info-box {
        padding: 40px 10px !important;
    }
    
    .header .eu-logo:hover {
    }

    .header .eu-logo img {
        width: 90%;
    }

    .list h2 {
        font-size: 18px !important;
    }

    .footer .holder .col-r span,
    .footer .holder .col-l span,
    .footer .holder .col-r a,
    .footer .holder .col-l a,
    .footer .holder .col-r a:hover,
    .footer .holder .col-l a:hover {
        font-size: 12px !important;
        margin-left: 10px;
    }

    .btn-violet {
        font-size: 16px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 20px !important;
    }

    .header .btn-violet {
        height: 40px !important;
        line-height: 26px !important;
        padding: 7px 20px !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        margin-left: 5px !important;
    }

    .info-box {
        padding: 40px 30px !important;
    }

    h1 {
        font-size: 50px !important;
    }

    h2 {
        font-size: 32px !important;
    }

    .page-lead .block-top .lead-form-box {
        padding-left: 30px; 
        padding-right: 30px;
    }
}

/*----------------------------------------*/

@media (max-width: 960px) {

    .show-on-mobile {display: block !important;}
    .show-on-mobile-inline {display: inline !important;}
    .show-on-mobile-inline-block {display: inline-block !important;}

    .main {
        margin: 0 !important;
    }

    .hidden-menu a:hover,
    .hidden-menu a.selected{
        text-decoration: none;
        color: #6158ea !important;
    }

    .page-home .round-icon {
        margin: 10px auto !important;
        display: block;
    }
    
    .header-mobile .logo {
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
        vertical-align: middle;
    }

    .header-mobile .eu-logo {
        display: inline-block;
        width: 30%;
        max-width: 126px;
        margin-left: 0;
        margin-right: 0;
        text-align: right;
        vertical-align: middle;
    }

    .header-mobile .eu-logo img {
        width: 70px;
        margin-top: 10px;
        display: inline;
    }

    .block-top .btn-play {
        width: 100%;
    }

    .block-success-story .btn-play {
        margin-left: 12px !important;
        width: 90%;
    }

    .header-space {
        height: 40px;
        width: 100%;
    }

    .list-border .row {
        margin-bottom: 0 !important;
    }
    .row.space {
        margin-bottom: 10px !important;
    }

    h2.icon-text {
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }

    .block .holder img.icon {
        display: block;
        margin: 10px auto !important;
    }

    .btn-violet {
        font-size: 14px !important;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 20px !important;
        margin: 10px auto !important;
    }

    .block-top .partners-top-box {
        background-image: url('/img/articles/partners_mobile.jpg');
        background-position: 0% 50%;
        background-size: cover;
        margin-bottom: 50px !important;
        height: 220px !important;
        overflow: visible;
    }

    .block .wrapper .holder.narrow .row .partner {
        width: 50% !important;
        margin-bottom: 30px !important;
    }

    .faq {
        margin-bottom: -7px !important;
    }

    .info-box .btn-violet {
        width: 80%;
        margin: 10px auto !important;
        display: block;
    }

    .block .odd-col {
        background-color: #F5F5F7;
    }

    .block .even-col,
    .block .odd-col {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .block .holder h1.icon-h1 {
        margin-top: 10px !important;
    }

    .block .wrapper .holder .row.no-space-on-mobile,
    .no-space-on-mobile {
        margin-bottom: 0 !important;
    }

    .block .wrapper .holder .row.medium-space-on-mobile,
    .medium-space-on-mobile {
        margin-bottom: 5px !important;
    }

    .no-space-on-mobile h1 {
        line-height: 30px;
        margin-bottom: 0 !important;
    }

    .info-box h2 {
        padding-left: 8px;
        text-align: left !important;
        font-size: 24px !important;
        line-height: 30px !important;
        letter-spacing: -1px;
    }

    ul li {
        margin-bottom: 5px;
    }

    h1, h2 {
        text-align: center;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .block img.teaser-img {
        margin: 0 !important;
        width: 100%;
        max-width: none;
    }

    .block .holder h1.custom-text {
        text-align: left !important;
    }

    .block .holder h1.custom-text span {
        font-size: 20px;
        line-height: 24px;
    }

    .block .holder h1.custom-text .h1-complementary {
        font-size: 15px !important;
        line-height: 15px !important;
        letter-spacing: -1px;
        width: 50%;
    }

    .block .holder h1.custom-text .h1-emphasis {
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -1px;
        margin-right: 20px;
    }

    .source-text {
        font-size: 12px;
    }

    .block .holder .row img.icon {
        margin-bottom: 0 !important;
    }

    .block-slogan .holder   {
        text-align: center;
        padding: 0;
    } 
    
    .block-slogan .row h1 img {
        display: block;
        margin: 10px auto !important;
    }    
    
    .block-slogan .wrapper {
        padding: 20px;
    }

    .block-slogan .wrapper .btn-violet,
    .block-slogan .wrapper .btn-violet:hover {
        display: block;
        margin: 0 auto 20px auto ;
        text-align: center;
    }

    .block-slogan .wrapper .holder h1 {
    }

    .block .btn-violet {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .block .holder {}

    .block-top .holder {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 30px !important;
    }

    .block-top .holder img {
    }

    .block-top .holder .btn, .block-top .holder h1, .block-top .holder h2 {
        margin-right: 40px;
    }

    .block-top .holder h1 {
        margin: 60px 40px 0 0 !important;
        text-align: left !important;
        font-size: 24px;
        line-height: 30px !important;
    }

    .block-top .holder h2 {
        margin: 0 40px 0 0 !important;
        font-size: 14px !important;
        line-height: 16px !important;
        text-align: left !important;
    }

    .block-top .holder h1.top-margin {
        margin-top: 50px !important;
        text-align: left !important;
    }

    .block-top-shorter .col-top {
        padding: 0;
    }    
    
    .block.top-space-mobile {
        margin-top: 30px !important;
    }

    .block-top .partners-top-box h1 {
        bottom: -110px !important;
        text-align: center !important;
        padding-top: 40px;
    }

    .block-top .row {
        margin: 0 0 20px 0 !important;
    }

    .row-with-button {
        padding: 30px 20px !important;
    }
    
    h1 {
        font-size: 24px !important;
        line-height: 40px !important;
        margin-bottom: 25px !important;
        padding-bottom: 0 !important;
        text-align: center !important;
        margin-right: 30px !important;
    }    

    h1.lead-page-subheader {
        font-size: 40px !important;
        line-height: 50px !important;
    }
    
    h2 {
        font-size: 18px !important;
        line-height: 20px !important;
        padding-bottom: 0 !important;
        margin-bottom: 25px !important;
        text-align: center !important;
    }

    .block.block-success-story-details img {
        max-width: 400px !important;
    }

    .block-success-story h1,
    .block-success-story h2,
    .block-success-story p {
        margin-bottom: 0 !important;
        text-align: left !important;
        margin-left: 20px !important;
    }
    
    .hide-on-mobile {display: none !important;}    
    
    .footer .holder {
        padding: 0 15px !important;
    }

    .footer .holder .col-r span,
    .footer .holder .col-l span,
    .footer .holder .col-r a,
    .footer .holder .col-l a,
    .footer .holder .col-r a:hover,
    .footer .holder .col-l a:hover {
        font-size: 11px !important;
        display: block !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        text-align: left;
        border: none !important;
    }

    .footer .holder .row-top {
        margin-bottom: 15px;
        padding: 30px 0 20px 0;
        border-bottom: solid 1px #B7B7B7;
    }

    .footer .row-bot img {
        margin: 20px 0 0 0;
    }

    .footer .holder .col-r,
    .footer .holder .col-l {
        padding-left: 20px !important;
    }

    .block-bullets .item {
        max-width: 100%;;
        margin-bottom: 30px;
    }

    .block-bullets .item .icon-box .p1 {
        font-size: 18px;
        line-height: 26px;
        padding-top: 0;
        text-align: center;
    }

    .block-bullets .item .p2 {
        text-align: center;
    }
    
    .block.block-success-story .holder {
        height: 330px;
    }

    .block.block-success-story .holder h1 {
        margin-top: 0 !important;
    }

    .block.block-success-story .holder p,
    .block.block-success-story .holder strong {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    .list.list-border {
        border: none !important;
    }

    img.eu-details {
        margin: 10px auto 20px !important;
    }

    .info-box ul {
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-bottom: 0 !important;
    }

    .block-top .wrapper {
    }
    
    .block-cases .case-box .case-header {
        margin-bottom: 20px;
    }    
    
    .block-cases img.teaser-img {
        margin-bottom: 40px !important;
    }    
    
    .block-cases .case-box h3 {
        font-size: 24px;
        line-height: 30px;
        padding-left: 30px;
        margin-top: 10px;
    }  
    
    .page-lead .block-top .col-r {
        text-align: center;
    }    
    
    .page-lead .lead-form-box .form-header {
        font-size: 30px;
        text-align: center;
    }
    
    .footer-simple .holder .col-l {
        text-align: left !important;
    } 
    
    .footer-simple .holder .col-r a.social-icon-link {
        display: inline-block !important;
        vertical-align: middle;
    }

    .footer-simple .holder .col-r a.social-icon-link img {
        width: 22px;
        margin-left: 5px;
    }
    
}

@media (max-width: 768px) {
    
    .block .holder.narrow, .block .wrapper.narrow {
        padding: 0 20px;
    }    
    
    .footer .holder .col-l,
    .footer .holder .col-r {
        text-align: center;
        padding-bottom: 10px;
    }    
    
    .block-partners .holder {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }    
    
    .page-lead .block .holder {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    .page-lead .header .holder {
        text-align: center;
        padding-top: 0 !important;
        padding-bottom: 0 !important;        
    }    
    
    .page-lead .block-top .holder {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .page-lead .block-top .col-l h1,
    .page-lead .block-top .col-l h2 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
    
    .page-lead .block-top .col-l h1 {
        margin-top: 0 !important;
    }
    
    .page-lead .block-top .wrapper {
        background-position: top center !important;
        background-size: 300% auto !important;
        background-repeat: no-repeat !important; 
        background-color: #b0b0b0 !important;
    }
    
    .page-lead .hiw-box ul {
        padding-left: 0;
    }
    
    .page-lead .hiw-box {margin-bottom: 70px;}
    .page-lead .col-md-4:last-child .hiw-box {margin-bottom: 0;}
    
    .block.block-success-story .holder h1 {
        margin-top: 50px !important;
    }
}

/*========================= Safari grid fix ==================================*/

.row:before, .row:after {
    content:'';
    display:block;
    width:100%;
    height:0;
}
.row:after {
    clear:both;
}

/* ---- Safari FIX -----------------------------------------------------------*/

.row:before, .row:after {display: none !important;}