/* ==========================================================================
   Timmy template common styles
   Timmy Template version 1.1.0
   
   Description:
   This file is used to introduce common elements for timmy template.
   ========================================================================== */

/* == Colors */
/* ## Gray and brand colors for use across Bootstrap. */














/* == Scaffolding */
/* ## Settings for some of the most global styles. */








/* == Typography */
/* ## Font, line_height, and color for body text, headings, and more. */

























/* == Components */
/* ## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line_height (~20px to start). */


























/* == Tables */
/* ## Customizes the `.table` component with basic values, each used across all table variations. */











/* == Buttons */
/* ## For each of Bootstrap's buttons, define text, background and border color. */
































/* == Forms */
/* ## */





























/* == Dropdowns */
/* ## Dropdown menu container and contents. */

























/* == Media queries breakpoints */
/* ## Define the breakpoints at which your layout will change, adapting to different screen sizes. */





















/* == Grid system */
/* ## Define your custom responsive grid. */






/* == Container sizes */
/* ## Define the maximum width of `.container` for different screen sizes. */










/* == Navbar */
/* ## */
















































/* == Navs */
/* ## */






















/* == Pagination */
/* ## */

















/* == Pager */
/* ## */












/* == Jumbotron */
/* ## */








/* == Form states and alerts */
/* ## Define colors for form feedback states and, by default, alerts. */

















/* == Tooltips */
/* ## */









/* == Popovers */
/* ## */















/* == Labels */
/* ## */











/* == Modals */
/* ## */



















/* == Alerts */
/* ## Define alert colors, border radius, and padding. */





















/* == Progress bars */
/* ## */











/* == List group */
/* ## */



















/* == Panels */
/* ## */


































/* == Thumbnails */
/* ## */









/* == Wells */
/* ## */




/* == Badges */
/* ## */












/* == Breadcrumbs */
/* ## */








/* == Carousel */
/* ## */













/* == Close */
/* ## */





/* == Code */
/* ## */












/* == Type */
/* ## */














/* Typography ============================================================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 20px; margin-bottom: 10px; }
h1, .h1 {}
h2, .h2 {}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {}

@media (max-width: 767px) {
    h1, .h1 { font-size: 32px; }
    h2, .h2 { font-size: 24px; }
    h3, .h3 { font-size: 20px; }
    h4, .h4 { font-size: 22px; }
    h5, .h5 { font-size: 14px; }
    h6, .h6 { font-size: 13px; }
}

.section-header {}
.section-header h1 { margin-top: 0; text-transform: none; font-size: 32px; position: relative; margin-bottom: 28px; padding-bottom: 26px; }
.section-header h1:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: auto; width: 50px; height: 2px; background: #adafb1; }
.text-center .section-header h1:after { left: 50%; margin-left: -25px; }
.text-left .section-header h1:after { left: 0; right: auto; margin-left: 0; }
.text-right .section-header h1:after { left: auto; right: 0; margin-left: 0; }
.section-header p { font-weight: 400; line-height: 1.5625; font-size: 20px; margin-bottom: 20px; }


p,
.lead { margin-bottom: 20px; }

@media (min-width: 768px) {
    .lead { font-weight: 400; line-height: 1.5625; font-size: 20px; margin-bottom: 20px; }
}
small, .small { color: #adafb1; }

.text-white, 
.text-white h1, 
.text-white h2, 
.text-white h3, 
.text-white h4 { color: #Fff; }

.no-margin, 
.no-margin h1, 
.no-margin h2, 
.no-margin h3, 
.no-margin h4 { margin-top: 0; }

.lh-50,
.lh-50 h1, 
.lh-50 h2, 
.lh-50 h3, 
.lh-50 h4 { line-height: 50px; }

.pl-97 { padding-left: 40px; }

.meet-person h1 { margin-bottom: 0; }
.meet-person h2 { margin-top: 10px; margin-bottom: 0; }
.meet-person blockquote { color: #4a4a4a; }
@media (min-width: 768px) and (max-width: 991px) {
    .pl-97 { padding-left: 0; }
    .meet-person { padding-right: 0; }
    .meet-person blockquote { padding-right: 20px; }
}
@media (min-width: 992px) {
    .pl-97 { padding-left: 97px; }
    .meet-person { padding-right: 30px; }
    .meet-person blockquote { padding-right: 60px; }
}

blockquote {
    border: none;
    padding: 0;
    font-size: 16px;
    color: #888;
    font-style: italic;
    margin: 50px 0;
    padding-left: 97px;
    position: relative;
}
blockquote:before { content: ''; display: block; width: 68px; height: 47px; position: absolute; top: 0; left: 0; background: url('//2216745.fs1.hubspotusercontent-na1.net/hubfs/2216745/TT/blockquote.png'); }
@media (max-width: 767px) {
    blockquote { padding-left: 40px; }
    blockquote:before { background-size: cover; width: 28px; height: 20px; }
}

pre { margin-bottom: 30px; }

.ul-styled ul { list-style: none; padding: 0; }
.ul-styled ul > li { padding-left: 40px; margin-bottom: 16px; }
.ul-styled ul > li:before { content: "•"; margin-left: -17px; margin-right: 9px; font-size: 20px; line-height: 1; font-weight: bold; color: #8d57a1; }

/* Buttons ================================================================== */
input.hs-button,
.hs-button,
.btn { border-width: 2px; padding: 13px 24px; text-transform: uppercase; font-family: volkhovregular, Times New Roman, Times, serif; font-size: 13px; letter-spacing: 0.5px; }
.hs-button { margin-top: 15px; }
@media (min-width: 768px) {
    input.hs-button,
    .hs-button,
    .btn { padding-left: 36px; padding-right: 36px; }
    .btn-lg { font-size: 18px; }
}

.btn-white { background-color: #fff; border-color: #fff; color: #4a4a4a; }
.btn-white:hover,
.btn-white:focus { background-color: #e0e0e0; border-color: #e0e0e0; color: #4a4a4a; }

.btn-transparent { background-color: transparent; border-width: 2px; }
.btn-transparent:hover { color: #fff!important; }
.btn-transparent.btn-link:hover { color: #8d57a1!important; }

.btn-transparent.btn-default { color: #adafb1; }
.btn-transparent.btn-primary { color: #8d57a1; }
.btn-transparent.btn-success { color: #6cc94b; }
.btn-transparent.btn-info    { color: #48b7ef; }
.btn-transparent.btn-warning { color: #fdbd3c; }
.btn-transparent.btn-danger  { color: #c33a3a; }

.btn-white.btn-transparent   { color: #fff; }
.btn-white.btn-transparent:hover,
.btn-white.btn-transparent:focus { background-color: #e0e0e0; border-color: #e0e0e0; color: #4a4a4a!important; }

.btn-rounded { border-radius: 100em; }

/* Images =================================================================== */
.img-rounded img { border-radius: 6px; }
.img-circle img { border-radius: 50%; }

/* Forms ==================================================================== */
.hs-input, .form-control { font-size: 13px; }

.inline-form form .hs-form-field > label { display: none; }
.inline-form form { display: table; width: 100%; }
.inline-form form > div { display: table-cell; width: 100%; vertical-align: top; margin: 0; padding: 0; }
.inline-form .input.hs-button, .inline-form .hs-button { margin-top: 0; }

.input-group-addon { color: #fff; }

.form-title, legend { margin: 0; padding: 0; border: none; }

.text-center .hs-form { text-align: center; }
.text-center .hs-form .field { text-align: left; }

.form-btn-lg .hs-button { padding: 10px 16px; font-size: 20px; line-height: 1.3333333; border-radius: 0; }

/* Dropdown ================================================================== */
.hs-menu-children-wrapper, .dropdown-menu { min-width: 200px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); padding: 0; }
.hs-menu-children-wrapper>li.dropdown-header, 
.dropdown-menu>li.dropdown-header,
.hs-menu-children-wrapper>li>a, 
.dropdown-menu>li>a { padding: 9px 32px 9px 12px; border-bottom: 1px solid #d8d8d8; }
.hs-menu-children-wrapper>li:last-child>a, 
.dropdown-menu>li:last-child>a { border-bottom: none; }


/* Dropdown ================================================================== */
.nav-pills>li>a,
.nav-tabs>li>a { padding: 11px 36px; }

.nav-pills,
.nav-tabs { margin-bottom: 20px; }

.tab-content { margin-bottom: 40px; }

/* Collapse ================================================================= */
.panel-group { margin-bottom: 40px; }
.panel-group .panel-primary { border: none; }
.panel-group .panel-primary > .panel-heading { background: none; border: none; padding: 0; }
.panel-group .panel-primary > .panel-heading .panel-title { color: #4a4a4a; font-weight: 400; font-size: 24px; font-family: Fira Sans, Helvetica, Arial, sans-serif; }
.panel-group .panel-primary > .panel-heading .panel-title a { padding: 28px 0 0; color: #8d57a1; display: block; text-decoration: none!important; position: relative; }
.panel-group .panel-primary > .panel-heading .panel-title a:after { content: '\f106'; font-family: fontawesome; position: absolute; right: 0; font-size: 28px; font-weight: bold; top: 50%; margin-top: -2px; }
.panel-group .panel-primary > .panel-heading .panel-title a.collapsed:after { content: '\f107'; }
.panel-group .panel-primary .panel-body { padding: 10px 0 0; }

.panel-group-accordion { margin-bottom: 0; }
.panel-group-accordion .panel-primary { border-bottom: 1px solid #e4e4e4; padding-bottom: 28px; }
.panel-group-accordion .panel-primary > .panel-heading .panel-title { font-size: 20px; }


/* Pricing table ============================================================= */
.pricing-table { margin-bottom: 40px; }
.pricing-table h3.heading { padding: 15px; color: #4a4a4a; background: #8d57a1; margin: 0px; text-align: center; }
.pricing-table h4.heading { color: #4a4a4a; }
.pricing-table .label { padding: 5px 10px; right: 15px; color: #fff; margin-left: 10px; vertical-align: middle; }
.pricing-table .content { background: #f5f5f5; padding: 30px; text-align: center; }
.pricing-table .content ul { list-style: none; padding-left: 0px; }
.pricing-table .content ul li { padding: 10px 0px; }
.pricing-table .number { font-size: 60px; font-weight: 700; }
.pricing-table .currency { font-size: 24px; position: relative; top: -25px; }
.pricing-table .unit { color: #ccc; text-transform: uppercase; }
.pricing-table .content a { padding: 10px 25px; }
   
/* demo helper styles  ====================================================== */
.demo-navbars { background-color: #d8d8d8; padding-top: 40px; padding-bottom: 0; }
.demo-navbars .navbar { margin-bottom: 30px; }
.demo-navbars > .row-fluid-wrapper:last-child .navbar { margin-bottom: 0; }
.demo-image img { display: block; margin: 10px auto; }

/* glabal helpers =========================================================== */
a { transition: all 0.2s; }

.vertical-align-middle { height: 100%; width: 100%; display: table; }
.vertical-align-middle > div { display: table-cell; vertical-align: middle; }

.spacer-sm { height: 30px; }
.spacer-md { height: 60px; }
.spacer-lg { height: 90px; }
.spacer-xl { height: 120px; }


/* navbar & headers ========================================================= */
/* social sharing widget */
/* replace images with fontawesome icons */
.navbar .social-links,
.navbar .hs_cos_wrapper_type_social_sharing { display: block; padding-top: 27px; }
.hs_cos_wrapper_type_social_sharing > a > img { display: none; }
.social-links { display: inline-block; }
.hs-author-social-links > a,
.social-links > a,
.hs_cos_wrapper_type_social_sharing > a[style] { 
    border-radius: 50%;
    background-color: #d8d8d8;
    color: #fff;
    height: 30px;
    width: 30px!important;
    display: block;
    float: left;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    text-indent: 30px;
    white-space: nowrap;
    overflow: hidden;
}
.hs-author-social-links > a:before,
.social-links > a:before,
.hs_cos_wrapper_type_social_sharing > a:before {
    content: '';
    font-family: fontawesome;
    display: block;
    width: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    text-indent: 0;
    top: 0;
    left: 0;
    right: 0;
}
.hs-author-social-links > a.facebook:before,
.social-links > a.facebook:before,
.hs_cos_wrapper_type_social_sharing > a[href*=facebook]:before  { content: '\f09a'; }
.hs-author-social-links > a.linkedin:before,
.social-links > a.linkedin:before,
.hs_cos_wrapper_type_social_sharing > a[href*=linkedin]:before  { content: '\f0e1'; }
.hs-author-social-links > a.twitter:before,
.social-links > a.twitter:before,
.hs_cos_wrapper_type_social_sharing > a[href*=twitter]:before  { content: '\f099'; }
.hs-author-social-links > a.google:before,
.social-links > a.google:before,
.hs_cos_wrapper_type_social_sharing > a[href*=google]:before    { content: '\f0d5'; }
.social-links > a.pinterest:before,
.hs_cos_wrapper_type_social_sharing > a[href*=pinterest]:before { content: '\f231'; }
.social-links > a.email:before,
.hs_cos_wrapper_type_social_sharing > a[href*=mailto]:before    { content: '\f0e0'; }

/* stacked navigation */
.navbar-stacked { height: auto; }
.navbar-stacked-nav { border-top: 2px solid #e4e4e4; }
@media (min-width: 1200 ) {
    .navbar-stacked-nav .navbar-nav.navbar-left ul { margin-left: -15px; display: block; }
    .navbar-stacked-nav .navbar-nav ul > li > a { padding-top: 20px; padding-bottom: 20px; }
    .navbar-stacked-nav .navbar-collapse { padding-left: 0; padding-right: 0; }

    /* make last menu item in navbar-right a button */
    .navbar-default .navbar-right ul > li:last-child { margin-top: 20px; margin-left: 32px; }
    .navbar-default .navbar-right ul > li:last-child > a {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 12px 32px;
        font-size: 14px;
        line-height: 1.5;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #fff;
        background-color: #36bb48;
        border-color: #36bb48;
    }
}

.navbar-header > span.hs_cos_wrapper_type_logo > a { float: left; }
@media (max-width: ) {
    .container>.navbar-header, 
    .container-fluid>.navbar-header, 
    .container>.navbar-collapse, 
    .container-fluid>.navbar-collapse { margin-left: 0; margin-right: 0; }
    .navbar-toggle { margin-right: 0; }
}

/* topbar styling */
.topbar { min-height: 50px; line-height: 50px; font-size: 13px; background-color: whitesmoke;}
.topbar-left { float: left; }
.topbar-right { float: right; }
.topbar:after { content: ''; display: Table; clear: both; }
.topbar .phone-number { font-size: 16px; }
.topbar .phone-number:before { content: '\f095'; font-family: fontawesome; display: inline-block; color: #d8d8d8; margin-right: 6px; }
.topbar .social-links { display: inline-block; vertical-align: middle; height: 24px; margin-left: 24px; }
.topbar .social-links > a { height: 24px; width: 24px!important; margin-left: 8px; }
.topbar .social-links a:before { font-size: 12px; line-height: 24px; width: 24px;}


/* footers ================================================================ */
.footer-container-wrapper { padding-top: 40px; padding-bottom: 0; background-color: black; color: #888; font-size: 13px; }
.footer-container-wrapper h3 { border: none; margin-top: 0; line-height: 1.2; color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 20px; }
.footer-container-wrapper h4 { line-height: 30px; margin-top: 0; color: #fff; font-size: 16px; margin-bottom: 20px; text-transform: uppercase; }
.footer-container-wrapper .widget-type-cell { margin-bottom: 50px; }
.footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li  { margin-bottom: 12px; }
@media (min-width: 768px) {
    .footer-container-wrapper { padding-top: 60px; }
}
@media (min-width: 992px) {
    .footer-container-wrapper { padding-top: 120px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .footer-container-wrapper .container > .row-fluid-wrapper > .row-fluid { margin-left: -15px; margin-right: -15px; width: auto; }
    .footer-container-wrapper .container > .row-fluid-wrapper > .row-fluid > [class*="span"] { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; }
    .footer-container-wrapper .span2 { width: 21.3333%; }
    .footer-container-wrapper .span3 { width: 36%; }
    .footer-container-wrapper .span4 { width: 50%; }
}
@media (max-width: 767px) {
    .footer-container-wrapper .footer-container { max-width: 320px; margin-left: auto; margin-right: auto; text-align: center; }
}

.footer-container-wrapper .social-links { margin-bottom: 30px; }
.footer-container-wrapper .social-links > a { color: #000; background: #fff; }


.footer-container-wrapper .copyright .widget-type-cell { margin-bottom: 0; }
.footer-container-wrapper .copyright { padding-top: 20px; padding-bottom: 70px; margin-top: 15px; color: #4a4a4a; font-size: 13px; }

/* recent posts ============================================================ */
.widget-type-rss_listing {}
.widget-type-rss_listing h3 { margin-bottom: 50px; }

.hs-rss-module .hs-rss-item { margin-bottom: 40px; }
@media (min-width: 768px) {
    .hs-rss-module { margin-left: -15px; margin-right: -15px; }
    .hs-rss-module:after { content: ''; display: table; clear: both; }
    .hs-rss-module .hs-rss-item { float: left; width: 50%; padding-left: 15px; padding-right: 15px; }
}
@media (min-width: 992px) {
    .hs-rss-module .hs-rss-item { width: 25%; }
}

.hs-rss-item.hs-with-featured-image { position: relative; }
.hs-rss-item.hs-with-featured-image .hs-rss-item-text { width: auto; padding: 0; float: right; margin-top: 232px; }
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: auto; position: absolute; top: 0; left: 15px; right: 15px; height: 210px; overflow: hidden; }
.fit-image img,
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    opacity: 0;
    transition: opacity 0.2s;
    transform: translate(-50%, -50%);
}
.fit-image img.wide,
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image.wide {
    height: 100%;
    width: auto;
    opacity: 1;
}
.fit-image img.tall,
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image.tall {
    width: 100%;
    height: auto;
    opacity: 1;
}​

.hs-rss-item-text { font-size: 16px; }
.hs-rss-title { display: block; font-size: 24px; line-height: 1.3333; margin-bottom: 4px; color: #4a4a4a; }
.hs-rss-title:hover { text-decoration: none; }

.section-bg-gray-base .hs-rss-title,
.section-bg-gray-darker .hs-rss-title,
.section-bg-gray-dark .hs-rss-title { color: #fff; }

.hs-rss-byline { margin-bottom: 14px; }
.hs-rss-description {}

.hs-rss-description p a {
    display: inline-block;
    margin-top: 26px;
    margin-bottom: 0;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    padding: 12px 32px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
    display: block;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #8d57a1;
    background-color: transparent;
    border-color: #8d57a1;
}
.hs-rss-description p a:hover,
.hs-rss-description p a:focus { text-decoration: none; }

/* sections ================================================================ */
.section { padding-top: 90px; padding-bottom: 90px; }
.section.post-footer { padding: 0; border: none; }
.section-author { padding-top: 60px; padding-bottom: 60px; color: #adafb1; font-size: 13px; }

@media (max-width: 767px) {
    .section { padding-top: 40px; padding-bottom: 40px; }
    .section-author { padding-top: 30px; padding-bottom: 30px; }
}

.section-bg-gray-base    { background-color: #111111;    }
.section-bg-gray-darker  { background-color: #252525;  }
.section-bg-gray-dark    { background-color: #4a4a4a;    }
.section-bg-gray         { background-color: #58585b;         }
.section-bg-gray-light   { background-color: #777;   }
.section-bg-gray-lighter { background-color: #f9f5fa; }

.section-bg-gray-base,
.section-bg-gray-darker,
.section-bg-gray-dark { color: #e4e4e4; }

.section-set-bg { background: center no-repeat; background-size: cover; }
.section-get-bg { display: none!important; min-height: 0!important; }

@media (min-width: 992px) {
    .section-subscribe-inline h2 { margin: 0; line-height: 50px; }
}
@media (max-width: 991px) {
    .section-subscribe-inline { padding: 30px 0; text-align: center; }
    .section-subscribe-inline .row-fluid [class*="span"] { float: none; margin: 0 auto; width: auto; }
    .section-subscribe-inline h2 { margin-bottom: 26px; }
    .section-subscribe-inline .widget-type-form { max-width: 480px; }
}

.row-fluid [class*="span"].column-half { width: 100%; margin: 0; padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 992px) {
    .row-fluid [class*="span"].no-margin { margin: 0; }
    .row-fluid [class*="span"].column-half { padding: 0; width: 50%; }

    .column-half .container { padding-top: 90px; padding-bottom: 90px; max-width: 440px; }
    .column-half .container:after { content: ''; display: table; clear: both; }
    .container.first { float: right!important; margin-right: 30px!important; }
    .container.last { float: left!important; margin-left: 30px!important; }
}
@media (min-width: 1200px) {
    .column-half .container { max-width: 486px; }
    .container.first { margin-right: 97px!important; }
    .container.last { margin-left: 97px!important; }
}

/* Hero section ============================================================ */
.hero-section { text-align: center; background: no-repeat center #252525; background-size: cover; color: #fff; }
.hero-section > .container { height: 360px; }
@media (min-width: 992px) {
    .hero-section > .container { height: 750px; }
}

.hero-section h1 { font-size: 26px; line-height: 1.3; margin-bottom: 30px; color: #fff; }
.hero-section h2 { font-family: Fira Sans, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; margin-bottom: 30px; color: #fff; }
@media (min-width: 992px) {
    .hero-section h1 { font-size: 60px; line-height: 1.1667; }
    .hero-section h2 { font-size: 20px; line-height: 1.5; margin-bottom: 90px; }
}

.hero-section .btn + .btn { margin-left: 20px; }

.hero-section { position: relative; }
.hero-section > .container { position: relative; z-index: 2; }
.hero-section-tint { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; opacity: 0.6; }

/* Blog ==================================================================== */
.hs-blog-header { text-align: left; background: no-repeat center #252525; background-size: cover; color: #fff; }
.blog-hero-section > .container { height: 360px; }
@media (min-width: 992px) {
    .blog-hero-section > .container { height: 570px; }
}

.blog-hero-section h1 { margin-top: 30px; font-size: 26px; text-transform: none; line-height: 1.3; margin-bottom: 30px; color: #fff; position: relative; margin-bottom: 28px; padding-bottom: 26px; }
.blog-hero-section h1:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #adafb1; }
@media (min-width: 992px) {
    .blog-hero-section h1 { margin-top: 60px; font-size: 60px; line-height: 1.1667; }
}

.blog-hero-featured h1 { text-transform: none; }
.blog-hero-featured .post-meta { font-size: 13px; color: #adafb1; position: relative; margin-bottom: 28px; padding-bottom: 26px; }
.blog-hero-featured .post-meta:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #adafb1; }

.section-post-meta { padding-top: 34px; padding-bottom: 34px; font-size: 13px; }
.section-post-meta p { margin: 0; }
@media (max-width: 767px) {
    .section-post-meta { padding-top: 10px; padding-bottom: 10px; }
}

.blog-sidebar .block { margin-bottom: 50px; }
.blog-sidebar .block h3 { font-size: 16px; color: #888; text-transform: uppercase; margin-bottom: 30px; }
.blog-sidebar .block p { font-size: 16px; }

.blog-sidebar ul { list-style: none; padding: 0; }
.blog-sidebar .widget-type-post_filter ul li { font-size: 20px; }
.blog-sidebar .widget-type-post_listing ul li { margin-bottom: 20px; }
@media (max-width: 767px) {
    .blog-sidebar { margin-top: 40px; }
}

.about-author-sec { margin: 0; }
.about-author-sec img { border: none; }
.about-author-sec h4 { margin-top: 0; }
.about-author-sec h4 a { color: #4a4a4a; }
.hs-blog-listing .about-author-sec { margin-left: 16.66666666666667%; }

.widget-type-post_filter.topics-nav { padding: 12px 0; background: #000; text-align: center; }
.widget-type-post_filter.topics-nav h3 { display: none; }
.widget-type-post_filter.topics-nav ul { margin: 0; padding: 0; }
.widget-type-post_filter.topics-nav ul li { display: inline-block; }
.widget-type-post_filter.topics-nav ul li a { display: block; padding: 20px 15px; color: #888; text-transform: uppercase; }

.hs-blog-listing .post-item { margin-bottom: 90px; }
.hs-blog-listing .post-header h2,
.hs-blog-listing .post-header .post-title { margin-bottom: 4px; }
.hs-blog-listing .post-header h2 a,
.hs-blog-listing .post-header .post-title a { color: #4a4a4a; }
.hs-blog-listing .post-header .post-meta { color: #adafb1; font-size: 13px; }

.footer-post-meta { font-size: 13px; }
.footer-post-meta > div { display: inline-block; margin-right: 40px; }
.hs-blog-listing .footer-post-meta { float: right; max-width: 60%; padding-top: 15px; padding-bottom: 15px; }
.hs-blog-listing .footer-post-meta > div { margin-left: 40px; margin-right: 0; }
@media (max-width: 991px) { 
    .hs-blog-listing .footer-post-meta { display: none; }
}

.post-topics:before { content: '\f02b'; font-family: fontawesome; font-size: 15px; color: #d8d8d8; margin-right: 4px; }
.post-comments:before { content: '\f075'; font-family: fontawesome; font-size: 15px; color: #d8d8d8; margin-right: 4px; }

.post-body { margin-bottom: 30px; }
.post-body a { text-decoration: none!important; border-bottom: 1px solid #8b5ba3; }
.social-sharing-wrapper { padding: 40px 0; }

.pager li.prev { float: left; }
.pager li.next { float: right; }
.pager li a {
    padding: 13px 36px;
    text-transform: uppercase;
    font-family: Montserrat,Helvetica,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: .5px;
    color: #4a4a4a;
}

@media (min-width: 768px) {
    .blog-grid .post-listing { margin-left: -15px; margin-right: -15px; }
    .blog-grid .post-listing:after { content: ''; display: table; clear: both; }
    .blog-grid .post-listing > .post-item { padding-left: 15px; padding-right: 15px; float: left; width: 50%; }
    .blog-grid .post-listing > .post-item h2 { font-size: 24px; }
    .blog-grid .post-listing > .post-item .footer-post-meta { display: none; }
    .blog-grid .post-listing > .post-item .post-body { margin-bottom: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-grid .post-listing > .post-item:nth-child(2n+1) { clear: left; }
}

@media (min-width: 992px) {
    .blog-grid .post-listing > .post-item { width: 33.3333%; }
    .blog-grid .post-listing > .post-item:nth-child(3n+1) { clear: left; }
}

/* Page ==================================================================== */
.main { min-height: 320px; }
.page-header { border: none; }

/* Custom Modules ==================================================================== */
/* TT Resource */
.resource { margin-bottom: 45px; }
.resource-feature .resource-title { margin: 0 0 40px; padding-top: 30px; font-size: 60px; line-height: 1.16667; }
.resource-style-vertical .resource-title { font-size: 24px; }
@media (min-width: 768px) {
    .resource-style-horizontal:after { content: ''; display: table; clear: both; }
    .resource-style-horizontal .resource-image { float: left; }
    .resource-style-horizontal .resource-inner { margin-left: 457px; padding-left: 30px; }
}

/* TT Testimonial */
.testimonial { position: relative; }
.testimonial .testimonial-headshot img { display: block; margin: 0 0 20px; border-radius: 50%; max-width: 150px; max-height: 150px;}
.testimonial blockquote { color: #4a4a4a; font-style: normal; margin-top: 0; margin-bottom: 24px; }
.testimonial .details { color: #888; }
.testimonial .details .name { display: block; font-family: volkhovregular, Times New Roman, Times, serif; line-height: 1; }
.testimonial .details .title { font-size: 13px; line-height: 1; }

.testimonial-horizontal { text-align: left; }
.testimonial-horizontal .testimonial-headshot { }
.testimonial-horizontal .testimonial-headshot img { height: 68px; width: 68px; }

.testimonial-vertical blockquote { padding-left: 0; }
.testimonial-vertical .details { padding-left: 0; }

.testimonial-has-image blockquote:before { display: none; }

/* image slider */
.hs_cos_flex-slider .hs_cos_flex-prev,
.hs_cos_flex-slider:hover .hs_cos_flex-prev { height: 110px; left: 5px; opacity: 1; margin-top: -76px; background: none; }
.hs_cos_flex-slider .hs_cos_flex-prev:before { content: '\f104'; font-family: fontawesome; color: #000; text-indent: 0; position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 32px; }
.hs_cos_flex-slider .hs_cos_flex-next,
.hs_cos_flex-slider:hover .hs_cos_flex-next { height: 110px; right: 5px; opacity: 1; margin-top: -76px; background: none; }
.hs_cos_flex-slider .hs_cos_flex-next:before { content: '\f105'; font-family: fontawesome; color: #000; text-indent: 0; position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 32px; }
@media (min-width: 992px) {
    .hs_cos_flex-slider { padding-left: 100px; padding-right: 100px; }
    .hs_cos_flex-slider:hover .hs_cos_flex-prev,
    .hs_cos_flex-slider .hs_cos_flex-next { margin-top: -105px; }
    .hs_cos_flex-slider .hs_cos_flex-prev:before,
    .hs_cos_flex-slider .hs_cos_flex-next:before { font-size: 70px; }
}

.hs_cos_flex-slider { background: none; }
.hs_cos_flex-viewport { padding-bottom: 100px; }
.hs_cos_flex-slider .caption { background: none; font-size: 13px; color: #adafb1; line-height: 1.5; padding: 0; bottom: auto; top: 100%; margin-top: 28px; }

/* before after */
.before-after { border-bottom: 2px solid #e4e4e4; margin-bottom: 50px; margin-top: 30px; padding-bottom: 45px; }
.before-after-inner {}
.before-after-inner:before { font-family: volkhovregular, Times New Roman, Times, serif; display: block; text-transform: uppercase;  color: #888; margin-bottom: 10px; }
.before-after-inner.before:before { content: 'Before'; }
.before-after-inner.after:before { content: 'After'; }
.before-after-image { margin-bottom: 30px; }
.before-after-content {}

/* Team member Module */
.team-member { margin-bottom: 30px; }
.team-member .team-member-headshot { margin-bottom: 20px; }
.team-member .team-member-social { margin-top: 20px; }
.team-member .team-member-social a { color: #8d57a1; font-size: 30px; }
.team-member .three-column .team-member-social a { display: block; }
.team-member .three-column .team-member-social i { padding: 0; }
.team-member .team-member-social i { padding-right: 5px; }
.team-member .team-member-social a:last-child i{ padding-right: 0px; }
.team-member .team-member-name { margin: 0 0 30px; font-weight: 400; line-height: 1.5; }
.team-member .team-member-name small { display: block; margin: 6px 0 0; color: #888; font-weight: 400; font-size: 20px; }

/* content block module */
.content-block-vertical { text-align: center; }
.text-left .content-block-vertical { text-align: left; }
.text-right .content-block-vertical { text-align: right; }
.content-block-horizontal { text-align: left; display: table; width: 100%; }
.content-block-horizontal .content-block-image { width: 200px; display: table-cell; }
.content-block-horizontal .content-block-inner { display: table-cell; padding-left: 30px; }
.content-block-horizontal .content-block-title { margin-top: 0; }

/* metric module */
.metric-vertical { text-align: center; }
.text-left .metric-vertical { text-align: left; }
.text-right .metric-vertical { text-align: right; }
.metric .metric-number { font-weight: normal; font-size: 60px; line-height: 1; margin-bottom: 20px; }
.metric .metric-number small { display: block; font-size: 28px; line-height: 1.3; color: #4a4a4a; }
.metric .metric-content { color: #adafb1; font-size: 13px; }
.metric-vertical .metric-inner { padding-left: 30px; padding-right: 30px; }
.metric-horizontal { text-align: left; display: table; width: 100%; }
.metric-horizontal .metric-image { width: 90px; display: table-cell; }
.metric-horizontal .metric-inner { display: table-cell; padding-left: 30px; }
.metric-horizontal .metric-number { margin-top: 0; }


.lp-nav { float:right; padding:25px 0 0; }
.title-style h1, .title-style h2, .title-style h3 , .title-style h4 , .title-style h5, .title-style h6 { padding-bottom:25px; margin-bottom:25px; position:relative; color:#8d57a1; }
.title-style h1:after, .title-style h2:after, .title-style h3:after, .title-style h4:after, .title-style h5:after, .title-style h6:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: auto; width: 50px; height: 2px; background: #adafb1; }

.content-sec2text { padding:0 0 25px; }
.content-sec2text ul { margin:0; padding:0; list-style:none; }
.content-sec2text ul li { padding:5px 0 5px 15px; position:relative; font-size:16px; color:#5c5c5c }
.content-sec2text ul li:before { content:''; position:absolute; left:0; top:14px; background:#8d57a1; width:5px; height:5px; border-radius:100%;  }
.row-fluid .content-sec2cont { margin:0; }

.text-center .title-style h1:after, .text-center .title-style h2:after, .text-center .title-style h3:after, .text-center .title-style h4:after, .text-center .title-style h5:after, .text-center .title-style h6:after, .title-style.text-center h1:after, .title-style.text-center h2:after, .title-style.text-center h3:after, .title-style.text-center h4:after, .title-style.text-center h5:after, .title-style.text-center h6:after { left:50%; margin:0 0 0 -25px;  }

.row-fluid .cont-box { float:left; width:50%; margin:0; padding:100px 40px; position:relative; }
.row-fluid .content-section { position:relative; }
.row-fluid .content-section:before { background:#8d57a1; opacity:0.5; position:absolute; left:0; top:0; width:100%; height:100%; content:''; }
.row-fluid .content-section > div { position:relative; }
.row-fluid .content-section h2 { color:#fff; margin:0; padding:25px 0 40px; }
.row-fluid .cont-box +  .cont-box:before { background:#505c74; opacity:0.67; position:absolute; left:0; top:0; width:100%; height:100%; content:'';   }
.cont-box > div { position:relative; }

.faq-section { padding-top:0; }
.faq-section .panel-body { background:#f9f5fa; margin:15px 0 0; padding:20px !important; font-size:16px; color:#5c5c5c; }

.cta-section { padding:50px 0 0; }
.cta-section h2 { padding-bottom:20px; } 
.testimonial-slider { padding:80px 14% 0; background:url(https://www.ladyannefunerals.com.au/hubfs/images/quote-icon.png) no-repeat top center; position:relative; }
.testimonial-slider .hs_cos_wrapper_widget_container { padding-bottom:60px; }
.testimonial-slider button { border:none; outline:none; background:none; padding:0; }
.testimonial-slider ul { margin:0; padding:0; list-style:none; } 
.testimonial-slider .slick-slide { outline:none; }
.testimonial-slider .slick-dots { position:absolute; bottom:0; width:100%; text-align:center; }
.testimonial-slider .slick-dots li { display:inline-block; padding:0 2px; }
.testimonial-slider .slick-dots li button { display:inline-block; width:8px; height:8px; border:1px solid #fff; border-radius:100%; font-size:0; }
.testimonial-slider .slick-dots li button:hover, .testimonial-slider .slick-dots li.slick-active button { background:#fff; }
.testimonial-slider .slick-arrow { font-size:0; position:absolute; font-family:'FontAwesome'; bottom:0; color:#fff; z-index:8; padding:0 4px; }
.testimonial-slider .slick-prev { left:50%; margin:0 0 0 -100px; }
.testimonial-slider .slick-next { right:50%; margin:0 -100px 0 0; }
.testimonial-slider button.slick-prev:before { content:"\f104"; font-size:14px;  }
.testimonial-slider button.slick-next:after { content:"\f105"; font-size:14px;  }
.testimonial-text { font-family:volkhovregular, Times New Roman, Times, serif; font-size:20px; line-height:28px; padding:0 0 10px; }
.testimonial-personname , .testimonial-companyname { font-size:16px; }

.contsec-imgright .content-sec2img { float:right; margin:0; padding:100px 0 0 50px; }
.contsec-imgright { padding-bottom:0; }

.speakWith-section h2 { color:#313131; padding-top:30px; position:relative; }
.speakWith-section h2:before { position:absolute; top:-30px; width:100%; content: "\f107"; font-family:'FontAwesome'; left:0; line-height:25px; color:#8d57a1; font-size:38px; }
.topics-trigger { display:none; }


 @media (max-width: 767px) {
     
     .row-fluid .cont-box { width:100%; padding:50px 20px 40px; }
     .row-fluid .content-section h2 { padding: 25px 0 30px; }
     .cta-section { padding:30px 0 0; }
     .testimonial-slider { padding:50px 0 0; } 
     .contsec-imgright .content-sec2img { padding: 0; }
     .contactinfo-box { padding-left:35px; position:relative; }
     .contactinfo-bicon { width:30px; position:absolute; left:0; top:0; }
     
     
 }
 
.topbar .phone-number a { color:#4a4a4a; }
.topbar .phone-number a:hover { color:#8d57a1; }
 
@media (min-width: 992px) {
    
    body.blog.hs-blog-listing .hero-section>.container { height: 400px; }
    
}

@media (max-width: 767px) {
    
    body.blog.hs-blog-post .section-post-meta { display:none }
    .topics-trigger { display:block; text-transform:uppercase; position:relative; padding:8px 0; text-decoration:none; }
    .widget-type-post_filter.topics-nav ul li { display:block; }
    .topics-nav { position:relative; }
    .topics-nav ul { position:absolute; top:100%; left:0; width:100%; background:#fff; display:none; }

}

/* bugs out the homepage
.homepage .row-depth-1 > .row-fluid {
  display: flex;
  flex-wrap: wrap;
}
.homepage .row-depth-1 > .row-fluid > .matchheight { min-height: 320px; }