@import url('//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css');@import url('//cdn.jsdelivr.net/foundation/5.5.0/css/foundation.css');/*
    homepage styles
*/

/* line 10, sass/homepage.scss */

html,
body
{
    font-family: brown-regular;

    height: auto;
    margin: 0;
    padding: 0;

    color: #4c4d4f;
}

/* line 17, sass/homepage.scss */

#pagecontent
{
    background: url(/wp-content/themes/meltwater/images/cs-lp/bg-case-studies-lp.png) left 0 bottom -500px no-repeat;
    background-size: 1500px auto;
}

/* line 25, sass/homepage.scss */

.page-template-template-homepage-v4 .site-header .menu-header-cta-menu-container a svg path
{
    fill: #fff;
}

/* line 30, sass/homepage.scss */

.page-template-template-homepage-v4 #masthead
{
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, transparent 100%) !important;
}

/* line 34, sass/homepage.scss */

.page-template-template-homepage-v4 .header-logo
{
    background: url(/wp-content/themes/meltwater/images/sprites/logo_white.png) 0/100% no-repeat !important;
}

/* line 38, sass/homepage.scss */

.page-template-template-homepage-v4 .site-header
{
    position: absolute;
    top: 0;
    left: 0;

    background: 0 0 !important;
}

/* line 45, sass/homepage.scss */

.page-template-template-homepage-v4 .call-to-action
{
    color: #fff !important;
    background: 0 0 !important;
}

/* line 50, sass/homepage.scss */

.page-template-template-homepage-v4 .call-to-action:before
{
    background: 0 0 !important;
}

/* line 54, sass/homepage.scss */

.page-template-template-homepage-v4 .call-to-action a
{
    color: #fff !important;
}

/* line 58, sass/homepage.scss */

.page-template-template-homepage-v4 .call-to-action .menu-header-cta-menu-container a,
.page-template-template-homepage-v4 .lower-header:before
{
    background: 0 0 !important;
}

/* line 63, sass/homepage.scss */

.page-template-template-homepage-v4 .main-navigation a
{
    color: #fff !important;
}

/* line 66, sass/homepage.scss */

.page-template-template-homepage-v4 .main-navigation a:hover
{
    border-color: #fff !important;
}

/* line 73, sass/homepage.scss */

.homepage-v4 strong
{
    font-family: brown-bold;
}

/* line 77, sass/homepage.scss */

.homepage-v4 .row
{
    max-width: 950px;
}

/* line 81, sass/homepage.scss */

.homepage-v4 a
{
    -webkit-transition: .2s all ease-in-out;
            transition: .2s all ease-in-out;

    color: #28bbbb;
}

/* line 86, sass/homepage.scss */

.homepage-v4 a:hover
{
    color: #00ca9b;
}

/* line 91, sass/homepage.scss */

.homepage-v4 .features.intro .row
{
    max-width: 740px;
}

/* line 93, sass/homepage.scss */

.homepage-v4 .features.intro .row .columns
{
    font-family: brown-light;
    font-size: 26px;
    line-height: 1.5em;

    margin: 0;

    text-align: center;
}

/* line 102, sass/homepage.scss */

.homepage-v4 .features h2
{
    font-size: 32px;

    margin-bottom: 20px;
}

/* line 107, sass/homepage.scss */

.homepage-v4 .features p
{
    font-size: 16px;
    line-height: 30px;

    color: #949494;
}

/* line 112, sass/homepage.scss */

.homepage-v4 .features a
{
    font-family: brown-light;
    font-size: 20px;
}

/* line 116, sass/homepage.scss */

.homepage-v4 .features .columns
{
    margin: 10vh 0 0 0;
}

/* line 120, sass/homepage.scss */

.homepage-v4 .header .top
{
    font-size: .8em;

    padding: .5em 0;
}

/* line 124, sass/homepage.scss */

.homepage-v4 .header .top ul
{
    font-size: 1em;

    margin-bottom: 0;
}

/* line 128, sass/homepage.scss */

.homepage-v4 .header .bottom ul
{
    margin-bottom: 0;
}

/* line 131, sass/homepage.scss */

.homepage-v4 .header .bottom img
{
    height: 26.5px;
    margin: 1em 0;
}

/* line 135, sass/homepage.scss */

.homepage-v4 .header .bottom .nav
{
    margin-top: 1em;
}

/* line 138, sass/homepage.scss */

.homepage-v4 .header .bottom .nav a
{
    -webkit-transition: all .3s ease;
            transition: all .3s ease;

    color: #4c4d4f;
    border-bottom: 2px solid transparent;
}

/* line 144, sass/homepage.scss */

.homepage-v4 .header .bottom .nav a:hover,
.homepage-v4 .header .bottom .nav a.active
{
    border-bottom: 2px solid #4c4d4f;
}

/* line 148, sass/homepage.scss */

.homepage-v4 .features h2
{
    font-size: 32px;

    margin-bottom: 20px;
}

/* line 152, sass/homepage.scss */

.homepage-v4 .features p
{
    color: #949494;
}

/* line 155, sass/homepage.scss */

.homepage-v4 .features a
{
    font-family: brown-light;
    font-size: 20px;
}

/* line 159, sass/homepage.scss */

.homepage-v4 .features .columns
{
    margin: 10vh 0 0 0;
}

/* line 163, sass/homepage.scss */

.homepage-v4 .fullhero
{
    position: relative;

    overflow: hidden;

    height: 75vh;
    min-height: 600px;
}

/* line 169, sass/homepage.scss */

.homepage-v4 .fullhero > img.background,
.homepage-v4 .fullhero video#herovideo
{
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: 2.5s fadeIn ease 0s both;
            animation: 2.5s fadeIn ease 0s both;

    opacity: 1;
}

/* line 182, sass/homepage.scss */

.homepage-v4 .fullhero .header
{
    position: relative;
    z-index: 2;

    color: #fff;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, transparent 100%);
    background:         linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent 100%);
}

/* line 189, sass/homepage.scss */

.homepage-v4 .fullhero .header .top
{
    -webkit-animation: .6s fadeIn ease .6s both;
            animation: .6s fadeIn ease .6s both;
}

/* line 193, sass/homepage.scss */

.homepage-v4 .fullhero .header .nav
{
    -webkit-animation: .6s fadeIn ease .6s both;
            animation: .6s fadeIn ease .6s both;
}

/* line 197, sass/homepage.scss */

.homepage-v4 .fullhero .header .nav a
{
    color: #fff;
}

/* line 200, sass/homepage.scss */

.homepage-v4 .fullhero .header .nav a.active
{
    border-color: #fff;
}

/* line 203, sass/homepage.scss */

.homepage-v4 .fullhero .header .nav a:hover
{
    border-color: #fff;
}

/* line 206, sass/homepage.scss */

.homepage-v4 .fullhero::before
{
    position: absolute;
    z-index: 1;
    top: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-animation: 2.5s fadeIn ease 0s both;
            animation: 2.5s fadeIn ease 0s both;

    background: rgba(0, 0, 0, .25);
}

/* line 218, sass/homepage.scss */

.homepage-v4 .hero
{
    position: relative;

    overflow: hidden;

    height: 75vh;
    min-height: 600px;
}

/* line 224, sass/homepage.scss */

.homepage-v4 .hero .content
{
    position: relative;
    z-index: 1;
    top: 50%;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* line 231, sass/homepage.scss */

.homepage-v4 .hero .content h1
{
    font-size: 36px;

    -webkit-animation: .6s slideUpIn ease .6s both, .6s fadeIn ease .6s both;
            animation: .6s slideUpIn ease .6s both, .6s fadeIn ease .6s both;

    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

/* line 238, sass/homepage.scss */

.homepage-v4 .hero .content h1 span
{
    font-family: brown-light;
    font-size: 26px;

    padding-left: 10px;

    opacity: .8;
    text-shadow: none;
}

/* line 245, sass/homepage.scss */

.homepage-v4 .hero .content p
{
    font-family: brown-light;
    font-size: 18px;

    -webkit-animation: .6s slideUpIn ease .75s both, .6s fadeIn ease .75s both;
            animation: .6s slideUpIn ease .75s both, .6s fadeIn ease .75s both;

    color: #fff;
}

/* line 252, sass/homepage.scss */

.homepage-v4 .hero .content .button
{
    font: 14px brown-regular;

    padding: .75em 2.5em;

    -webkit-transition: .3s all ease;
            transition: .3s all ease;
    -webkit-animation: .6s slideUpIn ease .9s both, .6s fadeIn ease .9s both;
            animation: .6s slideUpIn ease .9s both, .6s fadeIn ease .9s both;
    text-transform: uppercase;

    color: rgba(76, 77, 79, .9);
    border: 1px solid rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, .65);
}

/* line 264, sass/homepage.scss */

.homepage-v4 .hero .content .button .move
{
    display: inline-block;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}

/* line 269, sass/homepage.scss */

.homepage-v4 .hero .content .button:hover
{
    color: #4c4d4f;
    background: rgba(255, 255, 255, .85);
    text-shadow: 0 0 10px rgba(255, 255, 255, .5);
}

/* line 274, sass/homepage.scss */

.homepage-v4 .hero .content .button:hover .move
{
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
}

/* line 279, sass/homepage.scss */

.homepage-v4 .interstitial
{
    font-family: brown-light;
    font-size: 20px;

    text-align: center;
}

/* line 285, sass/homepage.scss */

.homepage-v4 .tabheader
{
    position: relative;

    padding: 10vh 0;

    background: linear-gradient(180deg, rgba(148, 148, 148, .25), transparent);
}

/* line 290, sass/homepage.scss */

.homepage-v4 .tabheader .personas
{
    position: relative;
    z-index: 2;

    max-width: 950px;
    margin: 0 auto;
    margin-top: calc(-10vh - 100px);
    padding: 5vh 0 0 0;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 15px rgba(148, 148, 148, .75);
}

/* line 307, sass/homepage.scss */

.homepage-v4 .tabs
{
    margin: 15px 0;
}

/* line 309, sass/homepage.scss */

.homepage-v4 .tabs > .row
{
    max-width: 1200px;
}

/* line 310, sass/homepage.scss */

.homepage-v4 .tabs a
{
    color: #4c4d4f;
}

/* line 313, sass/homepage.scss */

.homepage-v4 .tabs .columns
{
    font-family: brown-bold;
    font-size: 14px;

    width: calc(25% - 10px);
    margin: 0 5px;
    padding: 35px 0;

    transition: all .3s ease;
    text-align: center;
    text-transform: uppercase;

    border-bottom: 5px solid transparent;
}

/* line 326, sass/homepage.scss */

.homepage-v4 .tabs .columns img,
.homepage-v4 .tabs .columns svg
{
    display: block;

    height: 75px;
    margin: 0 auto;
    margin-bottom: 15px;
}

/* line 332, sass/homepage.scss */

.homepage-v4 .tabs .columns .transition
{
    transition: all 1s ease;
}

/* line 341, sass/homepage.scss */

.homepage-v4 .tabs .columns.active
{
    color: #28bbbb;
    border-bottom: 5px solid #28bbbb;
}

/* line 344, sass/homepage.scss */

.homepage-v4 .tabs .columns.active svg polygon,
.homepage-v4 .tabs .columns.active svg polyline,
.homepage-v4 .tabs .columns.active svg rect,
.homepage-v4 .tabs .columns.active svg line
{
    stroke: #28bbbb;
}

/* line 348, sass/homepage.scss */

.homepage-v4 .tabs .columns.active svg path
{
    fill: #28bbbb;
}

/* line 351, sass/homepage.scss */

.homepage-v4 .tabs .columns.active:hover
{
    border-color: #28bbbb;
}

/* line 355, sass/homepage.scss */

.homepage-v4 .tabs .columns:hover
{
    color: #28bbbb;
    border-bottom: 5px solid #28bbbb;
    background: #fff;
}

/* line 364, sass/homepage.scss */

.homepage-v4 .tabs .columns:hover .m-jello
{
    animation: jello 1s ease;

    fill: #28bbbb;
}

/* line 372, sass/homepage.scss */

.homepage-v4 .tabcontent .tab-body
{
    display: none;
}

/* line 375, sass/homepage.scss */

.homepage-v4 .tabcontent .tab-body.active
{
    display: block;
}

/* line 379, sass/homepage.scss */

.homepage-v4 .toolbox
{
    display: none;
}

/* line 382, sass/homepage.scss */

.homepage-v4 .toolbox .caption
{
    margin-top: 15vh;

    text-align: center;
}

/* line 386, sass/homepage.scss */

.homepage-v4 .toolbox .caption h2
{
    font-size: 26px;
}

/* line 389, sass/homepage.scss */

.homepage-v4 .toolbox .caption p
{
    font-family: brown-light;

    max-width: 650px;
    margin: 0 auto;
}

/* line 394, sass/homepage.scss */

.homepage-v4 .toolbox .tools
{
    margin-top: 10vh;
}

/* line 397, sass/homepage.scss */

.homepage-v4 .toolbox .tools .tool img
{
    max-width: 50px;

    border-radius: 50%;
}

/* line 401, sass/homepage.scss */

.homepage-v4 .toolbox .tools .tool h2
{
    font-size: 20px;
}

/* line 404, sass/homepage.scss */

.homepage-v4 .toolbox .tools .tool p
{
    font-family: brown-light;
    font-size: 14px;

    color: #949494;
}

/* line 410, sass/homepage.scss */

.homepage-v4 .sandbox
{
    margin-top: 10vh;

    background: #28bbbb;
}

/* line 419, sass/homepage.scss */

.homepage-v4 .sandbox .content img
{
    max-width: initial;
    margin-top: -38px;
}

/* line 423, sass/homepage.scss */

.homepage-v4 .sandbox .content h3
{
    font-family: brown-regular;
    font-size: 26px;
    line-height: 28px;

    margin: 24px 0 0 50px;

    letter-spacing: -1px;

    color: #fff;
}

/* line 431, sass/homepage.scss */

.homepage-v4 .sandbox .content a
{
    position: relative;
    top: 70px;

    padding: .5em 3em;

    border-radius: 80px;
    background: #fff;
}

/* line 450, sass/homepage.scss */

.homepage-v4 .events
{
    overflow: hidden;

    margin: 10vh auto;

    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(148, 148, 148, .5);
}

/* line 456, sass/homepage.scss */

.homepage-v4 .events .banner
{
    position: relative;

    overflow: hidden;

    height: 250px;

    color: rgba(255, 255, 255, .9);
}

/* line 462, sass/homepage.scss */

.homepage-v4 .events .banner .title
{
    font-family: brown-light;
    font-size: 28px;

    position: absolute;
    z-index: 10;
    top: 50%;

    margin-left: 20px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* line 472, sass/homepage.scss */

.homepage-v4 .events .banner img
{
    position: relative;
    z-index: 0;
}

/* line 476, sass/homepage.scss */

.homepage-v4 .events .banner .overlay
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .25;
    background: #444;
}

/* line 486, sass/homepage.scss */

.homepage-v4 .events .sectitle
{
    font-family: brown-regular;
    font-size: 12px;

    display: inline-block;

    margin: 10px 0;
    padding: 0 20px 10px 0;

    text-transform: uppercase;

    color: #4c4d4f;
    border-bottom: 2px solid #4c4d4f;
}

/* line 496, sass/homepage.scss */

.homepage-v4 .events .event .name
{
    font-size: 20px;
}

/* line 499, sass/homepage.scss */

.homepage-v4 .events .event .location
{
    font-size: 14px;

    color: #949494;
}

/* line 503, sass/homepage.scss */

.homepage-v4 .events .end
{
    margin-bottom: 20px;
}

/* line 507, sass/homepage.scss */

.homepage-v4 .clients
{
    margin: 10vh 0;

    text-align: center;
}

/* line 511, sass/homepage.scss */

.homepage-v4 .clients h2
{
    font-family: brown-light;
    font-size: 28px;
}

/* line 515, sass/homepage.scss */

.homepage-v4 .clients .logos
{
    margin: 25px 0;
}

/* line 518, sass/homepage.scss */

.homepage-v4 .clients .logos img
{
    max-height: 50px;

    opacity: .75;

    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

/* line 526, sass/homepage.scss */

.homepage-v4 .clients a
{
    font-family: brown-light;
    font-size: 20px;

    display: inline-block;
}

/* line 532, sass/homepage.scss */

.homepage-v4 .careers
{
    position: relative;
    z-index: 2;

    padding: 10vh 0;

    background: url('https://corpweb-stage.meltwater.com/wp-content/uploads/2017/10/meltwater-work-with-us.jpg') 50% 50%/cover;
}

/* line 537, sass/homepage.scss */

.homepage-v4 .careers .content
{
    position: relative;
    z-index: 1;
}

/* line 541, sass/homepage.scss */

.homepage-v4 .careers h2
{
    font-family: brown-regular;
    font-size: 32px;

    margin: 0;
    margin-bottom: 20px;
    padding: 0;

    color: #fff;
}

/* line 549, sass/homepage.scss */

.homepage-v4 .careers p
{
    font-family: brown-light;
    font-size: 16px;

    margin: 10px 0;

    color: #fff;
}

/* line 555, sass/homepage.scss */

.homepage-v4 .careers a
{
    font-family: brown-light;
    font-size: 16px;

    display: inline-block;

    margin: 0;
    margin-top: 20px;
    padding: .5em 1em;

    color: #28bbbb;
    border: 1px solid #28bbbb;
    border-radius: 3px;
    background: rgba(0, 0, 0, .25);
}

/* line 567, sass/homepage.scss */

.homepage-v4 .careers::before
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .4;
    background: linear-gradient(100deg, black 50%, rgba(0, 0, 0, .5) 75%);
}

/* line 580, sass/homepage.scss */

.homepage-v4 .cta
{
    position: relative;
    z-index: 1;

    padding: 10vh 0;
}

/* line 584, sass/homepage.scss */

.homepage-v4 .cta .row
{
    position: relative;
    z-index: 1;
}

/* line 585, sass/homepage.scss */

.homepage-v4 .cta h2
{
    font-size: 40px;

    margin: 0;

    color: #fff;
}

/* line 590, sass/homepage.scss */

.homepage-v4 .cta p
{
    font-family: brown-light;
    font-size: 20px;

    max-width: 650px;

    color: #fff;
}

/* line 597, sass/homepage.scss */

.homepage-v4 .cta a
{
    font-size: 20px;

    margin-top: 20px;
    padding: .5em 2em;

    border: 1px solid #28bbbb;
    border-radius: 3px;
    background: #fff;
}

/* line 605, sass/homepage.scss */

.homepage-v4 .cta__last-line
{
    line-height: 3;
}

/* line 609, sass/homepage.scss */

.homepage-v4 .products-package
{
    position: relative;

    margin-top: 0;

    background: radial-gradient(ellipse farthest-side at 100% 100%, #00ca9b 0%, #28bbbb 100%);
}

/* line 613, sass/homepage.scss */

.homepage-v4 .products-package .package-cta-title
{
    overflow: hidden;

    color: #fff;
}

/* line 617, sass/homepage.scss */

.homepage-v4 .products-package::before
{
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 25%;

    display: block;

    width: 250px;
    height: 250px;

    content: '';

    background: url(/wp-content/themes/meltwater/images/banner-impact/illu-telescope@2x.png) 50% 50%/contain no-repeat;
}

/* line 628, sass/homepage.scss */

.homepage-v4 .products-package::after
{
    position: absolute;
    z-index: 1;
    top: -10px;
    right: 25%;

    display: block;

    width: 300px;
    height: 300px;

    content: '';

    background: url(/wp-content/themes/meltwater/images/banner-impact/illu-moon@2x.png) 50% 50%/contain no-repeat;
}

/* line 639, sass/homepage.scss */

.homepage-v4 .products-package .mw-row .col-xs-12
{
    padding: 5vh 0;
}

/* line 642, sass/homepage.scss */

.homepage-v4 .products-package span
{
    font-family: brown-light;
    font-size: 20px;
    font-weight: normal;

    color: #fff;
}

/* line 650, sass/homepage.scss */

.homepage-v4 h1,
.homepage-v4 h2,
.homepage-v4 h3,
.homepage-v4 h4,
.homepage-v4 h5,
.homepage-v4 h6
{
    font-family: brown-bold;

    color: #4c4d4f;
}

/*# sourceMappingURL=homepage.css.map */

@media screen and (max-width: 1025px)
{
    /* line 410, sass/homepage.scss */

    .homepage-v4 .sandbox
    {
        padding: 0 0 50px;
    }

    /* line 445, sass/homepage.scss */

    .homepage-v4 .sandbox img
    {
        display: none;
    }
}

@media screen and (max-width: 767px)
{
    /* line 290, sass/homepage.scss */

    .homepage-v4 .tabheader .personas
    {
        margin-top: -10vh;
    }
}

@media screen and (max-width: 641px)
{
    /* line 431, sass/homepage.scss */

    .homepage-v4 .sandbox .content a
    {
        top: 20px;
        left: 50px;
    }
}

@media only screen and (max-width: 40.063em)
{
    /* line 762, sass/homepage.scss */

    .homepage-v4 .tabs .columns
    {
        min-height: 220px;
    }
}

@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
}

@keyframes fadeOut
{
    100%
    {
        opacity: 0;
    }
}

@keyframes slideUpIn
{
    0%
    {
        transform: translateY(25px);
    }
}

@keyframes slideDownIn
{
    0%
    {
        transform: translateY(-25px);
    }
}

@keyframes slideLeftIn
{
    0%
    {
        transform: translateX(-25px);
    }
}

@keyframes slideRightIn
{
    0%
    {
        transform: translateX(25px);
    }
}

@keyframes slideUpOut
{
    100%
    {
        transform: translateY(-25px);
    }
}

@keyframes slideDownOut
{
    100%
    {
        transform: translateY(25px);
    }
}

@keyframes slideLeftOut
{
    100%
    {
        transform: translateX(-25px);
    }
}

@keyframes slideRightOut
{
    100%
    {
        transform: translateX(25px);
    }
}

@keyframes phaseIn
{
    0%
    {
        transform: translateZ(-25px);
    }
}

@keyframes phaseOut
{
    100%
    {
        transform: translateZ(25px);
    }
}

@keyframes slideUpPresentation
{
    0%
    {
        transform: translateY(100px);

        opacity: 0;
    }

    15%
    {
        transform: translateY(10px);

        opacity: 1;
    }

    90%
    {
        transform: translateY(-10px);

        opacity: 1;
    }

    100%
    {
        transform: translateY(-100px);

        opacity: 0;
    }
}

@keyframes tilt
{
    0%
    {
        transform: rotate3d(.25, -.5, 0, 35deg);
    }

    15%
    {
        transform: rotate3d(.25, -5, 0, 25deg);
    }

    90%
    {
        transform: rotate3d(.25, -5, 0, 15deg);
    }

    100%
    {
        transform: rotate3d(.25, -5, 0, -5deg);
    }
}

@keyframes pulse
{
    from
    {
        transform: scale3d(1, 1, 1);
    }

    50%
    {
        transform: scale3d(1.5, 1.5, 1.5);
    }

    to
    {
        transform: scale3d(1, 1, 1);
    }
}