/* 
Theme Name: Check I'm Here - New Blog
Theme URI: http://www.checkimhere.com/ 
Description: Theme for Check I'm Here with Blog
Author: Reuben Pressman
Author URI: http://checkimhere.com 
Version: 1.5
*/ 

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body{
    background: #efefef;
    font-family: helvetica, arial, sans-serif;
    font-weight: 300;
    margin-top: 60px;
}

.wrapper{
    min-width: 1136px;
}

.single .header{
    height: 60px;
    background: #fff;
    border-top: 5px solid rgb(10, 162, 196);
    position: fixed;
    width: 100%;
    margin-top: -60px;
    z-index: 9999;
}

.navigation h1{
    margin: 9px 0 0 0;
    text-indent: -9999em;
    background: url(i/logo.png) no-repeat;
    width: 209px;
    float: left;
    background-size: 100%;
}

.nav{
    float: right;
    width: 550px;
}

    .nav ul{
        list-style: none;
        color: #adadad;
        float: left;
        /*line-height: 55px;
        margin-left: 40px;*/
    }

        .nav ul li{
            display: inline;
            margin: 0 10px;
        }

            .nav ul li a{
                color: #777777;
                font-size: 17px;
                text-decoration: none;
                position: relative;
                top: 1px;
            }

                .nav li a:hover{
                    text-decoration: underline;
                }

    .nav .btn{
        position: relative;
        top: 7px;
        float: right;
    }

.callout{
    background-image: url(i/callout-back.png);
    background-size: cover;
}

    .callout .mask{
        background: rgba(5, 180, 222, 0.3);
        color: #fff;
        padding: 50px 0;
        overflow: hidden;
    }

    .single .callout .mask, .archive .callout .mask{
        padding: 25px 0 10px 0;
    }

    .callout-title{
        margin: 15px 0 15px 0;
        font-size: 36px;
        font-family: 'Roboto Condensed', sans-serif;
        text-align: center;
        margin-bottom: 15px;
        text-transform: uppercase;
        position: relative;
    }

    .callout-info{
        width: 723px;
        margin: 0 auto;
        position: relative;
    }

        .callout .pitch{
            width: 590px;
            float: left;
        }

        .callout .btn{
            float: left;
        }

.section-title{
    font-size: 43px;
    color: #343434;
    font-family: FuturaBT-MediumCondensed;
    text-align: center;
    margin: 20px 0;
}

.recent-articles{
    margin-top: 30px;
}

.recent-articles .article{
    width: 320px;
    float: left;
    margin-bottom: 30px;
    box-shadow: 0px 0px 0px rgba(5, 180, 222, 0.5);
    transition: box-shadow .25s;
}

    .recent-articles .article:hover{
        box-shadow: 0px 0px 10px rgba(5, 180, 222, 0.5);
        transition: box-shadow .5s;
    }

    .recent-articles .article:nth-child(3n){
        margin-right: 0;
    }

    .recent-articles .article .feature-image{
        width: 320px;
    }

        .recent-articles .article .feature-image img{
            width: 100%;
            height: auto;
        }

    .recent-articles .article .content{
        background: #fff;
        width: 289px;
        border-bottom: 1px solid #c1c0c0;
        border-right: 1px solid #c1c0c0;
        padding: 15px 15px 7px 15px;
        font-size: 14px;
        font-family: 'Roboto Slab', serif;
        font-weight: 300;
        color: #4c4c4c;
        line-height: 20px;
        letter-spacing: .01rem;
    }

    .blog h3.title, .archive h3.title{
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 24px;
    }

        .single .article h3 {
            font-family: 'Roboto Condensed', sans-serif;
            color: #343434;
            font-size: 26px;
            margin: 1px 0 -5px 0;
        }

        .recent-articles .article p{
            margin: 0;
        }

        .recent-articles a{
            color: inherit;
            text-decoration: none;
        }

    .recent-articles .more{
        background-image: url(i/arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
        font-family: 'Roboto Slab', serif;
        font-weight: 700;
        text-decoration: none;
        color: #4c4c4c;
        float: right;
        display: block;
        margin-top: 5px;
        margin-bottom: 2px;
    }

    .single .view-all{
        margin-bottom: 12px;
        margin-top: -30px;
        display: block;
        font-size: 13px;
        color: rgb(10, 162, 196);
        text-decoration: none;
        width: 100px;
    }

        .single .view-all:hover{
            text-decoration: underline;
        }

    .single .left{
        width: 715px;
        margin-right: 30px;
        float: left;
    }

        .single .article{
            width: 715px;
            position: relative;
        }

        .side-social{
            position: fixed;
            width: 58px;
            padding: 10px;
            background: #FFF;
            margin-left: -90px;
            overflow: hidden;
        }

            .side-social .addthis_button_facebook_like .fb-like{
                margin-left: 5px;
                margin-top: -16px;
            }

            .side-social .addthis_button_tweet iframe{
                /*margin-left: 14px;*/
            }

            .side-social .addthis_button_google_plusone{
                margin-left: 4px;
            }

            .side-social .addthis_counter{
                margin-left: 4px;
            }

            .single .article .feature-image img{
                width: 715px;
                height: auto;
            }

        .single .article .content{
            padding: 40px;
            background: #fff;
        }

        .single .article h1{
            font-family: FuturaBT-MediumCondensed;
            color: #343434;
            font-size: 43px;
            margin: -5px 0 5px 0;
            line-height: 49px;
        }

            .single .author{
                color: #9a9a9a;
                font-size: 18px;
            }

            .single .author img{
                width: 36px;
                height: 36px;
                border-radius: 18px;
                margin-right: 5px;
            }

            .single .article .post{
                font-size: 19px;
                font-family: 'Roboto Slab', serif;
                font-weight: 300;
                color: #4c4c4c;
                line-height: 33px;
                margin: 30px 0 20px 0;
            }

            .single .article .post img{
                max-width: 100%;
                height: auto;
            }

            .single .article .post img.aligncenter{
                display: block;
                margin: 0 auto;
            }

            .single .article .post iframe.aligncenter{
                display: block;
                margin: 0 auto;
            }

            .addthis_button_facebook_like{
                position: relative;
                top: -2px;
                margin-right: 30px;
            }

            .addthis_pill_style{
                margin-left: 30px;
                margin-top: 4px;
            }

        .content h4{
            font-size: 23px;
            margin: 0 0 10px 0;
            color: rgb(10, 162, 196);
        }

        .post ul, .post ol{
            margin: 0;
            padding: 0 0 0 25px; /* was 25px top */
        }

        .post ul h4, .post ol h4 {
            font-weight: 300;
            font-size: 19px;
            margin: 0;
            color: #343434;
            font-weight: 700;
        }

        .post ul h4 + p, .post ol h4 + p{
            margin-top: 0px;
        }

        .post a{
            color: #039fc1;
            text-decoration: underline;
        }

        #crp_related ul, #crp_related li{
            margin: 0;
            padding: 0;
        }

        #crp_related{
            margin-bottom: 30px;
            display: table;
        }

        #crp_related li{
            width: 195px;
            margin-right: 20px;
            float: left;
            list-style: none;
        }

            #crp_related li:last-child{
                margin-right: 0;
            }

            #crp_related .crp_title{
                padding: 10px;
                border: 1px solid #D5D5D5;
                display: block;
                border-top: none;
                color: #343434;
                text-decoration: none;
                font-weight: bold;
            }

        .recent-post-item{
            margin-bottom: 10px !important;
            display: table;
            border: 1px solid #E0E0E0;
            width: 100%;
            background: #fff;
            height: 45px;
        }

        .recent-post-item .post-title{
            float: right;
            padding: 7px 10px;
            text-decoration: none;
            color: #343434;
            line-height: 20px;
            width: 179px;
            font-size: 14px;
        }

        .recent-post-item .post-entry{
            float: left;
        }

        .article .note{
            margin-top: 30px;
            background: rgb(241, 241, 241);
            padding: 25px;
            font-size: 14px;
            border: 1px solid rgb(204, 204, 204);
        }

        .article .note .glasses{
            background: url(http://checkimhere.com/wp-content/uploads/2014/06/glasses.png) rgb(10, 162, 196) center center no-repeat;
            width: 80px;
            height: 80px;
            background-size: 77%;
            margin-right: 20px;
            float: left;
            border-radius: 50px;
            margin-top: 4px;
        }

            .article .note h4{
                font-size: 20px;
                text-transform: uppercase;
            }

        .article blockquote{
            font-size: 18px;
            color: rgb(10, 162, 196);
            font-weight: bold;
        }

            .article blockquote cite{
                color: rgb(0, 0, 0);
                font-weight: normal;
                font-size: 16px;
                margin-left: 150px;
                display: block;
                line-height: 23px;
            }

        .wedgie-widget {
            margin-bottom: 30px !important;
        }

        .article iframe.twitter-tweet{
            width: 635px !important;
            margin-left: 60px !important;
        }

        .post-closer{
            padding: 20px;
            font-size: 16px;
            background: rgb(241, 241, 241);
            margin-bottom: 30px;
            border: 1px solid #ccc;
        }

.content .subscribe h4{
    font-size: 23px;
    margin: 0 0 10px 0;
    color: #0AA2C4;
}

.content .subscribe #mc_embed_signup{
    width: auto;
}

.content .subscribe .wrap{
    background: #0AA2C4;
    padding: 20px;
    margin-bottom: 20px;
}

.content .subscribe h5{
    font-size: 24px;
    color: #FFF !important;
}

.content .subscribe .why{
    color: #FFF;
    font-size: 14px;
}

.content .subscribe input{
    border: none !important;
    line-height: 40px;
    text-indent: 10px;
    margin-right: 10px;
    font-size: 15px;
    width: 227px;
}

.content .subscribe input.btn, .content .subscribe input.btn:hover{
    color: #FFF !important;
    border: 1px solid #FFF !important;
    width: 99px;
    height: 42px;
    margin-top: 0;
    position: relative;
    top: 1px;
    padding: 10px !important;
    text-indent: 0;
    line-height: 10px;
    background: transparent !important;
}

    .single .right{
        width: 275px;
        float: left;
    }

    .main{
        padding-bottom: 50px;
    }

    .single .main .center{
        margin-top: 45px;
    }

    .right .box{
        margin-bottom: 30px;
    }

        .right h4{
            font-family: FuturaBT-MediumCondensed;
            font-size: 22px;
            margin: 0;
            color: rgb(10, 162, 196);
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .box ul{
            margin: 0;
            padding: 0;
        }

            .box ul li{
                margin: 0;
                padding: 0;
                list-style: none;
            }

    .right .sale{
        background: rgb(10, 162, 196);
        padding: 15px;
        color: #fff;
    }

        .right .sale h4{
            color: #fff;
        }

        .right .pitch {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .right .sale .btn{
            float: left;
            font-size: 17px;
        }

            .right .sale .btn:nth-child(3){
                margin-right: 5px;
            }

        .box.subscribe{
            background: #61BA4E;
            padding: 15px;
            color: #FFF;
            padding-bottom: 30px;
        }

            .box.subscribe h4{
                color: #fff;
            }

    #mc_embed_signup form{
        margin-top: 10px;
        padding: 0;
    }

    #mc_embed_signup .mc-field-group{
        min-height: 30px;
    }

    #mc_embed_signup .button{
        float: left;
    }

    #mc_embed_signup .mc-field-group input{
        border-color: #3B9228;
        width: calc( 100% - 20px );
        font-size: 13px;
        color: #616161;
    }

    .spam{
        font-size: 10px;
        color: #BBB;
        padding: 3px 0 0 1px;
        clear: both;
        text-align: left;
    }

    #mc_embed_signup div#mce-responses{
        margin: 0;
        top: 0;
        padding: 0;
        width: 275px;
    }

    #mc_embed_signup #mce-error-response{
        display: block;
        margin: 0;
        font-weight: 300;
        font-size: 13px;
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
        width: 255px;
        color: #FF5462;
    }

    #mc_embed_signup #mce-success-response{
        display: block;
        margin: 0;
        padding: 10px;
        background: #fff;
        width: 265px;
    }

    #mc-embedded-subscribe{
        float: left;
        margin: 0 10px 0 0;
    }

.footer{
    height: 200px;
    background: #ccc;
    padding: 30px 0;
}

    .single .footer{
        margin-top: 50px;
    }

#at4-whatsnext{
    margin-bottom: 30px;
}

li.cat-item-1{
    display: none;
}

.categories-3 li a, .taxonomy_list_widget-2 li a {
    border-bottom: 1px solid #CCC;
    padding: 10px 10px !important;
    display: block;
}

.categories-3 li a:hover, .taxonomy_list_widget-2 li a:hover {
    background: #fff;
}

.side-social.stick{
    position: absolute;
    left: 0;
    bottom: 0;
}

.single .container{
    width: 100%;
    padding: 0;
}


/*============================================
New
============================================*/

body{
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto Condensed', sans-serif; margin: 0; }

a{ text-decoration: none; color: inherit; }

.btn{ font-family: 'Open Sans', sans-serif; font-size: 17px; padding: 12px 20px; display: inline-block; transition: background-color .5s, color .5s; }
.btn:hover{ transition: background-color 0s, color 0s; cursor: pointer; }
.btn:active{ position: relative; top: 1px; }
.btn.small{ font-size: 15px !important; padding: 8px 13px !important; }

.btn.bold{ font-weight: 600; letter-spacing: 0.9px }
.btn.light{ font-weight: 100; letter-spacing: 0.4px; }
.btn.big{ text-transform: uppercase; }

.t_blue{    color: #039fc1; } .btn.t_blue:hover{ color: #fff; background-color: #039fc1;}
.t_yellow{  color: #fcb72d; } .btn.t_yellow:hover{ color: #fff; background-color: #fcb72d;}
.t_red{     color: #ca6a3a; } .btn.t_red:hover{ color: #fff; background-color: #ca6a3a;}
.t_green{   color: #61ba4e; } .btn.t_green:hover{ color: #fff; background-color: #61ba4e;}
.t_white{   color: #fff; } .btn.t_white:hover{ color: #039fc1; background-color: #fff; border: 2px solid #039fc1; padding: 10px 18px;}
                           .btn.t_white.c_none:hover{ color: #039fc1; background-color: #fff; border: 2px solid #fff; padding: 10px 18px;}
.t_brown{ color: #876327; }

.c_blue{    background-color: #039fc1; }
.c_yellow{  background-color: #fcb72d; }
.c_red{     background-color: #ca6a3a; }
.c_green{   background-color: #61ba4e; } .btn.c_green:hover{ color:#61ba4e; background-color: #fff; border: 2px solid #61ba4e; padding: 10px 18px; }
.c_white{   background-color: #fff; }
.c_none{    background-color: transparent; }

.b_blue{    border-color: #039fc1; }
.b_yellow{  border-color: #fcb72d; }
.b_red{     border-color: #ca6a3a; }
.b_green{   border-color: #61ba4e; }
.b_white{   border-color: #fff; }
.b_brown{   border-color: #876327; }

[class*="b_"]:not([class*="fb"]){ border-width: 2px; border-style: solid; padding: 10px 18px; }
[class*="b_"]:not([class*="fb"]):hover{ border-width: 2px; border-style: solid; padding: 10px 18px; }

.section{ width: 100%; padding: 70px 0; position: relative;}
.center{ width: 1020px; margin: 0 auto; }


/* Navigation
_____________________________________________ */


.navigation{
    width: 100%;
    background-color: rgba(255, 255, 255, 1.0);
    height: 80px;
    position: fixed;
    z-index: 999;
    top: 0;
}

    .navigation .logo{
        float: left;
        line-height: 80px;
        margin: 21px 0 0 0;
        background: url(i/logo.png) no-repeat;
        text-indent: -9999em;
        width: 227px;
        height: 50px;
    }

    .navigation .menu{
        float: right;
        width: 500px;
    }

        .navigation .menu ul{
            list-style: none;
            float: left;
            line-height: 80px;
            margin: 0;
            padding: 0;
        }

            .navigation .menu ul li{
                display: inline;
                margin: 0;
                padding: 0;
            }

                .navigation .menu ul li a{
                    color: #039fc1;
                    margin-right: 30px;
                    font-weight: 700;
                    font-size: 16px;
                    text-transform: uppercase;
                }

        .navigation a.btn{
            float: left;
            margin-top: 17px;
        }

    .navigation, .navigation .logo, .navigation .menu ul, .navigation a.btn{
        transition: all .5s;
    }

    .navigation.shrink{
        height: 61px;
    }

        .navigation.shrink .logo{
            margin: 15px 0 0 0;
            background-size: 80%;
        }

        .navigation.shrink .menu ul{
            line-height: 62px;
        }

        .navigation.shrink a.btn{
            margin-top: 8px;
            padding: 10px 20px;
        }

    .bar-subscribe-wrap{
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 0px;
    }

    .bar-subscribe{
        background: #61BA4E;
        z-index: 10;
        width: 100%;
        top: 61px;
        padding: 3px 0px 10px 0px;
        position: relative;
        transition: top 1s;
        -webkit-transition: top 1s;
        -moz-transition: top 1s;
        -o-transition: top 1s;
    }

    .bar-subscribe.hide{
        display: block !important;
        top: 0px;
    }

    .bar-center{
        width: 767px;
        margin: 0 auto;
    }

    .bar-subscribe h5{
        float: left;
        color: #FFF;
        line-height: 35px;
        font-size: 18px;
        font-weight: lighter;
        margin-right: 15px;
        padding-bottom: 3px;
    }

    .bar-subscribe form{
        margin-top: 5px;
    }

    .bar-subscribe input {
        line-height: 29px;
        text-indent: 7px;
        font-size: 12px;
        border: none;
        position: relative;
        top: 1px;
        padding-top: 3px;
    }

    .bar-subscribe input.btn {
        top: 1px;
        position: relative;
        padding: 0px 8px 0px 4px !important;
        height: 33px;
        font-size: 13px !important;
        background: rgba(0, 0, 0, 0);
        border: 1px solid #FFF !important;
        text-indent: 5px !important;
    }


/* Homepage Header
_____________________________________________ */


.header{
    height: 585px;
    background-color: rgba(3, 159, 193, 0.85);
    color: #fff;
    overflow: hidden;
    position: relative;
    top: 20px;
}

    home video{
        position: relative;
        top: -250px;
        opacity: 0.15;
        min-height: 800px;
        min-width: 100%;
    }

    #tubular-container{
        margin-top: -60px;
    }

        #tubular-container iframe{
            top: -60px;
        }

    .header .center .left{
        position: absolute;
        top: 0px;
        margin-left: -50px;
        transition: margin-left 1s;
    }

    .header .center .left.onScreen{
        margin-left: 0;
    }

        .header h2{
            margin: 0;
            font-size: 35px;
            text-transform: uppercase;
            padding-top: 200px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .header h3{
            font-size: 22px;
            font-weight: 100;
            font-family: 'open sans';
            width: 700px;
            text-align: center;
            margin-bottom: 30px;
        }

            .header .uline{
                background: url(i/uline.png) no-repeat;
                height: 5px;
                width: 150px;
                position: absolute;
                left: 64px;
                top: 244px;
            }

        .header-action{
            text-align: center;
        }

        .header .demo{
            margin-right: 15px;
        }

        .header .demo:hover{
            border: 2px solid #fff;
            padding: 10px 18px;
        }

    .header-phone{
        background: url(i/front/header-phone.png) no-repeat;
        width: 477px;
        height: 482px;
        z-index: 8;
        position: absolute;
        top: 154px;
        right: 50%;
        margin-right: -680px;
        transition: top 1s;
    }

    .header-card{
        background:url(i/front/header-card.png) no-repeat;
        width: 460px;
        height: 180px;
        z-index: 8;
        position: absolute;
        top: -1px;
        right: 50%;
        margin-right: -490px;
        transition: margin-right .75s;
    }

    .header-card.onScreen{
        margin-right: -440px;
    }

    .header-phone.onScreen{
        top: 104px;
    }


/* Feature Overview
_____________________________________________ */


#feature-overview{
    background-color: #f2f2f2;
    margin-top: 20px;
}

    #feature-overview .main-feature{
        width: calc( 97% / 4 );
        float: left;
        text-align: center;
        margin-right: 1%;
    }

        #feature-overview .main-feature:nth-last-child(2){
            margin-right: 0;
        }

    .overview-icon {
        height: 196px;
    }

    #feature-manage img {
        position: relative;
        left: 5px;
    }

    #feature-assess img {
        position: relative;
        left: 7px;
    }

    #feature-overview h3.feature-name{
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #feature-overview .feature-desc{
        font-size: 15px;
        color: #444444;
        margin-bottom: 20px;
    }


/* Testimonials
_____________________________________________ */

#testimonials{
    background: #fff;
    color: #fff;
}

    #testimonials h4{
        font-size: 30px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 35px;
        color: #EC0039;
    }

        #testimonials h4 img{
            margin-right: 10px;
            position: relative;
            top: -2px;
        }

    .testimonial{
        width: calc( 96% / 3 );
        margin-right: 2%;
        float: left;
    }

        .testimonial:nth-last-child(2){
            margin-right: 0;
        }

    .testimonial .campus-logo{
        width: 100%;
        height: 100px;
        margin-bottom: 30px;
    }

    .testimonial .person{
        margin-bottom: 15px;
    }

    .testimonial .person img{
        width: 73px;
        height: 73px;
        border-radius: 40px;
        border: 2px solid #fff;
        float: left;
        margin-right: 10px;
    }

    .testimonial .person .name{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 26px;
        font-weight: 300;
        padding-top: 5px;
    }

    .testimonial .person .title{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 17px;
        font-weight: 300;
        color: #cfeff3;
    }

    .testimonial .words{
        font-weight: 100;
        color: #cfeff3;
        font-size: 15px;
    }


/* Testimonials
_____________________________________________ */

#start-tour{
    background: #0f444f;
    background-size: cover;
    text-align: center;
    color: #fff;
}

    #start-tour h4{
        font-size: 36px;
        text-transform: uppercase;
        color: #fff;
    }

    #start-tour .tour-text{
        font-size: 18px;
        font-weight: 300;
        margin-top: 10px;
        color: #fff;
    }

    .tour-actions{
        margin-top: 40px;
    }

        .tour-actions div{
            display: inline;
        }

        .tour-actions .or{
            margin: 0 10px;
        }

        .tour-actions .tour{
            text-transform: uppercase;
        }

        #start-tour .demo{
            color: #0f444f;
            font-weight: 600;
        }


/* Features
_____________________________________________ */

.feature-section{
    text-transform: uppercase;
    color: #084049;
}

    .feature-section h3 {
        font-size: 36px;
        text-align: center;
        color: #fff;
        margin-bottom: 10px;
    }

    .feature-section h5 {
        font-size: 24px;
        text-align: center;
        font-weight: 300;
        margin-bottom: 30px;
    }

    .feature-section .feature-detail-link{
        text-transform: none;
        font-weight: 100;
        text-decoration: underline;
        margin-top: 15px;
        color: #fff;
    }

    .feature-section .feature-section-actions{
        text-align: center;
    }

        .feature-section-actions .btn:nth-child(2){
            margin-left: 15px;
        }

    .feature{
        font-size: 25px;
        font-weight: 600;
        line-height: 50px;
        letter-spacing: -1.3px;
        text-transform: capitalize;
    }

        .feature .icon{
            width: 30px;
            height: 30px;
            float: left;
            margin: 10px 10px 10px 0;
        }


/* Feature: Manage
_____________________________________________ */

#manage{
    background: #039fc1;
    overflow: hidden;
}

    #manage h5, .t_oblue{
        color: #9ed9e6;
    }

    #manage .split{
        margin-right: 5%;
        float: left;
    }

        #manage .split:nth-child(1){
            width: 30%;
        }

        #manage .split:nth-child(2){
            width: 32%;
        }

        #manage .split:nth-child(3){
            width: 28%;
            margin-right: 0;
        }

    #manage .screenshots{
        position: relative;
        height: 450px;
        margin-top: 80px;
    }

    #manage .screenshot:nth-child(1){
        background: url(i/front/manage-chrome-left.png);
        width: 617px;
        height: 349px;
        position: absolute;
        bottom: -100px;
        left: 0;
        transition: bottom 1.5s;
    }

    #manage .screenshot:nth-child(2){
        background: url(i/front/manage-chrome-center.png);
        width: 616px;
        height: 350px;
        position: absolute;
        bottom: -100px;
        left: 50%;
        margin-left: -308px;
        z-index: 1;
        transition: bottom 1s;
    }

    #manage .screenshot:nth-child(3){
        background: url(i/front/manage-chrome-right.png);
        width: 617px;
        height: 349px;
        position: absolute;
        bottom: -150px;
        right: 0;
        transition: bottom 1.5s;
    }

    #manage .shadow{
        background: url(i/front/manage-shadow.png);
        width: 1218px;
        height: 98px;
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        z-index: 2;
        left: -100px;
    }

    #manage .cover{
        background: #039fc1;
        position: absolute;
        bottom: -140px;
        width: 1200px;
        left: -100px;
        height: 150px;
        z-index: 5;
    }

        #manage .shadow.mobile, #manage .cover.mobile{
            width: 1136px;
        }

    #manage .feature-section-actions{
        z-index: 10;
        position: absolute;
        margin-left: -212px;
        left: 50%;
        margin-top: 0px;
    }

    #manage .center {
        height: 485px;
    }

    #manage .screenshot:nth-child(1).onScreen{
        bottom: 0px;
    }

    #manage .screenshot:nth-child(2).onScreen{
        bottom: 46px;
    }

    #manage .screenshot:nth-child(3).onScreen{
        bottom: 0px;
    }


/* Feature: track
_____________________________________________ */

#track{
    background: #fcb72d;
    overflow: hidden;
}

#track .center{
    position: relative;
    height: 405px;
}

    #track h3{
        float: right;
        margin-top: 80px;
    }

    #track h5{
        float: right;
        width: 633px;
    }

    #track h5, .t_oyellow{
        color: #b78c2e;
    }

    #track .features{
        width: 650px;
        float: right;
    }

        #track .split{
            float: left;
            width: 49%;
        }

            #track .split:first-child{
                width: 50%;
                margin-right: 1%;
            }

    #track .feature{
        color: #876327;
    }

    #track .swiping{
        transform: rotate(-20deg);
        -ms-transform: rotate(-20deg2); /* IE 9 */
        -webkit-transform: rotate(-20deg2); /* Chrome, Safari, Opera */
        position: relative;
        top: 360px;
        left: 110px;
    }

    #track .phone{
        background: url(i/front/track-phone.png) no-repeat;
        width: 268px;
        height: 622px;
        position: absolute;
        bottom: -253px;
        left: 30px;
    }

    #track .card{
        background: url(i/front/track-card.png) no-repeat;
        width: 307px;
        height: 183px;
        position: absolute;
        left: -100px;
        top: -483px;
        transition: left 1s;
    }

        #track .card.onScreen{
            left: 0;
        }

    #track .split:nth-child(1) .feature:last-child{
        white-space: nowrap;
        float: left;
    }

    #track .feature-section-actions{
        float: right;
        margin-right: 110px;
    }


/* Feature: assess
_____________________________________________ */

#assess{
    background-color: #ca6a3a;
    overflow: hidden;
}

#assess .assess-bg{
    background: url(i/front/assess-line.png) bottom center no-repeat;
    width: 100%;
    height: 997px;
    position: absolute;
    left: 0;
    background-size: 100%;
}

    #assess h3{
        float: left;
        margin-top: 60px;
    }

    #assess h5{
        float: left;
        width: 562px;
        clear: left;
    }

    #assess h5, .t_ored{
        color: #f0a58a;
    }

    #assess .feature{
        color: #62220D;
    }

    #assess .center {
        position: relative;
        height: 405px;
    }

    #assess .features{
        position: relative;
        left: 35px;
    }

    #assess .mac{
        background: url(i/front/assess-mac.png) no-repeat;
        width: 410px;
        height: 276px;
        position: absolute;
        right: 70px;
        top: 120px;
    }

    #assess .chart1{
        background: url(i/front/assess-chart1.png) no-repeat;
        width: 234px;
        height: 235px;
        position: absolute;
        right: 220px;
        top: -50px;
        background-size: 50%;
        background-position: center center;
    }

    #assess .chart2{
        background: url(i/front/assess-chart2.png) no-repeat;
        width: 123px;
        height: 123px;
        position: absolute;
        right: 390px;
        top: 295px;
        background-size: 50%;
        background-position: center center;
    }

    #assess .chart3{
        background: url(i/front/assess-chart3.png) no-repeat;
        width: 210px;
        height: 211px;
        position: absolute;
        right: 10px;
        top: 24px;
        background-size: 50%;
        background-position: center center;
    }

    #assess .chart1.onScreen{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        background-size: 70%;
        background-position: center center;
        transition: all 1s;
    }

    #assess .chart2.onScreen{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        background-size: 100%;
        background-position: center center;
        transition: all .5s;
        
    }

    #assess .chart3.onScreen{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        background-size: 100%;
        background-position: center center;
        transition: all .75s;

    }

    #assess .feature-section-actions{
        float: left;
        clear: left;
        margin-left: 65px;
    }


/* Feature: engage
_____________________________________________ */

#engage{
    background: #61ba4e;
}

    #engage .center{
        position: relative;
        height: 425px;
    }

    #engage h3{
        float: right;
        margin-right: 70px;
        margin-top: 60px;
    }

    #engage h5{
        float: right;
        width: 383px;
        clear: right;
        margin-right: 65px;
    }

    #engage h5, .t_ogreen{
        color: #b6d99f;
    }

    #engage .features{
        float: right;
    }

        #engage .feature{
            color: #2C6733;
        }

    #engage .engage-comp{
        background: url(i/front/engage-comp.png) no-repeat;
        width: 575px;
        height: 413px;
        position: absolute;
        bottom: 0px;
        left: -120px;
        transition: left 1s;
    }

    #engage .engage-comp.onScreen{
        left: -60px;
    }

    #engage .feature-section-actions{
        float: right;
        width: 510px;
    }


/* Audience
_____________________________________________ */

#audience{
    color: #039FC1;
    background:#fff;
}

    #audience h4{
        font-size: 42px;
        text-align: center;
        margin-bottom: 50px;
        color: #039FC1
    }

    #audience .split{
        width: 30%;
        margin-right: 5%;
        float: left;
    }

        #audience .split:nth-last-child(2){
            margin-right: 0;
        }

    #audience .groups{
        width: 166px;
        height: 108px;
        color: #FFF;
        border-radius: 84px;
        background-color: #039FC1;
        text-align: center;
        font-size: 20px;
        padding-top: 58px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

        #audience .groups span{
            font-size: 14px;
            display: block;
        }

        #audience .split:nth-child(4) .groups {
            padding-top: 70px;
            height: 96px;
        }

    #audience ul{
        color: #3D3D3D;
        font-weight: 100;
        line-height: 26px;
        margin: 0;
        padding: 0;
        position: relative;
        left: 40px;
    }

        #audience ul li{
            list-style: none;
            background: url(i/front/audience-check.png) no-repeat left center;
            padding-left: 20px;
        }


/* Sub-Footer
_____________________________________________ */

#sub-footer{
    background: #039fc1;
    color: #fff;
}

    #sub-footer h4{
        font-size: 42px;
        text-align: center;
        margin-bottom: 30px;
    }

    #sub-footer .sales-copy{
        width: 460px;
        float: left;
        margin-right: 40px;
        margin-left: 115px;
        font-size: 22px;
        font-weight: 100;
    }

    #sub-footer .btn{
        font-size: 24px;
        padding: 15px 30px;
        font-weight: 700;
    }

        #sub-footer .btn:hover{
            border: 2px solid #fff;
            padding: 13px 28px;
        }


/* Sub-Footer
_____________________________________________ */

#footer{
    background: #0F444F;
    color: #fff;
    overflow: hidden;
}

    #footer .footer-logo{
        background: url(i/footer-logo.png) no-repeat;
        width: 237px;
        height: 45px;
        margin-top: -30px;
        margin-bottom: 30px;
    }

    #footer h5{
        color: #039FC1;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    #footer .foot{
        float: left;
        margin-right: 50px;
    }

        #footer .links{
            width: 190px;
        }

        #footer .recent-posts{
            width: 285px;
        }

        #footer .connect{
            width: 438px;
            margin-right: 0;
        }

        #footer ul{
            list-style: none;
            margin: 0;
            padding: 0;
        }

            #footer li{
                margin: 0;
                padding: 13px 0 13px 10px;
                border-bottom: 1px solid #1D8391;
                font-size: 13px;
                font-weight: 100;
                text-transform: uppercase;
            }

        #footer .recent-posts li{
            padding: 8px 0 0 10px;
        }

                #footer li:first-child{
                    padding-top: 0;
                }

                #footer li:last-child{
                    border-bottom: none;
                    padding-bottom: 0;
                }

        #footer .recent-posts img{
            float: left;
            width: 67.5px;
            height: 45px;
            margin-right: 10px;
            margin-bottom: 18px;
        }

        #footer .recent-posts .title{
            font-size: 13px;
            text-transform: none;
            margin-top: 1px;
            margin-bottom: 11px;
        }

        #footer .recent-posts .date{
            color: #1D8391;
            font-size: 11px;
            text-transform: none;
            margin-top: -3px;
        }

        #footer .recent-posts li:last-child{
            text-transform: none;
            text-align: right;
            color: #1D8391;
            text-decoration: underline;
        }

        #footer .social-icon a{
            height: 34px;
            width: 34px;
            background: url(i/social-icons.png) no-repeat;
            float: left;
            margin-right: 20px;
            display: block;
            border-radius: 18px;
        }

            #footer .social-icon:nth-child(1) a{
                background-position: 0px 0px;
            }

            #footer .social-icon:nth-child(2) a{
                background-position: -51px -1px;
            }

            #footer .social-icon:nth-child(3) a{
                background-position: -102px 0px;
            }

            #footer .social-icon:nth-child(4) a{
                background-position: -152px 0px;
            }

            #footer .social-icon:nth-child(5) a{
                background-position: -203px -1px;
            }

            #footer .social-icon:nth-child(6) a{
                background-position: -254px -1px;
            }

        #footer .twitter{
            margin-top: 24px;
        }

        #footer .fb-like-button{
            height: 21px;
            float: left;
            width: 105px;
            margin-top: 7px;
        }


/* Inside Pages
_____________________________________________ */

.page-header{
    margin-top: 80px;
    height: 250px;
    background: url(i/page-header.png) #039fc1 top center;
    background-size: 100%;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

    .page-header h2{
        font-size: 42px;
        padding-top: 40px;
    }

    .page-header h3{
        font-size: 25px;
        font-weight: 300;
        letter-spacing: .2px;
    }

.container{
    background: #fff;   
}

.container .center{
    background: #FFF;
    top: -75px;
    min-height: 200px;
    position: relative;
    padding: 70px;
    width: 880px;
}

.shadows{
    width: 1088px;
    margin: 0 auto;
    position: relative;
    top: -109px;
    opacity: 0.8;
}

    .container .left-shadow{
        background: url(i/shadow.png) no-repeat top left;
        position: absolute;
        top: 3px;
        left: -3px;
        width: 76px;
        height: 361px;
    }

    .container .right-shadow{
        background: url(i/shadow.png) no-repeat top right;
        position: absolute;
        top: 3px;
        right: -3px;
        width: 76px;
        height: 361px;
    }


/* Inside Page: Features
_____________________________________________ */

.container .features{
    width: 1020px;
    margin: 0 auto;
    top: -75px;
    position: relative;
    background: #EEE;
}

    .container .features .feature-button{
        width: 25%;
        float: left;
        height: 95px;
        line-height: 95px;
        font-size: 30px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
    }

        .container .features .feature-button:hover, .currentCrossLink{
            background: #fff;
            cursor: pointer;
        }

        .feature-button .feature-title{
            padding-left: 75px;
        }

            .feature-button:nth-child(1) .feature-title{
                background: url(i/sub-menu/manage.png) no-repeat left center;
                margin-left: 45px;
            }

            .feature-button:nth-child(2) .feature-title{
                background: url(i/sub-menu/track.png) no-repeat left center;
                margin-left: 55px;
            }

            .feature-button:nth-child(3) .feature-title{
                background: url(i/sub-menu/assess.png) no-repeat left center;
                margin-left: 48px;
            }

            .feature-button:nth-child(4) .feature-title{
                background: url(i/sub-menu/engage.png) no-repeat left center;
                margin-left: 45px;
            }

    #slider-features-wrapper{
        max-width: 1020px !important;
        margin-left: -70px !important;
        width: 1020px !important;
    }

        .panel h2 {
            text-align: center;
            font-size: 40px;
            text-transform: uppercase;
        }

        .panel h3{
            text-align: center;
            font-size: 24px;
            margin-bottom: 50px;
        }

    .panel .feature-item{
        width: calc( 92% / 5 );
        margin-right: 2%;
        float: left;
        text-align: center;
        margin-bottom: 50px;
        height: 214px;
    }

        .panel .feature-item:nth-child(5n){
            margin-right: 0;
        }

    .panel .feature-item .feature-icon{
            width: 38px;
            height: 38px;
            padding: 16px;
        }

        .panel .feature-item .icon{
            width: 38px;
            height: 38px;
        }

        .t_blue ~ .feature-list .feature-icon{ background-color: #039fc1; border-radius: 54px; margin: 0 auto 20px auto; }
        .t_yellow ~ .feature-list .feature-icon{ background-color: #fcb72d; border-radius: 54px; margin: 0 auto 20px auto; }
        .t_red ~ .feature-list .feature-icon{ background-color: #ca6a3a; border-radius: 54px; margin: 0 auto 20px auto; }
        .t_green ~ .feature-list .feature-icon{ background-color: #61ba4e; border-radius: 54px; margin: 0 auto 20px auto; }

    .panel .feature-item .feature-title{
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .t_blue ~ .feature-list .feature-title{ color: #039fc1; }
        .t_yellow ~ .feature-list .feature-title{ color: #fcb72d; }
        .t_red ~ .feature-list .feature-title{ color: #ca6a3a; }
        .t_green ~ .feature-list .feature-title{ color: #61ba4e; }

    .panel .feature-item .feature-desc{
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }

#feature-closer{
    margin-top: -75px;
    transition: background-color 1s;
}

    #feature-closer h4{
        font-size: 31px;
        text-align: center;
        color: #FFF;
        text-transform: uppercase;
    }

    #feature-closer h5{
        text-align: center;
        color: #FFF;
        font-weight: 300;
        font-size: 22px;
        margin-top: 5px;
    }

    #feature-closer .btn{
        font-weight: 700;
        padding: 20px 40px;
        width: 277px;
        box-sizing: border-box;
        display: block;
        margin: 40px auto 0 auto;
        font-size: 22px;
        transition: color 1s;
        border: 2px solid transparent;
    }

        #feature-closer .btn:hover{
            border: 2px solid #fff;
        }

.error404 .error-text {
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    color: #CECECE;
}

.error404 .error-text h2{
    margin: 140px auto 20px auto;
    font-size: 50px;
    font-family: 'Roboto Slab', serif;
}

.error404 h3{
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
}

.error404 h4{
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
    color: #009EC2;
    margin-top: 50px;
}

.options404{
    margin-top: 30px;
}

.options404 > a{
    width: 300px;
    margin-right: 15px;
    background: #fff;
    padding: 15px;
    display: block;
    float: left;
    font-size: 20px;
    height: 250px;
    color: #009EC2;
    transition: box-shadow 1s;
}

    .options404 > a:nth-last-child(2){
        margin-right: 0;
    }

.options404 .imgWindow{
    height: 175px;
    width: 300px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
}

    .options404 img{
        height: 100%;
        width: auto;
    }

    .options404 a:first-child img{
        position: relative;
        margin-left: 50%;
    }

    .options404 > a:hover {
        box-shadow: 0px 0px 5px #CCC;
        transition: box-shadow .25s;
    }

.gotohome{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
    display: block;
}

/* eBook
_____________________________________________ */

.page-id-304 .page-header h2, .page-id-721 .page-header h2{
    font-size: 45px;
    padding-top: 30px;
}

.page-id-304 .page-header h3{
    display: none;
}

.page-id-721 #field_7_6 > label{
    display: none;
}

.ebook-form{
    float: right;
    background: #eee;
    padding: 20px;
    max-width: 310px;
}

.ebook-form h3{
    font-size: 23px;
    text-transform: uppercase;
    color: #039FC1;
}

.ebook-sales{
    float: left;
    width: 575px;
    font-size: 17px;
    line-height: 32px;
}

    .ebook-sales h2{
        color: #039FC1;
        font-size: 34px;
    }

.page-id-304 #label_6_1, .page-id-721 #label_6_1{
    font-size: 12px;
    margin-top: 2px;
}

.page-id-304 #field_5_6 > label, .page-id-721 #field_5_6 > label{
    display: none;
}

.page-id-304 .gform_button, .page-id-721 .gform_button{
    font-size: 27px !important;
    text-align: center;
    color: #fff !important;
}

    .page-id-304 .gform_button.outline, .page-id-721 .gform_button.outline{
        text-decoration: none !important;
        display: block !important;
        background: #fff !important;
        color: #039FC1 !important;
        font-weight: 500;
        border: 1px solid #039FC1 !important;
        font-size: 20px !important;
        padding: 10px !important;
        margin-top: -10px !important;
        margin-bottom: 0px !important;
    }

    .page-id-304 .ebook-sales li, .page-id-721 .ebook-sales li{
        background: url(http://checkimhere.com/wp-content/uploads/2014/07/blueebookcheck.png) no-repeat;
        list-style: none;
        padding-left: 30px;
        background-position: 0px;
        margin-left: -30px;
        white-space: nowrap;
    }

.page-id-304 .ebook-sales img, .page-id-721 .ebook-sales img{
    float: right;
    width: 315px;
    margin-right: -37px;
    margin-left: 23px;
}

.page-id-304 .container .center, .page-id-721 .container .center{
    margin-bottom: -70px;
}

.page-id-304 .container .center, .page-id-721 .container .center {
    padding: 47px;
    width: 930px;
}

a.shareOn {
    text-decoration: none !important;
    background: #039FC1;
    color: #FFF !important;
    padding: 10px 10px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    border: 1px solid #FFF;
}

.ebookpitch{
    font-size: 15px;
}

#gform_confirmation_message_6{
    font-size: 26px;
    text-align: center;
    line-height: 80px;
}



/*

Forms

*/

.forms-wrapper .center{
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.forms-wrapper h1,
.forms-wrapper h2,
.forms-wrapper h3,
.forms-wrapper h4{
    margin: 0;
    padding: 0;
}

.forms-wrapper h2{
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 40px;
    color: #61b84c;
}

.forms-wrapper h3{
    font-family: 'Open Sans', serif;
    font-weight: 300;
    font-size: 18px;
    color: #089fc1;
}

.forms-wrapper h3.center{
    text-align: center;
}

section#hero{
    background: #089fc1;
    height: 600px;
}

section#hero .center{
    width: 900px;
}

section#hero #forms-logo{
    background: url(i/forms/form-logo.png);
    width: 407px;
    height: 87px;
    margin: 80px auto 20px auto;
    position: relative;
    top: 40px;
    margin-bottom: 50px;
}

section#hero h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 55px;
}

section#hero #browser{
    background: url(i/forms/browser.png);
    width: 901px;
    height: 391px;
    position: absolute;
    bottom: 0;
}

    section#hero #browser .text-field{
        background: url(i/forms/text-field.png);
        width: 447px;
        height: 138px;
        position: absolute;
        top: 139px;
        left: 58px;
    }

    section#hero #browser .drag-to{
        width: 482px;
        height: 269px;
        position: relative;
        left: 41px;
        top: 121px;
    }

    section#hero #browser .text-drag{
        background: url(i/forms/text-drag.png);
        width: 65px;
        height: 26px;
        position: absolute;
        left: 570px;
        top: 132px;
        cursor: pointer;
        -webkit-animation-duration: 3s;
        -webkit-animation-delay: 1.5s;
        -webkit-animation-iteration-count: infinite;
    }

    section#hero #browser .tip-start{
        background: url(i/forms/tip-start.png);
        width: 150px;
        height: 200px;
        position: absolute;
        right: -98px;
        top: -44px;
        -webkit-animation-delay: 1s;
    }

    section#hero #browser .tip-drag{
        background: url(i/forms/tip-drag.png);
        width: 173px;
        height: 184px;
        position: absolute;
        left: 195px;
        top: 150px;;
        -webkit-animation-delay: 1.5s;
    }

    section#hero #browser .buttons{
        margin-left: 130px;
        margin-top: 40px;
        display: block;
        position: absolute;
    }

section#sidekick{
    background: #f2f2f2;
    padding-bottom: 140px;
}

section#sidekick .center{
    width: 900px;
}

section#sidekick h2.center{
    text-align: center;
    padding: 50px 0 15px 0;
}

section#sidekick #responses div.hideme{
    opacity: 0;
    position: relative;
    top: 50px;
}

section#sidekick .response-1{
    width: 689px;
    height: 71px;
    background: url(i/forms/response-1.png);
    margin: 0 auto;
}

section#sidekick .response-2{
    width: 689px;
    height: 44px;
    background: url(i/forms/response-2.png);
      margin: -2px auto 0 auto;
}

section#sidekick .response-3{
    width: 689px;
    height: 44px;
    background: url(i/forms/response-3.png);
      margin: -2px auto 0 auto;
}

section#sidekick .response-4{
    width: 689px;
    height: 44px;
    background: url(i/forms/response-4.png);
      margin: -2px auto 0 auto;
}

section#sidekick .tip-approve{
    background: url(i/forms/tip-approve.png);
    width: 144px;
    height: 221px;
    position: absolute;
    right: -120px;
    top: -192px;
}

section#sidekick .approve{
    background: url(i/forms/approve.png);
    width: 98px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
}

section#sidekick h3{
    margin-bottom: 50px;
}

section#sidekick #workflow{
    background: url(i/forms/workflow.png);
    width: 704px;
    height: 366px;
    margin: 0 auto;
    position: relative;
    left: -10px;
}

    section#sidekick .email{
        background: url(i/forms/email.png);
        width: 147px;
        height: 35px;
        position: absolute;
        right: -50px;
        top: 683px;
    }

section#sidekick #barried{
    background: url(i/forms/barried.png);
    width: 454px;
    height: 411px;
    float: right;
    position: absolute;
    bottom: -130px;
    right: -20px;
}

section#sidekick hr{
    margin: 70px 0;
}

#h2intro{
    line-height: 50px;
}

#h2intro + h3{
    margin-top: 20px;
}

.tip-dont{
    background: url(i/forms/tip-dont.png);
    width: 118px;
    height: 122px;
    position: absolute;
    bottom: 210px;
    right: -30px;
}

section#benefits{
    background: #089fc1;
    padding: 50px 0;
}

section#benefits .center{
    width: 960px;
}

section#benefits .benefit{
    width: 293px;
    float: left;
    margin-right: 40px;
    text-align: center;
    color: #fff;
}

    section#benefits .benefit:nth-child(3){
        margin-right: 0;
    }

section#benefits .title{
    font-size: 22px;
    font-weight: 500;
    font-family: 'roboto slab', sans-serif;
    padding: 15px 0 10px 0;
}

section#benefits .text{
    font-size: 16px;
    font-weight: 300;
}

section#features .feature{
    padding: 50px 0;
}

section#features .center{
    width: 1024px;
}

section#features .feature.side:nth-child(even) .image{
    float: left;
    display: block;
}

section#features .feature.side:nth-child(odd) .image{
    float: right;
    display: block;
}

section#features .feature.side:nth-child(even) .text{
    float: left;
    display: block;
}

section#features .feature.side:nth-child(odd) .text{
    float: right;
    display: block;
}

section#features h2{
    padding-bottom: 25px;
}

section#features .text{
    font-size: 17px;
    color: #089fc1;
    font-weight: 400;
    width: 400px;
    font-family: 'open sans', sans-serif;
    line-height: 28px;
    letter-spacing: -0.3px;
    text-transform: none;
}

section#features .feature:nth-child(1){
    padding: 50px 0 75px 0;
}

section#features .feature:nth-child(1) .image{
    background: url(i/forms/image-share.png);
    width: 531px;
    height: 123px;
    float: right;
    margin-right: 25px;
}

    section#features .feature:nth-child(1) h2{
        margin-top: 50px;
        margin-left: 45px;
    }

    section#features .feature:nth-child(1) .text{
        margin-left: 45px;
    }

section#features .feature:nth-child(2) .image{
    background: url(i/forms/image-analyze.png);
    width: 437px;
    height: 275px;
    margin-right: 100px;
    margin-left: 70px;
}

    section#features .feature:nth-child(2) h2{
        margin-top: 40px;
    }

section#features .feature:nth-child(3) .image{
    background: url(i/forms/image-cloud.png);
    width: 363px;
    height: 199px;
    margin-right: 50px;
    margin-left: 75px;
}

    section#features .feature:nth-child(3) h2{
        margin-left: 135px;
        margin-top: 20px;
    }

section#features .feature:nth-child(4) .image{
    background: url(i/forms/image-int.png);
    width: 412px;
    height: 245px;
    margin-left: 70px;
    margin-right: 100px;
}

    section#features .feature:nth-child(4) h2{
        margin-top: 35px;
    }

section#closer{
    padding-top: 50px;
}

section#closer h2,
section#closer h3{
    text-align: center;
    margin-bottom: 15px;
}

section#closer .center{
    width: 1024px;
}

section#closer .better-barry{
    background: url(i/forms/clean-desk.png);
    width: 484px;
    height: 391px;
    float: right;
    margin-top: 50px;
    margin-right: 70px;
    margin-bottom: 50px;
}

section#closer .form-list{
    background: url(i/forms/page.png);
    width: 246px;
    height: 231px;
    margin-left: 160px;
    float: left;
    margin-top: 40px;
}

section#closer .btn{
    margin-left: 154px;
    margin-top: 30px;
    width: 210px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
}

section#closer .form-list h4{
    margin-top: 35px;
    margin-left: 20px;
    font-size: 22px;
    font-weight: 500;
    color: #61b84c;
    font-family: 'Open Sans', sans-serif;
}

section#closer .form-list{
    margin-left: 156px;
    margin-top: 55px;
    font-size: 22px;
    line-height: 34px;
    color: #089fc1;
}

section#closer .form-list div div{
    font-size: 22px;
    line-height: 34px;
    color: #089fc1;
    margin-left: 22px;
    width: 130px !important;
}

section#closer .form-list .row.cycle-slideshow {
    height: 135px;
    margin-top: 5px;
}

section#platform{
    padding: 50px 0;
    background: #fff;
    text-align: center;
}

section#platform h2{
    margin-bottom: 25px;
}

section#platform h3:nth-child(2){
    margin-bottom: 50px;
}

section#platform h3:nth-child(4){
    margin: 50px 0 30px 0;
}






/* Feature Icons
_____________________________________________ */

/* Manage */
#manage .feature .icon{
    background-image: url(i/feature-icons-manage.png);
    background-size: 293%;
}

.feature-list.manage .icon{
    background-image: url(i/features/icons-manage.png);
}

.icon.orgs { background-position: 0px 0px; }
.icon.big.orgs { background-position: 0px 0px; }

.icon.cats { background-position: 0px -29px; }
.icon.big.cats { background-position: 0px -38px; }

.icon.com { background-position: 0px -58px; }
.icon.big.com { background-position: 0px -76px; }

.icon.doc { background-position: 0px -87px; }
.icon.big.doc { background-position: 0px -114px; }

.icon.mem { background-position: 0px -117px; }
.icon.big.mem { background-position: 0px -152px; }

.icon.events { background-position: -29px 0px; }
.icon.big.events { background-position: -38px 0px; }

.icon.tags { background-position: -29px -30px; height: 29px; }
.icon.big.tags { background-position: -38px -39px; height: 38px; }

.icon.budget { background-position: -29px -58px; }
.icon.big.budget { background-position: -38px -76px; }

.icon.approval { background-position: -29px -88px; height: 29px; }
.icon.big.approval { background-position: -38px -114px; height: 38px; }

.icon.waiver { background-position: -29px -117px; height: 29px; }
.icon.big.waiver { background-position: -38px -152px; height: 38px; }

.icon.user { background-position: -59px 0px; }
.icon.big.user { background-position: -76px 0px; }

.icon.role { background-position: -59px -30px; height: 29px; }
.icon.big.role { background-position: -76px -39px; height: 38px; }

.icon.feature { background-position: -59px -58px; }
.icon.big.feature { background-position: -76px -76px; }

.icon.datav { background-position: -59px -88px; }
.icon.big.datav { background-position: -76px -114px; }


/* Track */
#track .feature .icon{
    background-image: url(i/feature-icons-track.png);
    background-size: 194%;
}

.feature-list.track .icon{
    background-image: url(i/features/icons-track.png);
}

.icon.read { background-position: 0px 0px; }
.icon.big.read { background-position: 0px 0px; }

.icon.swipe { background-position: 0px -29px; }
.icon.big.swipe { background-position: 0px -38px; }

.icon.step { background-position: 0px -59px; height: 29px; }
.icon.big.step { background-position: 0px -76px; height: 38px; }

.icon.live { background-position: 0px -118px; height: 29px; }
.icon.big.live { background-position: 0px -152px; height: 38px; }

.icon.wav { background-position: 0px -147px; height: 29px; }
.icon.big.wav { background-position: 0px -190px; height: 38px; }

.icon.polls { background-position: 0px -177px; }
.icon.big.polls { background-position: 0px -228px; }

.icon.dig { background-position: 0px -88px; height: 29px; }
.icon.big.dig { background-position: 0px -114px; height: 38px; }

.icon.mob { background-position: -29px 0px; }
.icon.big.mob { background-position: -38px 0px; }

.icon.bar { background-position: -30px -29px; }
.icon.big.bar { background-position: -39px -38px; }

.icon.wif { background-position: -30px -59px; }
.icon.big.wif { background-position: -39px -76px; }

.icon.create { background-position: -30px -88px; }
.icon.big.create { background-position: -39px -114px; }

.icon.man { background-position: -29px -118px; }
.icon.big.man { background-position: -38px -152px; }

.icon.sec { background-position: -29px -147px; }
.icon.big.sec { background-position: -38px -190px; }


/* Asses */
#assess .feature .icon{
    background-image: url(i/feature-icons-assess.png);
    background-size: 97%;
}

.feature-list.assess .icon{
    background-image: url(i/features/icons-assess.png);
}

.icon.ana { background-position: 0px 0px; }
.icon.big.ana { background-position: 0px 0px; }

.icon.datai { background-position: 0px -30px; height: 29px; }
.icon.big.datai { background-position: 0px -38px; height: 38px; }

.icon.seg { background-position: 0px -60px; height: 29px; }
.icon.big.seg { background-position: 0px -76px; height: 38px; }

.icon.print { background-position: 0px -90px; }
.icon.big.print { background-position: 0px -114px; }

.icon.charts { background-position: 0px -120px; }
.icon.big.charts { background-position: 0px -152px; }

.icon.cust { background-position: 0px -150px; }
.icon.big.cust { background-position: 0px -190px; }

.icon.measure { background-position: 0px -181px; }
.icon.big.measure { background-position: 0px -228px; }

.icon.comp { background-position: 0px -210px; }
.icon.big.comp { background-position: 0px -266px; }

.icon.loy { background-position: 0px -241px; }
.icon.big.loy { background-position: 0px -304px; }


/* Engage */
#engage .feature .icon{
    background-image: url(i/feature-icons-engage.png);
    background-size: 97%;
}

.feature-list.engage .icon{
    background-image: url(i/features/icons-engage.png);
}

.icon.app { background-position: 0px 0px; }
.icon.big.app { background-position: 0px 0px; }

.icon.port { background-position: 0px -30px; }
.icon.big.port { background-position: 0px -38px; }

.icon.alert { background-position: 0px -60px; }
.icon.big.alert { background-position: 0px -76px; }

.icon.scom { background-position: 0px -90px; }
.icon.big.scom { background-position: 0px -114px; }

.icon.cal { background-position: 0px -120px; }
.icon.big.cal { background-position: 0px -152px; }

.icon.flyer { background-position: 0px -150px; }
.icon.big.flyer { background-position: 0px -190px; }

.icon.tv { background-position: 0px -181px; }
.icon.big.tv { background-position: 0px -228px; }

.icon.smi { background-position: 0px -210px; }
.icon.big.smi { background-position: 0px -266px; }

.icon.hot { background-position: 0px -241px; height: 29px; }
.icon.big.hot { background-position: 0px -304px; height: 38px; }

.icon.master { background-position: 0px -271px; }
.icon.big.master { background-position: 0px -343px; }



/* Arrow Boxes
_____________________________________________ */

/*.arrow_box{
    position: relative;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
    transition: border-color .5s, border-top-color .5s;
}
.arrow_box:before {
    border-color: rgba(97, 186, 78, 0);
    border-top-color: #61ba4e;
    border-width: 13px;
    margin-left: -13px;
    transition: border-color .5s, border-top-color .5s;
}

.arrow_box:hover:before {
    border-width: 10px;
    margin-left: -10px;
    transition: border-color 0s, border-top-color 0s;
}
.arrow_box:hover:after {
    border-color: rgba(97, 186, 78, 0);
    border-top-color: #61ba4e;
    border-width: 13px;
    margin-left: -13px;
    transition: border-color 0s, border-top-color 0s;
}*/



/* Request A Demo
_____________________________________________ */

#request h4, #contact h4{
    font-size: 35px;
    text-transform: uppercase;
    color: #009EC2;
}

#request h5, #contact h5{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}

.fancybox-overlay{
    background: rgba(0, 158, 194, 0.95);
}

.gfield_required{
    display: none;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .ginput_complex input[type=text] {
    width: 97.5% !important;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-indent: 10px;
}

.gform_wrapper ul li.gfield {
    margin-bottom: 10px !important;
}

.ginput_container select{
    display: block;
    height: 36px;
    width: 98.7% !important;
    font-size: 12px !important;
    margin-left: 1px;
    border: 1px solid #CCC;
    margin-top: 5px;
    text-indent: 5px;
    color: #808080;
}

    .mySelectBoxClass .gfield_label{
        display: none !important;
    }

.ginput_container textarea{
    line-height: 23px;
    text-indent: 0;
    font-size: 15px !important;
    padding: 10px 10px !important;
    width: calc(97.5% - 15px) !important;
    border: 1px solid #B1B1B1;
    height: 70px !important;
}

.gform_button{
    background: #039FC1;
    padding: 13px 25px;
    color: #FFF;
    border: 2px solid #FFF;
    font-family: 'roboto condensed';
    text-transform: uppercase;
    font-size: 20px;
    margin-top: -15px;
    margin-bottom: -10px;
}

.gform_wrapper div.validation_error {
    font-weight: 100 !important;
    font-size: 12px !important;
    background: #AF2323;
    color: #FFF !important;
    padding: 20px;
}

.active-floatlabel{
    padding-top: 18px !important;
}

.nowrap{
    white-space: nowrap;
}

.gfield.left{
    width: calc( 50% - 16px );
    margin-right: 20px;
    float: left;
    clear: none !important;
}

.gfield.right{
    width: calc( 50% - 16px );
    float: left;
    clear: none !important;
}

#gform_wrapper_4{
    margin: 0;
}

#gform_confirmation_message_4 {
    text-align: center;
    font-size: 20px;
}

#gform_confirmation_message_4 h3{
    font-size: 45px;
    text-transform: uppercase;
    margin-bottom: -20px;
    color: rgb(3, 159, 193);
}

.page-content a{
    color: rgb(3, 159, 193);
    text-decoration: underline;
}



/* ==========================================================================
   MOBILE
   ========================================================================== */

.mobile-wrap{
    position: relative;
    top: 0px;
}

.mobile-nav-bar{
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}

    .mobile-nav-bar h1{
        text-indent: -9999em;
        width: 180px;
        height: 33px;
        margin: 15px auto;
        background: url(m/i/mobile-logo.png) no-repeat;
        background-size: 180px;
    }

.mobile-wrap .screen{
    position: relative;
}

.mobile-wrap .screen#intro{
    background: url(m/i/intro-background.png);
}

    .screen#intro .over{
        background: rgba(3, 159, 193, 0.85);
        height: 100%;
        padding: 0 30px;
        text-align: center;
    }

    .screen#intro h2 {
        padding-top: 10px;
    }

    .screen#intro h2 span {
        text-transform: uppercase;
        color: rgb(255, 255, 255);
    }

        .screen#intro h2 span:nth-child(1) {
            font-size: 42px;
        }

        .screen#intro h2 span:nth-child(2) {
            font-size: 75px;
            line-height: 48px;
        }

        .screen#intro h2 span:nth-child(3) {
            font-size: 46px;
            line-height: 46px;
        }

        .screen#intro h2 span:nth-child(4) {
            font-size: 59px;
            line-height: 51px;
        }

    .screen#intro h3{
        font-size: 14px;
        text-align: center;
        color:#fff;
        margin-bottom: 10px;
    }

        .screen#intro .btn{
            font-size: 15px;
            padding: 12px 10px;
        }

        .screen#intro [class*="b_"]:not([class*="fb"]){
            padding: 10px 8px;
        }

    .mobile-wrap #request .fancybox-skin{
        padding: 10px !important;
        width: auto !important;
    }

.sidenote{
    background: #DAEFF3;
    padding: 20px;
    margin-bottom: 25px;
}

.download{
    border: 4px solid #99CAD1;
    display: block;
    padding: 6px 6px 6px 90px;
    background: url(i/pdf-icon.png) no-repeat left center;
    background-position-x: 6px;
    margin-bottom: 25px;
}

.download .text{
    font-weight: bold;
    font-size: 25px;
    display: block;
    text-decoration: none;
    position: relative;
    top: 6px;
}

.download .filename{
    font-size: 15px;
    display: block;
}

.page-id-896 .video-wide{
    width: 100%;
    background: #000;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

.page-id-896 video{
    opacity: 0.4;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    background-size: cover;
    width: auto;
    height: auto;
}

.page-id-896 .video-wide .center{
    width: 1024px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -512px;
    top: 16%;
}

.page-id-896 .left-download{
    float: left;
    color: #FFF;
    margin-top: 100px;
}

.page-id-896 .left-download h2{
    font-size: 75px;
    text-transform: uppercase;
}

.page-id-896 .left-download h3{
    text-transform: uppercase;
    font-size: 44px;
    line-height: 15px;
    opacity: 0.9;
}

.page-id-896 .left-download .btn{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 100;
    font-family: 'roboto condensed', 'open sans', sans-serif;
    border: 1px solid;
    padding: 15px 50px;
    margin-top: 35px;
}

.page-id-896 .right-book{
    background: url(i/resources/book-promo.png);
    width: 309px;
    height: 433px;
    position: absolute;
    right: 0;
}

.page-id-896 .arrow-down{
    width: 58px;
    height: 22px;
    background: url(i/resources/down-arrow.png);
    left: 50%;
    margin-left: -26.5px;
    position: absolute;
    bottom: 20px;
}

.page-id-896 .resources h4{
    padding: 20px 0;
    text-align: center;
    font-size: 38px;
    color: #4c443c;
}

.page-id-896 .resources{
    width: 1024px;
    margin: 0 auto;
    padding-bottom: 30px;
}


.page-id-896 figure a{
    border: 1px solid #FFF;
    padding: 10px 20px;
    position: relative;
    top: 20px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,650%,0);
    transform: translate3d(0,650%,0);
    display: block;
    width: 200px;
    left: 50%;
    margin-left: -125px;
}

    .page-id-896 .small-figure figure a{
        border: 1px solid transparent;
    }

.page-id-896 figure:hover a{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.blog-highlights{
    width: 1024px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.blog-highlights h4{
    font-size: 38px;
    text-align: center;
    color: #4C443C;
}

.blog-highlights p{
    font-size: 15px;
    text-align: center;
    margin-top: 3px;
    text-decoration: underline;
    color: #AAA;
}

.blog-highlight {
    width: calc( 33% - 20px );
    margin-right: 35px;
    float: left;
    position: relative;
}

    .blog-highlight:nth-child(5) {
        margin-right: 0;
    }

.hightlight-img-window{
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.blog-highlight img {
    width: 100%;
    min-height: 230px;
    text-align: center;
}

.blog-highlight .tag{
    position: absolute;
    top: 191px;
    background: #25B0CD;
    left: 15px;
    padding: 7px 20px;
    color: #FFF;
    font-family: 'roboto condensed', 'open sans', sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
}

.highlight-title {
    background: #25B0CD;
    color: #FFF;
    padding: 28px;
    font-size: 21px;
    font-weight: 600;
}
















.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
/*.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}*/

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
    padding: 3em;
    /*background-color: rgba(58,52,42,0.7);*/
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

figure.effect-oscar h2 {
    margin: 10% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-330%,0);
    transform: translate3d(0,-330%,0);
    word-spacing: 5px;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
    opacity: 0.15;
}









/* ==========================================================================
   New Blog Overrides
   ========================================================================== */

.featured-articles{
    margin-top: 30px;
    height: 356px;
}

.featured-article{
    width: 634px;
    float: left;
    position: relative;
}

    #main-featured .featured-title{
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(55%,rgba(0, 0, 0, 0.79)), color-stop(100%,rgba(0, 0, 0, 0.86)));*/
        /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.79) 55%, rgba(0,0,0,0.86) 100%); 
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 55%,rgba(0,0,0,0.86) 100%); 
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 55%,rgba(0,0,0,0.86) 100%); 
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 55%,rgba(0,0,0,0.86) 100%); */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 55%,rgba(0,0,0,0.86) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=0 ); */
        font-size: 35px;
        padding: 20px;
        color: #FFF;
        bottom: 25px;
        display: block;
        z-index: 10;
        position: absolute;
        padding-bottom: 45px;
        text-shadow: 2px 2px 7px #000;
    }

.sub-featured{
    width: 355px;
    float: left;
    margin-left: 30px;
}

.sub-featured .featured-article{
    width: 355px;
    float: left;
    position: relative;
}

    .sub-featured .featured-article:nth-child(1){
        margin-bottom: 19px;
    }

.featured-article img{
    width: 100%;
    height: auto;
}

.sub-featured .featured-title{
    font-size: 18px;
    padding: 15px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(55%,rgba(0, 0, 0, 0.74)), color-stop(100%,rgba(0, 0, 0, 0.76)));*/
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.794 55%, rgba(0,0,0,0.76) 100%); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 55%,rgba(0,0,0,0.76) 100%); 
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 55%,rgba(0,0,0,0.76) 100%); 
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 55%,rgba(0,0,0,0.76) 100%); */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 55%,rgba(0,0,0,0.76) 100%); 
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=0 ); */
    font-weight: 300;
    text-shadow: 2px 2px 5px #000;
}

.sub-featured .featured-image-window {
    max-height: 156px;
    overflow: hidden;
}

.featured-share-buttons{
    top: -35px;
    position: relative;
    left: 20px;
    z-index: 10;
}

h4#recent{
    font-size: 30px;
    color: #039FC1;
    margin-bottom: -15px;
}

.recent-articles{
    margin-top: 30px;
    width: 680px;
    margin-right: 30px;
    float: left;
}

.blog-sidebar{
    width: 310px;
    float: left;
    margin-top: 28px;
}

.blog-subscribe{
    text-align: center;
    margin-bottom: 30px;
}

.blog-subscribe h4{
    font-size: 30px;
    text-transform: uppercase;
    color: #039FC1;
    margin-top: -8px;
}

.blog-subscribe h5{
    font-weight: 300;
    font-size: 19px;
    width: 210px;
    margin: 0 auto;
}

.blog-subscribe a{
    margin-top: 5px;
}

.post-feeds{
    margin-top: 20px;
}

    .post-feeds h4{
        font-size: 25px;
        color: #039FC1;
    }

.mask h3.blog{
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    position: relative;
}

.single .cat-item:hover > a{
    background: #fff;
}

.single .cat-item .children{
    display: none;
    font-size: 13px;
}

.single .cat-item:hover .children{
    display: block;
}

.right .blog-subscribe{
    margin-top: 30px;
}

.right .twitter-feed{
    margin-bottom: 30px;
}

#subscribePop{
    width: 330px;
    text-align: center;
    margin: 0 auto;
}

#subscribePop .mc-field-group input{
    width: 325px !important;
    line-height: 40px;
    text-indent: 5px;
    margin-bottom: 10px;
    border: 1px solid #CCC !important;
    font-size: 14px !important;
}

#subscribePop h4{
    font-size: 26px;
    text-transform: uppercase;
    color: #5BA0D0;
}

#subscribePop .why{
    width: 330px;
    padding-bottom: 10px;
}

#subscribePop input:not([type="submit"]){
    padding: 0 !important;
}

#subscribePop .mc-field-group{
    padding-bottom: 0 !important;
}


.popular-posts{
    margin-top: 10px;
}

.wpp-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpp-list li{
    background: #FFF;
    height: 70px;
    font-size: 15px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

.wpp-views{
    display: none;
}

.wpp-list a:nth-child(2){
    position: relative;
    display: block;
    padding-top: 3px;
    left: 3px;
}

.nav-wrap{
    background: #fff;
    width: 100%;
    height: 50px;
    position: relative;
    border-bottom: 1px solid #039FC1;
}

.cat-nav{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1020px;
    margin: 0 auto;
}

    .cat-nav > li > a{
        float: left;
        width: calc(25% - 1px);
        text-align: center;
        background: #FFF;
        font-size: 17px;
        line-height: 50px;
        border-right: 1px solid #039FC1;
    }

    .cat-nav > li:last-child > a{
        border-right: none;
    }

        .cat-nav > li:hover > a {
            background: #039FC1;
            color: #FFF;
        }

.nav-sub-menu{
    width: 1020px;
    position: absolute;
    top: 50px;
    background: #039FC1;
    z-index: 20;
    display: none;
    padding-bottom: 15px;
}

    .cat-nav li:hover .nav-sub-menu{
        display: block;
    }


ul.sub-cats{
    list-style: none;
    width: 200px;
    padding: 0;
    margin: 0;
}

    ul.sub-cats li a{
        color: #FFF;
        border-bottom: 1px solid #FFF;
        padding: 5px 0 5px 0;
        display: block;
        text-indent: 5px;
    }

        ul.sub-cats li:hover a{
            background: #FFF;
            color: #039FC1;
        }

.nav-sub-menu h5 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
}

.nav-sub-menu > div {
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.sub-articles > a{
    display: block;
    width: 150px;
    float: left;
    margin-right: 10px;
}

.sub-articles img{
    width: 100%;
    height: auto;
}

.sub-articles .featured-image-window{
    text-align: center;
    width: 100%;
    min-height: 63px;
    overflow: hidden;
}

.sub-articles h3{
    font-size: 16px;
    color: #039FC1;
    padding: 10px;
    background: #FFF;
}

.nav-sub-menu .subscribe {
    width: 190px;
    color: #FFF;
}

.nav-sub-menu .subscribe a:hover {
    color: #FFF;
    background-color: #039FC1;
    border: 2px solid #fff;
    font-size: 16px;
}

.ebook-promo{
    margin: 29px auto 0 auto;
    margin-left: 15px;
}


/*
    Jobs ////////////////
*/

#jobs{
    width: 700px;
    margin: 0 auto;
}

#jobs h3 {
    text-align: center;
    color: #039FC1;
    font-family: 'Roboto Slab';
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 30px;
}

#jobs .line{
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: block;
    margin: 50px 0;
}

#jobs p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #909090;
}

#jobs .third
{
    width: 220px;
    float: left;
    margin-right: 20px
}

#jobs .last{
    margin-right: 0px;
}

#jobs h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    color: #838383;
    text-transform: none;
    margin-bottom: -10px;
    font-family: 'Roboto Condensed', sans-serif;
}

#jobs .clearfix + .perk{
    margin-top: 30px;
}

#jobs .map{
    position: relative;
    margin-top: 30px;
}

#jobs .overlay{
    -webkit-box-shadow: inset 0 0 70px #FFF;
    -moz-box-shadow: inset 0 0 70px #FFF;
    box-shadow: inset 0 0 70px #FFF;
    position: absolute;
    top: 0;
    width: 700px;
    height: 100px;
    background: transparent;
}

#jobs .apply{
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #039FC1;
    color: #FFF;
    padding: 20px;
    text-decoration: none;
    font-size: 20px;
}

#jobs .email{
    background: #EEE;
    padding: 30px 60px;
    line-height: 30px;
    color: #6C6C6C;
    margin-bottom: -80px;
}

#jobs .positions{
    padding: 0;
}

#jobs .positions > li{
    background: #EEE;
    margin: 0;
    padding: 30px 30px 0 30px;
    list-style: none;
    margin-bottom: 10px;
}

#jobs .positions h5{
    text-align: left;
    background: #039FC1;
    color: #FFF;
    margin: -30px -30px 0 -30px;
    padding: 20px;
    font-size: 24px;
    letter-spacing: 0.5px;
    cursor: pointer;
    font-weight: 400;
}

#jobs .positions h5 span{
    float: right;
    margin-right: 20px;
    font-size: 30px;
    position: relative;
    top: -5px;
}

#jobs .details{
    padding-bottom: 30px;
}

#jobs .details p{
    text-align: left;
}

#jobs .details p,
#jobs li {
    font-size: 16px;
    color: #909090;
}

#jobs .details h3{
    margin-top: 30px;
    text-align: left;
}

#jobs .close{
    display: none;
}

.single .content ol + h2 {
    margin-top: 20px;
}

.featured-article-wrap a,
.blog-category-menu a,
.articles-wrap a{
    text-decoration: none;
}

.blog-category-menu a {
    font-size: 16px;
}




/*
///////////////////////////
Inscentivize
///////////////////////////
*/

.inscentivize{
    font-family: 'Graduate', cursive !important;
}

section#smell-header{
    background: #039FC1;
    padding-top: 50px;
    height: 530px;
}

section#smell-header .center{
    width: 845px;
    margin: 0 auto;
}

section#smell-header #logo{
    background: url(i/inscentivize/logo.png);
    width: 845px;
    height: 572px;
    text-indent: -9999em;
    display: block;
    color: transparent;
}

section#smell-how{
    background: #8900DB;
    padding: 75px 0;
    text-align: center;
    color: #fff;
}

section#smell-how .center{
    width: 900px;
    margin: 0 auto;
}

section#smell-how h2{
    margin-top: 0;
    font-size: 40px;
    margin-bottom: 50px;
    font-family: 'Graduate', cursive !important;
}

section#smell-how .step{
    width: 280px;
    margin-right: 30px;
    float: left;
}

    section#smell-how .step:nth-child(3){
        margin-right: 0;
    }

section#smell-how .text{
    margin-top: 30px;
}

section#smell-smells{
    background: #56DA00;
    color: #2B6D00;
    padding: 75px;
}

section#smell-smells .center{
    width: 780px;
    margin: 0 auto;
}

section#smell-smells h2{
    margin-top: 0;
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    font-family: 'Graduate', cursive !important;
}

.smell-highlights{
    background: url(i/inscentivize/smells.png);
    width: 779px;
    height: 425px;
}

section#smell-smells ul{
    float: left;
    width: 380px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 20px;
    font-size: 26px;
    margin-top: 30px;
    text-align: center;
}

section#smell-smells ul:nth-child(2){
    margin-right: 0;
}

section#smell-science{
    background: #CE4A15;
    padding: 75px;
}

section#smell-science .science{
    background: url(i/inscentivize/science.png);
    width: 918px;
    height: 262px;
    margin: 0 auto;
}

section#smell-end{
    background: #039FC1;
    color: #fff;
    text-align: center;
    padding: 75px;
}

section#smell-end .center{
    width: 780px;
    margin: 0 auto;
}

section#smell-end h2{
    margin-top: 0;
    font-size: 35px;
    color: #045A68;
    margin-bottom: 30px;
    font-family: 'Graduate', cursive !important;
}

section#smell-end .button{
    padding: 20px 20px;
      border: 2px solid #fff;
      margin-top: 30px;
      display: inline-block;
      background: #fff;
      color: #039FC1;
      text-decoration: none;
      font-size: 20px;
}

section#smell-end .button.hollow{
    background: transparent;
    color: #fff;
    padding: 6px 20px;
    position: relative;
    top: 14px;
}

.inscentivize footer{
    background: #045A68;
}

.inscentivize footer p{
    margin: 0;
    text-align: center;
    padding: 15px;
    color: #ccc;
    font-size: 12px;
}

.inscentivize footer a{
    color: #ccc;
}

.inscentivize .sharing span{
    margin-right: 20px;
    margin-top: 80px;
    display: inline-block;
    position: relative;
    top: -7px;
    margin-left: 30px;
}

.page-id-1069 .fancybox-inner h4{
    font-size: 30px
}

.page-id-1069 .fancybox-inner h5{
    font-size: 17px
}



/* Campus Culture */

.page-id-2601{
    background: #fff !important;
    font-size: 16px;
}

.page-id-2601 *{
    box-sizing: initial;
}

.page-id-2601 #main-menu, .page-id-2601 #main-menu *{
    box-sizing: border-box;
}

.page-id-2601 .header-cover{
    background: #ffebcc url(../i/cca/ground.png) repeat-x bottom center;
    height: 530px;
    padding-top: 140px;
    position: relative;
    overflow: hidden;
}

.page-id-2601 #culture-video{
    min-height: 700px;
    width: 100%;
    height: auto;
    opacity: 0.4;
}

.page-id-2601 .header-cover h1{
    text-indent: -9999em;
    background: url(../i/cca/campusculture.png);
    width: 834px;
    height: 283px;
    margin: 0 auto;
    top: -50px;
    position: relative;
}

.page-id-2601 .video-cover .title h1{
    font-family: 'roboto slab';
      font-size: 128px;
      line-height: 130px;
}

.page-id-2601 .video-cover .title span{
    font-size: 26px;
    text-align: right;
    float: right;
    margin-right: 25px;
    line-height: 35px;
}

.page-id-2601 .opener{
    height: 300px;
    background: #8c6433;
}

.page-id-2601 .opener h4{
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    font-family: 'open sans';
    text-align: center;
    line-height: 40px;
    padding: 50px 0;
}

.page-id-2601 .cta-top{
    width: 721px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -20px;
}

.page-id-2601 .cta-top p{
    float: left;
    line-height: 15px;
    margin-right: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.page-id-2601 .cta-top .btn{
    background-color: #fff;
    display: block;
    float: left;
    color: #8c6433;
    font-size: 24px;
    border: 2px solid #ffebcc;
    font-weight: 600;
    padding: 15px 30px;
}

    .page-id-2601 .cta-top .btn:hover{
        background: #8c6433;
        color: #fff;
    }

.page-id-2601 .emails h4{
    color: #8c6433;
    font-size: 26px;
    font-weight: 300;
    font-family: 'open sans';
    text-align: center;
    line-height: 40px;
    padding: 50px 0;
    max-width: 945px;
      margin: 0 auto;
}

.page-id-2601 .emails ul{
    list-style: none;
      margin: 0;
      padding: 0;
        left: 50px;
        position: relative;
}

.page-id-2601 .emails li{
    margin-bottom: 10px;
    display: block;
    clear: both;
}

.page-id-2601 .emails span{
    padding: 20px;
    /*border: 2px solid #8c6433;*/
    color: #8c6433;
    box-sizing: initial;
}

.page-id-2601 .emails span:first-child{
    float: left;
    width: 66px;
    text-align: center;
    font-weight: 500;
    background-color: #a9cf7c;
    color: #fff;
}

.page-id-2601 .emails span:nth-child(2){
    float: left;
    width: calc(100% - 250px);
    margin-left: -2px;
    background: #ffebcc;
    font-weight: 500;
}

.page-id-2601 .under-emails p{
    max-width: 800px;
    margin: 0 auto;
    color: #8c6433;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    padding: 30px 0 70px 0;
}

.page-id-2601 .objectives{
    background: #a9cf7c;
    padding: 75px 0;
    position: relative;
}

.page-id-2601 .objectives .center{
    position: relative;
}

.page-id-2601 .objectives .left{
    top: 805px;
    float: left;
    width: 45%;
    color: #fff;
    margin-right: 5%;
    font-size: 19px;
}

.page-id-2601 .objectives .right{
    float: left;
    padding: 40px;
    background-color: #7FA84E;
    color: #fff;
    margin-left: 30px;
    width: calc(50% - 130px);
    font-size: 18px;
}

.page-id-2601 .objectives h4{
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
}

.page-id-2601 .objectives ul{
    margin: 0;
    padding: 0;
}

.page-id-2601 .objectives li{
    margin-bottom: 10px;
    line-height: 40px;
}

.page-id-2601 .cta-objectives{
    float: right;
      width: 420px;
      background-color: #fff;
      margin-right: 20px;
      margin-top: -100px;
      text-align: center;
      font-size: 22px;
      padding: 20px 18px;
      border: 2px solid #7FA84E;
      color: #7FA84E;
      font-weight: 600;
}

.page-id-2601 .cta-objectives:hover{
    background-color: #7FA84E;
    color: #fff;
}

.page-id-2601 .objectives .apples{
    background: url(../i/cca/apples.png);
    width: 200px;
    height: 145px;
    position: absolute;
    right: -20px;
    bottom: -90px;
    z-index: 1;
    pointer-events: none;
}

.page-id-2601 .signup{
    background: #ffebcc;
    position: relative;
}

.page-id-2601 .ground{
    background: url(../i/cca/ground.png) repeat-x bottom center;
    height: 108px;
    width: 100%;
      position: absolute;
  bottom: 0;
}

.page-id-2601 .signup .center{
    position: relative;
    height: 840px;
}

.page-id-2601 .signup h4{
    color: #8c6433;
    font-size: 26px;
    font-weight: 300;
    font-family: 'open sans';
    text-align: center;
    line-height: 40px;
    padding: 50px 0;
    max-width: 945px;
    margin: 0 auto;
}

.page-id-2601 .signup .right{
    float: right;
    width: 430px;
}

.page-id-2601 .tools-front{
    position: absolute;
    left: 304px;
    bottom: 73px;
    background: url(../i/cca/tools-front.png);
    width: 252px;
    height: 549px;
    z-index: 3;
}

.page-id-2601 .tools-back{
    position: absolute;
    left: 0;
    bottom: 82px;
    background: url(../i/cca/tools-back.png);
    width: 357px;
    height: 304px;
}

.page-id-2601 label,
.page-id-2601 .gform_title{
    display: none !important;
}

.page-id-2601 .gform_wrapper .top_label input.medium{
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 300;
    text-indent: 17px;
    border: 2px solid #769B49;
    color: #222;
}

.page-id-2601 .gform_wrapper input[type="submit"]{
    background-color: #a9cf7c;
    width: 360px;
    line-height: 40px;
    font-size: 22px !important;
    border-color: #769B49;
}

.page-id-2601 .gform_wrapper input[type="submit"]:hover{
    background: #fff;
    color: #a9cf7c;
}

.page-id-2601 .subscribe-here{
    background: url(../i/cca/subscribe-here.png);
    width: 250px;
    height: 91px;
    position: absolute;
    right: 0;
    top: 150px;
}

.page-id-2601 .header-cover .center{
    position: relative;
}

.plant{
    transition: bottom 1s;
}

.page-id-2601 .plant-one{
    background: url(../i/cca/plant-one.png);
    width: 52px;
    height: 108px;
    position: absolute;
    bottom: -261px;
    right: 350px;
}

.page-id-2601 .loaded .plant-one{
    bottom: -135px;
    transition-delay: 2s;
}

.page-id-2601 .plant-two{
    background: url(../i/cca/plant-two.png);
    width: 49px;
    height: 89px;
    position: absolute;
    bottom: -261px;
    right: 170px;
}

.page-id-2601 .loaded .plant-two{
    bottom: -135px;
    transition-delay: 1.5s;
}

.page-id-2601 .plant-three{
    background: url(../i/cca/plant-three.png);
    width: 38px;
    height: 56px;
    position: absolute;
    bottom: -261px;
    right: 518px;
}

.page-id-2601 .loaded .plant-three{
    bottom: -130px;
    transition-delay: 1s;
}

.page-id-2601 .plant-four{
    background: url(../i/cca/plant-four.png);
    width: 96px;
    height: 94px;
    position: absolute;
    bottom: -261px;
    right: 628px;
}

.page-id-2601 .loaded .plant-four{
    bottom: -135px;
    transition-delay: 2.4s;
}

.page-id-2601 .plant-five{
    background: url(../i/cca/plant-five.png);
    width: 52px;
    height: 108px;
    position: absolute;
    bottom: -261px;
    right: 808px;
}

.page-id-2601 .loaded .plant-five{
    bottom: -125px;
    transition-delay: 0.6s;
}

.page-id-2601 .social-buttons{
    text-align: center;
}

.page-id-2601 .fb-like{
    position: relative;
    top: -5px;
    left: -4px;
}

.page-id-2601 #gform_confirmation_wrapper_12{
    color: #8c6433;
}

.page-id-2601 #gform_confirmation_wrapper_12 h2{
    margin-bottom: 10px;
    font-size: 30px;
}

.page-id-2601 #gform_confirmation_wrapper_12 h3{
    font-weight: 300;
      font-size: 23px;
      margin-bottom: 40px;
}

.page-id-2601 #gform_confirmation_wrapper_12 #gforms_confirmation_message_12 > strong{
    display: block;
    margin-bottom: 15px;
    margin-top: -15px;
}

.page-id-2601 #gform_confirmation_wrapper_12 .fb-like{
    margin-left: 5px;
}

.page-id-2601 .learn-more{
    background-color: #a9cf7c;
      padding: 20px;
      font-weight: 600;
      margin-top: 20px;
}

.page-id-2601 .learn-more .btn{
    background-color: #fff;
      padding: 15px 40px;
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: 600;
        width: 305px;
  text-align: center;
}

.page-id-2601 .learn-more strong{
    font-size: 21px;
    margin-bottom: 20px;
    display: block;
}

.page-id-2601 .learn-more p{
      font-size: 15px;
  font-weight: 300;
  margin-top: -5px;
  margin-bottom: 0px;
}

.page-id-2601 #gforms_confirmation_message_12{
    margin-top: -10px;
}

.page-id-2601 #gforms_confirmation_message_12 ~ .subscribe-here {
  display: none;
}

/* ==========================================================================
   New Blog Styles
   ========================================================================== */

body.single{
    margin-top: 0;
}

body.single .wrapper{
    min-width: 0;
}

.single-article-header{
    width: 100%;
    max-height: 560px;
    text-align: center;
    padding-top: 80px;
    margin-top: -80px;
    display: table;
}

h2.article-header{
    text-align: center;
    font-weight: 600;
    font-size: 38px;
    font-family: 'roboto slab';
    color: #fff;
    max-width: 775px;
    margin: 120px auto 0 auto;
    width: 100%;
}

.single-article-meta{
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    font-family: 'roboto slab';
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.single-article-image{
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    max-height: 280px;
    width: 100%;
}

.single-article-body{
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    font-family: georgia;
    color: #5b5b5b;
    line-height: 35px;
}

.single-article-body p{
    padding: 0 30px;
}

.single-article-body .article-content > p:first-child{
    font-size: 26px;
    margin-top: 64px;
    line-height: 37px;
}

.single-article-body .article-content > img:first-child{
    margin-top: 50px;
}

.single-article-body .article-content > h2.big{
    text-align: center;
    padding: 25px 60px;
    font-size: 72px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    font-family: 'open sans';
    line-height: 80px;
}

.single-article-body .article-content > h2.big span{
    font-weight: 700;
    display: block;
}

.single-article-body a{
    outline: none;
}

.single-article-body p.tweet-that{
    margin: 30px;
    padding: 30px;
    background: url(i/tweet-that.png) no-repeat #F9FAFB bottom 10px right 10px;
    color: #5b5b5b;
}

.single-article-body p.source,
.single-article-body span.source {
    font-size: 13px;
    line-height: 20px;
    color: #A5A5A5;
}

.single-article-body a{
    border-bottom: 1px solid #949494;
}

.single-article-body h3{
    padding: 0 30px;
    font-size: 30px;
    font-family: 'source sans pro';
    margin-top: 50px;
    color: #3f3f3f;
}

@media (min-width: 800px) {

    .single-article-body h3.numbered{
        position: relative;
        left: -33px;
        transition: all 750ms;
        -webkit-transition: all 750ms;
        -moz-transition: all 750ms;
        -ms-transition: all 750ms;
        -o-transition: all 750ms;
    }

}

.single-article-body h4{
    padding: 0 30px;
    font-size: 24px;
    font-family: 'source sans pro';
    color: #3f3f3f;
}

.single-article-body img{
    width: 100%;
    height: auto;
    transition: all 250ms;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
}

.single-article-body p img{
    width: 105%;
    margin-left: -2.5%;
}

.single-article-body iframe{
    max-width: 750px;
    width: 100%;
}

.single-article-body a img:hover
{
    transform: scale(1.065);
    -webkit-transform: scale(1.065);
    -moz-transform: scale(1.065);
    -ms-transform: scale(1.065);
    -o-transform: scale(1.065);
}

.single-article-body blockquote{
    border-left: 5px solid #7B7B7B;
    padding-left: 20px;
    font-style: italic;
    margin-left: 70px;
    margin-right: 0;
    max-width: 675px;
    color: #7D7D7D;
    line-height: 30px;
}

.single-article-subscribe-box{
    background-color: #58bfdb;
    max-width: 690px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px 50px;
    text-align: center;
    font-family: 'source sans pro';
    position: relative;
}

.subscribe-title{
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.single-article-subscribe-box input{
    width: 370px;
    height: 50px;
    text-indent: 20px;
    font-size: 18px;
    font-weight: 300;
    border: none;
}

@media (max-width: 470px) {
    .single-article-subscribe-box input{
        width: 100%;
        max-width: 370px;
    }
}

.single-article-subscribe-box button{
    height: 52px;
    border: none;
    background-color: #463344;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    font-family: 'source sans pro';
    line-height: 52px;
}

@media (max-width: 590px) {
    .single-article-subscribe-box button{
        width: 100%;
        max-width: 370px;
    }
}

.single-article-subscribe-box em{
    display: block;
    margin-top: 0;
    color: #46a5a5;
    font-size: 16px;
    font-style: italic;
}

.single-article-about-author{
    max-width: 545px;
    margin: 60px auto 0 auto;
    width: 100%;
}

.single-article-about-author img{
    float: left;
    margin-right: 30px;
    width: 114px;
    height: auto;
    max-height: 114px;
    border-radius: 57px;
    border: 1px solid #e2e2e2;
}

@media (max-width: 575px) {
.single-article-about-author img{
        float: none;
        display: block;
        margin: 0 auto;
    }
}

.single-article-about-author p.about-the-author{
    float: left;
    font-size: 18px;
    font-family: 'source sans pro';
    width: 395px;
    margin-top: 5px;
    color: #828282;
}

@media (max-width: 575px) {
    .single-article-about-author p.about-the-author{
        float: none;
        width: 80%;
        margin: 20px 10%;
        text-align: center;
    }
}

.single-article-about-author p.about-the-author strong{
    color: #5b5b5b;
}

.single-article-about-author a{
    color: #5b5b5b;
    border-bottom: 1px solid #949494;
}

.single-article-related{
    max-width: 730px;
    width: 100%;
    margin: 60px auto 0 auto;
    border-top: 1px solid #c6c6c6;
    padding-bottom: 75px;
}

.single-article-related ul{
    margin: 0;
    padding: 0;
}

.related-header{
    font-family: 'source sans pro';
    text-transform: uppercase;
    font-size: 15px;
    color: #6d6d6d;
    font-weight: 600;
    background-color: #fff;
    position: relative;
    top: -13px;
    display: block;
    margin: 0 auto;
    width: 160px;
    text-align: center;
    padding-bottom: 20px;
}

.related-article {
    width: calc(25% - 15px);
    float: left;
    margin-right: 20px;
    display: block;
}

li.related-article:nth-child(4){
    margin-right: 0;
}

.related-article a:first-child{
    /* height: 92px;
    text-align: center;
    overflow: hidden;
    display: block; */
}

.related-article .crp_title{
    display: block;
    margin-top: 7px;
}

.related-article img{
    width: 100%;
    height: auto;
}

.related-article a:last-child {
    background-color: #f4f4f4;
    display: block;
    padding: 15px;
    font-size: 15px;
    font-family: 'source sans pro';
    color: #444444;
    font-weight: 500;
    text-align: center;
}

.crp_related{
    overflow: hidden;
}

@media (max-width: 790px) {
    .related-article{
        width: calc(50% - 10px);
    }
    .related-article:nth-child(2){
        margin-right: 0;
    }
    .related-article a:first-child{
        height: auto;
        max-height: 184px;
    }
}

.social-sharing{
    position: absolute;
    top: 630px;
    left: 50px;
}

a.left-share-button {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
    border-radius: 20px;
    background-color: #eee;
    font-size: 18px;
    outline: none;
    color: #6F6F6F;

    transition: all 250ms;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
}

    a.left-share-button:hover{
        color: #fff;
    }

    a.left-share-button:nth-child(1):hover{
        background: #04aceb;
    }

    a.left-share-button:nth-child(2):hover{
        background: #3b5998;
    }

    a.left-share-button:nth-child(3):hover{
        background: #0077b5;
    }

    a.left-share-button:nth-child(4):hover{
        background: #a4a4a4;
    }

@media (max-width: 990px) {
    .social-sharing{
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 40px;
        margin: 30px auto -40px auto;
    }
    a.left-share-button{
        float: left;
        margin-left: 10px;
    }
}

@media (min-width: 990px) {

    .social-sharing.stuck {
        position:fixed;
        top: 70px;
    }

    .sticky-wrapper {
        height: 0 !important;
    }

}

@media (min-width: 730px) {
    .single-article-body iframe.twitter-tweet{
        margin-left: 120px !important;
    }
}

@media (max-width: 730px) {
    .single-article-body iframe.twitter-tweet{
        margin-left: 11% !important;
    }
}

@media (max-width: 600px) {
    .single-article-body iframe.twitter-tweet{
        margin-left: 8% !important;
    }
}

@media (max-width: 550px) {
    .single-article-body iframe.twitter-tweet{
        margin-left: 4% !important;
    }
}

@media (max-width: 500px) {
    .single-article-body iframe.twitter-tweet{
        margin-left: 0 !important;
    }
}

.wedgie-widget{
    max-width: 690px !important;
    width: 100% !important;
}

.blog-footer{
    text-align: center;
    color: #fff;
    padding-bottom: 70px;
    background: #463344;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

p.blog-footer-callout {
    font-size: 25px;
    font-family: 'roboto slab';
    font-weight: 100;
    max-width: 775px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
}

a.blog-footer-cta{
    background-color: #fff;
    width: 270px;
    margin-top: 60px;
    line-height: 60px;
    color: #254761;
    margin: 30px auto 0 auto;
    font-size: 19px;
    font-family: 'source sans pro';
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    height: 60px;
}

a.blog-footer-cta:hover{
    text-decoration: none;
}

a.blog-footer-cta:active{
    border: none;
    margin-top: 33.5px;
}

body.blog .wrapper,
body.archive .wrapper {
    min-width: 0;
}

.main-blog-header{
    height: 175px;
    width: 100%;
    background: url(../i/main-blog-bg.png) fixed;
}

.main-blog-header h2{
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: 'roboto slab';
    text-transform: uppercase;
    padding: 40px 0 10px 0;
    letter-spacing: 2px;
    text-shadow: 0px 0px 15px #344A5E;
}

.main-blog-header h3{
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-family: 'source sans pro';
    font-weight: 300;
    text-shadow: 0px 0px 10px #344A5E;
}

.featured-article{
    text-align: center;
    width: 100%;
    /*height: 465px;*/
}

.featured-article .featured-article-image {
    width: 100%;
    height: auto;
    max-width: 500px;
}

.featured-article span{
    color: #000;
    font-size: 15px;
    font-weight: 900;
    opacity: 0.4;
    padding: 40px 0 20px 0;
    display: block;
}

.featured-article h4{
    color: #fff;
    font-size: 32px;
    font-family: 'roboto slab';
    line-height: 45px;
    max-width: 730px;
    margin: 0 auto;
    width: 100%;
    min-height: 104px;
    letter-spacing: 1px;
}

.blog-category-menu{
    height: 62px;
    width: 100%;
    background: #eeeeee;
}

.featured-article-wrap{
    display: table;
    width: 100%;
}

.blog-category-menu ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 960px;
    list-style: none;
}

.blog-category-menu ul li {
    margin: 0;
    list-style: none;
    display: block;
    padding: 20px 25px;
    float: left;
    text-align: center;
}

.articles-wrap{
    padding-top: 40px;
    background: #f7f7f7;
}

.articles{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.articles > a{
    max-width: 290px;
    float: left;
    width: 100%;
    display: block;
    margin: 15px;
    min-width: 200px;
    min-height: 290px;
}

.articles-wrap.first-articles-page .articles > a:first-child{
    display: none;
}

.article{
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
}

.articles .article img {
    width: 100%;
}

.articles .content{
    text-align: center;
    background: #fff;
    padding: 20px 14px;
}

.articles .content span{
    color: #afafaf;
    font-size: 15px;
    font-style: italic;
}

.articles .content h3{
    font-size: 17px;
    font-family: 'open sans';
    font-weight: 300;
    color: #5b5b5b;
    line-height: 25px;
}

.single-article-subscribe-box.main-blog{
    margin-bottom: 50px;
}

.current-cat {
    background: #f7f7f7;
}

.nav-links{
    display: flex;
    margin: 0 auto;
    max-width: 350px;
}

.nav-links a {
    border: 1px solid #ccc;
    padding: 10px 20px;
    text-align: center;
    display: block;
    width: 106px;
    color: #808080;
    margin: 20px auto 20px auto;
    float: left;
}

.nav-links a:nth-child(2){
    margin-left: 20px;
}

.single-article-subscribe-box .plane{
    width: 147px;
    height: 34px;
    position: absolute;
    right: -170px;
    top: 70px;
    background: url(../i/plane.png);
}

@media (max-width: 960px) {

    .single-article-subscribe-box .plane,
    .blog-category-menu{
        display: none;
    }

    .articles > a{
        max-width: 445px;
        width: 44%;
    }

}

@media (max-width: 500px) {
    .articles > a{
        width: calc(100% - 30px);
        margin-right: 30px;
    }
    .main-blog-header h2 {
        font-size: 28px;
    }
}

p.big {
    font-size: 150%;
    font-weight: 100;
    font-family: 'open sans', verdana, arial;
    line-height: 44px;
    text-align: center;
    width: 100%;
    zoom: 1.1;
    margin-left: -25px;
}
















































/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}