@charset "utf-8";

@media screen and (max-width:1024px) {
    .sidebar-left .content, .sidebar-right .content {
        width: 100%
    }

    .sidebar-right .wf-container-main {
        padding-right: 245px
    }

    .sidebar-right .sidebar {
        width: 245px;
        margin-right: -245px
    }

    .sidebar-left .wf-container-main {
        padding-left: 245px
    }

    .sidebar-left .sidebar {
        width: 245px;
        margin-left: -245px
    }

    .content, .sidebar, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
        padding: 0 15px
    }

    .content {
        padding-top: 5px
    }

    .vc_row, .wf-container, .wf-container-main {
        margin: 0 -15px
    }

    .wf-wrap {
        padding: 0 30px
    }

    .post-meta.wf-table {
        display: block
    }

    .overlap #fancy-header {
        margin: -40px auto
    }

    .is-webkit.overlap .main-gradient {
        height: 40px;
        margin-top: -30px
    }

    .is-webkit.overlap #main .wf-wrap {
        margin-top: -10px
    }

    .overlap #fancy-header.fancy-header .wf-wrap {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:970px) {
    .sidebar-left .wf-container-main, .sidebar-right .wf-container-main {
        padding-right: 0;
        padding-left: 0
    }

    .sidebar-left .sidebar, .sidebar-right .sidebar {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .content, .sidebar, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
        padding: 0 10px
    }

    .content {
        padding-top: 5px
    }

    .vc_row, .wf-container, .wf-container-main {
        margin: 0 -10px
    }

    .wf-wrap {
        padding: 0 20px
    }

    .overlap #fancy-header {
        margin: -20px auto
    }

    .is-webkit.overlap .main-gradient {
        height: 20px;
        margin-top: -30px
    }

    .is-webkit.overlap #main .wf-wrap {
        margin-top: 10px
    }

    .overlap #fancy-header.fancy-header .wf-wrap {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .full-boxed-pricing, .logo-classic .wf-table, .logo-classic .wf-td, .logo-classic-centered .wf-table, .logo-classic-centered .wf-td, .wf-mobile-collapsed .wf-td, .wf-table.wf-mobile-collapsed {
        display: block
    }

    #top-bar .soc-ico {
        text-align: center
    }

        #top-bar .soc-ico a {
            float: none;
            display: inline-block;
            vertical-align: middle
        }

    .fancy-header .wf-table, .fancy-header .wf-td, .page-title .wf-table, .page-title .wf-td {
        display: block;
        width: 100%;
        text-align: center
    }

    .page-title.title-right h1 {
        text-align: center
    }

    #fancy-header .wf-wrap {
        display: table
    }

    #fancy-header .wf-table {
        display: table-cell;
        vertical-align: middle
    }

    #fancy-header .td-for-height {
        display: none
    }

    .fancy-header .breadcrumbs {
        padding-bottom: 60px
    }

    .fancy-header.title-right .breadcrumbs {
        padding: 60px 0 20px
    }

    #header.logo-classic .wf-table, #header.logo-classic-centered .wf-table {
        height: auto;
        min-height: 0
    }

    .logo-classic #branding, .logo-classic .assistive-info, .logo-classic-centered #branding, .logo-classic-centered .assistive-info {
        width: 100%;
        padding-right: 0;
        text-align: center
    }

    .assistive-info {
        padding-bottom: 10px
    }

    .logo-classic #navigation, .logo-classic-centered #navigation {
        text-align: center
    }

    .full-boxed-pricing {
        margin-bottom: 0
    }

    .logo-center #main-nav.wf-mobile-hidden, .logo-classic-centered #main-nav.wf-mobile-hidden, .wf-mobile-hidden {
        display: none
    }

    .logo-classic #navigation, .logo-classic-centered #navigation {
        line-height: normal
    }

    .wf-mobile-visible {
        display: block
    }

    .overlap #header {
        position: static;
        width: auto
    }

    .content {
        padding-top: 5px
    }

    .sidebar {
        padding-top: 40px
    }

    .content, .sidebar, .wf-1, .wf-1-2, .wf-1-3, .wf-1-4, .wf-1-5, .wf-2-3, .wf-2-4, .wf-3-4, [class*=wf-span-] {
        width: 100%
    }

    .wf-wrap {
        padding: 0 20px
    }

    #bottom-bar .wf-float-left, #bottom-bar .wf-float-right, #branding, #branding-bottom, #top-bar .wf-float-left, #top-bar .wf-float-right {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    #bottom-bar {
        padding-bottom: 10px
    }

    #mobile-menu {
        display: inline-block;
        margin-bottom: 10px
    }

    li.pingback {
        padding-left: 0
    }

    .children li.pingback {
        padding-left: 30px
    }

    #page form .form-row-first {
        float: left;
        width: 100%
    }

    #bottom-bar .wf-table {
        height: auto
    }

    .overlap #fancy-header {
        margin: 0 auto
    }

    .is-webkit.overlap .main-gradient {
        height: 0;
        margin-top: 0
    }

    .is-webkit.overlap #main .wf-wrap {
        margin-top: 0
    }

    .overlap #fancy-header.fancy-header .wf-wrap {
        padding-top: 0;
        padding-bottom: 0
    }

    #top-bar {
        padding-bottom: 28px
    }

        #top-bar > span {
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30px;
            z-index: 99;
            text-align: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }

            #top-bar > span:after {
                position: absolute;
                width: 100%;
                height: 100%;
                content: "";
                background-position: center 5px;
                background-repeat: no-repeat
            }

            #top-bar > span:hover {
                cursor: pointer
            }
}

@media screen and (max-width:320px) {
    .wf-phone-hidden {
        display: none;
        display: none
    }

    #mobile-menu .wf-phone-hidden {
        display: inline-block
    }

    .wf-phone-visible {
        display: inline-block
    }

    #mobile-menu .wf-phone-visible {
        display: none
    }

    .slider-post-caption {
        display: none
    }

    .hr-breadcrumbs.divider-heder {
        margin-bottom: 19px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    body:after {
        content: 'tablet';
        display: none
    }
}

@media screen and (max-width:760px),screen and (max-height:300px) {
    body:after {
        content: 'phone';
        display: none
    }
}

@media screen and (max-width:800px) {
    #header.logo-center #branding, #header.logo-center #branding img, #header.logo-classic #branding, #header.logo-classic #branding img, #header.logo-classic-centered #branding, #header.logo-classic-centered #branding img, #header.logo-left #branding, #header.logo-left #branding img {
        max-width: 320px
    }
}

@media screen and (max-width:430px) {
    #header.logo-center #branding, #header.logo-classic #branding, #header.logo-classic-centered #branding, #header.logo-left #branding {
        width: 100%;
        padding-right: 0
    }

    #header .wf-wrap .wf-table .wf-td {
        display: block
    }

    .logo-left #navigation {
        text-align: center
    }
}

@media screen and (max-width:400px) {
    #header .wf-wrap {
        padding: 0
    }
}