/*------------------------------------------------
New Web Features - new landing page
-------------------------------------------------*/

/* Header */
.mk-lps-nwf-header { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/new_web_features/nwf-bg-graduation.jpg) top left repeat-x; min-height: 180px; border-bottom: 0; }
.mk-lps-nwf-header-graphic { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/landing/new_web_features/nwf-header-image.png) bottom center no-repeat; min-height: 180px; }
.mk-lps-nwf-arrow-down { margin:auto; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #ffffff; }
.mk-lps-nwf-header-content h1 { font-size: 3.6em !important; color: #191919 !important; font-weight: normal !important; line-height: 1em; margin-bottom:12px;  }
.mk-lps-nwf-header-content h2 { font-size: 1.4em !important; color: #191919 !important; font-weight: normal !important; background: none;  margin-bottom:6px; }

/* Welcome */
.mk-lps-nwf-welcomeA { background-color:#007fac; }
.mk-lps-nwf-welcome-content h4 { font-size: 1.3em !important; color: #fff !important; font-weight: normal !important; margin: 0; }

/* Features */
.mk-lps-nwf-features-container { background-color: #e7e7e7; padding:30px; }
.mk-lps-nwf-features-containerB { background-color: #f3f3f3; padding:30px; }
.mk-lps-nwf-features-containerC { background-color: #ffffff; padding:10px; }
.mk-lps-nwf-features-containerD { background-color: #e7e7e7; margin-top:12px; }
.mk-lps-nwf-features-containerE { background-color: #f3f3f3; margin-top:12px; }


.mk-lps-nwf-col-50 { width:47%; }
.mk-lps-nwf-col-35 { width:32%; }
.mk-lps-nwf-col-65 { width:64%; }
.mk-lps-nwf-features-text h2 { font-size: 1.8em !important; color: #191919 !important; font-weight: normal !important; background: none;  margin-bottom:24px; }
.mk-lps-nwf-features-text h3 { font-size: 1.4em !important; color: #191919 !important; font-weight: normal !important; margin-bottom:10px; }
.mk-lps-nwf-features-text h4 { font-size: 1.4em !important; color: #ffffff !important; font-weight: normal !important; padding:4px 8px; margin-bottom:6px; background-color: #9ea900; display: inline-block; }
.mk-lps-nwf-features-text p { font-size: 1.1em !important; color: #333333 !important; font-weight: normal !important;  margin-bottom:12px; }



/*------------------------------------------------
Mobile - new landing page
-------------------------------------------------*/

/* Header */
.mk-lps-mobile-header-graphic-eu { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/buying_tools/mobile-header-image.png) bottom center no-repeat; min-height: 180px; }

.mk-lps-mobile-header-graphic-onecall { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/onecall/buying_tools/mobile-header-image.png) bottom center no-repeat; min-height: 180px; }

.mk-lps-mobile-header-graphic-apac { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/apac/common/buying_tools/mobile-header.png) bottom center no-repeat; min-height: 180px; }

.mk-lps-mobile-header-graphic-us { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/americas/common/buying_tools/mobile-header.png) bottom center no-repeat; min-height: 180px; }

.mk-lps-mobile-col-50 { width:47%; }


/*boxes animation*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(900px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(900px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-900px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-900px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;
}

.mk-lps-pi-boards-large-boxes-dark .mk-btn1 a:hover, .mk-lps-pi-boards-large-boxes-light .mk-btn1 a:hover {
    text-decoration: none;
}