/*!
 * DQYDJ Splash Page CSS based on Business Frontpage Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 */

.home body, p {
    font-family: "Roboto",'Helvetica Neue',Arial,sans-serif;
}

.home hr {
    max-width: 140px;
    border-color: #00659B;
    border-width: 3px;
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-width: 0px;
    height: 0px;
    margin: 0px auto;
}

.home i {
    color: #00659B;
}

.home header .header-content-inner hr {
    margin: 30px auto;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    font-family: 'Raleway','Helvetica Neue',Arial,sans-serif;
}

.home .site-inner {
    margin-top: 0;
    padding: 0px;
}

.home header .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    min-height: auto;
    text-align: center;
}

.home header .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    min-height: auto;
    text-align: center;
}

.home header .header-content-inner {
    text-align: center;
    position: relative;
    top: 240px;
    padding: 0 50px;
    transform: translateY(-50%);
}

.home #social_strip_twitter:hover {
    color:#55acee;
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
}

.home #social_strip_facebook:hover {
    color:#3b5998;
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
}

.home #social_strip_rss:hover {
    color:#f26522;
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
}

.home #social_strip_email:hover {
    color:#FFE2C0;
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
}

.home #fp_callout {
    text-shadow: rgb(0, 56, 97) 1px 1px 1px;
    font-size: 50px;
    font-weight: 700;
    color: #D1D1D1;
}

.home #featured_article_wrap {
    /*background: #f5f5f5;*/
    background-image: url('/static/images/headers/9.jpg');
    margin-top: 0px;
    padding-top: 20px;
    border-top: 2px solid #322F28;
    border-bottom: 2px solid #322F28;
    background-position: 0px -2000px;
    text-align: center;
    color:#FFF;
    text-shadow: rgb(0, 0, 0) 2px 2px 2px;
}

.home #featured_article_wrap .callout {
    margin-bottom: 20px;
}

.home #featured_article_wrap h2 {
    font-size: 46px;
    font-weight: 500;
}

.home #featured_article_wrap p {
    margin-left: 30px;
    margin-right: 30px;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.home .container-white {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
    /*border-bottom: 2px solid #00659B;
    border-top: 1px solid #00659B;*/
}

.home #as_seen_in_wrap {
    background: #f5f5f5;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.home #as_seen_in_wrap h6 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-style: italic;
    color: #727272;
}

.home #featured_posts_wrap {
    /*background-image: url('/static/images/headers/9.jpg');
    background: #f5f5f5;*/
    margin-top: 0px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #FFFFFF;
}

.home #featured_posts_wrap .callout {
    margin-bottom: 20px;
}

.home #featured_posts_wrap p {
    margin-left: 30px;
    margin-right: 30px;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.home .resources-box {
    margin: 50px auto 0;
    max-width: 400px;
}

.home .resources-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .home .resources-box {
        margin: 20px auto 0;
    }
}

.home .resources-box:hover  {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
    transition: all .125s;
    cursor: pointer; cursor: hand;
}
.home .resources-box:hover a {
    text-decoration: none !important;
    opacity: .8;
}
/* Section Dividers */

.home .section-divider {
    z-index: 999;
    width: 100%;
    display: table;
    max-height: 450px;
    border-bottom: 2px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 23px;
    /*margin-top: 45px;*/


    background-position: center center;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: relative;
    
    text-align: center;
}

.home .divider_social {
    /* background-image: url('/static/images/headers/9.jpg'); */
    background-color: #322F28;
    border-bottom: 4px solid #00659B;
}

.home .divider_email p {
    color: white;
    font-size: 25px;
}


.home .divider_email h3 {
    padding-top: 30px;
    color: white;
    font-size: 20px;
}

.home .divider_email {
    background-image: url('/static/images/headers/fp_email_signup_midpage.jpg');
    background-position: 0px 0px;
}

.home a {
    color: #f05f40;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.home a:hover,
.home a:focus {
    color: #0061bd;
}

.home .btn {
    border: 0;
    border-radius: 00px;
    text-transform: uppercase;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    background-color: #3CD5FA;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
.home .btn:hover {
    background-color: #0094BA;
    color:#555;
}


.home .btn-xl {
    padding: 15px 30px;
}

.home #toplogo {
    height: 46px;
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    transition: all .45s;
}
.home #toplogo:hover {
    opacity:0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

.home .business-header {
    height: 710px;
    background: url('/static/images/headers/coffee_splash.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Customize the text color and shadow color and to optimize text legibility. */

.home .tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}



.home .img-center {
    margin: 0 auto;
}

.home a, button .btn_signup, input[type="button"], input[type="reset"], input[type="submit"], .button .btn_signup {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.home .btn_signup button:hover, .btn_signup input:hover[type="button"], .btn_signup input:hover[type="reset"], .btn_signup input:hover[type="submit"], .btn_signup .archive-pagination a:hover, .btn_signup .archive-pagination li.active a, .btn_signup:hover {
        background-color: #2aa4cf;
}

.home button, input[type="button"], input[type="reset"], input[type="submit"], .button .btn_signup {
    background-color: #2FD9FF;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 16px 24px;
    text-transform: uppercase;
    width: auto;
    -webkit-font-smoothing: antialiased;
}

.home button, html input[type="button"], input[type="reset"], input[type="submit"] .btn_signup {
    -webkit-appearance: button;
    cursor: pointer;
}

.home .enews-widget input {
    margin-bottom: 16px;
}
.home input[type="email"] {
    width: 440px;
}
@media(max-width:500px) {
    .home input[type="email"] {
        width: 100%;
    }
}

.home button, input {
    line-height: normal;
}
.home button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
.home .social-follow-bar {
    color: #efefef;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    font-size:36px;
}

/* CSS used here will be applied after bootstrap.css */

.thumbnail {
    padding:0;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
 
.asihuffingtonpost, .asihackaday, .asibloombergview, .asiwashingtonpost, .asimorningstar, 
.asidiscovermagazine, .asireasoncom, .asireuters, .asiforbes, .asilifehacker, 
.asiinc, .asirockstarfinance, .asiyahoofinance, .asislate, .asibusinessinsider, 
.asihbr-logo, .asivox, .asimsnmoney, .asidailyfinance
{ 
    display: inline-block; background: url('../images/sprites/asi_logos.png') no-repeat; 
    overflow: hidden; 
    text-indent: -9999px; 
    text-align: left; 
    opacity: 0.55;
    -moz-opacity: 0.55;
    filter: alpha(opacity=55);
}
.asihuffingtonpost:hover, .asihackaday:hover, .asibloombergview:hover, .asiwashingtonpost:hover, .asimorningstar:hover, 
.asidiscovermagazine:hover, .asireasoncom:hover, .asireuters:hover, .asiforbes:hover, .asilifehacker:hover, 
.asiinc:hover, .asirockstarfinance:hover, .asiyahoofinance:hover, .asislate:hover, .asibusinessinsider:hover, 
.asihbr-logo:hover, .asivox:hover, .asimsnmoney:hover, .asidailyfinance:hover
{ 
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}
.asihuffingtonpost { background-position: -2px -0px; width: 290px; height: 24px; }
.asihackaday { background-position: -2px -26px; width: 183px; height: 24px; }
.asibloombergview { background-position: -2px -52px; width: 160px; height: 24px; }
.asiwashingtonpost { background-position: -2px -78px; width: 158px; height: 24px; }
.asimorningstar { background-position: -164px -52px; width: 106px; height: 24px; }
.asidiscovermagazine { background-position: -187px -26px; width: 101px; height: 24px; }
.asireasoncom { background-position: -162px -78px; width: 97px; height: 24px; }
.asireuters { background-position: -2px -104px; width: 97px; height: 24px; }
.asiforbes { background-position: -101px -104px; width: 96px; height: 24px; }
.asilifehacker { background-position: -2px -130px; width: 93px; height: 24px; }
.asiinc { background-position: -199px -104px; width: 69px; height: 24px; }
.asirockstarfinance { background-position: -97px -130px; width: 68px; height: 24px; }
.asiyahoofinance { background-position: -167px -130px; width: 66px; height: 24px; }
.asislate { background-position: -2px -156px; width: 64px; height: 24px; }
.asibusinessinsider { background-position: -68px -156px; width: 59px; height: 24px; }
.asihbr-logo { background-position: -235px -130px; width: 55px; height: 24px; }
.asivox { background-position: -129px -156px; width: 49px; height: 24px; }
.asimsnmoney { background-position: -180px -156px; width: 31px; height: 24px; }
.asidailyfinance { background-position: -261px -78px; width: 29px; height: 24px; }

/********************************/
/*          Panel cards         */
/********************************/
.featured-panel.featured-panel-card {
    position: relative;
    height: 281px;
    /* border: none; */
    overflow: hidden;
}
.featured-panel.featured-panel-card .featured-panel-heading {
    position: relative;
    z-index: 2;
    height: 140px;
    border-bottom-color: #fff;
    overflow: hidden;
    -webkit-transition: all 1s ease;

    transition: all 1s ease;
    
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
            transition: all 800ms ease-in-out;
}
.featured-panel.featured-panel-card .featured-panel-heading img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 120%;
    
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}
.featured-panel.featured-panel-card .featured-panel-heading button {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 3;
}

.featured-panel.featured-panel-card .featured-panel-body {
    padding-top: 30px;
    padding-bottom: 10px;

    -webkit-transition: padding 600ms ease-in-out;
            transition: padding 600ms ease-in-out;
} 

.featured-panel.featured-panel-card .featured-panel-description {
    padding: 0 25px 20px;
    opacity: 0;
    display: none;
}
.featured-panel.featured-panel-card .featured-panel-description p {
    margin-left: 0px !important;
    margin-right: 0px !important;
    letter-spacing: 1px !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
    font-size: 11px !important;
}

.featured-panel-thumbnails .thumbnail {
    width: 60px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
} 

.featured-panel.featured-panel-card:hover .featured-panel-heading img {
    -webkit-filter: blur(2px);
    -webkit-transition: height 600ms ease-in-out;
            transition: height 600ms ease-in-out;
}

.featured-panel.featured-panel-card {
    cursor: pointer; cursor: hand;
}

.featured-panel.featured-panel-card:hover .featured-panel-description {
    display: block;
    opacity: 1;
    -webkit-transition: height 600ms ease-in-out;
            transition: height 600ms ease-in-out;
}

.featured-panel.featured-panel-card:hover .featured-panel-heading {
    height: 55px;
    -webkit-transition: height 600ms ease-in-out;
            transition: height 600ms ease-in-out;
}

.featured-panel.featured-panel-card:hover .featured-panel-body {
    padding-top: 20px;
    
    -webkit-transition: padding 600ms ease-in-out;
            transition: padding 600ms ease-in-out;
}

#recent_and_popular {
    padding-top:28px;
}