/* -------------------- Table of contents --------------------

Author Name: Loginov Artem
Author URI: http://loginov.biz
ThemeForest: http://themeforest.net/user/noblige?ref=noblige
Description: A default stylesheet for AppStory Landing Page Template

1. Typography
2. Page
3. Header
4. Nav
5. Blocks / elements
6. Sections
    6.1. Benefits
    6.2. Counters
    6.3. Prices
    6.4. Team
    6.6. Related
    6.7. Author
    6.8. Feedback

-------------------- */

/* -------------------- Typography -------------------- */
.b-wysiwyg ul > li:before { box-shadow: -5px 0 0 0 #eff0f0; }


/* -------------------- Page -------------------- */
/* * * Section :: Overlays * * */
.b-section_overlay__gray { color: #fff; background: rgba(43, 48, 58, .65) }
.b-section_overlay__contrast { background: #2b303a; }

/* * * Section :: Header * * */
.b-section_header { color: #fff; background: #323a45; }

/* * * Section :: columns :: layout * * */
.b-section_layout { background: #eff0f0; }

@media (max-width: 767px) {

    .b-section_layout .b-section_aside__left + .b-section_content { background: #fff; border-top-color: #e2e3e4; }

}

@media (min-width: 768px) {

    .b-section_layout .b-section_aside__left + .b-section_content { background: #fff; border-left-color: #e2e3e4; }

}


/* -------------------- Header -------------------- */
@media (max-width: 767px) {

    .b-header { color: #fff; background: #323a45; }

}

/* * * Header :: Nav icon * * */
.b-header_nav_icon_bar:before { background: #fff; }


/* -------------------- Nav -------------------- */
.b-nav { color: #fff; background: #323a45; }

/* * * Nav :: List * * */
.b-nav_list a { position: relative; font-weight: 600; text-decoration: none; color: #fff; }

@media (min-width: 768px) {

    .b-nav_list:before { background: #323a45; }

}

/* * * Nav :: List * * */
.b-nav_list a { color: #fff; }

@media (min-width: 768px) {

    .b-nav_list li ~ li a:before { background: #000; }

}


/* -------------------- Blocks / elements -------------------- */
/* * * Content header :: icons * * */
.b-heading_icon { color: #000; background: #fff; }

/* * * Spoiler * * */
.b-spoiler { background: #f1f4f6; }
.b-spoiler_caption { color: #323a45; background: #f1f4f6; }


/* -------------------- Benefits -------------------- */
.b-benefits_grid .flex:after,
.b-benefits_grid .flex:before { border-left-color: #dde3e8; }

/* * * Benefits :: Item * * */
.b-benefits_item { border-top-color: #dde3e8; }


/* -------------------- Counters -------------------- */
.b-counters_item { color: #2b303a; }
.b-counters_item_icon { text-shadow: 16px 14px 0 #f1f4f6; }


/* -------------------- Prices -------------------- */
/* * * Prices :: plan * * */
.b-prices_plan { color: #323a45; background: #fff; border-color: #e2e3e4; }
.b-prices_plan_header_price { background: #f5f5f5; border-bottom-color: #eff0f0; }

/* * * Prices :: lists * * */
.b-prices_list li { color: #323a45; border-bottom-color: #eff0f0; }
.b-prices_list li:nth-child(even) { background: #f5f5f5; }

/* * * Prices :: legend * * */
.b-prices_legend li { border-bottom-color: #dedede; }
.b-prices_legend li:nth-child(even) { background: #e9e9e9; }

.b-prices_legend_glyph { color: #323a45; }


/* -------------------- Team -------------------- */
/* * * Team :: person * * */
.b-team_person { color: #000; }
.b-team_person_pic { background: #eff0f0; }

.b-team_person_text_header { color: #4a5358; }
.b-team_person_text_header strong { color: #000; }

.b-team_person_social_icon:hover { background: #000; }

/* * * Team :: skills * * */
.b-team_skills_row { color: #4a5358; }

.b-team_skills_row_bar { background: #eff0f0; }
.b-team_skills_row_bar_fill[data-width]:before { color: #4a5358; }


/* -------------------- Related -------------------- */
/* * * Related :: items * * */
.b-related_item { color: #4a5358; }
.b-related_item_pic_capsule { color: #fff; background-color: #323a45; }

.b-related_item_title { color: #000; }


/* -------------------- Author -------------------- */
/* * * Author :: info * * */
.b-author_info_header { color: #4a5358; }
.b-author_info_header strong { color: #000; }

.b-author_info_header_social_icon:hover { color: #fff !important; background: #000; }


/* -------------------- Feedback -------------------- */
/* * * Feedback :: contacts * * */
.b-feedback_contacts_section a:hover { color: #d3d3d3; }
.b-feedback_contacts_section small { font-size: 16px; color: #d3d3d3; }