/* ABW 24/04/2019 */
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400i|Quicksand:400,700");
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:900);

.ta-icons {
    --digitalHR: url("../img/talentoptimisation/4/mindmill-digital_hr .svg");
    --employee: url("../img/talentoptimisation/4/mindmill-employee.svg");
    --learning: url("../img/talentoptimisation/4/mindmill-learning.svg");
    --performance: url("../img/talentoptimisation/4/mindmill-performance.svg");
    --psychometric: url("../img/talentoptimisation/4/mindmill-psychometric.svg");
    --recruitment: url("../img/talentoptimisation/4/mindmill-recruitment.svg");
    --talent: url("../img/talentoptimisation/4/mindmill-talent.svg");
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'Quicksand', sans-serif;
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    color: #353535;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}

.text-transform-none {
    text-transform: none;
}

.text-amaranth_pink {
    color: #E92776;
}

.text-paua_purple {
    color: #1E1E50;
}

.text-bahia_green {
    color: #8ABF14;
}

.text-cerulean_blue {
    color: #2774cf;
}

.vert-center-align {
    margin-top: auto;
    margin-bottom: auto;
}

.h-160 {
    height: 160px;
}

.h-100p {
    height: 100%;
}

.minh-100 {
    min-height: 100px;
}

/*.demo-2 {
    --background-color: #1d1b22;
    --background-color-2: #342560;
    --background-color-3: #553e9a;
    --text-color: #fff;
    --link-color: #f9ed8a;
    --link-hover-color: #fff;
}*/
.back-to-top {
    background: #8ABF14;
    padding: 20px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .back-to-top span {
        color: #fff;
    }

#header.topbar-dark .header-info .info-box .info-icon span {
    color: #E92776;
}

#header.default {
    box-shadow: none;
}

    #header.default .topbar {
        background: #8766EB;
    }

.mega-menu .menu-logo {
    padding: 20px 0;
}

.mega-menu .menu-links > li > a {
    font-family: "Quicksand", sans-serif;
    font-weight: 400;
}

#scrollbar .side-content-image {
    background: transparent;
    position: fixed;
    bottom: 0;
}

#mindmill-menu_logo {
    min-height: 30px;
    max-height: 100px;
    height: 100%;
    width: 248px;
}

    #mindmill-menu_logo .cls-1 {
        fill: #363636;
    }

    #mindmill-menu_logo .cls-2 {
        fill: #c64a4c;
    }

    #mindmill-menu_logo .cls-3 {
        fill: #90c333;
    }

    #mindmill-menu_logo .cls-4 {
        fill: #0954a4;
    }

    #mindmill-menu_logo .cls-5 {
        fill: #5aa5f5;
    }

    #mindmill-menu_logo .cls-6 {
        fill: #7d5192;
    }

.header_shape-01 {
    height: 80vh;
    position: relative;
    width: 98%;
    background: url("https://images.pexels.com/photos/1090977/pexels-photo-1090977.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940 , https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") center center no-repeat;
    background-size: cover;
    border-bottom-right-radius: 300px;
}

    .header_shape-01:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(to bottom right, #1a2930, #0a1612);
        opacity: .7;
        border-bottom-right-radius: 300px;
    }

#landing_header .shapes_floating .shp-dot {
    border-radius: 50%;
    display: block;
}

    #landing_header .shapes_floating .shp-dot:nth-child(1) {
        height: 25px;
        width: 25px;
        background-color: #e7b52d;
        position: absolute;
        left: 10%;
    }

    #landing_header .shapes_floating .shp-dot:nth-child(2) {
        height: 15px;
        width: 15px;
        background-color: #E92776;
        position: absolute;
        left: 30%;
        top: 50%;
    }

    #landing_header .shapes_floating .shp-dot:nth-child(3) {
        height: 20px;
        width: 20px;
        background-color: #e7b52d;
        position: absolute;
        left: 60%;
        bottom: 20%;
    }

    #landing_header .shapes_floating .shp-dot:nth-child(4) {
        height: 10px;
        width: 10px;
        background-color: #e7b52d;
        position: absolute;
        left: 40%;
        bottom: 5%;
    }

    #landing_header .shapes_floating .shp-dot:nth-child(5) {
        height: 10px;
        width: 10px;
        background-color: #111134;
        position: absolute;
        left: 29%;
        bottom: 10%;
    }

    #landing_header .shapes_floating .shp-dot:nth-child(6) {
        height: 20px;
        width: 20px;
        background-color: #111134;
        position: absolute;
        right: 7%;
        top: 30%;
    }

#landing_header .shapes_floating .shp-zigzag_soft_01 {
    display: block;
}

    #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(1) {
        position: absolute;
        left: 0;
        top: 30%;
        z-index: 1000;
    }

    #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(2) {
        position: absolute;
        left: 10%;
        bottom: 0;
    }

    #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(3) {
        position: absolute;
        right: 0;
        top: 25%;
        filter: hue-rotate(60deg);
    }

    #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(4) {
        position: absolute;
        right: -3%;
        top: 30%;
        filter: hue-rotate(180deg);
    }

#landing_header .section-title.landing-title {
    transform: translateY(50%);
}

    #landing_header .section-title.landing-title span {
        font-weight: 700;
        font-size: 4rem;
        line-height: 1.2;
        color: #fff;
    }

        #landing_header .section-title.landing-title span:after {
            content: '';
            display: block;
            margin-top: 30px;
            width: 40px;
            border-top: 3px solid #E92776;
        }

    #landing_header .section-title.landing-title h3 {
        font-weight: normal;
        color: #fff;
    }

#landing_header #landing-svg_shape svg {
    height: 500px;
    width: 100%;
}

    #landing_header #landing-svg_shape svg #Layer_2 .cls-1 {
        fill: url(#linear-gradient);
    }

@media only screen and (max-width: 767px) {
    #landing_header .section-title.landing-title {
        transform: translateY(20%);
    }

    #about-ourStory .our-story-content p {
        text-align: justify;
    }

        #about-ourStory .our-story-content p:nth-of-type(2) {
            margin-bottom: 60px;
        }

    #solutions-mindmill_science .offset-3 {
        margin: 0 15px;
    }

    .modal .btn-block-xs {
        display: block;
        width: 100%;
    }

    .mt-5-xs {
        margin-top: 3rem;
    }
}

#hr_transformation {
    background-image: url(http://themes.potenzaglobalsolutions.com/html/seohub-seo-marketing-social-media-multipurpose-html5-template/images/bg-element/01.png);
    background-repeat: no-repeat;
    /*background-position: 150px 70px;*/
    background-position: center center;
    background-color: #fff;
}

    #hr_transformation .feature-box-info h5 {
        font-weight: bold;
        font-style: oblique;
    }

#feature_grid .blue-bg {
    background: url(https://picsum.photos/400/750);
}

#feature_grid .service-block .feature-box-01.h-100 {
    height: 97% !important;
}

#feature_grid .service-block .feature-box-01 .feature-box-info h4 {
    text-transform: none;
    text-align: left;
}

#feature_grid .service-block .feature-box-01 .feature-box-info ul li {
    text-align: left;
}

#feature_grid .service-block .feature-box-01 .feature-box-button {
    text-align: left;
}

#landing-talentOptimisationPortal .feature-box-04 .info h6 {
    color: #fff;
    text-transform: none;
}

#landing-talentOptimisationPortal .feature-box-04 .icon {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    #landing-talentOptimisationPortal .mt50-mobile {
        margin-top: 50px;
    }
}

#landing-talentOptimisationPortal .service-quality-block {
    background: url("../img/mindmill-video_bg.png") no-repeat center bottom;
}

    #landing-talentOptimisationPortal .service-quality-block framediv {
        max-height: 289px;
        max-width: 600px;
        width: 100%;
        height: 100%;
        display: table;
        margin: 0 auto;
    }

        #landing-talentOptimisationPortal .service-quality-block framediv div.laptop-wrapper {
            position: relative;
            padding-top: 25px;
            padding-bottom: 67.5%;
            height: 0;
        }

            #landing-talentOptimisationPortal .service-quality-block framediv div.laptop-wrapper iframe {
                box-sizing: border-box;
                background: url(https://i.stack.imgur.com/zZNgk.png) center center no-repeat;
                background-size: contain;
                padding: 11.9% 15.5% 14.8%;
                position: absolute;
                bottom: -3.5625em;
                left: 0;
                width: 100%;
                height: 100%;
            }

@media only screen and (max-width: 767px) {
    #landing-talentOptimisationPortal .service-quality-block framediv {
        margin-bottom: 50px;
    }
}

.section-title h3 {
    font-family: "Noto Serif", serif;
    text-transform: none;
}

.section-title > span {
    font-family: "Quicksand", sans-serif;
}

@media screen and (max-width: 992px) {
    .mega-menu .menu-logo {
        display: contents;
    }

    .mega-menu .menu-links {
        top: 95px;
    }
}

@media screen and (min-width: 993px) {
    .LayoutTwo .mega-menu.desktopTopFixed .menu-links {
        transform: translateY(13px);
    }
}

@media screen and (min-width: 768px) {
    #feature_section_01 .owl-carousel {
        transform: translateY(50%);
    }
}

.pb100 {
    padding-bottom: 100px;
}

.mb60 {
    margin-bottom: 60px;
}

.ml50 {
    margin-left: 50px;
}

.bg-amaranth_pink {
    background: #E92776;
}

.bg-allports_blue {
    background: #1D718E;
}

.bg-none {
    background: none;
}

.bg-blackcurrent_purple {
    background: #111134;
}

.bg-cerulean_blue {
    background: #2774cf;
}

.bg-bahia_green {
    background: #8ABF14;
}

sub.custom_footer-sub-blog {
    display: block;
    padding-bottom: 15px;
    border-bottom: 0.7px dashed #fff;
    line-height: 2;
}

    sub.custom_footer-sub-blog::before {
        content: "\e6b6";
        font-family: 'themify';
        margin-right: 15px;
    }

/* Layout 2 */

.LayoutTwo #menu .menu-links a.menu__item {
    font-weight: 600;
}

    .LayoutTwo #menu .menu-links a.menu__item:hover {
        background: linear-gradient(to right, #8ABF14, #8ABF14);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        box-decoration-break: clone;
        text-shadow: none;
        font-weight: 600;
        transition: background-color 20s ease-out;
    }

.LayoutTwo main .circle_custom-01 {
    background: url("../img/big_circle-01.png") no-repeat;
    width: 800px;
    height: 800px;
    position: absolute;
    overflow-x: hidden;
    transform: translate(-66%, 10%);
    filter: blur(4px);
}

.LayoutTwo main .circle_custom-02 {
    width: 200px;
    height: 200px;
    background: linear-gradient(-45deg, #1E1E50, #E92776);
    border-radius: 50%;
    position: absolute;
    overflow-x: hidden;
    transform: translate(88%, 30%);
    filter: blur(14px);
    transition-delay: 2s;
}

.LayoutTwo main .circle_custom-03 {
    width: 800px;
    height: 800px;
    background: linear-gradient(-45deg, #1E1E50, #E92776);
    border-radius: 50%;
    position: absolute;
    overflow-x: hidden;
    transform: translate(-66%, 22%);
}

.LayoutTwo #landing_header .landing-title .button.border-white:hover {
    color: #fff;
    background: linear-gradient(-45deg, #1E1E50, #E92776);
}

@media only screen and (max-width: 767px) {
    .LayoutTwo #landing_header .shapes_floating .shp-dot:nth-child(1) {
        top: 35%;
    }

    .LayoutTwo #landing_header .shapes_floating .shp-dot:nth-child(6) {
        top: 60%;
    }

    .LayoutTwo #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(3) {
        top: 36%;
    }

    .LayoutTwo #landing_header .shapes_floating .shp-zigzag_soft_01 img:nth-child(4) {
        top: 40%;
        right: -16%;
    }
}

.LayoutTwo .landing_person#guy_01 {
    position: absolute;
    right: 0;
    background: url("../img/landing-person-01.png") no-repeat;
    max-width: 799px;
    width: 100%;
    height: 100%;
}

.LayoutTwo .landing_personWdesk {
    /* 24/05/2019 */
    position: absolute;
    right: 5%;
    background: url("../img/landin_character_desk.svg") no-repeat;
    max-width: 600px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.LayoutTwo .window_illustration {
    /* 24/05/2019 */
    position: absolute;
    right: 0;
    background: url("../img/window.svg") no-repeat;
    max-width: 250px;
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: 10%;
    display: none;
}

.LayoutTwo .frame_illustration {
    /* 24/05/2019 */
    position: absolute;
    right: 50%;
    background: url("../img/cuadro.svg") no-repeat;
    max-width: 100px;
    width: 100%;
    height: 208px;
    z-index: -1;
    opacity: 0.5;
    animation: swing 1s ease;
    animation-iteration-count: 1;
    animation-duration: 10s;
}

    .LayoutTwo .frame_illustration .swing {
        transform-origin: top center;
        animation-name: swing;
    }

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width: 990px) {
    .LayoutTwo .landing_personWdesk {
        /* 24/05/2019 */
        display: none;
    }
}

.LayoutTwo #talent_optimisation_portal {
    /* SVG Morph */
    /* Deco Shape */
}

    .LayoutTwo #talent_optimisation_portal .morph-wrap {
        position: sticky;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

    .LayoutTwo #talent_optimisation_portal .morph {
        position: relative;
        height: 100%;
        fill: var(--background-color-2);
        flex: none;
    }

    .LayoutTwo #talent_optimisation_portal .decoshape {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100vh;
        fill: rgba(0, 0, 0, 0.6);
        transform: translateY(50%);
        fill-opacity: .2;
    }

    .LayoutTwo #talent_optimisation_portal .bluee {
        background-color: #23278a;
    }

        .LayoutTwo #talent_optimisation_portal .bluee img {
            mix-blend-mode: multiply;
            filter: grayscale(100%) contrast(1);
        }

        .LayoutTwo #talent_optimisation_portal .bluee::after {
            background-color: #23278a;
            mix-blend-mode: lighten;
        }

    .LayoutTwo #talent_optimisation_portal .side-image-effect::after {
        content: '';
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all ease-in-out .5s;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01.translateY25 {
        transform: translateY(25%);
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01.round .feature-box-img {
        box-shadow: none;
        border-radius: unset;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01 .feature-box-info h6 {
        text-transform: none;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01 .feature-box-info h2 {
        text-transform: none;
        color: #E92776;
    }

    .LayoutTwo #talent_optimisation_portal .ta-talent {
        background: var(--employee) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-digitalHR {
        background: var(--digitalHR) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-psychometric {
        background: var(--psychometric) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-recruitment {
        background: var(--recruitment) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-learning {
        background: var(--learning) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-performance {
        background: var(--performance) no-repeat;
    }

    .LayoutTwo #talent_optimisation_portal .ta-employee {
        background: var(--employee) no-repeat;
    }

.LayoutTwo #feature_section_01 {
    border-radius: 20px;
}

    .LayoutTwo #feature_section_01 .section-title.landing-title span {
        font-weight: 700;
        font-size: 2rem;
        line-height: 1.2;
        color: #fff;
        text-transform: none;
    }

        .LayoutTwo #feature_section_01 .section-title.landing-title span:after {
            content: '';
            display: block;
            margin-top: 30px;
            width: 40px;
            border-top: 3px solid #1E1E50;
        }

    .LayoutTwo #feature_section_01 .section-title.landing-title h3 {
        font-weight: normal;
        color: #fff;
        font-size: 18px;
    }

    .LayoutTwo #feature_section_01 .accordion .acd-group p {
        color: #fff;
    }

    .LayoutTwo #feature_section_01 .accordion .acd-group.acd-active .acd-heading {
        background: #1E1E50;
    }

    .LayoutTwo #feature_section_01 .list-items-01 ul li {
        color: #fff;
        font-weight: 600;
    }

        .LayoutTwo #feature_section_01 .list-items-01 ul li span {
            font-weight: normal;
        }

        .LayoutTwo #feature_section_01 .list-items-01 ul li i {
            color: #1E1E50;
        }

    .LayoutTwo #feature_section_01 .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot.active span {
        background: #1E1E50;
    }

    .LayoutTwo #feature_section_01 .owl-carousel.owl-theme .owl-controls .owl-dots .owl-dot span {
        background: #fff;
    }

    .LayoutTwo #feature_section_01 .nav.nav-tabs > li a.active {
        background: #111134;
    }

    .LayoutTwo #feature_section_01 #features_main_tabs h2 {
        color: #fff;
        font-weight: 700;
        margin-bottom: 40px;
        font-family: "Alegreya Sans SC", sans-serif;
        mix-blend-mode: soft-light;
        letter-spacing: .15em;
    }

    .LayoutTwo #feature_section_01 #features_main_tabs .feature_img {
        max-width: 270px;
        max-height: 270px;
        height: 100vh;
        width: 100vw;
        background-image: url(https://picsum.photos/270/270);
        background-color: #1E1E50;
        background-blend-mode: luminosity;
    }

    .LayoutTwo #feature_section_01 #features_main_tabs ul.list-style-right li {
        font-size: 20px;
        line-height: 2em;
    }

.LayoutTwo .menu {
    background-color: #ffffff;
}

.LayoutTwo svg#mindmill-menu_logo .cls-1 {
    fill: #fff;
}

.LayoutTwo #header .topbar {
    background-image: linear-gradient( 90deg, #845ff1 0%, #3ce0c5 90%);
}

.LayoutTwo #header.default .mega-menu .menu-links > li.active a {
    color: #E92776;
}

.LayoutTwo #header.default .mega-menu .menu-links > li > a {
    color: #fff;
}

.LayoutTwo .side-menu .mobile-nav-button .mobile-nav-button-line {
    background: #8ABF14;
}

.LayoutTwo #scrollbar .contact-icon i.text-blue {
    color: #E92776;
}

.LayoutTwo .menu-toggle-hamburger.menu-close span:hover {
    color: #ffffff;
    background: #1E1E50;
}

.LayoutTwo .scene path {
    fill: #E92776;
}

.LayoutTwo .mega-menu.desktopTopFixed .menu-list-items {
    background: #ffffff;
    border: none;
}

.LayoutTwo .footer .copyright {
    background-image: linear-gradient( 90deg, #845ff1 0%, #3ce0c5 90%);
}

.LayoutTwo .footer h6 {
    color: #8ABF14;
    font-weight: 600;
}

.LayoutTwo .footer .social ul li a i {
    color: #E92776;
}

.LayoutTwo .footer .footer-nav ul li a {
    font-size: 0.875em;
}

/* Login Layout */
#LoginLayout header#header.default .topbar {
    background: #111134;
}

#LoginLayout #info_right .faq a.active {
    background: linear-gradient(to top right, #1E1E50, #E92776);
}

#LoginLayout .footer .copyright {
    background: #111134 !important;
}

@media screen and (max-width: 992px) {
    .LayoutTwo .mega-menu .menu-mobile-collapse-trigger:before,
    .LayoutTwo .mega-menu .menu-mobile-collapse-trigger:after,
    .LayoutTwo .mega-menu .menu-mobile-collapse-trigger span {
        background: #E92776;
    }

    .LayoutTwo #header.default .mega-menu .menu-links > li > a {
        color: #1E1E50;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01.text-right-xs {
        text-align: right !important;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01.text-left-xs {
        text-align: left !important;
    }

    .LayoutTwo #talent_optimisation_portal .feature-box-01.text-center-xs {
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    #landing_header .section-title.landing-title span {
        font-size: 2.5rem;
    }

    #landing_header .section-title .read_more-btn {
        display: block;
    }
}

@media screen and (min-height: 800px) {
    #landing_header {
        margin: 100px 0;
    }
}

/*.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    &:hover {
        animation-name: hvr-wobble-horizontal;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
    }
}*/
.grid__img--example-2::after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#tilt-effect-01 .tilt {
    transform-style: preserve-3d;
}

#tilt-effect-01 .tilt-movie,
#tilt-effect-01 .tilt-movie img {
    max-width: 600px;
    width: 100%;
    height: 100%;
    max-height: 600px;
    position: absolute;
    right: 5%;
}

#tilt-effect-01 span#shapes img {
    max-width: 600px;
    max-height: 208px;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 16px;
}

    #tilt-effect-01 span#shapes img.fbi-tilt {
        transform: translateZ(36px);
    }

@media screen and (min-width: 993px) and (max-width: 1300px) {
    #tilt-effect-01 .tilt-movie,
    #tilt-effect-01 .tilt-movie img {
        max-width: 500px;
        width: 100%;
        height: 100%;
        max-height: 500px;
        position: absolute;
        right: 4%;
    }

    #tilt-effect-01 span#shapes img {
        max-width: 500px;
        max-height: 176px;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 12px;
    }

        #tilt-effect-01 span#shapes img.fbi-tilt {
            transform: translateZ(36px);
        }
}

@media screen and (max-width: 992px) {
    #tilt-effect-01,
    #landing-svg_shape {
        display: none;
    }

    #talent_optimisation_portal svg.decoshape {
        display: none;
    }

    #feature_section_01 .tab-content .feature_img {
        transform: translateX(30%);
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1700px) {
    #tilt-effect-01 .tilt-movie,
    #tilt-effect-01 .tilt-movie img {
        max-width: 650px;
        width: 100%;
        height: 100%;
        max-height: 650px;
        position: absolute;
        right: 9%;
    }
}

#hovallax-2.parallax {
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    max-width: 600px;
}

    #hovallax-2.parallax .field,
    #hovallax-2.parallax .illustration {
        /*position: relative;
            top: 0;*/
    }

        #hovallax-2.parallax .field .floater,
        #hovallax-2.parallax .illustration .floater {
            position: absolute;
            width: auto;
        }

    #hovallax-2.parallax .illustration {
        max-width: 600px;
        width: 100%;
        height: 100%;
        max-height: 600px;
    }

#hovallax-2.parallax-hover .f-ground {
    left: 38%;
    top: 20%;
    z-index: 30;
}

#hovallax-2.parallax-hover .m-ground {
    left: 60%;
    top: 55%;
    z-index: 20;
}

#TalentOptimisationModal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

#TalentOptimisationModal .modal-body {
    position: relative;
    padding: 0px;
}

#TalentOptimisationModal .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

#about-ourStory {
    clip-path: polygon(50% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
}

#about-timeline {
    /* Timeline */
    /* Line */
    /* Divider */
    /* Badge */
    /* Entry */
    /* Entry Left */
    /* Entry Right */
    /* Every 2nd entry after divider */
    /* Panel */
    /* Panel Right */
    /* Arrow */
    /* Title */
    /* Title */
    /* Body */
}

    #about-timeline .timeline {
        padding: 20px 0 20px;
        position: relative;
    }

        #about-timeline .timeline:before {
            top: 0;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 3px;
            background-color: #eeeeee;
            left: 50%;
            margin-left: -1.5px;
        }

    #about-timeline .timeline-divider {
        text-align: center;
        clear: both;
    }

    #about-timeline .timeline-divider-badge {
        background: #e7b52d;
        padding: 4px 20px;
        border-radius: 15px;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        position: relative;
        font-weight: 300;
    }

    #about-timeline .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        text-align: center;
        background-color: #E92776;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        display: inline-block;
        position: absolute;
        top: 16px;
        right: -25px;
        font-weight: 300;
    }

    #about-timeline .timeline-entry:nth-of-type(even) > .timeline-badge {
        left: -25px;
    }

    #about-timeline .timeline-entry {
        margin: 20px 0;
        position: relative;
        width: 50%;
    }

        #about-timeline .timeline-entry:nth-of-type(odd) {
            float: left;
            clear: left;
        }

        #about-timeline .timeline-entry:nth-of-type(even) {
            float: right;
            clear: right;
        }

    #about-timeline .timeline-divider + .timeline-entry + .timeline-entry {
        margin-top: 80px;
    }

    #about-timeline .timeline-panel {
        min-height: 100px;
        width: 92%;
        float: left;
        border: 1px solid #E92776;
        position: relative;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        background: rgba(0, 0, 0, 0.32);
    }

        #about-timeline .timeline-panel:hover {
            box-shadow: 0 3px 20px 4px rgba(0, 0, 0, 0.15);
            transition: all 0.5s ease-out 0s;
        }

    #about-timeline .timeline-entry:nth-of-type(even) > .timeline-panel {
        float: right;
    }

    #about-timeline .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #E92776;
        border-right: 0 solid #E92776;
        border-bottom: 15px solid transparent;
        content: " ";
    }

    #about-timeline .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #E92776;
        border-right: 0 solid #E92776;
        border-bottom: 14px solid transparent;
        content: " ";
    }

    #about-timeline .timeline-entry:nth-of-type(even) > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    #about-timeline .timeline-entry:nth-of-type(even) > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    #about-timeline .timeline-title {
        margin: 20px 20px 0 20px;
    }

    #about-timeline .timeline-date {
        margin: 10px 20px 0 20px;
        font-size: 85%;
        color: #fff;
    }

    #about-timeline .timeline-body > p,
    #about-timeline .timeline-body > ul {
        padding: 20px;
        margin-bottom: 0;
    }

        #about-timeline .timeline-body > p + p {
            margin-top: 5px;
        }

    #about-timeline dt.timeline_last_badge {
        display: table;
        margin: 0 auto;
    }

        #about-timeline dt.timeline_last_badge .story_continues {
            width: 170px;
            height: 170px;
            position: relative;
            z-index: 100;
            /* background-color: #c94949; */
            background-color: #e92776;
            color: #fff;
            border-radius: 1000px;
            border: 7px solid #f1f1f1;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

#about-team {
    background: url("http://themes.potenzaglobalsolutions.com/html/seohub-seo-marketing-social-media-multipurpose-html5-template/images/bg-element/08.png") no-repeat center bottom;
    background-color: #fff;
}

    #about-team .team.team-2 .team-description {
        background: #111134;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        #about-team .team.team-2 .team-description p {
            color: #E92776;
        }

    #about-team .team.team-2 .team-social {
        background: #111134;
    }

        #about-team .team.team-2 .team-social div.spacer {
            display: block;
            background: #111134;
            height: 30px;
        }

    #about-team .btn_MoreInfo {
        position: absolute;
        right: 5px;
        color: #fff;
        background: #E92776;
        padding: 6px 10px;
        border-radius: 1000px;
        box-shadow: -1px 6px 13px rgba(0, 0, 0, 0.1);
        z-index: 10;
    }

#about-partners_carousel .owl-carousel .item img {
    filter: brightness(0) invert(1);
}

#solutions-mindmill_science.super-service {
    background-image: url(/img/mindmill-science-bg.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}

    #solutions-mindmill_science.super-service .super-img {
        top: -39px;
    }

#solutions-mindmill_science .accordion .acd-group.acd-active .acd-heading {
    background: linear-gradient(to right, #2774cf, #E92776);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    text-shadow: none;
    -webkit-animation: hue 60s infinite linear;
}

#solutions-MMSolutions .truncate_module {
    width: 300px;
    margin: 0 0 1em 0;
    overflow: hidden;
}

    #solutions-MMSolutions .truncate_module p {
        margin: 0;
    }

#solutions-MMSolutions .truncate_fade {
    position: relative;
    height: 4.6em;
    /* exactly three lines */
}

    #solutions-MMSolutions .truncate_fade:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: 1.2em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
    }

#solutions-MMSolutions .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: #E92776;
}

#solutions-mindmill_technology {
    color: #aaa;
}

    #solutions-mindmill_technology .contact-icon i {
        font-size: 3em;
    }

#solutions-advantages .owl-carousel .item .center-block h4 {
    margin-top: 3px;
    font-size: 1em;
    text-transform: none;
}

#solutions-advantages .owl-carousel .item .center-block .fa-circle.text-amaranth_pink {
    color: #8ABF14;
}

.mfp-wrap {
    background: rgba(0, 0, 0, 0.83);
    z-index: 99999;
}

    .mfp-wrap .mfp-close {
        height: 100px;
        width: 100px;
        color: #fff;
        font-size: 4em;
    }

#tabs-motivational_interests .nav-tabs li {
    margin: 5px 0;
}

    #tabs-motivational_interests .nav-tabs li a {
        display: block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        #tabs-motivational_interests .nav-tabs li a.active {
            background: #8ABF14;
        }

ul.list-mark li::after {
    color: #E92776;
}

.studies-entry .entry-image .entry-overlay {
    background: rgba(0,0,0, 0.6);
}

.studies-entry .entry-content a {
    font-size: 1.125em;
}

.special-border.special-border-1 {
    border: 10px solid;
    border-image-source: linear-gradient(-45deg, #eee, #f9f8f9);
    border-image-slice: 1;
}

.special-border.special-border-2 {
    border: 5px solid #fff;
    border-top-left-radius: 100px;
}

#vision-employeeData .accordion.simple.black .acd-group.acd-active .acd-heading {
    font-size: 1.5625em;
    background: linear-gradient(to right, #1E1E50, #E92776);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    text-shadow: none;
    -webkit-animation: hue 60s infinite linear;
}

#vision-employeeData #funnel_illustration {
    background: url("../img/vision/mindmill-filter-bg.png") no-repeat center;
}

    #vision-employeeData #funnel_illustration img {
        width: 60%;
    }

    #vision-employeeData #funnel_illustration svg {
        max-height: 243px;
        max-width: 319px;
        width: 100%;
        vertical-align: bottom;
    }

        #vision-employeeData #funnel_illustration svg .cls-1 {
            fill: #aeaeae;
        }

        #vision-employeeData #funnel_illustration svg .cls-2 {
            fill: #aeaeae;
        }

#vision-employeeData #visual_arrows {
    /* Line */
    /* Divider */
    /* Badge */
    /* Entry */
    /* Entry Left */
    /* Entry Right */
    /* Every 2nd entry after divider */
    /* Panel */
    /* Panel Right */
    /* Arrow */
    /* Title */
}

    #vision-employeeData #visual_arrows .timeline {
        padding: 20px 0 20px;
        position: relative;
    }

        #vision-employeeData #visual_arrows .timeline:before {
            top: 0;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 3px;
            background-color: #eeeeee;
            left: 50%;
            margin-left: -1.5px;
        }

    #vision-employeeData #visual_arrows .timeline-divider {
        text-align: center;
        clear: both;
    }

    #vision-employeeData #visual_arrows .timeline-divider-badge {
        background: #1D718E;
        padding: 4px 20px;
        border-radius: 15px;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        position: relative;
        font-weight: 300;
    }

        #vision-employeeData #visual_arrows .timeline-divider-badge.bg-bahia_green {
            background: #8ABF14;
        }

        #vision-employeeData #visual_arrows .timeline-divider-badge.bg-cerulean_blue {
            background: #2774cf;
        }

    #vision-employeeData #visual_arrows .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        text-align: center;
        background-color: #E92776;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        display: inline-block;
        position: absolute;
        top: 16px;
        right: -25px;
        font-weight: 300;
    }

    #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(even) > .timeline-badge {
        left: -25px;
    }

    #vision-employeeData #visual_arrows .timeline-entry {
        margin: 20px 0;
        position: relative;
        width: 50%;
    }

        #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(odd) {
            float: left;
            clear: left;
            text-align: right;
        }

        #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(even) {
            float: right;
            clear: right;
        }

    #vision-employeeData #visual_arrows .timeline-divider + .timeline-entry + .timeline-entry {
        margin-top: 80px;
    }

    #vision-employeeData #visual_arrows .timeline-panel {
        border-radius: 10px;
        min-height: 62px;
        width: 92%;
        float: left;
        border: 2px solid #2774cf;
        background: #2774cf;
        position: relative;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    }

        #vision-employeeData #visual_arrows .timeline-panel.t-bf {
            border: 2px solid #8ABF14;
            background: #8ABF14;
        }

            #vision-employeeData #visual_arrows .timeline-panel.t-bf:before {
                border-left: 15px solid #8ABF14;
                border-right: 0 solid #8ABF14;
            }

            #vision-employeeData #visual_arrows .timeline-panel.t-bf:after {
                border-left: 14px solid #8ABF14;
                border-right: 0 solid #8ABF14;
            }

        #vision-employeeData #visual_arrows .timeline-panel:hover {
            box-shadow: 0 3px 20px 4px rgba(0, 0, 0, 0.15);
            transition: all 0.5s ease-out 0s;
        }

    #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(even) > .timeline-panel {
        float: right;
    }

    #vision-employeeData #visual_arrows .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #2774cf;
        border-right: 0 solid #2774cf;
        border-bottom: 15px solid transparent;
        content: " ";
    }

    #vision-employeeData #visual_arrows .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #2774cf;
        border-right: 0 solid #2774cf;
        border-bottom: 14px solid transparent;
        content: " ";
    }

    #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(even) > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    #vision-employeeData #visual_arrows .timeline-entry:nth-of-type(even) > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    #vision-employeeData #visual_arrows .timeline-title {
        margin: 13px 10px 10px 10px;
        font-size: 1.375em;
        text-transform: none;
        color: #fff;
        font-weight: 600;
    }

    #vision-employeeData #visual_arrows dt.timeline_last_badge {
        display: table;
        margin: 0 auto;
    }

        #vision-employeeData #visual_arrows dt.timeline_last_badge .story_continues {
            width: 170px;
            height: 170px;
            position: relative;
            z-index: 100;
            /* background-color: #c94949; */
            background-color: #E92776;
            color: #fff;
            border-radius: 1000px;
            border: 7px solid #f1f1f1;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            box-shadow: 0 3px 0px 6px #E92776;
        }

#clients-image_grid {
    /* Responsive layout - makes a three column-layout instead of six columns */
    /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
}

    #clients-image_grid #client_logo_gallery {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(5, 10vw);
        grid-gap: 15px;
    }

        #clients-image_grid #client_logo_gallery .gallery__img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

@media only screen and (min-width: 501px) and (max-width: 767px) {
    #clients-image_grid #client_logo_gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 10vw);
    }
}

@media only screen and (max-width: 500px) {
    #clients-image_grid #client_logo_gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 10vw);
    }
}

#contactform button#submit {
    background: #8ABF14;
    border: 2px solid #8ABF14;
}

    #contactform button#submit:hover {
        background: #69910f;
        border: 2px solid #69910f;
    }

#mindmill-blog .sidebar-widgets-wrap .widget-search input {
    box-sizing: border-box;
}

#mindmill-blog #mindmill-blog_entries .blog-detail .entry-title a {
    font-weight: 600;
}

#mindmill-blog #mindmill-blog_entries .blog-detail .entry-meta ul li {
    color: #8ABF14;
    font-weight: 600;
}

    #mindmill-blog #mindmill-blog_entries .blog-detail .entry-meta ul li i {
        color: #8ABF14;
        margin-right: 5px;
    }

#mindmill-blog #mindmill-blog_entries .blog-detail .entry-share .entry-button a {
    color: #2774cf;
}

#mindmill-blog #mindmill-blog_entries .blog-detail .entry-share .social ul li a {
    color: #2774cf;
}

#mindmill-blog #mindmill-blog_entries .blog-detail .entry-content img {
    max-width: 100%;
    height: auto;
}

#mindmill-blog #mindmill-blog_entries .pagination > .active > a {
    background-color: #1E1E50;
    border-color: #1E1E50;
}

#mindmill-blog #mindmill-blog_entries .pagination li a:hover {
    background-color: #111134;
    border-color: #111134;
}

#mindmill-blog #mindmill-blog_entries .pagination li a:focus {
    background-color: #111134;
    border-color: #111134;
}

#mindmill-blog .blog-navigation .navigation-next a svg, #mindmill-blog .blog-navigation .navigation-previous a svg {
    width: 120px;
    height: 66px;
}

    #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_next .cls-1, #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_previous .cls-1, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_next .cls-1, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_previous .cls-1 {
        fill: #ccc;
        opacity: 0.2;
    }

    #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_next .cls-2, #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_previous .cls-2, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_next .cls-2, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_previous .cls-2 {
        fill: url(#linear-gradient);
    }

    #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_next .cls-3, #mindmill-blog .blog-navigation .navigation-next a svg#BKGRND_previous .cls-3, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_next .cls-3, #mindmill-blog .blog-navigation .navigation-previous a svg#BKGRND_previous .cls-3 {
        fill: #fff;
    }

.owl-carousel .owl-nav i {
    color: #1E1E50;
}

    .owl-carousel .owl-nav i:hover {
        background: #1E1E50;
        border-color: #1E1E50;
    }

.modal .modal-body .custom-content .social .social-icon li a {
    color: #2774cf;
}

    .modal .modal-body .custom-content .social .social-icon li a:hover {
        background: #2774cf;
        color: #fff;
    }

.modal .studies-entry:hover {
    cursor: pointer;
}

.modal .studies-entry .entry-image .bg-block {
    max-height: 276px;
    max-width: 368px;
    min-height: 152px;
    width: 100%;
    height: 276px;
}

    .modal .studies-entry .entry-image .bg-block.candidate_ {
        background: #111134;
    }

    .modal .studies-entry .entry-image .bg-block.admin_ {
        background: #1E1E50;
    }

@media only screen and (max-width: 575px) {
    .studies-entry .entry-image {
        display: none;
    }
}

#modalSelectLoginUser .modal-body .studies-entry .entry-image .entry-overlay a {
    left: 46%;
    top: 46%;
}

#modalSelectLoginUser .modal-body .studies-entry .entry-detail .entry-content a:hover h3 {
    background: linear-gradient(to right, #1E1E50, #E92776);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    text-shadow: none;
    -webkit-animation: hue 60s infinite linear;
}

.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
}

#modalCookiePrivacy .modal-body p, #modalTermsConditions .modal-body p, #modalPrivacyNotice .modal-body p {
    line-height: 1.8;
    color: #626262;
}

#modalCookiePrivacy .modal-body .tc-content h5, #modalTermsConditions .modal-body .tc-content h5, #modalPrivacyNotice .modal-body .tc-content h5 {
    color: #E92776;
}

#modalCookiePrivacy .modal-body .tc-content h6, #modalTermsConditions .modal-body .tc-content h6, #modalPrivacyNotice .modal-body .tc-content h6 {
    text-transform: none;
    font-weight: bold;
}

#modalCookiePrivacy .modal-body .tc-content ul.list-mark li, #modalTermsConditions .modal-body .tc-content ul.list-mark li, #modalPrivacyNotice .modal-body .tc-content ul.list-mark li {
    color: #626262;
}

    #modalCookiePrivacy .modal-body .tc-content ul.list-mark li:after, #modalTermsConditions .modal-body .tc-content ul.list-mark li:after, #modalPrivacyNotice .modal-body .tc-content ul.list-mark li:after {
        content: '\f192';
        color: #626262;
    }

#modalCookiePrivacy .modal-body .tc-content a, #modalTermsConditions .modal-body .tc-content a, #modalPrivacyNotice .modal-body .tc-content a {
    color: #1E1E50;
    font-weight: bold;
}

.modal_title span {
    font-size: 1.875em;
}

    .modal_title span:after {
        content: '';
        display: block;
        margin-top: 30px;
        width: 40px;
        border-top: 3px solid #E92776;
    }

.modal_title h3 {
    font-size: 1em;
}

@media only screen and (max-width: 767px) {
    #TalentOptimisationModal .modal-dialog {
        max-width: 400px;
    }
}

@media screen and (max-width: 992px) {
    #about-timeline .timeline-entry {
        width: 97%;
    }

    #about-timeline .timeline:before {
        display: none;
    }

    #about-timeline .timeline-divider.display_lg {
        display: none;
    }

    #about-timeline .timeline-divider.display_mobile {
        display: block;
    }

    #about-timeline .d-none-mobile {
        display: none;
    }

    #vision-employeeData #visual_arrows .timeline-title {
        font-size: 1em;
    }

    #vision-employeeData #funnel_illustration {
        background-size: cover;
    }

        #vision-employeeData #funnel_illustration img {
            width: 70%;
        }
}

@media screen and (min-width: 993px) {
    .timeline-divider.display_lg {
        display: block;
    }

    .timeline-divider.display_mobile {
        display: none;
    }
}


.topbar li, .topbar li a {
    color: #123D73;
}

.footer .copyright ul li a {
    color: #123D73;
}

#mindmill-menu-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}