/* -------------------- 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. Reset
2. Global
3. Typographic
4. Page
5. Header
6. Nav
7. Footer
8. Blocks / elements
9. Sliders
10. Carousels
11. Sections
    11.1. Intro
    11.2. Benefits
    11.3. Features
    11.4. Overview
    11.5. Counters
    11.6. Prices
    11.7. Testimonials
    11.8. Team
    11.9. Story
    11.10. Gallery
    11.11. Reviews
    11.12. Related
    11.13. Author
    11.14. Feedback
12. Keyframes

-------------------- */

/* -------------------- Reset -------------------- */
* { margin: 0; outline: none; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
body, p, ul, li, ol, pre, caption, h1, h2, h3, h4, h5, h6, form, div, fieldset, legend { padding: 0; }

html { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { display: block; position: relative; min-height: 100%; height: 100%; width: 100%; font: 400 1em 'Lato', sans-serif; color: #000; background: #fff; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; }
img, fieldset { border: 0; }

input, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"], input[type="password"], button, textarea { -webkit-appearance: none; }

iframe { border: none; }

/* ----------------------- Global ----------------------- */
a, button { -webkit-transition: color 250ms, background 250ms, border 250ms, opacity 250ms; -moz-transition: color 250ms, background 250ms, border 250ms, opacity 250ms; transition: color 250ms, background 250ms, border 250ms, opacity 250ms; }

.g-hidden { display: none; visibility: hidden; }

@media (min-width: 480px) {

    .g-pull-left { float: left; margin: 0 20px 0 0; }
    .g-pull-right { float: right; margin: 0 0 20px 0; }

    .g-pull-left-bottom,
    .g-pull-right-bottom { margin-bottom: 20px; }

    .g-pull-wrapper { overflow: hidden; }

}

.g-left { text-align: left; }
.g-center { text-align: center; }
.g-right { text-align: right; }

.g-nowrap { white-space: nowrap; }

.g-dashed { text-decoration: none !important; border-bottom-width: 1px; border-bottom-style: dashed !important; }
.g-dotted { text-decoration: none !important; border-bottom-width: 1px; border-bottom-style: dotted !important; }
.g-solid { text-decoration: none !important; border-bottom-width: 1px; border-bottom-style: solid !important; }

.g-transition { -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

/* * * Buttons * * */
.e-btn { display: inline-block; position: relative; text-decoration: none !important; text-align: center; outline: none; cursor: pointer; border-width: 2px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.e-btn_sm {  }
.e-btn_md { padding: 15px 30px 14px; font: 900 14px/1 'Lato', sans-serif; letter-spacing: .05em; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.e-btn_block { display: block; margin-left: 0; margin-right: 0; width: 100%; padding-left: 10px; padding-right: 10px; }

@media (max-width: 479px) {

    .e-btn_block_xs { display: block; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px; padding-right: 10px; width: 100%; }

}

@media (min-width: 480px) and (max-width: 767px) {

    .e-btn_block_sm { display: block; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px; padding-right: 10px; width: 100%; }

}

@media (min-width: 768px) and (max-width: 1149px) {

    .e-btn_block_md { display: block; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px; padding-right: 10px; width: 100%; }

}

@media (min-width: 1200px) {

    .e-btn_block_lg { display: block; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px; padding-right: 10px; width: 100%; }

}


/* -------------------- Typographic -------------------- */
.b-wysiwyg { font: 300 1em/1.65 'Lato', sans-serif; }
.b-wysiwyg ~ .b-wysiwyg { margin-top: 64px; }

@media (max-width: 767px) {

    .b-wysiwyg ~ .b-wysiwyg { margin-top: 40px; }

}

@media (min-width: 768px) {

    .b-wysiwyg__padding { margin-left: 110px; }

    .b-section_layout .b-wysiwyg__padding { margin-left: 105px; }

}

@media (min-width: 970px) {

    .b-section_layout .b-wysiwyg__padding { margin-left: 155px; }

}

.b-wysiwyg h3 { margin-bottom: 1.3125em; font: 700 1em/1.25 'Lato', sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.b-wysiwyg h4 { margin-bottom: 1.3125em; font: 900 1em/1.25 'Lato', sans-serif; letter-spacing: .05em; }
.b-wysiwyg h5 { margin-bottom: 1.3125em; font: 900 1em/1.25 'Lato', sans-serif; letter-spacing: .05em; }
.b-wysiwyg h6 { margin-bottom: 1.3125em; font: 900 1em/1.25 'Lato', sans-serif; letter-spacing: .05em; }

.b-wysiwyg h2:first-child, .b-wysiwyg h3:first-child,
.b-wysiwyg h4:first-child, .b-wysiwyg h5:first-child, .b-wysiwyg h6:first-child { margin-top: auto; }

.b-wysiwyg > *:first-child { margin-top: auto; }

.b-wysiwyg p,
.b-wysiwyg ul,
.b-wysiwyg ol,
.b-wysiwyg li,
.b-wysiwyg table { margin: 24px 0; }

.b-wysiwyg p:first-child,
.b-wysiwyg ul:first-child,
.b-wysiwyg ol:first-child,
.b-wysiwyg li:first-child,
.b-wysiwyg table:first-child { margin-top: auto; }

.b-wysiwyg p:last-child,
.b-wysiwyg ul:last-child,
.b-wysiwyg ol:last-child,
.b-wysiwyg li:last-child,
.b-wysiwyg table:last-child { margin-bottom: auto; }

.b-wysiwyg img { max-width: 100%; }
.b-wysiwyg hr { display: block; margin: 32px 0; height: 0; border: none; border-bottom: 1px solid #dedede; }

/* * * Wysiwyg editor :: lists * * */
.b-wysiwyg ul,
.b-wysiwyg ol { list-style: none; clear: both; }

.b-wysiwyg li ul,
.b-wysiwyg li ol { margin: 12px 0; }

.b-wysiwyg li > div { margin-top: 12px; margin-bottom: 12px; }

.b-wysiwyg li { position: relative; padding-left: 32px; margin: 8px 0; }
.b-wysiwyg li:before { position: absolute; left: 0; top: 0; content: ''; }

.b-wysiwyg ul > li:before { left: 5px; top: 11px; width: 0; height: 0; border-width: 3px; border-style: solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.b-wysiwyg ol { counter-reset: list; }
.b-wysiwyg ol ol { counter-reset: sublist; }
.b-wysiwyg ol ol ol { counter-reset: thirdlist; }

.b-wysiwyg ol li { padding-left: 24px; }
.b-wysiwyg ol li ol li { padding-left: 2em; }
.b-wysiwyg ol li ol li ol li { padding-left: 2.5em; }

.b-wysiwyg ol li:before { top: 0; font: 600 1.071428571em/1.437333 'Lato', sans-serif; counter-increment: list; content: counter(list) "."; }
.b-wysiwyg ol li ol li:before{ counter-increment: sublist; content: counter(list) "." counter(sublist) "."; }
.b-wysiwyg ol li ol li ol li:before { counter-increment: thirdlist; content: counter(list) "." counter(sublist) "." counter(thirdlist) "."; }

/* * * Wysiwyg editor :: block quotes * * */
.b-wysiwyg blockquote { padding-left: 20px; font: 500 italic 18px/1.3125em 'Lato', sans-serif; border-left: 4px solid #f5f5f5; }
.b-wysiwyg blockquote p { margin: 8px 0; }

.b-wysiwyg blockquote cite { font-weight: 300; font-style: normal; font-size: .875em; color: #999; }
.b-wysiwyg blockquote cite:before { content: '\2014\00A0'; }

/* * * Wysiwyg editor :: icons * * */
.b-wysiwyg .e-icon { font-size: 24px; }


/* -------------------- Page -------------------- */
.b-page { position: relative; z-index: 5; margin: auto; min-height: 100%; min-width: 320px; overflow: hidden; }

/* * * Section * * */
.b-section { font: 300 1em/1.5 'Lato', sans-serif; color: #000; background: #fff; }

.b-section__missed { position: relative; }
.b-section__parallax { position: relative; overflow: hidden; }

/* * * Section :: Overlays * * */
.b-section_overlay { position: relative; }

.b-section__background,
.b-section__background_27 { background-position: center center; background-repeat: no-repeat; }

@media (max-width: 1920px) {

    .b-section__background_27 { background-size: 1920px auto; }

}

.b-section__attachedBackground { background-attachment: fixed; }
.b-section__flexibleBackground { background-size: cover; }

@media (min-width: 768px) {

    .m-desktop .b-section__fixedBackground { background-attachment: fixed; }

}

/* * * Section :: Background layer * * */
.b-section_background { position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.b-section_background__cover { background-size: cover; }

@media (min-width: 768px) {

    .m-desktop .b-section_background__fixed { background-attachment: fixed; }

}

/* * * Section :: Header * * */
.b-section_header { position: relative; height: 100px; font: 300 .9375em/1.35 'Lato', sans-serif; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

/*@media (min-width: 768px) {*/

    .b-section_header__sticky { position: fixed; z-index: 100; left: 0; top: 0; right: 0; min-width: 320px; }
    .b-section_header__sticky + * { border-top: 100px solid transparent; }

    .b-section_header__fixed { position: absolute; top: auto; bottom: 0; }

/*}*/

@media (min-width: 768px) {

    .b-section_header { height: 110px; font: 300 1em/1.5 'Lato', sans-serif; }
    .b-section_header__sticky + * { border-top: 110px solid transparent; }

}

/* * * Section :: Header :: Text * * */
.b-section_header_capsule { margin-right: 16.66666667%; }

@media (min-width: 768px) {

    .b-section_header_capsule { margin-right: 8.33333333%; }

}

.b-section_header_capsule_row { display: table; width: 100%; height: 100px; border-collapse: collapse; }
.b-section_header_capsule_cell { display: table-cell; vertical-align: middle; padding: 6px 0; }

@media (min-width: 768px) {

    .b-section_header_capsule_row { height: 110px; }
    .b-section_header_capsule_cell { padding: 8px 0; }

}

.b-section_header p { margin: 0; }
.b-section_header * + p { margin-top: 4px; }

.b-section_header_title { font: 300 1.5em/1 'Lato', sans-serif; }
.b-section_header_title strong { font-weight: 700; }

@media (min-width: 768px) {

    .b-section_header_title { font: 300 1.75em/1 'Lato', sans-serif; }
    .b-section_header_title strong { font-weight: 700; }

}

/* * * Section :: columns * * */
.b-section_aside,
.b-section_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b-section_content { padding-top: 40px; padding-bottom: 60px; }
.b-section_aside_box { padding-top: 40px; padding-bottom: 40px; }

@media (min-width: 768px) {

    .b-section_content,
    .b-section_aside_box { padding-top: 90px; padding-bottom: 110px; }

    .b-section_aside__left { float: left; width: 33.33333333%; padding-right: 15px; }

    .b-section_aside__left + .b-section_content { position: relative; margin-left: 33.33333333%; padding-left: 25px;  }
    .b-section_aside__left + .b-section_content:before { position: absolute; left: 100%; top: 0; bottom: 0; width: 200%; background: inherit; content: ''; }

    .b-section_aside__left + .b-section_content .b-section_content_inner { float: left; width: 100%; }

    .b-section_aside__right { float: right; width: 33.33333333%; padding-left: 15px; }

    .b-section_aside__right + .b-section_content { position: relative; margin-right: 33.33333333%; padding-right: 25px; }
    .b-section_aside__right + .b-section_content:before { position: absolute; right: 100%; top: 0; bottom: 0; width: 200%; background: inherit; content: ''; }

    .b-section_aside__right + .b-section_content .b-section_content_inner { float: left; width: 100%; }

}

/* * * Sections :: columns :: aside floated * * */
@media (min-width: 768px) {

    .b-section_aside_box { margin-bottom: -100px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

    .b-section_aside_box.top { position: relative; top: auto; bottom: auto; }
    .b-section_aside_box.bottom { position: absolute; top: auto; bottom: 0; margin-bottom: auto; }
    .b-section_aside_box.fixed { position: fixed; top: 110px; bottom: auto; margin-bottom: auto; }

}

/* * * Section :: columns :: layout * * */
.b-section_layout { position: relative; }

@media (max-width: 767px) {

    .b-section_layout .b-section_aside__left + .b-section_content { position: relative; margin: 0 -15px; padding-left: 15px; padding-right: 15px; border-top-width: 1px; border-top-style: solid; }

    .b-section_layout .b-section_aside__left + .b-section_content:after,
    .b-section_layout .b-section_aside__left + .b-section_content:before { display: block; position: absolute; top: -1px; bottom: 0; width: 100%; background: inherit; border-top: inherit; content: ''; }

    .b-section_layout .b-section_aside__left + .b-section_content:after { left: 100%; }
    .b-section_layout .b-section_aside__left + .b-section_content:before { right: 100%; }

}

@media (min-width: 768px) {

    .b-section_layout .b-section_aside__left + .b-section_content { border-left-width: 1px; border-left-style: solid; }
    .b-section_layout .b-section_aside__left + .b-section_content:before { position: absolute; left: 100%; top: 0; bottom: 0; width: 200%; background: inherit; content: ''; }

}


/* -------------------- Header -------------------- */
.b-header { position: absolute; z-index: 130; left: 0; right: 0; height: 0; min-width: 320px; }
.b-header__sticky { position: fixed; top: 0; left: 0; right: 0; }

@media (max-width: 767px) {

    .b-header { position: fixed; top: 0; left: 0; right: 0; height: 44px; opacity: 1; visibility: visible; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
    /*.b-header__sticky { opacity: 1; visibility: visible; }*/

}

.b-header_container { position: relative; }

/* * * Header :: Logo * * */
@media (max-width: 767px) {

    .b-header_logo { display: inline-block; position: relative; margin: 10px 0 11px -2px; }

    .b-header_logo img,
    .b-header_logo svg { display: block; position: relative; }

}

/* * * Header :: Nav icon * * */
.b-header_nav { position: absolute; right: 3px; top: 33px; padding: 14px 12px; cursor: pointer; }
.b-header_nav_icon { display: block; position: relative; z-index: 1; width: 18px; height: 14px; border: 1px solid transparent; }

@media (max-width: 767px) {

    .b-header_nav { top: 0; right: 0; }

}

.b-header_nav_icon_bar { display: block; position: absolute; left: 0; right: 0; width: 100%; }
.b-header_nav_icon_bar:before { display: block; position: relative; width: 100%; height: 2px; content: ''; }

.b-header_nav_icon_bar:first-child { top: 0; }
.b-header_nav_icon_bar:first-child + .b-header_nav_icon_bar { position: relative; margin: 6px 0; }
.b-header_nav_icon_bar:last-child { bottom: 0; }

.b-header_nav_icon_bar,
.b-header_nav_icon_bar:before,

.b-header_nav_icon { -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

/* * * Header :: Nav icon :: Circles * * */
.b-header_nav_circle { position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.b-header_nav_circle svg { display: block; position: relative; }
.b-header_nav_circle svg circle { fill: none; stroke-width: 2px; stroke-dashoffset: 176; stroke-dasharray: 176; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

@media (max-width: 767px) {

    .b-header_nav_circle { padding: 3px; }
    .b-header_nav_circle svg { width: 38px; height: 38px; }

}

.b-header_nav .b-header_nav_circle:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; visibility: hidden; content: ''; }

/* * * Header :: Nav icon :: Active * * */
.b-header_nav.active .b-header_nav_icon { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }

.b-header_nav.active .b-header_nav_icon_bar:first-child { margin: -1px 0 0 0; top: 50%; bottom: auto; }
.b-header_nav.active .b-header_nav_icon_bar:first-child:before { margin-top: 0; width: 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.b-header_nav.active .b-header_nav_icon_bar:last-child { margin: -1px 0 0 0; top: 50%; bottom: auto; }
.b-header_nav.active .b-header_nav_icon_bar:last-child:before { margin-top: 0; width: 100%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* * * Header :: Nav icon :: Active :: Circles * * */
.b-header_nav.active .b-header_nav_circle { background: transparent; }

.b-header_nav.active .b-header_nav_circle:before { opacity: 1; visibility: visible; }
.b-header_nav.active:hover .b-header_nav_circle:before { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }

.b-header_nav.active .b-header_nav_circle svg circle { stroke-dashoffset: 0; }


/* -------------------- Nav -------------------- */
.b-nav { position: absolute; z-index: 105; left: 0; right: 0; min-width: 320px; opacity: 0; visibility: hidden; }
.b-nav__sticky { position: fixed; top: 0; left: 0; right: 0; }

@media (max-width: 767px) {

    .b-nav { position: fixed; z-index: 120; top: 0; left: 0; right: 0; bottom: 0; height: 100%; min-width: 260px; overflow-x: hidden; overflow-y: scroll; opacity: 1; visibility: visible; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
    .b-nav_container { position: relative; height: 100%; overflow-x: hidden; overflow-y: scroll; }

    .b-nav_capsule { display: table; width: 100%; height: 100%; border-collapse: collapse; }
    .b-nav_capsule_cell { display: table-cell; vertical-align: middle; }

}

@media (min-width: 768px) {

    .b-nav_container { position: relative; }

    .b-nav_capsule { display: table; width: 100%; height: 110px; border-collapse: collapse; }
    .b-nav_capsule_cell { display: table-cell; vertical-align: middle; padding-right: 59px; }

}

.b-nav_close { position: absolute; z-index: 151; right: 0; top: 2px; padding: 11px 8px; width: 44px; height: 44px; background: none; border: none; }

/* * * Nav :: List * * */
.b-nav_list { list-style: none; font: 700 .9375em 'Lato', sans-serif; letter-spacing: .05em; }
.b-nav_list a { position: relative; font-weight: 600; text-decoration: none; }

@media (max-width: 767px) {

    .b-nav_list li { display: block; position: relative; margin: 8px 0; text-align: center; }
    .b-nav_list li a { display: inline-block; padding: 10px 16px; }

}

@media (min-width: 768px) {

    .b-nav_list { position: relative; }
    .b-nav_list:before { position: absolute; z-index: 1; top: 0; right: 100%; bottom: 0; margin-right: -2px; width: 5px; content: ''; }

    .b-nav_list li { display: inline-block; vertical-align: middle; }
    .b-nav_list li a { display: block; padding: 8px 12px; }

    .b-nav_list li ~ li a:before { position: absolute; left: -3px; top: 50%; width: 4px; height: 4px; opacity: .25; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; }

}

/* * * Nav :: Items :: 3D * * */
@media (min-width: 768px) {

    .b-nav_list { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; }

    .b-nav .b-nav_list li { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); -moz-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: right top 0; -moz-transform-origin: right top 0; transform-origin: right top 0; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1), opacity 400ms; -moz-transition: -moz-transform 400ms cubic-bezier(0.86, 0, 0.07, 1), opacity 400ms; transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1), opacity 400ms; }
    .b-nav__show .b-nav_list li { opacity: 1; -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); }

}

/* * * Nav :: Transitions * * */
.b-nav { -webkit-transition: opacity 250ms 400ms, visibility 250ms 400ms; -moz-transition: opacity 250ms 400ms, visibility 250ms 400ms; transition: opacity 250ms 400ms, visibility 250ms 400ms; }
.b-nav__show { opacity: 1; visibility: visible; -webkit-transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; transition-delay: 0ms !important; }

@media (max-width: 767px) {

    .b-nav/*,
    .b-page > **/ { -webkit-transition: -webkit-transform 250ms 0ms !important; -moz-transition: -moz-transform 250ms !important; transition: transform 250ms !important; }

    .b-nav__show { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

}


/* -------------------- Footer -------------------- */
.b-footer { position: relative; text-align: center; }

.b-footer_logo { display: inline-block; position: relative; margin-bottom: 36px; }
.b-footer_logo img { display: block; position: relative; }

@media (max-width: 767px) {

    .b-footer_logo {  margin-bottom: 20px; }

}

/* * * Footer :: subscribe * * */
.b-footer_subscribe_heading { margin-bottom: 36px; font: 300 1em 'Lato', sans-serif; }
.b-footer_subscribe_heading_caption { margin-bottom: 5px; font: 300 1.75em 'Lato', sans-serif; }

@media (max-width: 767px) {

    .b-footer_subscribe_heading { margin-bottom: 16px; }

}

.b-footer_subscribe_form { margin: 0 auto; max-width: 620px; }
.b-footer_subscribe_form_btn { position: absolute; top: 2px; right: 2px; bottom: 2px; padding: 0; height: 46px; width: 88px; font-size: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.b-footer_subscribe_form_field { position: relative; padding: 3px 0; }

.b-footer_subscribe_form_field .b-form_box_field input[type="text"],
.b-footer_subscribe_form_field .b-form_box_field input[type="email"] { padding: 2px 100px 0 26px; height: 50px; font: 500 1em 'Museo Sans', sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.b-footer_subscribe_form_field label.b-form_box_field_placeholder { left: 26px; top: 2px; right: 100px; }

@media (max-width: 767px) {

    .b-footer_subscribe_form_field .b-form_box_field input[type="text"],
    .b-footer_subscribe_form_field .b-form_box_field input[type="email"] { padding-left: 16px; }

    .b-footer_subscribe_form_field label.b-form_box_field_placeholder { left: 16px; }

}

/* * * Footer :: social * * */
.b-footer_social { position: relative; margin-top: 50px; font: 400 1.25em/1 'Lato', sans-serif; text-align: center; }

a.b-footer_social_btn { display: inline-block; vertical-align: top; position: relative; margin: 0 11px 10px; text-decoration: none; color: inherit; }
a.b-footer_social_btn:hover { opacity: .75; }

@media (max-width: 767px) {

    .b-footer_social { margin-top: 30px; }

}

@media (max-width: 479px) {

    a.b-footer_social_btn { margin: 0 8px 10px; }

}

/* * * Footer :: copyright * * */
.b-footer_copyright { margin-top: 5px; font: 400 .9375em 'Lato', sans-serif; opacity: .4; }
.b-footer_copyright p ~ p { margin-top: 1em; }


/* -------------------- Blocks / elements -------------------- */
/* * * Logotype * * */
.e-logo { display: inline-block; position: relative; text-decoration: none; color: inherit; -webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; transition: opacity 250ms; }
.e-logo:hover { opacity: .75; }

.e-logo img { display: block; position: relative; }

/* * * Underlined link * * */
.e-underlined { padding-left: 2px; padding-right: 2px; background: transparent; }

/* * * PLay link * * */
.e-play { position: relative; margin-left: 60px; font: 700 13.5pt 'Lato', sans-serif; letter-spacing: .05em; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); color: inherit !important; }

.e-play:before { position: absolute; left: -60px; top: 50%; margin-top: -23px; font-size: 46px; line-height: 1; color: inherit; -webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; transition: opacity 250ms; }
.e-play:hover:before { opacity: .75; }

/* * * Dart link * * */
.e-dart { position: relative; margin-right: 26px; font: 700 13.5pt 'Lato', sans-serif; letter-spacing: .05em; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); color: inherit !important; }

.e-dart:before { position: absolute; right: -26px; top: 50%; margin-top: -1px; font-size: 6px; line-height: 1; color: inherit; -webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; transition: opacity 250ms; }
.e-dart:hover:before { opacity: .75; }

/* * * Rating * * */
.e-rating { display: block; height: 18px; font: normal 18px/1 'AppStory'; letter-spacing: .1em; text-align: center; }

.e-rating:after { content: '\e806\e806\e806\e806\e806'; }

.e-rating-1:after { content: '\e806\e806\e806\e806'; }
.e-rating-1:before { content: '\e808'; }

.e-rating-1d5:after { content: '\e806\e806\e806'; }
.e-rating-1d5:before { content: '\e808\e807'; }

.e-rating-2:after { content: '\e806\e806\e806'; }
.e-rating-2:before { content: '\e808\e808'; }

.e-rating-2d5:after { content: '\e806\e806'; }
.e-rating-2d5:before { content: '\e808\e808\e807'; }

.e-rating-3:after { content: '\e806\e806'; }
.e-rating-3:before { content: '\e808\e808\e808'; }

.e-rating-3d5:after { content: '\e806'; }
.e-rating-3d5:before { content: '\e808\e808\e808\e807'; }

.e-rating-4:after { content: '\e806'; }
.e-rating-4:before { content: '\e808\e808\e808\e808'; }

.e-rating-4d5:after { content: ''; }
.e-rating-4d5:before { content: '\e808\e808\e808\e808\e807'; }

.e-rating-5:after { content: ''; }
.e-rating-5:before { content: '\e808\e808\e808\e808\e808'; }

/* * * Content header * * */
.b-heading { position: relative; margin: 72px 0 32px; }
.b-heading:first-child { margin-top: auto; }

.b-heading__center { text-align: center; }

.b-heading h2 { margin: 0; font: 600 1.5em/1.15 'Lato', sans-serif; }

/* * * Content header :: icons * * */
.b-heading_icon { display: block; position: relative; width: 60px; height: 60px; margin-bottom: 16px; font-size: 24px; line-height: 56px; text-indent: 1px; text-align: center; border-width: 2px; border-style: solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 768px) {

    .b-heading_icon { position: absolute; left: -95px; top: -30px; width: 80px; height: 80px; margin: 0; font-size: 31px; line-height: 76px; }

}

@media (min-width: 970px) {

    .b-heading_icon { left: -110px; }

}

/* * * MockUp :: default * * */
.b-device { position: relative; max-width: 252px; }
.b-device:before { position: absolute; left: 7.9%; bottom: -2px; right: 7.9%; height: 4px; background: rgba(0, 0, 0, .1); -webkit-border-radius: 85px/8px; -moz-border-radius: 85px/8px; border-radius: 85px/8px; content: none; }

.b-device_front { position: relative; padding: 23.8% 4.4%; border-width: 2px; border-style: solid; -webkit-border-radius: 13%/7%; -moz-border-radius: 13%/7%; border-radius: 13%/7%; /*-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); box-shadow: 0 5px 20px rgba(0, 0, 0, .1); */}
.b-device_front * { border-color: inherit; }

.b-device_front__gray { background: #202227; border-color: #2a2e35; }
.b-device_front__white { background: #fff; border-color: #e2e3e4; }

.b-device_front_screen { position: relative; height: 0; padding-bottom: 177.866667%; color: #fff; background: #17171b; overflow: hidden; }

.b-device_front_screen_frame { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.b-device_front_screen_frame img { display: block; position: relative; width: 100.2%; height: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.b-device_front_top,
.b-device_front_bottom { position: absolute; left: -2px; right: -2px; height: 10px; background: inherit; }

.b-device_front_top { top: 36px; }
.b-device_front_bottom { bottom: 36px; }

.b-device_front_left { position: absolute; left: -3px; top: 65px; }
.b-device_front_left:before { display: block; margin-bottom: 24px; width: 0; height: 22px; border-width: 1px; border-style: solid; border-color: inherit; content: ''; }

.b-device_front_left_volume:after,
.b-device_front_left_volume:before { display: block; margin: 10px 0; width: 0; height: 38px; border-width: 1px; border-style: solid; border-color: inherit; content: ''; }

.b-device_front_power { position: absolute; right: -3px; top: 110px; width: 0; height: 38px; border-width: 1px; border-style: solid; border-color: inherit; content: ''; }

.b-device_front_home { position: absolute; left: 50%; bottom: 5%; width: 16.5%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }

.b-device_front_home_btn { position: relative; width: 100%; height: 0; padding-bottom: 100%; }
.b-device_front_home_btn:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-width: 2px; border-style: solid; border-color: inherit; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; }

@media (min-width: 1200px) {

    .b-device_front_home { bottom: 6%; }

}

.b-device_front_speaker { position: absolute; left: 50%; top: 6%; width: 32px; height: 4px; background: #17171b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.b-device_front_speaker:after { position: absolute; left: 50%; bottom: 300%; margin-left: -2px; width: 4px; height: 4px; background: inherit; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; }
.b-device_front_speaker:before { position: absolute; top: 50%; right: 100%; margin-right: 10px; margin-top: -3px; width: 6px; height: 6px; background: inherit; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; }

@media (min-width: 1200px) {

    .b-device_front_speaker:after { bottom: 300%; margin-left: -3px; width: 6px; height: 6px; }
    .b-device_front_speaker:before { margin-top: -4px; width: 8px; height: 8px; }

}

/* * * MockUp :: large * * */
.b-device__lg { max-width: 320px; }
.b-device__lg .b-device_front { border-width: 3px; }

.b-device__lg .b-device_front_top,
.b-device__lg .b-device_front_bottom { left: -3px; right: -3px; }

/* * * Spoiler * * */
.b-spoiler { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
.b-spoiler ~ .b-spoiler { margin-top: 20px; }

.b-spoiler_caption { display: block; position: relative; padding: 19px 50px 17px 30px; font: 900 13px/1 'Lato', sans-serif; text-transform: uppercase; letter-spacing: .025em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; cursor: pointer; }
.b-spoiler_caption:before { position: absolute; top: 0; right: 0; width: 50px; height: 50px; font-size: 18px; text-align: center; line-height: 50px; -webkit-transition: -webkit-transform 250ms; -moz-transition: -moz-transform 250ms; transition: transform 250ms; }

.b-spoiler.opened .b-spoiler_caption:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); }

.b-spoiler_box { display: none; position: relative; }
.b-spoiler_box_inner { padding: 24px 30px; }

/* * * Pic * * */
.b-pic { background: #eff0f0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }


/* -------------------- Sliders -------------------- */
/* * * Slider * * */
.b-slider { position: relative; }
.b-slider_viewPort { height: 100% !important; }

.b-slider__padding { padding-left: 30px; padding-right: 30px; }

.b-slider_inner { position: relative; list-style: none; height: 100%; }
.b-slider_inner:after { display: table; clear: both; content: ''; }

.b-slider_inner > div { display: inline-block; position: relative; overflow: hidden; height: 100%; max-width: 100%; }
.b-slider_inner > div + div { display: none; }

.b-slider_inner img { display: block; max-width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.b-slider__neighbors .b-slider_item { opacity: .15; -webkit-transition: opacity 650ms; -moz-transition: opacity 650ms; transition: opacity 650ms; }
.b-slider__neighbors .b-slider_item__current { opacity: 1; }

/* * * Slider :: arrows * * */
.b-slider_arrow { position: absolute; z-index: 25; top: 50%; margin-top: -16px; width: 32px; height: 32px; font-size: 32px; line-height: 1; text-decoration: none !important; text-align: center; cursor: pointer; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.b-slider_arrow:hover {  }

.b-slider_arrow__prev { left: 24px; }
.b-slider_arrow__next { right: 24px; }

/* * * Slider :: dots * * */
.b-slider_dots { position: absolute; z-index: 5; left: 0; right: 0; bottom: 13px; white-space: nowrap; text-align: center; }
.b-slider_dots_item { display: inline-block; vertical-align: middle; margin: 0 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.b-slider_dots_item_bullet { display: block; overflow: hidden; width: 8px; height: 8px; text-indent: 100000px; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.b-slider_dots_item_bullet:hover {  }

.b-slider_dots_item_bullet.b-slider_active { -webkit-transform: scale(1.75); -moz-transform: scale(1.75); transform: scale(1.75); }


/* -------------------- Carousels -------------------- */
.b-carousel { position: relative; width: auto; }
.b-carousel__padding { padding-left: 32px; padding-right: 32px; }

/* * * Carousel :: no js * * */
.b-carousel { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-flow: row wrap; flex-flow: row wrap; letter-spacing: -6px; }
.b-carousel > .b-carousel_item { display: inline-block; vertical-align: top; letter-spacing: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* * * Carousel :: js * * */
.b-carousel.owl-carousel { letter-spacing: normal; }
.b-carousel.owl-carousel.owl-drag { cursor: move; }

.b-carousel.owl-carousel.flex { margin-left: auto; margin-right: auto; margin-bottom: auto !important; }
.b-carousel.owl-carousel .b-carousel_item[class*="col-"] { display: block; float: none; width: auto; padding-left: 0; padding-right: 0; }

.b-carousel__barrel .owl-stage-outer { overflow: visible; }

.b-carousel__barrel .owl-stage-outer .owl-item { opacity: 0; visibility: hidden; transition: opacity 250ms, visibility 250ms; }
.b-carousel__barrel .owl-stage-outer .owl-item.active { opacity: 1; visibility: visible; }

.b-carousel__with_shadows.owl-carousel,
.b-carousel__with_shadows.owl-carousel.flex { margin: -6px -5px; }

.b-carousel__with_shadows.owl-carousel .b-carousel_item,
.b-carousel__with_shadows.owl-carousel .b-carousel_item[class*="col-"] { padding: 6px 5px; }

/* * * Carousel :: js * * */
.b-carousel.owl-carousel { letter-spacing: normal; }

.b-carousel.owl-carousel .owl-nav.disabled,
.b-carousel.owl-carousel .b-carousel_arrow.disabled,
.b-carousel.owl-carousel .b-carousel_paging.disabled { display: none; }

/* * * Carousel :: arrows * * */
.b-carousel .owl-nav.disabled { display: none; }

.b-carousel_arrow { display: block; position: absolute; z-index: 50; top: 50%; margin-top: -12px; width: 24px; height: 24px; text-decoration: none; text-align: center; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; cursor: pointer; }
.b-carousel_arrow:hover {  }

.b-carousel_arrow:before { display: block; height: 24px; font-size: 24px; line-height: 24px; text-decoration: none; text-align: center; }

.b-carousel_arrow__prev { left: 0; }
.b-carousel_arrow__next { right: 0; }

/* * * Carousel :: paging * * */
.b-carousel_paging { position: absolute; left: 0; bottom: 10px; right: 0; line-height: 6px; text-align: center; white-space: nowrap; }
.b-carousel_paging_bullet { display: inline-block; vertical-align: middle; margin: 0 3px; }

.b-carousel_paging_bullet span { display: block; width: 8px; height: 8px; text-indent: 100000px; text-decoration: none; opacity: .35; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(.75); -moz-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; cursor: pointer; }
.b-carousel_paging_bullet span:hover { opacity: .65; }

.b-carousel_paging_bullet.active span { opacity: .85; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* * * Carousel :: scroll bar * * */
.b-carousel_scroll_bar { position: relative; margin-top: 32px; padding: 0 3px; height: 1px; background: #d3dbe1; cursor: default; }
.b-carousel_scroll_bar.disabled { display: none; }

.b-carousel_scroll_bar_rail { position: relative; height: 1px; background: #d3dbe1; }

.b-carousel_scroll_bar_handle { position: absolute; top: -3px; bottom: -3px; width: 1px; height: 3px; padding: 2px 0; cursor: pointer; }
.b-carousel_scroll_bar_handle:before { display: block; width: inherit; height: inherit; content: ''; }


/* -------------------- Intro -------------------- */
.b-intro { min-height: 100vh; color: #fff; }

@media (max-width: 767px) {

    .b-intro { min-height: 0 !important; }

}

.b-intro_overlay,
.b-intro_container { min-height: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 767px) {

    .b-intro_container { padding: 64px 10px 30px; }

}

.b-intro_header { margin-bottom: 30px; text-align: center; }

.b-intro_header_logo { display: inline-block; position: relative; }
.b-intro_header_logo img { display: block; position: relative; }

@media (max-width: 767px) {

    .b-intro_header { margin-bottom: 16px; }

}

@media (min-width: 768px) {

    .b-intro_header { position: absolute; z-index: 5; left: 0; top: 60px; right: 0; }

    .b-intro_content,
    .b-intro_content_row { min-height: inherit; }

    .b-intro_content_column { padding-top: 140px; padding-bottom: 140px; }

}

.b-intro_text p { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }

.b-intro_footer { margin-top: 40px; }

.b-intro_footer_anchor { display: block; position: relative; margin: 0 auto; width: 20px; height: 34px; text-decoration: none !important; color: #fff !important; border-width: 1px; border-style: solid; -webkit-border-radius: 9px/11px; -moz-border-radius: 9px/11px; border-radius: 9px/11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.b-intro_footer_anchor:before { position: absolute; left: 50%; top: 7px; margin-left: -1px; width: 0; height: 5px; border-width: 1px; border-style: solid; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; content: ''; -webkit-animation: scroll 1500ms infinite ease-in-out; -moz-animation: scroll 1500ms infinite ease-in-out; animation: scroll 1500ms infinite ease-in-out; }

.b-intro_footer_anchor:hover { opacity: .75; -webkit-transform: translate(0, 6px); -moz-transform: translate(0, 6px); transform: translate(0, 6px); }
.b-intro_footer_anchor:hover:before { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; }

@media (min-width: 768px) {

    .b-intro_footer { position: absolute; z-index: 5; left: 0; bottom: 60px; right: 0; }

}

/* * * Intro :: text * * */
.b-intro_text { font: 300 1em/1.5 'Lato', sans-serif; }
.b-intro_text p { margin: 16px 0; }

@media (max-width: 767px) {

    .b-intro_text { margin-bottom: 48px; text-align: center; }

}

@media (min-width: 768px) {

    .b-intro_text { font: 300 1.125em/1.55555555555556 'Lato', sans-serif; }

}

.b-intro_text_heading { margin: 0 0 32px; font: 900 2.6666667em/1 'Lato', sans-serif; text-transform: uppercase; }
.b-intro_text_heading small { font: 300 1em 'Lato', sans-serif; }

@media (max-width: 767px) {

    .b-intro_text_heading { margin: 0 0 16px; }

}

@media (max-width: 969px) {

    .b-intro_text_heading { font: 900 2.111111em/1 'Lato', sans-serif; }

}

@media (min-width: 970px) {

    .b-intro_text_heading__underline { position: relative; }
    .b-intro_text_heading__underline:before { position: absolute; right: 100%; bottom: .215em; margin-right: 12px; width: 500%; border-bottom-style: solid; border-bottom-width: 2px; content: ''; }

    .b-intro_text_heading_pull { display: block; }

}

@media (min-width: 1300px) {

    .b-intro_text_heading_pull { margin-left: -32px; }
    .b-intro_text_heading_prefix { position: absolute; right: 100%; bottom: 21px; margin-right: 12px; font-size: .625em; text-align: right; }

}

.b-intro_text_footer { margin-top: 32px; }

/* * * Intro :: app * * */
.b-intro_app { margin: 0 auto; width: 100%; max-width: 380px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.b-intro_app_inner { position: relative; margin: 0 120px 40px 0; max-width: 100%; }

.b-intro_app_inner .b-device:first-child { position: relative; z-index: 1; }
.b-intro_app_inner .b-device:first-child + .b-device { position: absolute; z-index: 2; right: -120px; bottom: -40px; width: 100%; }

@media (min-width: 1200px) {

    .b-intro_app { float: right; }

}

/* * * Intro :: book * * */
.b-intro_book { position: relative; padding: 0 48px 48px; min-height: 100px; text-align: center; background: url('../../img/backgrounds/shelf.png') center bottom no-repeat; }
.b-intro_book:before { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 35px; opacity: .75; content: ''; background: url('../../img/backgrounds/book-shadow.png') center bottom / 363px auto no-repeat; }

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    .b-intro_book { background-image: url('../../img/backgrounds/shelf@2x.png'); background-size: 390px 73px; }

}

.b-intro_book_cover { display: inline-block; position: relative; z-index: 5; max-width: 100%; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.b-intro_book_cover img { display: block; position: relative; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.b-intro_book_cover:before { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; width: 8px; height: 100%; opacity: .35; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); border-right: 2px solid rgba(255, 255, 255, .1); -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; content: ''; }
.b-intro_book_cover:after { position: absolute; z-index: 1; left: 9px; top: 0; bottom: 0; height: 100%; border-right: 2px solid rgba(0, 0, 0, .05); content: ''; }

@media (max-width: 479px) {

    .b-intro_book { padding: 0 28px 13% 29px; background-size: contain; }
    .b-intro_book:before { bottom: 7.5%; background-size: 80% auto; }

}

@media (min-width: 768px) and (max-width: 969px) {

    .b-intro_book { padding: 0 28px 36px 29px; background-size: contain; }
    .b-intro_book:before { bottom: 30px; background-size: 80% auto; }

}

@media (min-width: 970px) and (max-width: 1199px) {

    .b-intro_book { margin-left: -5px; }

}


/* -------------------- Benefits -------------------- */
.b-benefits_grid { position: relative; padding: 0 15px; }

.b-benefits_grid .flex { position: relative; }

.b-benefits_grid .flex:after,
.b-benefits_grid .flex:before { position: absolute; top: 0; bottom: 0; height: 100%; border-left-width: 1px; border-left-style: solid; }

@media (max-width: 767px) {

    .b-benefits_grid { margin-top: -24px; margin-bottom: -24px; }

}

@media (min-width: 768px) {

    .b-benefits_grid .flex:after { left: 50%; content: ''; }

}

@media (min-width: 970px) {

    .b-benefits_grid { padding: 0; }

    .b-benefits_grid .flex:after { left: 66.6666667%; content: ''; }
    .b-benefits_grid .flex:before { left: 33.3333334%; content: ''; }

}

/* * * Benefits :: Item * * */
.b-benefits_item { padding: 32px 15px 48px; font: 300 1em/1.35 'Lato', sans-serif; letter-spacing: .025em; text-align: center; border-top-width: 1px; border-top-style: solid; }
.b-benefits_grid [class*="col-"]:first-child .b-benefits_item { border-top: none; }

@media (max-width: 767px) {

    .b-benefits_item { padding: 24px 10px; }

}

@media (min-width: 768px) {

    .b-benefits_grid [class*="col-"]:nth-child(2) .b-benefits_item { border-top: none; }

}

@media (min-width: 970px) {

    .b-benefits_grid [class*="col-"]:nth-child(3) .b-benefits_item { border-top: none; }

}

.b-benefits_item_pic { display: block; position: relative; margin: 0 auto 12px; max-width: 100%; }

.b-benefits_item_title { margin-bottom: 10px; font: 700 1.125em/1.25 'Lato', sans-serif; }
.b-benefits_item_title a { text-decoration: none; color: inherit; }


/* -------------------- Features -------------------- */
.b-features_background { position: relative; overflow: hidden; }
.b-features_background:before { position: absolute; z-index: 25; top: 100%; left: 10px; right: 10px; height: 60px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); -moz-border-radius: 30% / 30px; border-radius: 30% / 30px; content: ''; }

/* * * Features :: Download * * */
.b-features_download { font: 300 .875em/1.35 'Lato', sans-serif; }

@media (max-width: 969px) {

    .b-features_download { margin-bottom: 32px; }

}

.b-features_download_title { margin-bottom: 12px; font: 700 1.714285714em/1.25 'Lato', sans-serif; }
.b-features_download_title a { text-decoration: none; }

.b-features_download_button { min-width: 200px; padding: 9px 10px 9px 50px; font: 400 18px/1 'Lato', sans-serif; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b-features_download_button ~ .b-features_download_button { margin-top: 10px; margin-left: auto; }

.b-features_download_button small { display: block; margin-bottom: 1px; font: 400 10px/1 'Lato', sans-serif; }
.b-features_download_button strong { letter-spacing: .05em; }

.b-features_download_button:before { position: absolute; left: 6px; top: 1px; bottom: 0; width: 44px; height: 48px; font: 400 28px/48px 'FontAwesome'; text-align: center; }
.b-features_download_button.fa-windows:before { font-size: 24px; }

@media (max-width: 767px) {

    .b-features_download { text-align: center; }
    .b-features_download_button:first-child { margin-top: 16px; }

}

@media (max-width: 969px) {

    .b-features_download_button { display: block; margin-left: auto; margin-right: auto; width: 200px; }

}

@media (min-width: 970px) {

    .b-features_download_button:first-child { margin-top: 16px; }

}

/* * * Features :: Device * * */
.b-features_device { position: relative; margin-bottom: 32px; }

@media (min-width: 768px) {

    .b-features_device { margin-bottom: -90px; }

}

@media (min-width: 970px) {

    .b-features_device { margin: 0 auto -140px; }

}

.b-features_device_tour { display: table; position: absolute; z-index: 30; left: -1%; top: -1%; right: -1%; bottom: -1%; width: 102%; height: 102%; table-layout: fixed; border-collapse: collapse; }

.b-features_device_tour a { display: table-cell; vertical-align: middle; padding: 10px; font: 700 1.3125em/1.15 'Lato', sans-serif; text-align: center; text-decoration: none; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); color: #fff; background: rgba(0, 0, 0, .75); }
.b-features_device_tour a:before { display: block; position: relative; width: 100px; height: 100px; margin: 0 auto 16px; font-size: 38px; line-height: 92px; text-indent: 6px; text-align: center; border-width: 4px; border-style: solid; border-radius: 50%; box-sizing: border-box; -webkit-transition: -webkit-transform 250ms; -moz-transition: -moz-transform 250ms; transition: transform 250ms; }

.b-features_device_screen:hover .b-features_device_tour a { opacity: .65; background: rgba(0, 0, 0, .65);}
.b-features_device_screen:hover .b-features_device_tour a:before { transform: scale(.85); }

.b-features_device_screen img { display: block; position: relative; transition: transform 2500ms; }
.b-features_device_screen:hover img { transform: rotate(3deg) scale(1.25); }

/* * * Features :: Book * * */
.b-features_book { display: inline-block; position: relative; z-index: 1; overflow: hidden; -webkit-box-shadow: 0 3px 8px 0 rgba(1, 2, 3, .15); -moz-box-shadow: 0 3px 8px 0 rgba(1, 2, 3, .15); box-shadow: 0 3px 8px 0 rgba(1, 2, 3, .15); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.b-features_book img { display: block; position: relative; backface-visibility: hidden; }

.b-features_book:after,
.b-features_book:before { position: absolute; z-index: 2; top: 0; bottom: 0; width: 12px; opacity: .025; content: ''; }

.b-features_book:after { right: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.b-features_book:before { left: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }

@media (min-width: 768px) {

    .b-features_book { margin-bottom: -24px; }

}

@media (min-width: 1200px) {

    .b-features_book { margin-bottom: -34px; }

}

/* * * Features :: Posts * * */
.b-features_post { margin-top: 32px; font: 300 .875em/1.35 'Lato', sans-serif; }

.b-features_post_icon { display: block; position: relative; width: 64px; height: 64px; font-size: 32px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.b-features_post_icon:before { display: block; position: relative; z-index: 1; margin: 0 auto; padding: 16px 0; width: 32px; height: 32px; line-height: 1; text-indent: 1px; }

.b-features_post_icon:after { position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; content: ''; }
.b-features_post_icon:hover:after { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }

.b-features_post_title { margin-bottom: 10px; font: 700 1.285714em/1.25 'Lato', sans-serif; }
.b-features_post_title a { text-decoration: none; }

@media (max-width: 767px) {

    .b-features_post { margin-top: 24px; text-align: center; }
    .b-features_post:first-child { margin-top: auto; }

    .b-features_post_icon { margin: 0 auto 16px; }

}

@media (min-width: 480px) {

    .b-features_post:first-child { margin-top: auto; }

}

@media (min-width: 768px) {

    .b-features_post_icon { float: left; top: 3px; width: 64px; height: 64px; font-size: 32px; }
    .b-features_post_icon ~ * { margin-left: 80px; }

}


/* -------------------- Counters -------------------- */
.b-counters_grid { margin-bottom: -24px; }
.b-counters_grid .b-counters_item { margin-bottom: 24px; }

.b-counters_item { font: 700 1em/1.35 'Lato', sans-serif; letter-spacing: .05em; text-transform: uppercase; text-align: center; }
.b-counters_item p { margin: 4px 0; }

.b-counters_item strong { position: relative; font: 500 3.25em/1 'Museo Sans', sans-serif; }
.b-counters_item strong[data-prefix]:before { position: absolute; right: 100%; bottom: .55em; padding-right: 7px; font: 400 16px/1 'Lato', sans-serif; content: attr(data-prefix); }

.b-counters_item_icon { display: block; margin: 0 auto 16px; width: 96px; height: 96px; font-size: 60px; line-height: 96px; text-align: center; }

.b-counters_carousel.owl-carousel .b-counters_item { width: 100%; }

@media (min-width: 970px) {

    .b-counters_carousel { margin-top: -20px; }

}


/* -------------------- Overview -------------------- */
@media (max-width: 767px) {

    .b-overview_aside { overflow: hidden; }
    .b-overview_gallery_device { margin: 0 auto -220px; }

}

@media (min-width: 970px) {

    .b-overview .b-wysiwyg { max-width: 760px; }

}

/* * * Overview :: gallery * * */
@media (min-width: 1200px) {

    .b-overview_gallery { position: relative; right: -15px; margin: -15px 0; padding: 15px 0; overflow: hidden; }
    .b-overview_gallery_device { display: block; position: relative; right: -35px; margin-left: auto; }

}

.b-overview_gallery_carousel { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100.5%; }
.b-overview_gallery_carousel img { position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }

.b-overview_gallery_carousel .owl-item,
.b-overview_gallery_carousel .owl-stage,
.b-overview_gallery_carousel .owl-stage-outer { height: 100%; }

.b-overview_buttons { margin: 0 -16px -10px 0; }
.b-overview_buttons .e-btn { margin: 0 16px 10px 0; }


/* -------------------- Prices -------------------- */
@media (min-width: 768px) {

    .b-prices_carousel { margin-left: 10px; }

}

@media (min-width: 970px) {

    .b-prices_carousel { margin-left: 45px; }

}

.b-prices_carousel .b-carousel { margin: 0; }

.b-prices_carousel .b-carousel > .b-carousel_item { padding: 20px 10px; }
.b-prices_carousel .b-carousel > .b-carousel_item:nth-child(1) { padding-left: 0; padding-right: 0; }

.b-prices_carousel .b-carousel > .b-carousel_item:nth-child(2),
.b-prices_carousel .b-carousel > .b-carousel_item:nth-child(2) ~ .b-carousel_item { display: none; }

@media (min-width: 480px) and (max-width: 767px), (min-width: 1200px) {

    .b-prices_carousel .b-carousel > .b-carousel_item:nth-child(1) { padding-right: 10px; }
    .b-prices_carousel .b-carousel > .b-carousel_item:nth-child(2) { display: block; padding-right: 0; }

}

@media (min-width: 768px) {

    .b-prices_carousel .b-carousel.owl-carousel .b-carousel_item { padding: 20px 0; }

}

.b-prices_carousel .b-carousel_arrow { top: 31px; }

.b-prices_carousel .b-carousel_arrow__prev { left: 16px; }
.b-prices_carousel .b-carousel_arrow__next { right: 16px; }

/* * * Prices :: plan * * */
.b-prices_plan { margin: 0 auto; text-align: center; border-width: 2px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.b-prices_plan * { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

@media (min-width: 480px) and (max-width: 1199px) {

    .b-prices_plan { max-width: 300px; }

}

.b-prices_plan_header_title { padding: 18px 0 16px; font: 500 1.5em/1 'Museo Sans', sans-serif; }

.b-prices_plan_header_price { padding: 26px 0 22px; font: 500 3em/1 'Museo Sans', sans-serif; letter-spacing: .015em; border-bottom-width: 1px; border-bottom-style: solid; }
.b-prices_plan_header_price sup { vertical-align: .45em; font-size: .6em; }

.b-prices_plan_footer { position: relative; padding: 15px; }

.b-prices_plan.trending .b-prices_plan_header_price { color: #fff; border-left: 2px solid rgba(0, 0, 0, .05); border-right: 2px solid rgba(0, 0, 0, .05); border-bottom: none; }

@media (min-width: 768px) {

    /* * * Prices :: plan :: trending * * */
    .b-prices_plan.trending { margin-top: -20px; margin-bottom: -20px; }

    .b-prices_plan.trending .b-prices_plan_header_title { padding: 26px 0 24px; }
    .b-prices_plan.trending .b-prices_plan_header_price { margin: 0 -2px; padding: 30px 0 26px; }

    .b-prices_plan.trending .b-prices_plan_footer { padding: 25px 15px; }

}

/* * * Prices :: lists * * */
.b-prices_list { list-style: none; }
.b-prices_list li { position: relative; padding: 0 25px; font: 300 1em/47px 'Lato', sans-serif; white-space: nowrap; border-bottom-width: 1px; border-bottom-style: solid; }

@media (max-width: 767px) {

    .b-prices_list li { padding: 10px 5px; font: 400 .9375em 'Lato', sans-serif; }
    .b-prices_list li[title]:before { display: block; margin-bottom: 4px; font: 300 1em 'Lato', sans-serif; opacity: .75; content: attr(title) ':'; backface-visibility: hidden; }

}

/* * * Prices :: legend * * */
.b-prices_legend { margin-top: 177px; margin-right: -15px; text-align: right; }
.b-prices_legend_glyph { position: absolute; left: 25px; top: 50%; margin-top: -10px; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; }


/* -------------------- Testimonials -------------------- */

.b-testimonials_slider .b-slider_inner > .b-slider_item ~ .b-slider_item { display: none; }

/* * * Testimonials :: nav * * */
.b-testimonials_nav { position: relative; margin-bottom: 32px; text-align: center; }

.b-testimonials_nav_btn { display: inline-block; vertical-align: middle; position: relative; z-index: 1; margin-bottom: 20px; width: 60px; height: 60px; letter-spacing: normal; border: 2px solid #fff; opacity: .5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(.833333333, .833333333); -moz-transform: scale(.833333333, .833333333); transform: scale(.833333333, .833333333); -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; overflow: hidden; }
.b-testimonials_nav_btn img { display: block; position: relative; width: 100%; height: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.b-testimonials_nav_btn:hover { opacity: 1; }
.b-testimonials_nav_btn.b-slider_active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

@media (max-width: 767px) {

    .b-testimonials_nav { margin-bottom: 12px; }

}

/* * * Testimonials :: items * * */
.b-testimonials_item { position: relative; text-align: center; }

@media (max-width: 969px) {

    .b-testimonials_item { margin: 0 60px; }

}

.b-testimonials_item_quote { position: relative; font: 400 italic 1.5em/1.33333333333333 'Lato', sans-serif; }

.b-testimonials_item_quote:before { position: absolute; left: -60px; top: 0; font: 400 18px/1 'AppStory', sans-serif; content: '\e804'; }
.b-testimonials_item_quote:after { position: absolute; right: -60px; bottom: 0; font: 400 18px/1 'AppStory', sans-serif; content: '\e805'; }

.b-testimonials_item_author { margin-top: 20px; font: 300 1.125em 'Lato', sans-serif; }
.b-testimonials_item_author strong { font: 700 1em 'Lato', sans-serif; }

.b-testimonials_item_rating { display: block; margin: 32px 0 24px; font: normal 18px/1 'AppStory'; letter-spacing: .05em; text-align: center; }

.b-testimonials_item_rating i:nth-child(2),
.b-testimonials_item_rating i:nth-child(4) { font-size: 20px; }

.b-testimonials_item_rating i:nth-child(3) { font-size: 22px; }

@media (max-width: 767px) {

    .b-testimonials_item { margin: 0 30px; }

    .b-testimonials_item_quote:before { left: -30px; }
    .b-testimonials_item_quote:after { right: -30px; }

    .b-testimonials_item_quote { font: 400 italic 1.125em 'Lato', sans-serif; }

    .b-testimonials_item_author { font: 300 1em 'Lato', sans-serif; }
    .b-testimonials_item_author strong { font: 700 1.125em 'Lato', sans-serif; }

}


/* -------------------- Team -------------------- */
.b-team_feed:last-child { margin-bottom: -30px; }
.b-team_feed > [class*="col-"] { margin-bottom: 30px; }

@media (min-width: 768px) {

    .b-team_feed:last-child { margin-bottom: -60px; }
    .b-team_feed > [class*="col-"] { margin-bottom: 60px; }

}

/* * * Team :: person * * */
.b-team_person { position: relative; margin-bottom: 2em; font: 300 .875em/1.28571428571429 'Lato', sans-serif; }
.b-team_person:last-child { margin-bottom: auto; }

.b-team_person_pic { display: block; position: relative; z-index: 5; margin-bottom: 16px; width: 180px; text-decoration: none; color: inherit; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.b-team_person_pic img { display: block; position: relative; width: 100%; height: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

a.b-team_person_pic:after,
a.b-team_person_pic:before { position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; font-size: 26px; line-height: 1; text-align: center; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; visibility: hidden; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

a.b-team_person_pic:after { content: ''; }

a.b-team_person_pic:before { z-index: 4; left: 10px; top: 50%; right: 10px; bottom: auto; text-shadow: 0 1px 1px rgba(0, 0, 0, .25); color: #fff; -webkit-transform: scale(.5) translateY(-50%); -moz-transform: scale(.5) translateY(-50%); transform: scale(.5) translateY(-50%); }
a.b-team_person_pic[data-more]:before { font: 700 1.14285714285714em/1 'Lato', sans-serif; letter-spacing: .025em; content: attr(data-more); }

a.b-team_person_pic:hover:after { opacity: 1; visibility: visible; }
a.b-team_person_pic:hover:before { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 479px) {

    .b-team_person { text-align: center; }
    .b-team_person_pic { margin: 0 auto 16px; }

}

@media (min-width: 480px) {

    .b-team_person_pic { float: left; margin-bottom: auto; }

    .b-team_person_pic ~ * { margin-left: 200px; }
    .b-team_person_pic ~ .b-team_person_text { padding-top: 14px; }

}

.b-team_person_text_header { position: relative; margin-bottom: 12px; }
.b-team_person_text_header strong { font: 700 24px 'Lato', sans-serif; }

.b-team_person_social { margin: 16px -4px -10px; text-align: left; cursor: default; }
.b-team_person_social_icon { display: inline-block; vertical-align: top; position: relative; margin: 0 4px 10px 0; width: 24px; height: 24px; font-size: 13px; line-height: 24px; text-decoration: none; text-align: center; color: #fff !important; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.b-team_person_social_icon__twitter { background: #00aced; }
.b-team_person_social_icon__facebook { background: #3b5997; }
.b-team_person_social_icon__dribbble { background: #ea4c89; }
.b-team_person_social_icon__pinterest { background: #cb2027; }
.b-team_person_social_icon__gplus { background: #dc4a3d; }

@media (max-width: 479px) {

    .b-team_person_social { text-align: center; }

}

/* * * Team :: skills * * */
.b-team_skills { margin-top: 30px; }
.b-team_skills:first-child { margin-top: auto; }

* + .b-team_skills { margin-top: 24px; }

.b-team_skills_row { position: relative; padding-left: 72px; font: 300 12px/1 'Lato', sans-serif; }
.b-team_skills_row ~ .b-team_skills_row { margin-top: 20px; }

.b-team_skills_row_bar { position: relative; margin-top: 7px; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b-team_skills_row_bar_fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.b-team_skills_row_bar_fill[data-width]:before { position: absolute; left: -72px; bottom: -2px; font: 300 30px/1 'Lato', sans-serif; content: attr(data-width); }


/* -------------------- Story -------------------- */
.b-story_text { font: 300 1.5em/1.5 'Lato', sans-serif; text-align: center; }
.b-story_text_footer { margin-top: 64px; margin-bottom: 10px; }

@media (max-width: 767px) {

    .b-story_text { font: 300 1.25em/1.4 'Lato', sans-serif; text-align: center; }

}


/* -------------------- Gallery -------------------- */
.b-gallery_filter { list-style: none; margin-bottom: 30px; text-align: center; }
.b-gallery_filter > li { display: inline-block; vertical-align: top; position: relative; margin: 0 3px 10px; }

.b-gallery_filter:last-child { margin-bottom: -10px; }

@media (min-width: 768px) {

    .b-gallery_filter { margin-bottom: 80px; }

}

.b-gallery_filter_btn { display: block; position: relative; padding: 8px 14px; font: 700 1em/1 'Lato', sans-serif; text-transform: uppercase; text-decoration: none; color: #dde3e8; background: transparent; border: 2px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

/* * * Gallery :: feed * * */
.b-gallery_feed:last-child { margin-bottom: -30px; }
.b-gallery_feed > [class*="col-"] { margin-bottom: 30px; }

@media (min-width: 1200px) {

    .b-gallery_feed > [class*="col-"] { width: 25%; }

}

/* * * Gallery :: pics * * */
.b-gallery_pic { display: block; position: relative; height: 0; padding-bottom: 100%; text-decoration: none; color: #fff; background-color: #323a45; background-position: center center; background-size: cover; overflow: hidden; -webkit-box-shadow: 0 10px 18px rgba(50, 58, 69, .05); -moz-box-shadow: 0 10px 18px rgba(50, 58, 69, .05); box-shadow: 0 10px 18px rgba(50, 58, 69, .05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.b-gallery_pic.top { background-position: center top; }
.b-gallery_pic.bottom { background-position: center bottom; }

.b-gallery_pic.screen { padding-bottom: 177.866667%; }

.b-gallery_pic:after,
.b-gallery_pic:before { position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; font-size: 26px; line-height: 1; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }

.b-gallery_pic:after { content: ''; }
.b-gallery_pic:before { z-index: 4; left: 10px; top: 50%; right: 10px; bottom: auto; margin-top: -13px; font: normal 26px/1 'Ionicons'; text-shadow: 0 1px 1px rgba(0, 0, 0, .25); color: #fff; content: '\f21f'; }

.b-gallery_pic:hover:after,
.b-gallery_pic:hover:before { opacity: 1; visibility: visible; }


/* -------------------- Reviews -------------------- */
.b-reviews_tweets .twitter-tweet { margin: 0 0 !important; }
.b-reviews_tweets .twitter-tweet ~ .twitter-tweet { margin: 20px 0 0 !important; }

@media (min-width: 768px) {

    .b-reviews_tweets { margin-left: 10px; }
    .b-reviews_tweets .twitter-tweet ~ .twitter-tweet { margin: 30px 0 0 !important; }

}

@media (min-width: 970px) {

    .b-reviews_tweets { margin-left: 45px; }
    .b-reviews_tweets .twitter-tweet ~ .twitter-tweet { margin: 40px 0 0 !important; }

}

.b-reviews_tweets .twitter-tweet,
.b-reviews_tweets .twitter-tweet::shadow .EmbeddedTweet { width: 100% !important; max-width: 100% !important; }

/* * * Reviews :: logotypes * * */
@media (min-width: 970px) {

    .b-reviews_logotypes { margin-right: 15px; }

}

.b-reviews_logo { display: table; width: 100%; height: 120px; border-collapse: separate; border-spacing: 0; table-layout: fixed; background: #fff; box-shadow: 0 10px 18px rgba(50, 58, 69, .05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.b-reviews_logo ~ .b-reviews_logo { margin-top: 20px; }

@media (min-width: 970px) {

    .b-reviews_logo ~ .b-reviews_logo { margin-top: 40px; }

}

.b-reviews_logo_cell { display: table-cell; vertical-align: middle; padding: 10px; text-decoration: none; color: inherit; -webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; transition: opacity 250ms; }
.b-reviews_logo_cell img { display: block; max-width: 200px; max-height: 100px; margin: 0 auto; width: auto; height: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

@media (min-width: 970px) {

    .b-reviews_logo_cell { vertical-align: middle; padding: 10px 40px; }

}

.b-reviews_logo_cell:hover { opacity: .75; }


/* -------------------- Related -------------------- */
.b-related_feed:last-child { margin-bottom: -30px; }
.b-related_feed > [class*="col-"] { margin-bottom: 30px; }

/* * * Related :: items * * */
.b-related_item { display: table; position: relative; width: 100%; font: 300 .875em/1.28571428571429 'Lato', sans-serif; border-collapse: collapsed; }
.b-related_item > * { display: table-cell; vertical-align: bottom; }

@media (min-width: 768px) {

    .b-related_item { max-width: 400px; }

}

.b-related_item_pic { width: 120px; }
.b-related_item_pic ~ * { padding-left: 20px; }

.b-related_item_pic_capsule { display: block; position: relative; height: 0; padding-bottom: 100%; text-decoration: none; background-position: center center; background-size: cover; overflow: hidden; -webkit-box-shadow: 0 10px 18px rgba(50, 58, 69, .05); -moz-box-shadow: 0 10px 18px rgba(50, 58, 69, .05); box-shadow: 0 10px 18px rgba(50, 58, 69, .05); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.b-related_item_pic_capsule__cover { padding-bottom: 154.166666666667%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

@media (min-width: 970px) {

    .b-related_item_pic ~ * { padding-left: 30px; }

}

@media (max-width: 479px) {

    .b-related_item_pic { width: 90px; }

    .b-related_item_pic_capsule { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
    .b-related_item_pic_capsule__cover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

    .b-related_item_pic ~ * { padding-left: 20px; }
    .b-related_item_pic ~ .b-related_item_info { padding-top: 0; }

}

.b-related_item_info { padding-bottom: 10px; }

.b-related_item_title { margin-bottom: 10px; font: 500 1.42857142857143em/1 'Museo Sans', sans-serif; }
.b-related_item_title a { text-decoration: none; color: inherit; }

.b-related_item_rating { margin-top: 16px; text-align: left; }


/* -------------------- Author -------------------- */
.b-author .b-section_content { padding-bottom: 0; }

@media (min-width: 970px) {

    .b-author_layout { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -moz-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }

    .b-author_layout > [class*="col-"]:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
    .b-author_layout > [class*="col-"]:last-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

}

/* * * Author :: photo * * */
.b-author_photo { display: block; position: relative; margin: 0 auto; max-width: 100%; height: auto; }

/* * * Author :: info * * */
.b-author_info { margin-bottom: 32px; }

@media (min-width: 970px) {

    .b-author_info { margin-bottom: 100px; }

}

.b-author_info_header { position: relative; margin-bottom: 26px; font: 300 14px 'Lato', sans-serif; }
.b-author_info_header strong { margin-right: 10px; font: 700 24px 'Lato', sans-serif; }

.b-author_info_header p:first-child + p { margin-top: -4px; }

.b-author_info_header_social_icon { display: inline-block; vertical-align: 4px; position: relative; margin: 0 4px 10px 0; width: 24px; height: 24px; font-size: 13px; line-height: 24px; text-decoration: none; text-align: center; color: #fff !important; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.b-author_info_header_social_icon__twitter { background: #00aced; }
.b-author_info_header_social_icon__facebook { background: #3b5997; }
.b-author_info_header_social_icon__dribbble { background: #ea4c89; }
.b-author_info_header_social_icon__pinterest { background: #cb2027; }
.b-author_info_header_social_icon__gplus { background: #dc4a3d; }

.b-author_info_facsimile { float: right; margin: 36px 50px 0 0; }

@media (min-width: 768px) and (max-width: 969px) {

    .b-author_info_facsimile { margin-bottom: -100px; }

}

@media (max-width: 479px) {

    .b-author_info_facsimile { margin: 16px 0 0 0; }

}


/* -------------------- Feedback -------------------- */
/* * * Feedback :: contacts * * */
@media (max-width: 767px) {

    .b-feedback_contacts { margin: 0 0 40px; }

}

.b-feedback_contacts_section { display: block; position: relative; padding: 10px 0 0 82px; font: 300 18px/1.33333333333333 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }
.b-feedback_contacts_section ~ .b-feedback_contacts_section { margin-top: 24px; }

.b-feedback_contacts_section:before { position: absolute; z-index: 5; left: 0; top: 2px; width: 42px; height: 42px; font-size: 24px; line-height: 42px; text-align: center; text-shadow: none; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; }

.b-feedback_contacts_section:after { position: absolute; z-index: 0; left: 0; top: 2px; width: 42px; height: 42px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; content: ''; }
.b-feedback_contacts_section:hover:after { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; }

.b-feedback_contacts_section a { text-decoration: none; color: inherit; }
.b-feedback_contacts_section small { font-size: 16px; }


/* -------------------- Keyframes -------------------- */
@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    80% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-moz-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    80% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    80% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
