/* CUSTOM CSS */

:root { --primary: #9B3FFC; --primaryFaded: #a962f3; --secondary: #45aaf2; --secondaryFaded: #2d98da; --textColor: #36324a; }
    body { font-family: 'Open Sans', Arial, sans-serif!important; }

    p  { font-family: 'Open Sans', sans-serif; font-weight: 400; color: var(--textColor);  }
    h1 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
    h2 { font-family: 'Open Sans', sans-serif; font-weight: 400;  }

    a { color: var(--secondary); text-decoration: none; }
    a:hover { color: var(--secondaryFaded); text-decoration: underline; }
    a:visited { color: var(--secondaryFaded); text-decoration: none; }

    .title-section h1 { color: #fff; font-size: 40px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0 0 20px; }
    .title-section span { color: #e1e5e6; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0 0 10px; }

    @media (min-width: 768px) {
        .title-section h1 { font-size: 50px; }
    }

    #blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }

    #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

    #container { opacity: 1; }



/*  LOGO */
    .navbar-brand { padding: 0; }
    .navbar-brand svg { width: 200px; height: 26px; }

    .title-section svg { width: 300px; }

    .navbar-default { /*background-color: rgba(255, 255, 255, 0.90);*/ padding: 0; }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover { background-color: var(--primaryFaded); }
    .navbar-default .navbar-toggle { border-color: var(--primary); background-color: var(--primary); float: left; margin-left: 15px; margin-right: 5px; }

    .nav-content { display: flex !important; justify-content: flex-end; align-items: flex-end; flex-direction: column-reverse; }

    /* ΜΑΙΝ NAVIGATION */
    .navbar-nav > li > a.active:before { content: ''; position: absolute; bottom: 5px; left: 10px; right: 10px; height: 3px; background: #fff; opacity: 1; visibility: visible; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
    header.fullwidth.white-header.active .navbar-nav > li > a:before { background: var(--secondary); }

    .navbar-nav > li > a:before { content: ''; position: absolute; bottom: 5px; left: 10px; right: 10px; height: 3px; background: #ffffff; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

    header.white-header .navbar-nav > li > a.active,
    .navbar-nav > li > a.active { color: #fff !important; }

    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

    header.white-header .navbar-nav > li > a { color: var(--textColor) !important; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; transition: all 0.2s ease-in-out; padding: 18px 10px 17px; position: relative; }
    .navbar-nav { background: #f1f5f6; float: none !important; margin-right: 0; }
    .nav-tools { padding: 0; }

    .navbar-header { position: absolute; }
    .navbar-header { position: static; display: flex; align-items: center; justify-content: center; }

    @media(min-width: 1050px) {
        .navbar .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; align-items: center; width: 100%; }
    }

    .navbar .container-fluid::before,
    .navbar .container-fluid::after,
    .navbar .navbar-header::before,
    .navbar .navbar-header::after { display: none; }

    @media(max-width: 1270px) {
        .nav-content {
            display: flex !important;
            justify-content: flex-end;
            align-items: flex-end;
            flex-direction: column-reverse;
            padding-top: 5px;
        }
    }
    
    @media(min-width: 769px) and (max-width: 1049px) {
        .nav-content {
            width: 100%;
        }

        .container-fluid .navbar-header {
            margin-top: 1rem;
        }
    }

    @media(width: 768px) {
        .container-fluid .nav-content .navbar-nav > li > a {
            padding: 0 15px 27px;
        }
    }

    @media(max-width: 767px) {
        .container-fluid {
            display: flex;
        }
        
        .container-fluid .navbar-header {
            justify-content: start;
        }
        
        .container-fluid .nav-content {
            width: 100%;
        }
    }
 

    header.fullwidth.white-header.active a.button-two { border-color: var(--secondary); color: var(--secondary); background: #fff; }
        header.fullwidth.white-header.active a.button-two:hover { background-color: var(--secondary); color: #fff; }

    .k-dropdown.laguages-dropdown { border: none; box-shadow: none; padding-left: 5px; border-radius: 4px; }
        .k-dropdown.laguages-dropdown:hover { background: #fff; }
        .k-dropdown.laguages-dropdown span.k-dropdown-wrap.k-state-default { border: none; box-shadow: none; }
    img.flag { margin-right: 5px; }

    .k-popup .k-item { margin: 0; padding: 0 5px !important; color: #555 !important; }
        .k-popup .k-item.k-state-selected { color: #222 !important; font-weight: bold; }

    /* 1.3: Buttons */
    .btn { cursor: pointer; z-index: 1; position: relative; padding: 1rem 2rem; color: var(--primary); font-weight: 600; text-transform: capitalize; overflow: hidden; border: 2px solid var(--primary); border-radius: 50px; overflow: hidden; -webkit-transition: .3s all linear; transition: .3s all linear; font-size: 14px; }

        .btn.active,
        .btn:hover,
        .btn:focus { color: #fff; text-decoration: none; }
        /*.btn:before { content: " "; position: absolute; top: 48%; left: 48%; z-index: -1; -webkit-transform: scale(0); transform: scale(0); width: 11px; height: 11px; -webkit-transition: .3s all linear; transition: .3s all linear; opacity: 0; visibility: hidden; background: var(--primary); border-radius: 50px; }
    */ .btn:hover { border-color: var(--primary); }
        /*.btn:hover:before { -webkit-transform: scale(20); transform: scale(20); opacity: 1; visibility: visible; }*/

        .btn:focus,
        .form-control:focus { box-shadow: none !important; }


    .button-one,
    a.button-one,
    .more-info__button,
    a.more-info__button { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: var(--secondary); color: #fff; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; border: 1px solid var(--secondary); border-radius: 25px; padding: 10px 27px; }

        .button-one:hover,
        a.button-one:hover,
        .more-info__button:hover,
        a.more-info__button:hover { color: #fff; background-color: var(--secondaryFaded); }

    .button-second {
        background: none;
        border: 1px solid #9e9e9e;
        border-radius: 25px;
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        font-size: 16px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        padding: 10px 27px;
    }

    a.button-second {
        color: #9e9e9e;
    }

    .button-second:hover,
    a.button-second:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        text-decoration: none;
        background-color: var(--secondary);
        border: 1px solid var(--secondary);
        color: #fff;
    }

    section#home-section div.top-block2 a.button-second {
        padding-left: 25px;
        padding-right: 25px;
        color: #9e9e9e;
    }

    section#home-section div.top-block2 a.button-second:hover {
        color: #fff;
    }

    section#contact-section #contact-form input[type="submit"] { background: var(--secondary); border: 1px solid var(--secondary); }
        section#contact-section #contact-form input[type="submit"]:hover { color: #fff; background-color: var(--secondaryFaded); }

    .validate-form__loader { text-align: center; margin-top: 20px; }
        .validate-form__loader:after,
        .validate-form__loader:before { content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; animation: kick .6s infinite alternate; display: inline-block; }
        .validate-form__loader:after { margin-left: -50px; animation: kick .6s infinite alternate }
        .validate-form__loader:before { animation-delay: .2s }


    .loader { color: #fff; position: fixed; box-sizing: border-box; left: -9999px; top: -9999px; width: 0; height: 0; overflow: hidden; z-index: 999999 }
        .loader:after,
        .loader:before { box-sizing: border-box; display: none }
        .loader.is-active { background-color: rgba(0,0,0,.85); width: 100%; height: 100%; left: 0; top: 0 }
            .loader.is-active:after, .loader.is-active:before { display: block }
    .loader-bouncing:after, .loader-bouncing:before { content: ""; width: 20px; height: 20px; position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); border-radius: 50%; background-color: #fff; animation: kick .6s infinite alternate }
    .loader-bouncing:after { margin-left: -30px; animation: kick .6s infinite alternate }
    .loader-bouncing:before { animation-delay: .2s }

    header.active .navbar { background: linear-gradient( 90deg, #52218a, #9b3ffb); }

    @keyframes kick {
        0% { opacity: 1; transform: translateY(0) }
        to { opacity: .3; transform: translateY(-1rem) }
    }


    /* HOME SECTION */
    section#home-section,
    section#contact-section { background: url(../images/main-bg.png) no-repeat; background-size: cover; }

    section#contact-section { background: url(../images/main-bg.png) no-repeat 50% -500px; background-size: cover; }

    .top-block-content h1 { font-size: 2rem; color: #fff; }
    .top-block-content.main_title h1:after {
        content: "";
        width: 65px;
        height: 3px;
        background: #fff;
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
    }

    section#home-section div.top-block2 .image-rounded { display: none; }
    #home-section div.top-block2 .image-rounded:after { border: 1px solid var(--secondary); }
    section#home-section div.top-block2 h2,
    section#home-section div.top-block2 span{ font-size: 24px; margin-bottom: 24px; color: #f1f5f6; line-height: 1.3; font-weight: 300; }
    section#home-section div.top-block2 p { min-height: 72px; }
    section#home-section div.top-block2 p.logo { color: #e1e5e6; opacity: 1; }
        section#home-section div.top-block2 p.logo svg { width: 400px; }

    @media(min-width: 768px) and (max-width: 1199px) {
        section#home-section div.top-block2 p {
            min-height: 96px;
        }
    }

    .top-block__product-logo {
        display: flex;
        justify-content: center;
        height: 350px;
        align-items: flex-start;
    }

    p.award { margin-top: 4em; font-size: 1.3rem; font-weight: 400; }
    .award img { max-width: 150px; margin-bottom: 1rem; }

    p.award-small { font-size: 1.5rem; display: flex; justify-content: center; align-items: center; line-height: 1.2; color: #888; text-align: left; }
    .award-small img { max-width: 180px; margin-right: 1rem; }
    .award-small strong { display: block; color: goldenrod; font-size: 1.2em; margin-bottom: .5rem; }

    .feature-post { padding: 12px 16px; border: 1px dashed #c1c1c1; border-radius: 4px; margin-bottom: 30px; text-align: center; }
        .feature-post h2 { position: relative; padding-left: 0; line-height: 1.2; }
            .feature-post h2 i { position: absolute; left: 0; top: 5px; color: var(--secondary); margin: 0; }

    .feature__container {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    @media (max-width: 767px) {
        .feature__container {
            display: block;
        }
    }

    section#features-section3 .about-box > a { color: var(--secondaryFaded); font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
    .target-link { font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; }

    .special-list { list-style: none; padding: 0; }
        .special-list li { color: #666; font-size: 20px; line-height: 1.3; margin: 0 0 15px 0; position: relative; padding-left: 70px; }
        .special-list .la { position: absolute; left: 0; top: 0; font-size: 25px; border: 1px dashed #aaa; color: var(--secondary); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; line-height: 1; }

    .feature-list { list-style: none; padding: 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
    .feature-list__item { color: #666; font-size: 20px; line-height: 1.3; position: relative; padding: 0 15px 30px 70px; flex-basis: 100%; }
        .feature-list__item h2 { color: #333; line-height: 1.3; }
        .feature-list__item p { color: #888; }
        .feature-list__item .la { position: absolute; left: 0; top: 5px; font-size: 25px; border: 1px dashed #aaa; color: var(--secondary); width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; line-height: 1; }

    section#home-section div.top-block2 .image-rounded { position: absolute; width: 70%; height: 800px; right: -15%; top: -300px; background: url(../images/k1.jpg) right bottom; background-size: cover; border-top-left-radius: 400px; border-bottom-left-radius: 400px; transform: rotate(-25deg); z-index: -1; }

    section#features-section3 .image-rounded { position: absolute; width: 54%; height: 650px; left: -20%; bottom: -40px; background: url(../images/home2.jpg) left top; background-size: cover; border-top-right-radius: 325px; border-bottom-right-radius: 325px; transform: rotate(-25deg); }

        section#features-section3 .image-rounded:after { content: ''; position: absolute; width: 150%; height: 100%; bottom: -70px; right: -100px; border: 1px solid var(--secondaryFaded); border-top-right-radius: 325px; border-bottom-right-radius: 325px; }

    section#home-section div.top-block2 { padding: 120px 0 30px 0; position: relative; }
    div.about-app-section.third-style .image-holder { display: none; }

    section#features-section3 .image-holder { padding-top: 0; margin-left: -80px; margin-right: -1px; }

        section#features-section3 .image-holder img { width: auto; height: auto; max-width: 100%; }

    section#features-section3 .image-holder { padding-top: 0; margin-left: 0; margin-right: 0; }

    @media (min-width: 768px) {
        .top-block-content h1 { font-size: 3rem; }
        .feature-list__item { flex-basis: 50%; }
        div.about-app-section.third-style .image-holder img { max-width: 380px; display: block; margin: 0 auto; }
        section#home-section div.top-block2 .image-rounded { display: block; }
        .top-block-image { display: block; margin-top: 0!important; }
        section#home-section div.top-block2 { padding: 140px 0 30px 0; position: relative; }
    }

    @media (min-width: 991px) {
        div.about-app-section.third-style .image-holder img.snd-img { position: absolute; top: 170px; left: 100px; }
        div.about-app-section.third-style .image-holder img.trd-img { position: absolute; top: 340px; left: 200px; }
        .feature-list__item { flex-basis: 33.33%; }

        section#features-section3 .image-rounded { background: url(../images/home2.jpg) center top; }
    }

    @media (min-width: 1200px) {
        section#home-section div.top-block2 .top-block-image { margin-top: 0; display: block; }
        div.about-app-section.third-style .image-holder { display: block; }
    }

    @media (min-width: 1400px) {
        section#home-section div.top-block2 .top-block-image img { max-width: 100%; height: auto; width: 100%; }
    }

    @media (min-width: 1600px) {
        section#features-section3 .image-holder { padding-top: 100px; margin-left: -80px; margin-right: -1px; }
        section#features-section3 .image-rounded:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: -120px; right: -100px; border: 1px solid var(--secondaryFaded); border-top-right-radius: 325px; border-bottom-right-radius: 325px; }
    }

    @media (min-width: 1950px) {
        section#home-section div.top-block2 .top-block-image img { max-width: 100%; height: auto; width: 100%; }
        section#home-section { background: url(../images/main-bg.png) no-repeat; background-size: cover; }
        section#contact-section { background: url(../images/main-bg.png) no-repeat 50% -500px; background-size: cover; }
    }


    /* PRICING SECTION */
    #pricing-section { z-index: 2; position: relative; }
        #pricing-section div.top-block2 { padding: 0; position: relative; }
            #pricing-section div.top-block2 .image-rounded { position: absolute; width: 50%; height: 500px; right: -15%; top: -200px; background: url(../images/k3.jpg) right top; background-size: cover; border-top-left-radius: 400px; border-bottom-left-radius: 400px; border-top-right-radius: 400px; transform: rotate(-20deg); z-index: -1; display: none; }
                #pricing-section div.top-block2 .image-rounded:after { content: ''; position: absolute; width: 100%; height: 100%; top: -30px; left: -50px; border: 1px solid var(--secondary); border-top-left-radius: 400px; -webkit-border-bottom-left-radius: 400px; border-bottom-left-radius: 400px; }


    .pr-grid { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; }
    .pr-grid__item { padding: 20px; flex-basis: 100%; display: flex; }
.pr-grid__item-content {
    margin: 0;
    padding: 20px 20px 10px 20px;
    list-style: none;
    margin-bottom: 30px;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease-in-out;
}
        .pr-grid__item-content li { list-style: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: relative; margin-bottom: 15px; }
            .pr-grid__item-content li.title { border-bottom: 1px solid #ebebeb; }
        .pr-grid__item-content p { margin: 0; color: #333333; }
        .pr-grid__item-content li.title p { color: #999999; }
            .pr-grid__item-content li.title p span { font-size: 60px; color: #333333; display: block; line-height: 60px; font-weight: 400; font-family: 'Open Sans', sans-serif; font-style: normal; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin-bottom: 5px; }

        .product__logo img {
            max-width: 300px;
            width: 100%;
            height: auto;
        }

        .pr-grid__item-content h2 { color: #333333; font-size: 24px; font-weight: 400; margin: 0 0 10px; line-height: 1.2; margin: 0; color: var(--secondary); height: 60px; }
        .pr-grid__item-content li:last-child { padding-bottom: 0; padding-top: 30px; }

        .pr-grid__item-title { margin: 0; }
        section#home-section div.top-block2 .pr-grid__item-title span { margin: 0; color: #333; font-weight: 400; }

    @media (min-width: 768px) {
        .pr-grid__item { flex-basis: 50%; }
        #pricing-section div.top-block2 .image-rounded { display: block; }
        #pricing-section div.top-block2 { padding: 100px 0 0; }
    }

    @media (min-width: 992px) {
        .pr-grid__item { flex-basis: 40%; }
    }


    /* CONTACT SECTION */
    #contact-section { z-index: 2; position: relative; }
        #contact-section div.top-block2 { padding: 0; position: relative; }
            #contact-section div.top-block2 .image-rounded { position: absolute; width: 50%; height: 700px; right: -10%; top: -500px; background: url(../images/k4.jpg) left top; background-size: cover; border-top-left-radius: 400px; border-bottom-left-radius: 400px; transform: rotate(-25deg); z-index: -1; display: none; }
                #contact-section div.top-block2 .image-rounded:after { content: ''; position: absolute; width: 100%; height: 100%; top: -30px; left: -50px; border: 1px solid var(--secondary); border-top-left-radius: 400px; -webkit-border-bottom-left-radius: 400px; border-bottom-left-radius: 400px; }
        #contact-section .contact-info-box span i { color: var(--secondary); font-size: 30px; line-height: 58px; }

    section#contact-section #contact-form input[type="text"], section#contact-section #contact-form textarea { background: #f1f5f6; }

        section#contact-section #contact-form input[type="text"]:focus,
        section#contact-section #contact-form textarea:focus { border: 1px solid #d51ad8; background: #fff; color: #cc74ff; }

    section#contact-section .contact-info-box span i { color: var(--primary); font-size: 25px; line-height: 58px; }

    section.product-section__list { padding-top: 5rem; }
    section.product-section__list h2 { padding-top: 4rem; font-size: 3rem }
    section.product-section__list ul { padding-top: 4rem; }
    section.product-section__list ul li { display: flex; list-style: none; margin-bottom: 2rem; }
    section.product-section__list .contact-info-box i { width: 50px; height: 50px; margin: 0; color: var(--primary); font-size: 25px; line-height: 1.8; flex: none; }

    .product-section__button .button-one {
        margin-right: 1.5rem;
    }

    @media (max-width: 1199px) {
        .product-section__list.company h2 {
            line-height: 1.3;
        }
    }

    @media(min-width: 992px) and (max-width: 1199px) {
        .product-section__button a.button-one {
            margin: 0;
        }

        .product-section__button:nth-child(3) a.button-one {
            padding: 10px 18px;
        }
    }  
    
    @media (min-width: 768px) and (max-width: 991px) {
        p.award-small {
            text-align: center;
            flex-direction: column;
        }

        p.award-small .award-small__pylon {
            padding-bottom: 2rem;
        }
    }

    .product-section__text { font-size: 20px; color: #36324a; padding-left: 1.5rem; }


    .product-section__container {
        background: #F8FAFF;
        padding-top: 6rem;
        padding-bottom: 3rem;
        margin-top: 0;
    }

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

    .validation-message { color: #f3a2a2; margin-top: -25px; margin-bottom: 30px; }

    @media (min-width: 768px) {
        #contact-section div.top-block2 { padding: 100px 0 0; }
            #contact-section div.top-block2 .image-rounded { display: block; }
    }

    /* ILEKTRONIKI TIMOLOGISI SECTION */
    #ilektroniki-timologisi .top-block2 { padding: 120px 0 0 0; position: relative; }
    #ilektroniki-timologisi .image-rounded { position: absolute; width: 70%; height: 700px; right: -20%; top: -500px; background: url(../images/k2.jpg) right top; background-size: cover; border-top-left-radius: 400px; border-bottom-left-radius: 400px; transform: rotate(-25deg); z-index: -1; }
        #ilektroniki-timologisi .image-rounded:after { content: ''; position: absolute; width: 100%; height: 100%; top: -30px; left: -50px; border: 1px solid var(--secondary); border-top-left-radius: 400px; -webkit-border-bottom-left-radius: 400px; border-bottom-left-radius: 400px; }

    #ilektroniki-timologisi .top-block-content h2 { margin-bottom: 24px; color: #999999; font-weight: 300; line-height: 1.3; }

    .feature-boxes { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
    .feature-box { padding: 0 15px; flex-basis: 100%; display: flex; }
    section#features-section4 .about-box .about-post i { color: var(--secondaryFaded); }

    @media (min-width: 768px) {
        #ilektroniki-timologisi .top-block2 { padding: 250px 0 0; }
        .feature-box { flex-basis: 50%; }
    }

    @media (min-width: 1400px) {
        .feature-box { flex-basis: 25%; }
    }



    /* VERIFY SECTION */
    #verify-section .top-block { min-height: 100vh; }
    #verify-section .top-block { text-align: center; padding: 120px 0 200px 0; background: #333333 url(../upload/slide3.jpg) center center fixed; background-size: cover; position: relative; }

    #verify-section .title-section h1 { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 40px; margin-bottom: 15px; }
    #verify-section .title-section p { color: #fff; }

    #verify-section .top-block:after { content: ''; position: absolute; bottom: -80px; left: 0; width: 100%; height: 200px; background: #f3f4f8; -ms-transform: matrix(1, -0.05, 0, 1, 0, 0); -webkit-transform: matrix(1, -0.05, 0, 1, 0, 0); transform: matrix(1, -0.05, 0, 1, 0, 0); }

    /* VALIDATE FORM */
    .validate-form { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
        .validate-form input[type="text"] { width: 500px; height: 50px; padding: 0 20px; background: #f5f6fa; color: #888888; font-size: 18px; font-weight: 400; outline: none; border: none; border-radius: 0; border-top-left-radius: 28px; border-bottom-left-radius: 28px; }

        .validate-form input[type="submit"] { background: var(--secondary); color: #ffffff; font-size: 18px; font-weight: 600; outline: none; border-radius: 0px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; padding: 0 20px; transition: all 0.2s ease-in-out; border: 1px solid transparent; height: 50px; line-height: 50px; }
            .validate-form input[type="submit"]:hover { opacity: 0.7; }

    .validate-form__success { color: #fff; font-size: 2rem; }
        .validate-form__success svg { width: 50px; height: 50px; fill: var(--secondary); vertical-align: middle; margin-right: 10px; }

    .validate-form__fail { color: #fff; font-size: 2rem; }
        .validate-form__fail svg { width: 50px; height: 50px; fill: #ff6b6b; vertical-align: middle; margin-right: 10px; }

    p.disclaimer { width: 700px; margin: 50px auto; font-weight: 300; font-size: 16px; max-width: 100%; color: #fff; }

    a.button-view { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: var(--secondary); font-size: 18px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding: 10px 28px; margin: 0; background-color: #fff; border: 1px solid #fff; margin-top: 2rem; }
        a.button-view:hover { background: var(--secondary); color: #fff; }

        a.button-view .la { margin-right: 10px; }

    @media (min-width: 768px) {
        #verify-section .top-block { padding: 165px 0 165px 0; }
        #verify-section .title-section h1 { font-size: 56px; }
        .validate-form__fail { font-size: 3rem; }
        .validate-form__success { font-size: 3rem; }
    }


    footer.pattern-style { background: none; }

    header .btn { border-color: var(--secondary); color: #fff; background: var(--secondary); }
    header .btn:hover { background-color: var(--secondaryFaded); border-color: var(--secondaryFaded); color: #fff; }

@media (min-width: 768px) {
    .navbar-nav { background: transparent; }
    header.white-header .navbar-nav > li > a { color: #666666 !important; }
    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand { margin-left: 0; }
    .navbar-brand svg { width: 250px; height: 34px; }
    .nav-content { justify-content: flex-end; flex-direction: row; align-items: center; }
}

@media (min-width: 990px) {
    .nav-content { flex-direction: row; flex-wrap: wrap-reverse; align-items: center; }
    .navbar-brand svg { width: 300px; height: 41px; }
}

@media (min-width: 1200px) {
    .navbar-brand svg { width: 350px; height: 48px; }
    .navbar-nav > li > a { font-size: 18px; }
}

@media (min-width: 1300px) {
    header.white-header .navbar-nav > li > a { font-size: 16px; padding: 28px 15px 27px; }
}

@media (max-width: 768px) {
    .navbar { min-height: initial; background: linear-gradient( 90deg, #52218a, #9b3ffb); }
    .navbar-default .navbar-collapse { position: absolute; left: 0px; top: 54px; padding: 15px; width: 100%; }
    .navbar-nav { background: none; margin: 0; padding: 0; }
    .navbar-default .navbar-toggle { border-color: var(--primary); background-color: var(--primary); float: none; margin: 0; }
    .nav-content { display: flex !important; justify-content: flex-end; align-items: flex-end; flex-direction: column-reverse; padding-top: 0; }
    .navbar .container-fluid { padding: 10px; }
    .container-fluid .navbar-header { margin: 0; }
    section#contact-section { background: url(../images/main-bg.png) no-repeat 50% -950px; background-size: cover; }
}

@media (max-width: 989px) {
    header .btn { padding: .5rem; border-radius: 5px; }
    .target-link { font-size: 16px; }
}


@media (max-width: 991px) {
    .navbar-default a.button-two { margin-left: 15px; padding: 10px 15px; font-size: 16px; margin: 0; font-size: 14px; padding: 5px 10px; border-radius: 5px; }
    header .container-fluid { padding-left: 5px; padding-right: 5px; }
    section#contact-section { background: url(../images/main-bg.png) no-repeat 50% -900px; background-size: cover; }
}

@media (max-width: 396px) {
    .navbar-default .navbar-collapse { top: 90px; }
}

.microsoft-azure__container {
    padding-top: 5em;
    padding-bottom: 5em;
}

.microsoft-azure__container span {
    padding: 0 2rem 0 2rem;
}

.microsoft-azure__content {
    display: flex;
    justify-content: center;
}

.microsoft-azure__content .external__container {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 24px;
    color: #3e396b;
}

.microsoft-azure__content .external__container img.external__microsoft-azure {
    width: 55%;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .microsoft-azure__container span {
        font-size: 20px;
    }
}

.background-secondary {
    background-color: #e8ecfe;
    padding-top: 5em;
    padding-bottom: 5em;
}

.more-info__text {
    font-size: 28px;
    font-weight: 600;
    color: #3e396b;
    line-height: 1.3;
}

a.more-info__button {
    margin-top: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

#carousel-homepage {
    height: 350px;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
}

.carousel-control.left i,
.carousel-control.right i {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 5rem;
}

.carousel-control.left i {
    justify-content: end;
}
.carousel-control.right i {
    justify-content: start;
}

.carousel-indicators {
    bottom: -1rem;
}

.carousel-indicators li {
    border: 1px solid #ffffff99;
    margin: 1px;
}

.carousel-indicators .active {
    background-color: #ffffff99;
    width: 10px;
    height: 10px;
    margin: 1px;
}

#carousel-homepage .container {
    display: flex;
}

#carousel-homepage img {
    width: 600px;
}

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

@media(max-width: 1600px) {
    .carousel-control.left i {
        justify-content: start;
    }

    .carousel-control.right i {
        justify-content: end;
    }
}

@media(max-width: 1199px) {
    #carousel-homepage img {
        width: 500px;
    }
}
@media(max-width: 991px) {
    #carousel-homepage {
        height: 500px;
    }

    #carousel-homepage .container {
        display: block;
    }

    .slider-image__container {
        text-align: center;
    }
}

@media(max-width: 600px) {
    #carousel-homepage img {
        max-width: 350px;
        width: 100%;
    }
}

.product-info {
    padding-top: 8rem;
    padding-bottom: 3rem;
}

.carousel__container p {
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
}

.message-credit__table .row {
    display: flex;
    justify-content: center;
}

.message-credit__table .row h2 {
    text-align: center;
    font-size: 3rem;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.message-credit__table .table-title {
    background: #dddddd2e;
    font-weight: 600;
    font-style: italic;
    font-size: 15px;
}

.message-credit__table .table > thead > tr > th {
    vertical-align: top;
}

.message-credit__table .table-striped > tbody > tr:nth-child(odd) {
    background-color: #9b3ffc1c;
}

.message-explanation {
    font-weight: 600;
    font-size: 17px;
    padding-left: 3rem;
    padding-right: 3rem;
    font-style: italic;
}