.alert-box .icon-wrap, .tt-popular-post .media-body {
    vertical-align: middle
}

.menuzord .showhide, .menuzord-menu > li > a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

.feature-accordion.panel-group .panel + .panel {
    margin-top: 10px
}

.feature-accordion .panel {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0 0
}

    .feature-accordion .panel .panel-heading {
        position: relative;
        padding: 0
    }

.feature-accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.feature-accordion.brand-accordion .panel-title a {
    background-color: #1a222c
}

.feature-accordion.pink-accordion .panel-title a {
    background-color: #ed145b
}

.feature-accordion.purple-accordion .panel-title a {
    background-color: #673ab7
}

.feature-accordion.red-accordion .panel-title a {
    background-color: #F6483F
}

.feature-accordion .panel-title a.collapsed {
    color: #202020;
    background-color: #eee;
    box-shadow: none
}

.feature-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.feature-accordion .panel-body {
    padding: 15px 0
}

.icon .panel .panel-heading a:after {
    font-family: FontAwesome;
    font-size: 24px;
    width: 50px;
    height: 99%;
    line-height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

.menuzord-menu li .indicator i, .menuzord-menu > li > a > i {
    font-family: FontAwesome
}

.angle-icon .panel .panel-heading a:after {
    content: "\f107"
}

.angle-icon .panel .panel-heading a.collapsed:after {
    content: "\f105"
}

.plus-icon .panel .panel-heading a:after {
    content: "\f068"
}

.plus-icon .panel .panel-heading a.collapsed:after {
    content: "\f067"
}

.flat-accordion {
    padding: 30px
}

    .flat-accordion .panel {
        box-shadow: none;
        border: 0;
        border-radius: 0
    }

.alert, .post-wrapper:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.flat-accordion .panel .panel-heading {
    position: relative;
    padding: 0;
    background-color: transparent
}

.flat-accordion .panel-title {
    font-weight: 500
}

    .flat-accordion .panel-title a {
        display: block;
        color: #1a222c;
        padding: 10px 0
    }

.flat-accordion.brand-accordion .panel-title a {
    color: #1a222c
}

.flat-accordion.pink-accordion .panel-title a {
    color: #ed145b
}

.flat-accordion .panel-title a.collapsed {
    color: #202020
}

.flat-accordion.solid-bg .panel-body, .flat-accordion.solid-bg .panel-title a {
    color: #fff
}

.flat-accordion .panel-body {
    padding: 15px 0
}

.flat-accordion.solid-bg .panel {
    background-color: transparent
}

.flat-accordion.solid-bg .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgba(255,255,255,.5)
}

.alert {
    border-radius: 2px !important;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s
}

    .alert i {
        font-size: 25px;
        margin-right: 10px;
        float: left
    }

.info-border {
    color: #31708f;
    background-color: #d9edf7
}

.success-border {
    color: #00c03b;
    background-color: #effdda
}

.warning-border {
    color: #ff9c00;
    background-color: #fff8ca
}

.danger-border {
    color: red;
    background-color: #fff3f3
}

.info-dark {
    color: #fff;
    background-color: #31708f
}

.success-dark {
    color: #fff;
    background-color: #00c03b
}

.warning-dark {
    color: #fff;
    background-color: #ff9c00
}

.danger-dark {
    color: #fff;
    background-color: red
}

.alert.icon {
    position: relative;
    padding-left: 70px
}

    .alert.icon i {
        position: absolute;
        color: #fff;
        height: 100%;
        width: 55px;
        top: 0;
        left: 0;
        text-align: center;
        font-size: 25px;
        line-height: 55px;
        margin-right: 0;
        float: none
    }

.info-icon {
    border-color: #31708f;
    color: #31708f
}

    .info-icon i {
        background: #31708f
    }

.success-icon {
    border-color: #00c03b;
    color: #00c03b
}

    .success-icon i {
        background: #00c03b
    }

.warning-icon {
    border-color: #ff9c00;
    color: #ff9c00
}

    .warning-icon i {
        background: #ff9c00
    }

.danger-icon {
    border-color: red;
    color: red
}

    .danger-icon i {
        background: red
    }

.info-icon.light-bg {
    background-color: #d9edf7
}

.success-icon.light-bg {
    background-color: #effdda
}

.warning-icon.light-bg {
    background-color: #fff8ca
}

.danger-icon.light-bg {
    background-color: #fff3f3
}

.alert-box {
    padding: 0;
    display: table;
    color: #fff;
    position: relative
}

    .alert-box .icon-wrap {
        display: table-cell;
        width: 150px;
        text-align: center
    }

        .alert-box .icon-wrap i {
            float: none;
            margin: 0
        }

    .alert-box .info-wrap {
        padding: 30px
    }

        .alert-box .info-wrap strong {
            display: block;
            font-size: 16px;
            margin-bottom: 10px
        }

.info-box {
    background-color: #1db2ff
}

    .info-box .icon-wrap {
        background-color: #00a8ff
    }

.success-box {
    background-color: #08e11d
}

    .success-box .icon-wrap {
        background-color: #00d114
    }

.warning-box {
    background-color: #f9be31
}

    .warning-box .icon-wrap {
        background-color: #ffb400
    }

.danger-box {
    background-color: #ff3535
}

    .danger-box .icon-wrap {
        background-color: red
    }

.alert-box .close {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #fff;
    opacity: 1;
    font-size: 25px
}

@media (max-width:767px) {
    .alert-box .icon-wrap {
        width: 50px
    }
}

.post-wrapper {
    padding: 16px;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    transition: all .25s;
    border-radius: 2px;
    margin-bottom: 50px
}

.grid-blog .post-wrapper {
    margin-bottom: 30px
}

.post-wrapper:hover {
    border: 1px solid transparent
}

.thumb-wrapper {
    position: relative;
    margin-bottom: 25px
}

.default-blog .thumb-wrapper::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top,rgba(255,0,0,0),rgba(32,32,32,.8));
    background: -o-linear-gradient(bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
    background: -moz-linear-gradient(bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
    background: linear-gradient(to bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
    width: 100%;
    height: 50%;
    z-index: 1
}

.thumb-wrapper img {
    width: 100%
}

.default-blog .entry-header {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 10;
    width: 90%
}

.entry-header .entry-title {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:479px) {
    .entry-header .entry-title {
        font-size: 12px;
        line-height: 15px
    }

    .default-blog .entry-header .posted-in, .default-blog .post-wrapper .author-thumb {
        display: none
    }
}

.default-blog .entry-header .entry-title a {
    color: #fff
}

.default-blog .entry-header .posted-in a:hover {
    background: #fff !important
}

.default-blog .entry-header .posted-in a {
    display: inline-block;
    padding: 5px 18px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
    background: #1a222c
}

    .default-blog .entry-header .posted-in a:hover {
        color: #1a222c
    }

.default-blog .post-comments-number {
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10
}

    .default-blog .post-comments-number a {
        display: inline-block;
        color: #fff;
        margin-left: 5px
    }

.default-blog .post-wrapper .author-thumb {
    position: absolute;
    top: -12px;
    left: -12px;
    border-radius: 50%
}

.post-wrapper .author-thumb img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    padding: 6px
}

.post-wrapper a.external-link {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10
}

    .post-wrapper a.external-link:hover {
        color: #1a222c;
        background-color: #fff
    }

    .post-wrapper a.external-link i {
        padding-left: 4px
    }

.post-wrapper.format-quote .thumb-wrapper {
    background: #1a222c;
    color: #fff;
    text-align: center
}

    .post-wrapper.format-quote .thumb-wrapper::before {
        display: none
    }

.post-wrapper.format-quote blockquote {
    width: 60%;
    margin: 0 auto;
    border: 0;
    padding: 110px 20px 45px;
    font-size: 20px;
    position: relative
}

    .post-wrapper.format-quote blockquote::before {
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 40px;
        color: #0697d9;
        position: absolute;
        left: 50%;
        top: 50px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .post-wrapper.format-quote blockquote p {
        margin-bottom: 10px
    }

    .post-wrapper.format-quote blockquote footer {
        font-size: 14px;
        line-height: 35px;
        color: #fff
    }

.post-wrapper.format-quote .post-comments-number a:focus, .post-wrapper.format-quote .post-comments-number a:hover {
    color: #fff
}

.tt-sidebar-wrapper .widget {
    margin-bottom: 50px
}

.tt-sidebar-wrapper .widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px
}

.widget_search .search-form {
    position: relative
}

    .widget_search .search-form button {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        height: 60px;
        width: 50px;
        background: 0 0;
        border: 0
    }

.widget input[type=date], .widget input[type=datetime-local], .widget input[type=email], .widget input[type=number], .widget input[type=password], .widget input[type=search], .widget input[type=tel], .widget input[type=text], .widget input[type=time], .widget input[type=url] {
    border: 1px solid #eee;
    height: 60px;
    padding: 6px 20px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.author-info-wrapper {
    border: 1px solid #eee
}

.author-cover {
    position: relative
}

    .author-cover::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        background: -webkit-linear-gradient(top,rgba(255,0,0,0),rgba(32,32,32,.8));
        background: -o-linear-gradient(bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
        background: -moz-linear-gradient(bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
        background: linear-gradient(to bottom,rgba(255,0,0,0),rgba(32,32,32,.8));
        width: 100%;
        height: 50%;
        z-index: 1
    }

    .author-cover img {
        width: 100%
    }

.author-info-wrapper .author-avatar {
    position: relative;
    padding: 15px 20px 30px 130px
}

    .author-info-wrapper .author-avatar img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #fff;
        padding: 5px;
        position: absolute;
        top: -30px;
        left: 15px;
        z-index: 20
    }

.comment-info, .entry-footer {
    position: relative
}

.author-info-wrapper .author-avatar h2 {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.author-info-wrapper p {
    padding: 0 25px;
    line-height: 25px
}

.author-social-links ul {
    text-align: center;
    margin-bottom: 20px
}

    .author-social-links ul li a {
        display: block;
        width: 30px;
        height: 30px;
        color: #999
    }

        .author-social-links ul li a:hover {
            color: #1a222c
        }

.tt-popular-post {
    border: 1px solid #eee
}

    .tt-popular-post .tab-content {
        padding: 30px 20px
    }

    .tt-popular-post.border-bottom-tab .nav-tabs.nav-justified > li > a, .tt-popular-post.border-bottom-tab .nav-tabs > li > a {
        padding: 17px 30px;
        font-weight: 700
    }

    .tt-popular-post .media {
        padding-bottom: 10px;
        border-bottom: 1px solid #eee
    }

        .tt-popular-post .media:last-of-type {
            padding-bottom: 0;
            border-bottom: 0
        }

        .tt-popular-post .media img {
            width: 60px;
            height: 60px;
            border-radius: 50%
        }

        .tt-popular-post .media .media-left {
            padding-right: 15px
        }

    .tt-popular-post .media-body h4 {
        font-size: 15px;
        margin-bottom: 0
    }

        .tt-popular-post .media-body h4 a {
            color: #999
        }

            .tt-popular-post .media-body h4 a:hover {
                color: #1a222c
            }

.widget_categories {
    border: 1px solid #eee;
    padding: 20px
}

    .widget_categories ul li {
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 5px
    }

        .widget_categories ul li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

        .widget_categories ul li a {
            display: block;
            color: #999
        }

            .widget_categories ul li a:hover {
                color: #1a222c
            }

.widget_tt_twitter {
    padding: 30px;
    background-color: #55acee;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    text-align: center
}

    .widget_tt_twitter i {
        display: block;
        font-size: 50px;
        margin-top: 25px;
        margin-bottom: 35px
    }

    .widget_tt_twitter a {
        color: #fff;
        font-weight: 700
    }

        .widget_tt_twitter a:hover {
            color: #ed145b
        }

.twitter-widget.owl-theme .owl-dots .owl-dot.active span, .twitter-widget.owl-theme .owl-dots .owl-dot:hover span {
    background: #1870b2
}

.widget_tt_instafeed {
    text-align: center;
    border: 1px solid #eee
}

    .widget_tt_instafeed i {
        font-size: 30px;
        margin-top: 34px;
        margin-bottom: 15px;
        display: block
    }

    .widget_tt_instafeed h3 {
        font-size: 20px !important;
        text-transform: uppercase;
        margin-bottom: 32px !important
    }

    .widget_tt_instafeed img {
        width: 33%
    }

.post-pagination {
    display: block
}

    .post-pagination li {
        display: inline-block;
        padding: 0 5px
    }

    .post-pagination > li > a, .post-pagination > li > span {
        font-size: 16px;
        padding: 0;
        margin-left: 0;
        color: #202020;
        background: #eee;
        border: 0;
        width: 50px;
        height: 50px;
        line-height: 48px;
        text-align: center;
        border-radius: 50%
    }

    .post-pagination > li:first-child > a, .post-pagination > li:first-child > span, .post-pagination > li:last-child > a, .post-pagination > li:last-child > span {
        border-radius: 50%
    }

    .post-pagination > li > a:focus, .post-pagination > li > a:hover, .post-pagination > li > span.current, .post-pagination > li > span:focus, .post-pagination > li > span:hover {
        color: #fff;
        background-color: #1a222c;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

.single-post .post-wrapper {
    margin-bottom: 30px
}

.single-post .entry-header .entry-title {
    margin-top: 5px;
    margin-bottom: 12px
}

.single-post .author-thumb {
    float: left;
    margin-right: 15px
}

.single-post .entry-header {
    overflow: hidden;
    margin-bottom: 30px
}

.single-post .author-thumb img {
    padding: 0
}

.entry-meta li {
    margin-right: 5px;
    font-size: 14px
}

@media (max-width:479px) {
    .entry-header .entry-title {
        font-size: 12px;
        line-height: 15px
    }

    .entry-meta li {
        margin-right: 2px;
        font-size: 12px
    }
}

.entry-footer .post-tags i, .entry-meta li i {
    margin-right: 5px
}

.entry-meta li a {
    color: #999
}

    .entry-meta li a:hover {
        color: #1a222c
    }

.entry-meta li i {
    padding-left: 1px
}

.entry-footer {
    border-top: 1px solid #eee;
    padding-top: 25px;
    overflow: hidden
}

    .entry-footer .post-tags {
        float: left
    }

        .entry-footer .post-tags a {
            color: #999;
            text-transform: capitalize;
            margin-right: 10px
        }

            .entry-footer .post-tags a:hover {
                color: #1a222c
            }

    .entry-footer .share-post li a {
        display: block;
        color: #999
    }

        .entry-footer .share-post li a:hover {
            color: #1a222c
        }

nav.single-post-navigation {
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    margin-bottom: 30px
}

    nav.single-post-navigation a {
        font-size: 16px;
        color: #999;
        display: block;
        border: 1px solid #eee
    }

        nav.single-post-navigation a:hover {
            color: #fff;
            background-color: #1a222c;
            border: 1px solid transparent;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
        }

.next-post-link i, .previous-post-link i {
    height: auto
}

.previous-post-link i {
    padding-right: 15px
}

.next-post-link i {
    padding-left: 15px
}

@media (max-width:479px) {
    nav.single-post-navigation a {
        font-size: 12px
    }

    .next-post-link i, .previous-post-link i {
        display: none
    }
}

.comments-tab .nav-tabs > li > a {
    padding: 17px 30px
}

.comments-tab .nav-tabs.nav-justified > li > a, .comments-tab .nav-tabs > li > a {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 18px;
    background: 0 0
}

.comment-meta, .comments-tab .form-submit .btn-lg {
    font-weight: 700
}

.comments-tab .nav-tabs.nav-justified > .active > a, .comments-tab .nav-tabs.nav-justified > .active > a:focus, .comments-tab .nav-tabs.nav-justified > .active > a:hover, .comments-tab .nav-tabs > li.active > a, .comments-tab .nav-tabs > li.active > a:focus, .comments-tab .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #1a222c;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.comments-tab .panel-body {
    padding: 30px 0
}

@media (max-width:767px) {
    .comments-tab .panel-body {
        padding: 30px
    }

    .tt-popular-post {
        border: 1px solid transparent
    }
}

.comments-tab input[type=email], .comments-tab input[type=text], .comments-tab input[type=url] {
    border: 1px solid #eee;
    height: 60px;
    font-size: 14px;
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .comments-tab input[type=email]:focus:not([readonly]), .comments-tab input[type=text]:focus:not([readonly]), .comments-tab input[type=url]:focus:not([readonly]), .comments-tab textarea.materialize-textarea:focus:not([readonly]) {
        box-shadow: none;
        border-color: #1a222c
    }

.comments-tab .form-control {
    box-shadow: none;
    border: 1px solid #eee
}

    .comments-tab .form-control:focus {
        border-color: #1a222c
    }

.comments-tab textarea {
    padding: 12px
}

.comments-tab .form-submit {
    text-align: right
}

.comment-list .media-left {
    padding-right: 25px
}

    .comment-list .media-left img {
        width: 70px;
        height: 70px;
        border-radius: 3px
    }

.comment-info h4 {
    font-size: 18px;
    color: #ed145b;
    font-weight: 700
}

.comment-meta {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 16px
}

@media (max-width:550px) {
    .comment-meta {
        top: 22px;
        right: auto;
        font-size: 10px
    }
}

.comment-meta a {
    display: inline-block;
    color: #ed145b
}

    .comment-meta a:hover {
        color: #202020
    }

    .comment-meta a:last-of-type {
        margin-left: 20px;
        padding-left: 20px;
        position: relative
    }

        .comment-meta a:last-of-type::before {
            content: "";
            background-color: #ed145b;
            height: 16px;
            width: 2px;
            position: absolute;
            left: 0;
            top: 0
        }

.comment-list .media-body p {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px
}

.b-info h2 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase
}

.b-info p {
    line-height: 33px
}

.b-info .btn i {
    margin-right: 10px
}

.b-info .btn {
    padding: 11px 22px;
    box-shadow: none;
    color: #101010;
    background-color: transparent;
    border: 1px solid #e8e8e8
}

    .b-info .btn:focus, .b-info .btn:hover {
        background-color: #1a222c;
        border: 1px solid transparent;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

.latest-news-card .card {
    margin: 0;
    box-shadow: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .latest-news-card .card:hover {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

    .latest-news-card .card .card-content {
        border: 1px solid #e8e8e8;
        border-top: 1px solid transparent
    }

    .latest-news-card .card:hover .card-content {
        border: 1px solid transparent
    }

    .latest-news-card .card .entry-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        margin: 0;
        cursor: pointer
    }

.latest-news-card .card-reveal {
    color: #fff;
    padding: 20px
}

    .latest-news-card .card-reveal.overlay-blue {
        background-color: rgba(3,169,244,.95)
    }

    .latest-news-card .card-reveal.overlay-pink {
        background-color: rgba(237,20,91,.95)
    }

    .latest-news-card .card-reveal .close-button i {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 14px
    }

    .latest-news-card .card-reveal .posted-on {
        display: block;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 5px
    }

    .latest-news-card .card-reveal .entry-title {
        line-height: 28px;
        margin-bottom: 20px
    }

        .latest-news-card .card-reveal .entry-title a {
            color: #fff
        }

    .latest-news-card .card-reveal .readmore {
        color: #fff;
        font-weight: 700
    }

.blog-carousel.owl-carousel .owl-item {
    padding: 8px 2px
}

.blog-carousel.owl-theme .owl-controls {
    margin-top: 35px
}

.blog-carousel.owl-theme .owl-dots .owl-dot.active span, .blog-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #1a222c;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

@media (max-width:991px) {
    .b-info, .latest-news-card .card {
        margin-bottom: 30px
    }
}

.latest-featured-news .post-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 30px
}

.latest-featured-news .thumb-wrapper {
    margin: 0
}

.latest-featured-news .blog-content {
    padding: 16px;
    border: 1px solid #eee
}

.latest-featured-news .featured-news .blog-content {
    padding: 25px 36px
}

@media (max-width:479px) {
    .latest-featured-news .featured-news .blog-content {
        padding: 25px 20px
    }
}

.latest-featured-news .post-wrapper:hover .blog-content {
    border: 1px solid transparent
}

.latest-featured-news .entry-title {
    font-size: 18px;
    line-height: 25px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0
}

.latest-featured-news .featured-news .entry-title {
    margin-bottom: 12px
}

.latest-featured-news .entry-title a {
    color: #202020
}

    .latest-featured-news .entry-title a:hover {
        color: #1a222c
    }

.latest-featured-news .blog-content .entry-meta {
    margin-bottom: 18px
}

.latest-featured-news .blog-content a.readmore {
    font-weight: 500;
    color: #999
}

    .latest-featured-news .blog-content a.readmore:hover {
        color: #1a222c
    }

.featured-list-news .post-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 30px
}

.featured-list-news .thumb-wrapper {
    margin: 0
}

.featured-list-news .featured-news .blog-content {
    padding: 25px 36px;
    background-color: #f7f7f7
}

@media (max-width:479px) {
    .featured-list-news .featured-news .blog-content {
        padding: 25px 20px
    }
}

.featured-list-news .entry-title {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 5px
}

    .featured-list-news .entry-title a {
        color: #202020
    }

.featured-list-news .blog-content a.readmore {
    font-weight: 500;
    color: #999
}

    .featured-list-news .blog-content a.readmore:hover, .featured-list-news .entry-title a:hover {
        color: #1a222c
    }

.featured-list-news .blog-content .entry-meta li {
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    border-right: 1px solid #e0e0e0;
    padding-right: 10px
}

    .featured-list-news .blog-content .entry-meta li:last-child {
        border-right: 0;
        padding-right: 0
    }

.post-wrapper.list-article {
    background-color: #f7f7f7;
    overflow: hidden;
    position: relative
}

    .post-wrapper.list-article .thumb-wrapper {
        float: left;
        z-index: 100
    }

@media (max-width:479px) {
    .post-wrapper.list-article .thumb-wrapper {
        float: none
    }
}

.post-wrapper.list-article .blog-content {
    padding: 20px 25px;
    overflow: hidden;
    position: relative;
    z-index: 100
}

    .post-wrapper.list-article .blog-content p {
        margin-bottom: 20px
    }

.post-wrapper.list-article a.readmore {
    font-weight: 500;
    color: #999
}

.post-wrapper.list-article .hover-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -moz-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -ms-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -o-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    transition: all .3s cubic-bezier(.39,.575,.56499,1)
}

.post-wrapper.list-article:hover .hover-overlay {
    width: 100%
}

.grid-news .entry-header::after, .list-news .entry-header::after {
    width: 24px;
    height: 2px;
    left: 0;
    content: ""
}

.post-wrapper.list-article:hover, .post-wrapper.list-article:hover .entry-meta li a, .post-wrapper.list-article:hover .entry-title a, .post-wrapper.list-article:hover a.readmore {
    color: #fff
}

.grid-news .entry-title a, .list-news .entry-title a {
    color: #202020
}

.list-news .post-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 30px
}

.list-news .thumb-wrapper {
    margin: 0
}

.list-news .entry-header {
    position: relative;
    margin-bottom: 32px
}

    .list-news .entry-header::after {
        background-color: #e040fb;
        position: absolute;
        bottom: -15px
    }

.post-wrapper.list-article:hover .entry-header::after {
    background-color: #fff
}

.list-news .entry-title {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500
}

.list-news .entry-meta li {
    font-size: 12px
}

.list-news .blog-content p {
    line-height: 25px;
    margin-bottom: 20px
}

.list-news.full-width-list .blog-content {
    padding: 24px 25px
}

.grid-news .post-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 30px
}

.grid-news .thumb-wrapper {
    margin: 0
}

.grid-news .blog-content {
    padding: 20px 25px 15px;
    border: 1px solid #eee
}

.grid-news .post-wrapper:hover .blog-content {
    border: 1px solid transparent
}

.grid-news .entry-header {
    position: relative;
    margin-bottom: 36px
}

.countdown, .grid-news .entry-footer ul {
    margin-bottom: 0
}

.grid-news .entry-header::after {
    background-color: #e040fb;
    position: absolute;
    bottom: -16px
}

.grid-news .entry-title {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500
}

    .grid-news .entry-title a:hover {
        color: #1a222c
    }

.grid-news .entry-meta li {
    font-size: 12px
}

.grid-news .entry-footer {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 13px;
    line-height: 20px;
    padding: 15px 20px 0
}

    .grid-news .entry-footer a.readmore, .grid-news .entry-footer ul li a {
        color: #919191
    }

        .grid-news .entry-footer a.readmore:hover, .grid-news .entry-footer ul li a:hover {
            color: #1a222c
        }

        .grid-news .entry-footer ul li a i {
            margin-right: 5px
        }

.grid-news-hover .post-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 30px
}

.grid-news-hover .thumb-wrapper {
    margin: 0
}

.grid-news-hover .entry-header {
    margin-bottom: 15px
}

.grid-news-hover .blog-content {
    padding: 20px 25px 0;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    -webkit-transition: border .4s;
    -moz-transition: border .4s;
    -ms-transition: border .4s;
    transition: border .4s
}

.grid-news-hover .post-wrapper:hover .blog-content {
    border: 1px solid #00aeef
}

.grid-news-hover .post-date {
    width: 48px;
    height: 48px;
    background: #ed145b;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 12px;
    left: 12px
}

    .grid-news-hover .post-date span {
        display: block;
        font-size: 11px;
        line-height: 12px;
        text-transform: uppercase
    }

.grid-news-hover .entry-title {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500
}

    .grid-news-hover .entry-title a {
        color: #202020
    }

.grid-news-hover .entry-meta li {
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    border-right: 1px solid #e0e0e0;
    padding-right: 10px
}

    .grid-news-hover .entry-meta li:last-child {
        border-right: 0;
        padding-right: 0
    }

.grid-news-hover .entry-content, .grid-news-hover .entry-header-wrapper {
    position: relative;
    z-index: 2
}

.grid-news-hover .post-wrapper:hover, .grid-news-hover .post-wrapper:hover .entry-meta li a, .grid-news-hover .post-wrapper:hover .entry-title a {
    color: #fff
}

.grid-news-hover .post-wrapper .hover-overlay {
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 100px;
    height: 100px;
    z-index: 1;
    border-radius: 100%;
    -webkit-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -moz-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -ms-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -o-transition: all .3s cubic-bezier(.39,.575,.56499,1);
    transition: all .3s cubic-bezier(.39,.575,.56499,1);
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0)
}

.grid-news-hover .post-wrapper:hover:hover .hover-overlay {
    left: 0;
    bottom: 0;
    -webkit-transform: scale(15) translateZ(0);
    -moz-transform: scale(15) translateZ(0);
    -ms-transform: scale(15) translateZ(0);
    -o-transform: scale(15) translateZ(0);
    transform: scale(15) translateZ(0)
}

.ie9 .grid-news-hover .post-wrapper:hover .hover-overlay {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.grid-news-hover.rounded-category .blog-content {
    padding: 26px 25px 0
}

.grid-news-hover.rounded-category .post-wrapper:hover .blog-content {
    border: 1px solid #512da8
}

.grid-news-hover.rounded-category .posted-in a {
    position: absolute;
    left: 50%;
    margin-left: -47px;
    bottom: -13px;
    padding: 0 20px;
    display: inline-block;
    color: #fff;
    background: #e040fb;
    font-size: 11px;
    line-height: 25px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 30px;
    z-index: 100
}

    .grid-news-hover.rounded-category .posted-in a:hover {
        color: #e040fb;
        background-color: #fff
    }

.countdown li {
    display: inline-block;
    text-align: center
}

    .countdown li + li {
        margin-left: 50px
    }

    .countdown li p {
        text-transform: uppercase;
        margin: 0
    }

    .countdown li span {
        font-size: 40px;
        font-weight: 900;
        color: #1a222c
    }

.count-description, .facts-two .timer, .featured-item h2, .featured-wrapper .intro-header h2 {
    font-weight: 500
}

@media screen and (max-width:650px) {
    .countdown li + li {
        margin-left: 10px
    }
}

.comingsoon-wrapper .logo {
    margin-bottom: 50px
}

.comingsoon-wrapper .countdown li {
    min-width: 110px
}

    .comingsoon-wrapper .countdown li + li {
        margin-left: 40px
    }

    .comingsoon-wrapper .countdown li span {
        font-size: 60px;
        line-height: 70px
    }

.comingsoon-contact .input-field {
    margin-top: 20px
}

.counter-wrap strong {
    display: block;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px
}

.count-description {
    font-size: 20px
}

.counter-wrap {
    padding: 120px 0
}

@media screen and (max-width:767px) {
    .counter-wrap {
        padding: 60px 0
    }
}

.facts-two .counter-wrap .material-icons {
    font-size: 50px
}

.facts-two .timer {
    display: block;
    font-size: 66px;
    line-height: 70px;
    margin-bottom: 10px;
    color: #4b4b4b
}

.facts-two .count-description {
    font-size: 14px;
    text-transform: uppercase
}

.count-plus-box {
    overflow: hidden
}

    .count-plus-box li {
        width: 50%;
        float: left;
        position: relative;
        padding: 30px 35px;
        text-align: center
    }

@media screen and (max-width:479px) {
    .count-plus-box li {
        width: 100%
    }
}

.count-plus-box li:after, .count-plus-box li:before {
    content: '';
    position: absolute
}

.count-plus-box li:before {
    height: 100%;
    top: 0;
    right: -2px;
    border-right: 1px solid #dadbdc
}

.count-plus-box li:after {
    width: 100%;
    height: 0;
    top: auto;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #dadbdc
}

.count-plus-box .material-icons {
    display: inline-block;
    font-size: 40px
}

.count-plus-box .timer {
    display: block;
    font-size: 66px;
    line-height: 70px;
    font-weight: 500;
    color: #303b41
}

.count-plus-box .count-description {
    font-size: 14px;
    text-transform: uppercase
}

.featured-item, .featured-item.border-box h2, .featured-item.flat-border-box .icon, .featured-item.flat-border-box h2, .featured-item.hover-outline .desc, .featured-item.hover-outline .icon, .featured-item.hover-outline .icon .colored, .featured-item.hover-outline h2 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

    .featured-item .icon {
        font-size: 30px
    }

        .featured-item .icon .material-icons {
            font-size: 40px;
            line-height: 40px
        }

    .featured-item .desc p {
        margin: 0
    }

@media (max-width:991px) {
    .featured-item {
        margin-bottom: 30px
    }
}

.featured-box {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.featured-wrapper .intro-header {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .35s;
    -moz-transition: -webkit-transform .35s;
    -ms-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.featured-box:hover .featured-wrapper .intro-header {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
    -moz-transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
    -ms-transform: translate3d(0,-50%,0) translate2d(0,-60px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-60px,0)
}

.featured-wrapper .intro-header i {
    font-size: 34px;
    margin-bottom: 25px
}

    .featured-wrapper .intro-header i[class^=flaticon-] {
        margin-bottom: 10px;
        line-height: 55px
    }

        .featured-wrapper .intro-header i[class^=flaticon-]:before {
            font-size: 55px
        }

    .featured-wrapper .intro-header i.material-icons {
        font-size: 40px
    }

.featured-box .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -ms-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    -moz-transition: opacity .35s,-webkit-transform .35s;
    -ms-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

.featured-box:hover .content {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.featured-box:hover {
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.ie9 .featured-box .featured-wrapper .intro-header {
    top: 20%
}

.brand-icon {
    color: #1a222c
}

.pink-icon {
    color: #ed145b
}

.purple-icon {
    color: #9c27b0
}

.deep-purple-icon {
    color: #673ab7
}

.green-icon {
    color: #8bc34a
}

.cyan-icon {
    color: #00bcd4
}

.red-icon {
    color: #f6483f
}

.yellow-icon {
    color: #f5c400
}

.dark-icon {
    color: #202020
}

.featured-item.hover-outline:hover .desc, .featured-item.hover-outline:hover .icon, .featured-item.hover-outline:hover .icon .brand-icon, .featured-item.hover-outline:hover .icon .colored, .featured-item.hover-outline:hover h2, .hover:hover .content, .hover:hover h2, .hover:hover i, .icon-hover:hover .colored {
    color: #fff !important
}

.brand-hover:hover {
    background-color: #1a222c !important
}

.pink-hover:hover {
    background-color: #ed145b !important
}

.purple-hover:hover {
    background-color: #9c27b0 !important
}

.deep-purple-hover:hover {
    background-color: #673ab7 !important
}

.green-hover:hover {
    background-color: #8bc34a !important
}

.hover:hover i {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.icon-hover:hover .icon {
    color: #fff !important;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.icon-hover-blue:hover .icon {
    background-color: #1a222c
}

.icon-hover-pink:hover .icon {
    background-color: #ed145b
}

.icon-hover-purple:hover .icon {
    background-color: #9c27b0
}

.icon-hover-green:hover .icon {
    background-color: #8bc34a
}

.icon-hover-red:hover .icon {
    background-color: #f6483f
}

.icon-outline .icon {
    border: 1px solid #e2e2e2
}

.icon-circle .icon {
    border-radius: 50%
}

.icon-angle .icon {
    border-radius: 4px;
    margin-right: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .icon-angle .icon i {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.icon-outline:hover .icon {
    border: 1px solid transparent
}

.featured-item.icon-outline .material-icons {
    font-size: 34px;
    line-height: 66px
}

.border-right {
    border-right: 1px solid #f1f1f1
}

.featured-item.hover-outline {
    padding: 30px 20px
}

    .featured-item.hover-outline .icon {
        float: left;
        margin-right: 20px
    }

    .featured-item.hover-outline .desc {
        overflow: hidden
    }

    .featured-item.hover-outline:hover {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

.featured-item.border-box:hover, .featured-item.flat-border-box:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

.featured-item.feature-icon .icon {
    float: left;
    margin-right: 20px;
    width: 70px;
    height: 70px;
    font-size: 25px;
    line-height: 68px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.featured-item.feature-icon .desc {
    overflow: hidden
}

.featured-item.feature-icon.border-right {
    border-right: 1px solid #eee;
    padding: 40px 25px
}

    .featured-item.feature-icon.border-right.last {
        border-right: 1px solid transparent
    }

.feature-background {
    background-image: url(../img/page-header/header-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative
}

    .feature-background::before {
        content: "";
        background-color: rgba(0,0,0,.7);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .feature-background .featured-item.feature-icon {
        margin-top: 0
    }

.fullwidth .featured-item.feature-icon .icon {
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 40px
}

.feature-background .featured-item.pink-hover:hover {
    background-color: #ed145b
}

.feature-background .featured-item.purple-hover:hover {
    background-color: #673ab7
}

.feature-background .featured-item.blue-hover:hover {
    background-color: #1a222c
}

.featured-item.border-box {
    padding: 50px 20px;
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff
}

.no-gutter .featured-item.border-box {
    margin-left: -1px
}

.featured-item.border-box h2 {
    margin-bottom: 20px
}

.featured-item.border-box:hover .icon, .featured-item.border-box:hover h2 {
    color: #fff
}

.featured-item.border-box:hover {
    color: #fff;
    border: 1px solid transparent
}

.featured-carousel .owl-item {
    padding: 20px 8px
}

.owl-theme .owl-controls {
    margin-top: 20px
}

.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background: #dadada;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.brand-dot.owl-theme .owl-dots .owl-dot.active span, .brand-dot.owl-theme .owl-dots .owl-dot:hover span {
    background: #1a222c
}

.featured-item.flat-border-box {
    padding: 40px 35px;
    border: 1px solid #e2e2e2
}

    .featured-item.flat-border-box .icon {
        color: #202020;
        margin-bottom: 30px
    }

    .featured-item.flat-border-box h2 {
        margin-bottom: 25px
    }

    .featured-item.flat-border-box .desc p {
        margin-bottom: 30px
    }

    .featured-item.flat-border-box .readmore {
        color: #999;
        font-weight: 700
    }

        .featured-item.flat-border-box .readmore:hover {
            color: #1a222c
        }

        .featured-item.flat-border-box .readmore i {
            padding: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: padding .3s;
            -moz-transition: padding .3s;
            transition: padding .3s
        }

        .featured-item.flat-border-box .readmore:hover i {
            opacity: 1;
            visibility: visible;
            padding-left: 10px
        }

    .featured-item.flat-border-box:hover .icon, .featured-item.flat-border-box:hover h2 {
        color: #673ab7
    }

@media (max-width:991px) {
    .featured-item.flat-border-box {
        margin-bottom: 30px
    }
}

.featured-item img {
    width: inherit !important;
    margin: 0 auto
}

.featured {
    overflow: hidden
}

    .featured li {
        float: left;
        position: relative;
        padding: 65px 35px 60px;
        text-align: center
    }

    .featured.plus-box .icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin: 0 auto 20px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .featured.plus-box .icon i.material-icons {
            line-height: 70px
        }

    .featured.plus-box .desc h2 {
        margin-bottom: 20px
    }

    .featured.plus-box .featured-item:hover .icon {
        color: #1a222c
    }

    .featured.grid-2 li {
        width: 50%
    }

    .featured.grid-3 li {
        width: 33.33%
    }

    .featured.grid-4 li {
        width: 25%
    }

    .featured.grid-5 li {
        width: 20%
    }

    .featured.grid-6 li {
        width: 16.66%
    }

@media screen and (max-width:991px) {
    .featured.grid-3 li, .featured.grid-4 li, .featured.grid-5 li, .featured.grid-6 li {
        width: 33.33%
    }
}

@media screen and (max-width:767px) {
    .featured.grid-2 li, .featured.grid-3 li, .featured.grid-4 li, .featured.grid-5 li, .featured.grid-6 li {
        width: 50%
    }
}

@media screen and (max-width:479px) {
    .featured.grid-2 li, .featured.grid-3 li, .featured.grid-4 li, .featured.grid-5 li, .featured.grid-6 li {
        width: 100%
    }
}

.featured.plus-box li:after, .featured.plus-box li:before {
    content: '';
    position: absolute
}

.featured.plus-box li:before {
    height: 100%;
    top: 0;
    right: -2px;
    border-right: 1px solid #eee
}

.featured.plus-box li:after {
    width: 100%;
    height: 0;
    top: auto;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #eee
}

.featured-intro {
    padding: 70px 30px
}

    .featured-intro .icon {
        color: #6fc673;
        margin-bottom: 30px
    }

    .featured-intro h2 {
        font-size: 25px;
        font-weight: 400;
        margin-bottom: 25px
    }

    .featured-intro.dark-bg, .featured-intro.dark-bg h2 {
        color: #fff
    }

    .featured-intro.light-gray-bg, .featured-intro.light-gray-bg h2 {
        color: #202020
    }

.feature-presentation .featured-item.feature-icon .icon {
    width: 70px;
    height: 70px;
    font-size: 25px;
    line-height: 68px;
    border: 1px solid #e0e0e0
}

    .feature-presentation .featured-item.feature-icon .icon .material-icons {
        font-size: 35px;
        line-height: 68px
    }

.feature-presentation .featured-item.feature-icon:hover .icon {
    border: 1px solid transparent
}

.feature-presentation .featured-item.feature-icon .material-icons {
    line-height: 58px
}

@media (min-width:768px) {
    .featured-item.feature-icon.right-icon {
        text-align: right
    }

        .featured-item.feature-icon.right-icon .icon {
            float: right;
            margin-right: 0;
            margin-left: 20px
        }
}

.seo-service img {
    width: 100% !important
}

.seo-service .desc {
    padding: 30px 20px;
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden
}

.seo-service .bg-overlay {
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 130px;
    height: 130px;
    background-color: #1a222c;
    z-index: 1;
    border-radius: 100%;
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -moz-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -ms-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -o-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    transition: all .5s cubic-bezier(.39,.575,.56499,1)
}

.seo-service:hover .bg-overlay {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(10) translateZ(0);
    -moz-transform: scale(10) translateZ(0);
    -ms-transform: scale(10) translateZ(0);
    -o-transform: scale(10) translateZ(0);
    transform: scale(10) translateZ(0)
}

.ie9 .seo-service:hover .bg-overlay {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.seo-service .learn-more {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0,100px);
    -moz-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    -o-transform: translate(0,100px);
    transform: translate(0,100px);
    -webkit-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -moz-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -ms-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -o-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    transition: .5s cubic-bezier(.87,-.41,.19,1.44)
}

.seo-service:hover .learn-more {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.footer h2 {
    margin-bottom: 24px
}

.footer p {
    color: #c9f0ff
}

.footer-one .primary-footer {
    padding-top: 80px;
    padding-bottom: 50px
}

.secondary-footer {
    padding: 27px 0
}

.copy-text a {
    color: #fff
}

    .copy-text, .copy-text a:hover {
        color: #81ddff
    }

.footer .container {
    position: relative
}

.back-top {
    position: absolute !important;
    top: -116px;
    right: 0
}

#header .container, .tt-nav {
    position: relative
}

.back-top i {
    font-size: 4rem !important
}

.back-top.white i {
    color: inherit
}

.social-link {
    margin-bottom: 0
}

    .social-link li {
        display: inline-block
    }

        .social-link li a i {
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            color: #fff
        }

            .social-link li a i:hover {
                color: #1a222c;
                background: #fff
            }

    .social-link.dark li a i {
        color: #202020
    }

        .social-link.dark li a i:hover {
            color: #fff;
            background: #1a222c
        }

.footer-list {
    padding: 0;
    margin: 0;
    list-style: none
}

    .footer-list li {
        border-bottom: 1px solid rgba(255,255,255,.25)
    }

        .footer-list li:last-child {
            border-bottom: 0
        }

        .footer-list li a {
            display: block;
            line-height: 45px;
            color: #c9f0ff
        }

            .footer-list li a:hover {
                color: #fff
            }

.twitter-widget-wrapper a {
    color: #fff;
    word-break: break-word
}

    .twitter-widget-wrapper a:hover {
        color: #c9f0ff
    }

.twitter-widget-wrapper p {
    line-height: 24px;
    margin-bottom: 5px
}

.twitter-widget-wrapper ul li + li {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(255,255,255,.25)
}

.twitter-widget-wrapper .user span img {
    display: none
}

.twitter-widget-wrapper .timePosted {
    font-size: 13px
}

.primary-footer .widget .form-control {
    height: 40px;
    border: 1px solid #1ebef9 !important;
    font-weight: 300;
    font-size: 14px;
    padding: 0 0 0 12px
}

.primary-footer .form-control:focus {
    border: 1px solid #c9f0ff !important;
    box-shadow: none !important
}

.primary-footer .form-group input[type=email], .primary-footer .form-group input[type=text] {
    color: #c9f0ff;
    background-color: #0288d1;
    width: 76%;
    float: left
}

.primary-footer.brand-bg .form-group input::-webkit-input-placeholder {
    color: #c9f0ff
}

.primary-footer.brand-bg .form-group input::-moz-placeholder {
    color: #c9f0ff
}

.primary-footer.brand-bg .form-group input:-ms-input-placeholder {
    color: #c9f0ff
}

.primary-footer .form-group {
    margin-bottom: 20px
}

    .primary-footer .form-group button {
        float: left;
        width: 15%;
        background: #fff;
        border: 1px solid transparent;
        height: 40px;
        color: #0288d1
    }

        .primary-footer .form-group button i {
            width: 100%;
            height: 100%;
            line-height: 36px
        }

.widget-tags a {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5)
}

    .widget-tags a:hover {
        color: #fff;
        background-color: #0288d1;
        border: 1px solid transparent
    }

@media (max-width:991px) {
    .footer .widget {
        margin-bottom: 50px
    }
}

.footer-two .primary-footer {
    padding: 90px 0
}

.footer-two .footer-logo img {
    margin-bottom: 30px
}

.footer-two .back-top {
    top: -122px
}

.footer-two .social-link li a {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.footer-three .primary-footer {
    padding: 90px 0 70px
}

.footer-three .secondary-footer {
    padding: 0 0 20px
}

    .footer-three .secondary-footer hr {
        margin-top: 0;
        border-top: 1px solid rgba(255,255,255,.3)
    }

.footer-three .social-link {
    text-align: right
}

    .footer-three .social-link li a {
        color: #0379ae
    }

        .footer-three .social-link li a:hover {
            color: #fff
        }

.footer-three .back-top {
    right: 50%;
    margin-right: -35px
}

@media (max-width:991px) {
    .copy-text {
        text-align: center;
        display: block
    }

    .footer-three .social-link {
        margin-top: 15px;
        text-align: center
    }
}

.footer-four .social-link li + li {
    margin-left: 15px
}

.footer-four .social-link li a {
    line-height: 14px
}

    .footer-four .social-link li a i {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #fff;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

        .footer-four .social-link li a i:hover {
            color: #0379ae
        }

.footer-four hr {
    border-top: 1px solid rgba(255,255,255,.25)
}

.footer-four .footer-logo {
    margin: 45px 0 35px
}

.footer-intro p {
    margin: 0 auto 70px
}

@media (min-width:992px) {
    .footer-intro p {
        width: 60%
    }
}

.footer-four .secondary-footer {
    padding: 18px 0
}

    .footer-four .secondary-footer ul {
        margin: 0
    }

        .footer-four .secondary-footer ul li {
            display: inline-block;
            margin-right: 30px
        }

            .footer-four .secondary-footer ul li:last-child {
                margin-right: 0
            }

            .footer-four .secondary-footer ul li a {
                display: block;
                color: #fff;
                font-weight: 500;
                text-transform: uppercase
            }

                .footer-four .secondary-footer ul li a:hover {
                    color: #81ddff
                }

.footer-four .back-top {
    top: -35px
}

@media (max-width:767px) {
    .footer-intro p {
        width: 100%
    }
}

.footer-five .back-top {
    top: -30px
}

.footer-five .social-link li {
    margin: 0 10px
}

    .footer-five .social-link li a i {
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        color: #A6A6A6
    }

        .footer-five .social-link li a i:hover {
            color: #fff;
            background: #1a222c
        }

.footer-five .footer-logo h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 25px
}

.footer-five h3 {
    font-weight: 700
}

.footer-five address {
    margin: 0;
    line-height: 30px
}

.footer-five .copy-text, .footer-five .copy-text a {
    display: inline-block
}

.footer-five .copy-text {
    color: #898989
}

    .footer-five .copy-text a {
        color: #1a222c
    }

.footer-five .secondary-footer ul {
    margin: 0;
    text-align: right
}

    .footer-five .secondary-footer ul li {
        display: inline-block;
        margin-right: 30px
    }

        .footer-five .secondary-footer ul li a {
            display: block;
            color: #898989;
            text-transform: capitalize
        }

            .footer-five .secondary-footer ul li a:hover {
                color: #1a222c
            }

@media screen and (max-width:991px) {
    .footer-five .copy-text {
        display: block;
        margin-bottom: 10px
    }

    .footer-five .copy-text, .footer-five .secondary-footer ul {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .footer-five .copy-text {
        display: block;
        margin-bottom: 10px
    }

    .footer-five .copy-text, .footer-five .secondary-footer ul {
        text-align: center
    }
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea {
    border-bottom: 1px solid #9b9b9b;
    font-size: 14px !important
}

    input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #1a222c;
        box-shadow: 0 1px 0 0 #1a222c
    }

        input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
            color: #1a222c !important
        }

textarea.materialize-textarea {
    min-height: 60px !important
}

.white-form input[type=date], .white-form input[type=datetime-local], .white-form input[type=email], .white-form input[type=number], .white-form input[type=password], .white-form input[type=search], .white-form input[type=tel], .white-form input[type=text], .white-form input[type=time], .white-form input[type=url], .white-form textarea.materialize-textarea {
    color: #fff;
    border-bottom: 1px solid #fff
}

    .white-form input[type=date]:focus:not([readonly]), .white-form input[type=datetime-local]:focus:not([readonly]), .white-form input[type=email]:focus:not([readonly]), .white-form input[type=number]:focus:not([readonly]), .white-form input[type=password]:focus:not([readonly]), .white-form input[type=search]:focus:not([readonly]), .white-form input[type=tel]:focus:not([readonly]), .white-form input[type=text]:focus:not([readonly]), .white-form input[type=time]:focus:not([readonly]), .white-form input[type=url]:focus:not([readonly]), .white-form textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #fff;
        box-shadow: 0 1px 0 0 #fff
    }

        .white-form .input-field label, .white-form input[type=date]:focus:not([readonly]) + label, .white-form input[type=datetime-local]:focus:not([readonly]) + label, .white-form input[type=email]:focus:not([readonly]) + label, .white-form input[type=number]:focus:not([readonly]) + label, .white-form input[type=password]:focus:not([readonly]) + label, .white-form input[type=search]:focus:not([readonly]) + label, .white-form input[type=tel]:focus:not([readonly]) + label, .white-form input[type=text]:focus:not([readonly]) + label, .white-form input[type=time]:focus:not([readonly]) + label, .white-form input[type=url]:focus:not([readonly]) + label, .white-form textarea.materialize-textarea:focus:not([readonly]) + label {
            color: #fff !important
        }

.top-bar {
    height: 46px
}

    .top-bar .topbar-cta li {
        display: inline-block
    }

    .top-bar .topbar-cta a {
        letter-spacing: 1px;
        line-height: 46px;
        color: #fff
    }

.ie9 .top-bar .topbar-cta a {
    letter-spacing: 0
}

.top-bar .topbar-cta a i {
    position: relative;
    top: 7px
}

.top-bar .social-top {
    margin-top: 13px;
    margin-bottom: 0
}

    .top-bar .social-top a i {
        display: block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #0379ae;
        text-align: center
    }

        .top-bar .social-top a i:hover, .top-bar .social-top.light a i {
            color: #fff
        }

.menuzord .menuzord-menu > li.active > a, .menuzord .menuzord-menu > li.active > a > i, .menuzord .menuzord-menu > li:hover > a, .menuzord .menuzord-menu > li:hover > a > i {
    color: #1a222c !important
}

.nav-border-bottom .menuzord .menuzord-menu > li.active > a, .nav-border-bottom .menuzord .menuzord-menu > li:hover > a {
    border-bottom: 3px solid #1a222c
}

.nav-border-box .menuzord-menu > li.active > a, .nav-border-box .menuzord-menu > li:hover > a {
    border: 1px solid #1a222c
}

.nav-boxed-color .menuzord-menu > li.active > a, .nav-boxed-color .menuzord-menu > li:hover > a {
    background: #1a222c
}

.menuzord-menu.nav > li > a:focus, .menuzord-menu.nav > li > a:hover {
    background-color: transparent
}

.dark-header.header-bottom-border {
    border-bottom: 1px solid rgba(255,255,255,.2);
    height: 99px
}

.light-header.header-bottom-border {
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: 99px
}

.sticky .dark-header.header-bottom-border, .sticky .light-header.header-bottom-border {
    border: none;
    height: auto
}

.tt-nav {
    width: 100%;
    height: 100px;
    z-index: 1000
}

    .tt-nav.sticky .header-sticky, .tt-nav.transparent-header {
        position: fixed;
        width: 100%
    }

.header-sticky, .sticky.transparent-header .header-sticky {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.transparent-header .header-sticky {
    box-shadow: none
}

.tt-nav.sticky {
    height: 30px;
    z-index: 1000;
    position: fixed;
    top: 0
}

.tt-nav .logo-brand img {
    height: 40px;
    float: left
}

.tt-nav.sticky .logo-brand img, .tt-nav.sticky .logo-brand img.retina {
    height: 30px !important
}

.tt-nav.nav-center-align .logo-brand img {
    height: auto;
    float: none;
    margin: 20px 0
}

#header.transparent-header, #header.transparent-header .dark-header, #header.transparent-header .light-header {
    background: 0 0 !important;
    z-index: 1050
}

    #header.transparent-header .menuzord .logo-brand {
        z-index: 1200
    }

    #header.transparent-header.sticky .light-header, .light-nav, .tt-nav .light-header, .tt-nav.sticky .light-header {
        background: #fff !important
    }

    #header.transparent-header.sticky .dark-header, .dark-nav, .tt-nav .dark-header, .tt-nav.sticky .dark-header, .tt-nav.sticky .semi-transparent {
        background: rgba(10,10,10,1) !important
    }

@media (min-width:769px) {
    .semi-transparent {
        background: rgba(10,10,10,.5) !important
    }
}

.tt-nav .brand-header, .tt-nav.sticky .brand-header {
    background: #1a222c !important
}

.menuzord {
    background: 0 0;
    padding: 0;
    width: 100%;
    float: left;
    position: relative
}

.logo-brand, .menuzord-menu > li > a, .tt-nav, .tt-nav .logo-brand img, .tt-nav .sticky, .tt-nav li.nav-icon i, .tt-nav.sticky .logo-brand, .tt-nav.sticky .logo-brand img, .tt-nav.sticky li.nav-icon i, header.sticky .menuzord-menu > li > a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.nav-bottom {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.menuzord-menu > li > a {
    line-height: 100px
}

.nav-border-bottom .menuzord-menu > li > a {
    line-height: 99px
}

.tt-nav.sticky .menuzord-menu > li > a {
    line-height: 60px
}

.menuzord-menu > li > a, .tt-nav.sticky .menuzord-menu > li > a {
    padding: 0 12px
}

.menuzord-menu ul.dropdown li a, .menuzord-menu > li > .megamenu a, .menuzord-menu > li > .megamenu h5 {
    color: #202020
}

.menuzord-menu > li > .megamenu h2 {
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 15px
}

.menuzord, .menuzord * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-transform: capitalize;
    letter-spacing: .5px;
    font-weight: 400
}

    .menuzord a, .menuzord-menu ul.dropdown li a {
        -o-transition: color .3s linear,background .3s linear;
        -moz-transition: color .3s linear,background .3s linear;
        -webkit-transition: color .3s linear,background .3s linear;
        transition: color .3s linear,background .3s linear
    }

.menuzord-menu.scrollable > .scrollable-fix {
    display: none
}

.logo-brand {
    float: left;
    color: #999;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    margin: 33px 30px 0 0;
    line-height: 100px
}

.tt-nav.sticky .logo-brand {
    margin: 15px 30px 0 0;
    line-height: 60px
}

.menuzord-menu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

    .menuzord-menu.menuzord-right {
        float: right
    }

    .menuzord-menu > li {
        display: inline-block;
        float: left;
        margin-left: 2px
    }

        .menuzord-menu > li > a {
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            outline: 0
        }

            .dark.menuzord-menu > li > a, .menuzord-menu > li > a, .menuzord-menu > li > a > i {
                color: #202020
            }

.light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, .transparent-header.sticky .semi-transparent .menuzord-menu > li > a, .transparent-header.sticky .semi-transparent .menuzord-menu > li > a > i {
    color: #fff
}

.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a, .transparent-header.sticky .menuzord-menu > li > a, .transparent-header.sticky .menuzord-menu > li > a > i {
    color: #202020
}

.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 190px;
    white-space: nowrap;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

    .menuzord-menu ul.dropdown li ul.dropdown {
        left: 100%
    }

    .menuzord-menu ul.dropdown li {
        clear: both;
        width: 100%;
        border: 0;
        font-size: 14px;
        position: relative
    }

        .menuzord-menu ul.dropdown li a, .menuzord-menu > li > .megamenu .megamenu-row li a {
            width: 100%;
            padding: 10px 20px;
            font-size: 13px;
            color: #202020;
            text-decoration: none;
            display: inline-block;
            float: left;
            clear: both;
            position: relative;
            outline: 0;
            border-top: 1px solid rgba(0,0,0,.03) !important
        }

        .menuzord-menu ul.dropdown li > a::before, .menuzord-menu > li > .megamenu .megamenu-row li > a::before {
            display: block;
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 1px;
            background-color: #1a222c;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .menuzord-menu ul.dropdown li:hover > a::before, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a::before {
            width: 100%
        }

        .menuzord-menu ul.dropdown li.active > a, .menuzord-menu ul.dropdown li:hover > a, .menuzord-menu > li > .megamenu .megamenu-row li.active > a, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a {
            color: #1a222c;
            background-color: #fafafa
        }

.menuzord-menu > li > .megamenu .megamenu-row li a {
    padding: 8px 20px
}

.menuzord-menu ul.dropdown.dropdown-left {
    left: none
}

.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
    left: -100%
}

.menuzord-menu li .indicator {
    margin-left: 3px
}

.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px
}

.menuzord-menu > li > .megamenu {
    width: 100%;
    padding: 20px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 99;
    border-top: 1px solid rgba(0,0,0,.03) !important;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.menu-appear-alt, .nav-bottom .light-header, .tt-nav.nav-center-align {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.menuzord-menu > li > .megamenu.megamenu-half-width {
    width: 50%;
    left: auto
}

.menuzord-menu > li > .megamenu.megamenu-quarter-width {
    width: 25%;
    left: auto
}

.menuzord-menu > li > .megamenu .megamenu-row {
    width: 100%;
    margin-top: 15px
}

    .menuzord-menu > li > .megamenu .megamenu-row:first-child {
        margin-top: 0
    }

    .menuzord-menu > li > .megamenu .megamenu-row:after, .menuzord-menu > li > .megamenu .megamenu-row:before {
        display: table;
        content: "";
        line-height: 0
    }

    .menuzord-menu > li > .megamenu .megamenu-row:after {
        clear: both
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col1, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12, .menuzord-menu > li > .megamenu .megamenu-row .col2, .menuzord-menu > li > .megamenu .megamenu-row .col3, .menuzord-menu > li > .megamenu .megamenu-row .col4, .menuzord-menu > li > .megamenu .megamenu-row .col5, .menuzord-menu > li > .megamenu .megamenu-row .col6, .menuzord-menu > li > .megamenu .megamenu-row .col7, .menuzord-menu > li > .megamenu .megamenu-row .col8, .menuzord-menu > li > .megamenu .megamenu-row .col9 {
        display: block;
        min-height: 20px;
        float: left;
        margin-left: 3%
    }

    .menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child {
        margin-left: 0
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col1 {
        width: 5.583333333333%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col2 {
        width: 14.166666666666%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col3 {
        width: 22.75%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col4 {
        width: 31.333333333333%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col5 {
        width: 39.916666666667%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col6 {
        width: 48.5%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col7 {
        width: 57.083333333333%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col8 {
        width: 65.666666666667%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col9 {
        width: 74.25%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col10 {
        width: 82.833333333334%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col11 {
        width: 91.416666666667%
    }

    .menuzord-menu > li > .megamenu .megamenu-row .col12 {
        width: 100%
    }

.menuzord .showhide {
    width: 30px;
    height: 46px;
    padding: 12px 0 0;
    display: none;
    float: right;
    outline: 0
}

    .menuzord .showhide em {
        width: 20px;
        height: 3px;
        margin: 3.5px 0 0;
        float: right;
        background: #777
    }

.menuzord-menu > li > a > i {
    margin: 0 5px 0 0;
    font-size: 18px;
    float: left;
    line-height: 20px
}

.nav-border-box .menuzord-menu > li > a, .nav-boxed-color .menuzord-menu > li > a, .tt-nav .nav-border-box li.nav-icon i, .tt-nav .nav-boxed-color li.nav-icon i {
    line-height: 40px
}

.menuzord-menu > li.search form {
    float: left;
    padding: 22px 16px 17px
}

    .menuzord-menu > li.search form input[type=text] {
        width: 160px;
        padding: 5px 10px;
        border: none;
        background: #f0f0f0;
        border-radius: 2px;
        outline: 0;
        -o-transition: width 1s ease-out;
        -moz-transition: width 1s ease-out;
        -webkit-transition: width 1s ease-out;
        transition: width 1s ease-out
    }

.menuzord-tabs-content, .menuzord-tabs-nav > li > a {
    font-size: 13px;
    border: 1px solid rgba(0,0,0,.03)
}

.menuzord-menu > li.search form:hover input[type=text] {
    width: 160px
}

.menuzord-tabs {
    width: 100%;
    float: left
}

.menuzord-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

    .menuzord-tabs-nav > li > a {
        width: 100%;
        padding: 7px 16px;
        float: left;
        text-decoration: none;
        color: #999;
        outline: 0
    }

    .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a {
        background: #f0f0f0
    }

.menuzord-tabs-content {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none
}

    .menuzord-tabs-content.active {
        display: block
    }

.menu-appear-alt {
    display: none;
    background: #fff
}

.floating-menu {
    margin-top: 50px
}

    .floating-menu .container {
        padding-right: 30px;
        padding-left: 30px;
        border-radius: 2px
    }

    .floating-menu + .parallax-wrapper {
        padding-top: 200px
    }

.nav-border-bottom .menuzord .menuzord-menu > li.nav-divider.active > a, .nav-border-bottom .menuzord .menuzord-menu > li.nav-divider:hover > a, .nav-border-box .menuzord .menuzord-menu > li.nav-divider.active > a, .nav-border-box .menuzord .menuzord-menu > li.nav-divider:hover > a {
    border-color: transparent
}

.nav-boxed-color .menuzord-menu > li > a {
    margin: 30px 0
}

.nav-boxed-color .menuzord .menuzord-menu > li.active > a, .nav-boxed-color .menuzord .menuzord-menu > li.active > a i, .nav-boxed-color .menuzord .menuzord-menu > li:hover > a, .nav-boxed-color .menuzord .menuzord-menu > li:hover > a > i {
    color: #fff !important;
    background: #1a222c
}

.brand-header .menuzord .menuzord-menu > li.active > a, .brand-header .menuzord .menuzord-menu > li.active > a i, .brand-header .menuzord .menuzord-menu > li:hover > a, .brand-header .menuzord .menuzord-menu > li:hover > a > i {
    color: #fff !important
}

.tt-nav.sticky .nav-boxed-color .menuzord-menu > li > a {
    margin: 0
}

@media (max-width:768px) {
    .nav-boxed-color .menuzord-menu > li > a {
        margin: 5px 0
    }
}

.nav-border-box .menuzord-menu > li > a {
    margin: 30px 0;
    border: 1px solid transparent
}

.tt-nav.sticky .nav-border-box .menuzord-menu > li > a, .tt-nav.sticky .nav-border-box li.nav-icon i {
    line-height: 30px
}

.tt-nav.sticky .nav-border-box .menuzord-menu > li > a {
    margin: 15px 0
}

@media (max-width:768px) {
    .nav-border-box .menuzord-menu > li > a {
        margin: 5px 0
    }
}

.nav-border-bottom .menuzord .menuzord-menu > li > a {
    border-bottom: 3px solid transparent
}

.nav-border-bottom .brand-header .menuzord .menuzord-menu > li.active > a, .nav-border-bottom .brand-header .menuzord .menuzord-menu > li:hover > a {
    border-bottom: 3px solid #fff
}

.brand-header .menuzord .menuzord-menu > li.active > a, .brand-header .menuzord .menuzord-menu > li.active > a > i, .brand-header .menuzord .menuzord-menu > li:hover > a, .brand-header .menuzord .menuzord-menu > li:hover > a > i {
    color: #fff
}

.nav-center-align {
    text-align: center
}

    .nav-center-align .logo-brand, .nav-center-align .menuzord-menu, .nav-center-align .menuzord-menu > li {
        float: none
    }

    .nav-center-align .logo-brand {
        margin: 0
    }

    .nav-center-align .menuzord-menu ul.dropdown, .nav-center-align .menuzord-menu > li > .megamenu {
        text-align: left
    }

.nav-block-left .menuzord-menu {
    width: 100%;
    height: 60px
}

.nav-center-align .menuzord-menu > li > a, .tt-nav.nav-center-align li.nav-icon i {
    line-height: 60px
}

.tt-nav.nav-center-align {
    height: auto
}

.header-full-width.nav-center-align .container {
    padding: 0
}

.nav-bottom {
    position: absolute;
    bottom: 0
}

@media (min-width:768px) and (max-width:991px) {
    .tt-nav .container {
        width: 100%
    }

    .logo-brand {
        margin: 23px 0 0
    }

    .menuzord-menu > li > a, .tt-nav.sticky .menuzord-menu > li > a {
        padding: 0 5px
    }

    .menuzord-menu > li > a {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .tt-nav {
        top: 0
    }

    .menuzord-responsive.menuzord {
        padding: 0
    }

    .menuzord-responsive .logo-brand {
        margin: 5px 0 0;
        line-height: inherit
    }

    .tt-nav.sticky .logo-brand {
        margin: 8px 0 0
    }

    .menuzord-responsive .showhide {
        margin: 0
    }

    .has-header-search .menuzord-responsive .showhide {
        margin-right: 40px
    }

    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left !important
    }

        .menuzord-responsive .menuzord-menu.scrollable {
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch
        }

            .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
                display: block
            }

        .menuzord-responsive .menuzord-menu > li {
            width: 100%;
            display: block;
            position: relative
        }

            .menuzord-responsive .menuzord-menu > li > a {
                width: 100%;
                display: block;
                border-bottom: 1px solid rgba(0,0,0,.03)
            }

            .menuzord-responsive .menuzord-menu > li:first-child > a {
                border-top: 1px solid rgba(0,0,0,.03)
            }

        .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
            width: 100%;
            left: 0;
            position: relative;
            border: none;
            background: #fff;
            float: left
        }

            .menuzord-responsive .menuzord-menu ul.dropdown li {
                position: relative
            }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
            padding-left: 40px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 60px !important
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 80px !important
        }

        .menuzord-responsive .menuzord-menu li .indicator {
            width: 60px;
            height: 45px;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 22px;
            text-align: center;
            line-height: 43px;
            border-left: 1px solid rgba(0,0,0,.03)
        }

        .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
            height: 38px;
            right: 0;
            top: 5px;
            font-size: 18px;
            line-height: 36px
        }

    .nav-block-left .menuzord-menu, .tt-nav {
        height: auto
    }

        .nav-block-left .menuzord-menu > li > a, .nav-center-align .menuzord-menu > li > a, .tt-nav li.nav-icon i, .tt-nav.nav-block-left li.nav-icon i, .tt-nav.nav-center-align li.nav-icon i, .tt-nav.sticky .menuzord-menu > li > a {
            line-height: 20px
        }

    .menuzord-responsive .menuzord-menu > li > .megamenu {
        width: 100% !important;
        left: 0 !important;
        position: static;
        border-top: none;
        border-bottom: 1px solid rgba(0,0,0,.03)
    }

        .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*=col] {
            float: none;
            display: block;
            width: 100% !important;
            margin-left: 0;
            margin-top: 15px
        }

    .boxed .tt-nav.sticky, .boxed .tt-nav.sticky .header-sticky, .boxed .tt-nav.transparent-header, .boxed .wrapper, .menuzord-responsive .menuzord-menu > li.search form input[type=text], .menuzord-responsive .menuzord-tabs-content, .menuzord-responsive .menuzord-tabs-nav {
        width: 100%
    }

    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row, .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0
    }

    .menuzord-responsive .menuzord-menu > li.search form {
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px !important
    }

    #header.transparent-header, #header.transparent-header .light-header {
        background: #fff !important
    }

        #header.transparent-header .dark-header, #header.transparent-header .semi-transparent {
            background: rgba(10,10,10,1) !important
        }

    .menuzord-responsive .menuzord-menu > li > a {
        padding: 12px 20px !important;
        line-height: 20px
    }

    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator, .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border: none
    }

    .light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, .tt-nav .dark-header .menuzord-menu > li > a, .tt-nav .dark-header .menuzord-menu > li > a > i {
        color: #333
    }

    .dark-header.header-bottom-border, .light-header.header-bottom-border {
        height: auto;
        border: none
    }

    .tt-nav {
        position: fixed;
        z-index: 1200
    }

        .tt-nav .light-header {
            border-bottom: 1px solid #f5f5f5
        }

        .tt-nav li.nav-icon .indicator {
            display: block
        }

        .tt-nav li.nav-icon i {
            font-size: 22px
        }

    .nav-block-left, .nav-center-align {
        text-align: left;
        position: fixed
    }

        .nav-block-left .border-tb, .nav-center-align .border-tb {
            border: none
        }

    .portfolio-filter li {
        display: inline-block;
        line-height: 40px
    }

    ul.menuzord-menu {
        background: #fff
    }

    .tt-nav.nav-center-align .logo-brand {
        line-height: 40px
    }

        .tt-nav.nav-center-align .logo-brand img {
            margin: 0
        }

    .nav-border-bottom .brand-header .menuzord .menuzord-menu > li > a, .nav-border-bottom .menuzord .menuzord-menu > li > a {
        border-bottom: 1px solid rgba(0,0,0,.03)
    }

    .nav-border-bottom .brand-header .menuzord .menuzord-menu > li.active > a, .nav-border-bottom .brand-header .menuzord .menuzord-menu > li:hover > a, .nav-border-bottom .menuzord .menuzord-menu > li.active > a, .nav-border-bottom .menuzord .menuzord-menu > li:hover > a {
        border-bottom: 1px solid #1a222c
    }

    .brand-header .menuzord .menuzord-menu > li.active > a, .brand-header .menuzord .menuzord-menu > li.active > a i, .brand-header .menuzord .menuzord-menu > li:hover > a {
        color: #1a222c !important
    }
}

@media screen and (min-width:768px) {
    .transparent-header .logo-dark {
        display: none
    }

    .transparent-header.sticky .logo-dark {
        display: inline
    }

    .transparent-header.sticky .logo-light {
        display: none
    }
}

@media screen and (max-width:768px) {
    .transparent-header .logo-dark {
        display: inline
    }

    .transparent-header .logo-light {
        display: none
    }
}

.login-wrapper {
    position: relative;
    max-width: 460px;
    width: 100%;
    margin: 0 auto 100px
}

    .login-wrapper.active .card-wrapper:first-child {
        background: #f2f2f2;
        margin: 0 15px
    }

    .login-wrapper.active .card-wrapper:nth-child(2) {
        background: #fbfbfb;
        margin: 0 10px
    }

    .login-wrapper.active .card-wrapper.alt {
        top: 20px;
        right: 0;
        width: 100%;
        min-width: 100%;
        height: auto;
        border-radius: 5px;
        padding: 60px 0 40px;
        overflow: hidden
    }

        .login-wrapper.active .card-wrapper.alt .toggle {
            position: absolute;
            top: 40px;
            right: -70px;
            box-shadow: none;
            -webkit-transform: scale(12);
            transform: scale(12);
            -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease,-webkit-transform .3s ease
        }

            .login-wrapper.active .card-wrapper.alt .toggle:before {
                content: ''
            }

        .login-wrapper.active .card-wrapper.alt .button-container, .login-wrapper.active .card-wrapper.alt .input-container, .login-wrapper.active .card-wrapper.alt .title {
            left: 0;
            opacity: 1;
            visibility: visible;
            -webkit-transition: .3s ease;
            transition: .3s ease
        }

        .login-wrapper.active .card-wrapper.alt .title {
            -webkit-transition-delay: .3s;
            transition-delay: .3s
        }

        .login-wrapper.active .card-wrapper.alt .input-container {
            -webkit-transition-delay: .4s;
            transition-delay: .4s
        }

            .login-wrapper.active .card-wrapper.alt .input-container:nth-child(2) {
                -webkit-transition-delay: .5s;
                transition-delay: .5s
            }

            .login-wrapper.active .card-wrapper.alt .input-container:nth-child(3) {
                -webkit-transition-delay: .6s;
                transition-delay: .6s
            }

        .login-wrapper.active .card-wrapper.alt .button-container {
            -webkit-transition-delay: .7s;
            transition-delay: .7s
        }

.card-wrapper {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 60px 0 40px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

    .card-wrapper:first-child {
        background: #fcfcfc;
        height: 10px;
        border-radius: 5px 5px 0 0;
        margin: 0 10px;
        padding: 0
    }

    .card-wrapper .title {
        position: relative;
        z-index: 1;
        border-left: 5px solid #1a222c;
        margin: 0 0 35px;
        padding: 10px 0 10px 50px;
        color: #1a222c;
        font-size: 32px;
        font-weight: 500;
        text-transform: uppercase
    }

    .card-wrapper .input-container {
        position: relative;
        margin: 0 60px 50px
    }

        .card-wrapper .input-container input {
            outline: 0;
            z-index: 1;
            position: relative;
            background: 0 0;
            width: 100%;
            height: 60px;
            border: 0;
            color: #212121;
            font-size: 20px;
            font-weight: 400
        }

            .card-wrapper .input-container input:focus ~ label {
                color: #9d9d9d;
                -webkit-transform: translate(-12%,-50%) scale(.75);
                transform: translate(-12%,-50%) scale(.75)
            }

            .card-wrapper .input-container input:focus ~ .bar:after, .card-wrapper .input-container input:focus ~ .bar:before {
                width: 50%
            }

            .card-wrapper .input-container input:valid ~ label {
                color: #9d9d9d;
                -webkit-transform: translate(-12%,-50%) scale(.75);
                transform: translate(-12%,-50%) scale(.75)
            }

        .card-wrapper .input-container label {
            position: absolute;
            top: 0;
            left: 0;
            color: #757575;
            font-size: 20px;
            font-weight: 300;
            line-height: 60px;
            -webkit-transition: .2s ease;
            transition: .2s ease
        }

        .card-wrapper .input-container .bar {
            position: absolute;
            left: 0;
            bottom: 0;
            background: #757575;
            width: 100%;
            height: 1px
        }

            .card-wrapper .input-container .bar:after, .card-wrapper .input-container .bar:before {
                content: '';
                position: absolute;
                background: #1a222c;
                width: 0;
                height: 2px;
                -webkit-transition: .2s ease;
                transition: .2s ease
            }

            .card-wrapper .input-container .bar:before {
                left: 50%
            }

            .card-wrapper .input-container .bar:after {
                right: 50%
            }

    .card-wrapper .button-container {
        margin: 0 60px;
        text-align: center
    }

    .card-wrapper .footer {
        margin: 40px 0 0;
        font-size: 18px;
        font-weight: 300;
        text-align: center
    }

        .card-wrapper .footer a {
            color: inherit;
            text-decoration: none;
            -webkit-transition: .3s ease;
            transition: .3s ease
        }

            .card-wrapper .footer a:hover {
                color: #1a222c
            }

    .card-wrapper.alt {
        position: absolute;
        top: 40px;
        right: -70px;
        z-index: 10;
        width: 140px;
        height: 140px;
        background: 0 0;
        border-radius: 100%;
        box-shadow: none;
        padding: 0;
        -webkit-transition: .3s ease;
        transition: .3s ease
    }

        .card-wrapper.alt .toggle {
            position: relative;
            background: #ed2553;
            width: 120px;
            height: 120px;
            border-radius: 100%;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            color: #fff;
            font-size: 50px;
            line-height: 120px;
            text-align: center;
            cursor: pointer
        }

@media screen and (max-width:550px) {
    .card-wrapper.alt .toggle {
        width: 80px;
        height: 80px;
        font-size: 34px;
        line-height: 80px
    }

    .login-wrapper.active .card-wrapper.alt .toggle {
        -webkit-transform: scale(18);
        transform: scale(18)
    }
}

.card-wrapper.alt .toggle:before {
    content: '\f040';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.card-wrapper.alt .button-container, .card-wrapper.alt .input-container, .card-wrapper.alt .title {
    left: 100px;
    opacity: 0;
    visibility: hidden
}

.card-wrapper.alt .title {
    position: relative;
    border-color: #fff;
    color: #fff
}

    .card-wrapper.alt .title .close {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 60px;
        display: inline;
        color: #fff;
        font-size: 58px;
        font-weight: 400;
        filter: alpha(opacity=90);
        opacity: .9
    }

.page-title, .page-title .container {
    position: relative
}

@media screen and (max-width:450px) {
    .card-wrapper.alt .title .close {
        top: -8px;
        right: 20px
    }
}

.card-wrapper.alt .title .close:before {
    content: '\00d7'
}

.card-wrapper.alt .input-container input {
    color: #fff
}

    .card-wrapper.alt .input-container input:focus ~ label {
        color: #fff !important
    }

    .card-wrapper.alt .input-container input:focus ~ .bar:after, .card-wrapper.alt .input-container input:focus ~ .bar:before {
        background: #fff
    }

    .card-wrapper.alt .input-container input:valid ~ label {
        color: #fff
    }

.card-wrapper.alt .input-container label {
    color: rgba(255,255,255,.8)
}

.card-wrapper.alt .input-container .bar {
    background: rgba(255,255,255,.8)
}

.card-wrapper.alt .button-container a.btn {
    position: relative;
    z-index: 10
}

.login-wrapper input[type=password]:focus:not([readonly]), .login-wrapper input[type=text]:focus:not([readonly]) {
    border-bottom: 0;
    box-shadow: none
}

.portfolio-filter li.active, .portfolio-filter li:hover, .portfolio-with-title .portfolio-wrapper:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.login-wrapper input[type=password], .login-wrapper input[type=text] {
    margin: 0
}

.login-wrapper .btn {
    height: 60px;
    font-size: 18px
}

.login-wrapper .btn-lg {
    padding: 17px 38px
}

@-webkit-keyframes buttonFadeInUp {
    0% {
        bottom: 30px;
        opacity: 0
    }
}

@keyframes buttonFadeInUp {
    0% {
        bottom: 30px;
        opacity: 0
    }
}

.page-title {
    background-color: #f5f5f5
}

@media screen and (max-width:768px) {
    .page-title {
        margin-top: 46px
    }
}

.page-title h1, .page-title h2, .page-title h3 {
    margin-bottom: 0
}

.page-title span {
    margin-top: 5px;
    display: block;
    color: #929294
}

.page-title .breadcrumb {
    position: absolute;
    background-color: transparent;
    width: auto;
    top: 50%;
    left: auto;
    right: 30px;
    margin: -10px 0 0;
    padding: 0;
    font-size: 12px
}

    .page-title .breadcrumb:before {
        display: none
    }

    .page-title .breadcrumb li {
        letter-spacing: 1px
    }

.page-title[class*=dark-] .breadcrumb > .active {
    color: #fff
}

.page-title.no-bg {
    background: 0 0;
    border-bottom: 1px solid #f5f5f5
}

.page-title-bg, .page-title.fixed-bg {
    background-position: 50% 0;
    background-repeat: no-repeat
}

.page-title-bg {
    background-image: url(../img/page-header/cover-1.jpg);
    background-size: cover
}

.page-title.fixed-bg {
    background-attachment: fixed
}

@media (min-width:1480px) {
    .page-title.fixed-bg {
        background-size: contain
    }
}

.page-title.pattern-bg {
    background-image: url(../img/banner/pattern.jpg);
    background-repeat: repeat;
    height: auto
}

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

    .page-title.page-title-center .breadcrumb {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 20px 0 0
    }

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

    .page-title.page-title-right .breadcrumb {
        left: 30px;
        right: auto
    }

@media (max-width:767px) {
    .page-title, .page-title.page-title-right {
        text-align: center
    }

        .page-title .breadcrumb {
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            margin: 10px 0 0 !important;
            position: relative !important
        }
}

.portfolio-item {
    float: left
}

    .portfolio-item .thumb {
        position: relative;
        overflow: hidden
    }

        .portfolio-item .thumb img {
            width: 100%;
            height: auto;
            display: block
        }

.portfolio-wrapper .bg-overlay {
    position: absolute;
    bottom: -200px;
    right: -200px;
    width: 200px;
    height: 200px;
    background-color: rgba(3,169,244,.9);
    z-index: 1;
    border-radius: 100%;
    -webkit-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -moz-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -ms-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -o-transition: all .5s cubic-bezier(.39,.575,.56499,1);
    transition: all .5s cubic-bezier(.39,.575,.56499,1);
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0)
}

.portfolio-wrapper:hover .bg-overlay {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(10) translateZ(0);
    -moz-transform: scale(10) translateZ(0);
    -ms-transform: scale(10) translateZ(0);
    -o-transform: scale(10) translateZ(0);
    transform: scale(10) translateZ(0)
}

.ie9 .portfolio-wrapper:hover .bg-overlay {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.portfolio-intro .action-btn, .portfolio-intro h2, .portfolio-intro p {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0
}

.portfolio-intro h2, .portfolio-intro p {
    -webkit-transform: translate(0,100px);
    -moz-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    -o-transform: translate(0,100px);
    transform: translate(0,100px)
}

.portfolio-wrapper:hover .portfolio-intro h2, .portfolio-wrapper:hover .portfolio-intro p {
    opacity: 1;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.portfolio-wrapper:hover .portfolio-intro .action-btn {
    opacity: 1;
    margin-top: -35px;
    -webkit-transition: .4s cubic-bezier(.87,-.41,.19,1.44);
    -moz-transition: .4s cubic-bezier(.87,-.41,.19,1.44);
    -ms-transition: .4s cubic-bezier(.87,-.41,.19,1.44);
    -o-transition: .4s cubic-bezier(.87,-.41,.19,1.44);
    transition: .4s cubic-bezier(.87,-.41,.19,1.44)
}

.portfolio-wrapper:hover .portfolio-intro h2 {
    margin-top: 15px;
    -webkit-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -moz-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -ms-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    -o-transition: .5s cubic-bezier(.87,-.41,.19,1.44);
    transition: .5s cubic-bezier(.87,-.41,.19,1.44)
}

.portfolio-wrapper:hover .portfolio-intro p {
    margin-top: 40px;
    -webkit-transition: .7s cubic-bezier(.87,-.41,.19,1.44);
    -moz-transition: .7s cubic-bezier(.87,-.41,.19,1.44);
    -ms-transition: .7s cubic-bezier(.87,-.41,.19,1.44);
    -o-transition: .7s cubic-bezier(.87,-.41,.19,1.44);
    transition: .7s cubic-bezier(.87,-.41,.19,1.44)
}

.portfolio-intro .action-btn {
    font-size: 26px
}

.portfolio-intro h2 {
    margin-bottom: 5px;
    text-transform: capitalize
}

.portfolio-intro p {
    margin-bottom: 0;
    text-transform: capitalize
}

.portfolio-intro a, .portfolio-intro a:focus, .portfolio-intro a:hover {
    text-align: center;
    color: #fff
}

.gutter .portfolio-item {
    padding: 15px
}

.portfolio.col-2 .portfolio-item {
    width: 49.99%
}

.portfolio.col-3 .portfolio-item {
    width: 33.3333333%
}

.portfolio.col-4 .portfolio-item {
    width: 24.98%
}

.portfolio.col-5 .portfolio-item {
    width: 19.99%
}

.portfolio.col-6 .portfolio-item {
    width: 16.666666667%
}

.portfolio-filter {
    margin: 0;
    padding: 0;
    list-style: none
}

    .portfolio-filter li {
        display: inline-block;
        color: #202020;
        background-color: #eee;
        padding: 7px 22px;
        margin: 4px;
        border-radius: 2px;
        text-transform: capitalize;
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s
    }

        .portfolio-filter li.active, .portfolio-filter li:hover {
            color: #fff
        }

.brand-filter li.active, .brand-filter li:hover {
    background-color: #1a222c
}

.portfolio-with-title .portfolio-wrapper {
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s
}

    .portfolio-with-title .portfolio-wrapper:hover .portfolio-title {
        border: 1px solid transparent
    }

.portfolio-with-title .portfolio-title {
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-transition: border .3s;
    -moz-transition: border .3s;
    -ms-transition: border .3s;
    transition: border .3s
}

    .portfolio-with-title .portfolio-title h2, .portfolio-with-title .portfolio-title h2 a {
        text-transform: capitalize;
        color: #202020;
        margin-bottom: 5px
    }

    .portfolio-with-title .portfolio-title p {
        margin: 0;
        text-transform: capitalize
    }

        .portfolio-with-title .portfolio-title p a {
            color: #999
        }

            .portfolio-with-title .portfolio-title h2 a:hover, .portfolio-with-title .portfolio-title p a:hover {
                color: #1a222c
            }

.portfolio-with-title .portfolio-wrapper:hover .portfolio-intro .action-btn {
    margin-top: -15px
}

.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px
}

.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0
}

.portfolio-item .card .card-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px !important;
    color: #202020
}

    .portfolio-item .card .card-title i {
        color: #1a222c;
        line-height: 30px
    }

.portfolio-item .card .card-content p a {
    color: #999
}

    .portfolio-item .card .card-content p a:hover {
        color: #1a222c
    }

.portfolio-item .card .card-reveal {
    padding: 30px;
    background-color: rgba(5,170,244,.95);
    color: #fff
}

    .portfolio-item .card .card-reveal p {
        line-height: 24px
    }

    .portfolio-item .card .card-reveal .card-title {
        color: #fff;
        font-weight: 700
    }

        .portfolio-item .card .card-reveal .card-title i, .portfolio-item .card .card-reveal p a {
            color: #fff
        }

    .portfolio-item .card .card-reveal a.readmore {
        color: #fff;
        font-weight: 700;
        text-transform: capitalize
    }

.portfolio-nav a i {
    font-size: 16px
}

.portfolio-nav a {
    color: #a7a7a7;
    padding: 0 5px
}

.boot-slider .carousel-control {
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 30px;
    text-shadow: none;
    opacity: 0;
    background-image: none;
    filter: 0
}

.boot-slider:hover .carousel-control {
    opacity: 1
}

.boot-slider .carousel-control:hover {
    color: #1a222c;
    background-color: #fff;
    border: 1px solid transparent
}

.boot-slider .carousel-control.left {
    left: 30px
}

.boot-slider .carousel-control.right {
    right: 30px
}

.portfolio-meta li {
    color: #999;
    margin: 15px 0
}

    .portfolio-meta li span {
        display: inline-block;
        width: 130px;
        letter-spacing: 1px;
        color: #202020;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500
    }

    .portfolio-meta li a {
        margin-right: 10px;
        color: #a7a7a7
    }

        .portfolio-meta li a:hover {
            color: #1a222c
        }

.portfolio-item .flex-control-nav {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    right: 15px;
    width: inherit
}

.full-width.promo-box .container, .package-price, .promo-box, .text-center .promo-btn, .text-center .promo-btn a {
    position: relative
}

.portfolio-item .flex-control-nav li {
    float: left;
    margin: 0 3px
}

    .portfolio-item .flex-control-nav li a {
        width: 10px;
        height: 10px;
        background: 0 0;
        border: 1px solid #fff;
        box-shadow: none
    }

        .portfolio-item .flex-control-nav li a.flex-active {
            background-color: #fff
        }

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .75
    }

.mfp-bottom-bar {
    display: none
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-arrow-left::after, .mfp-arrow-right::after {
    font-family: FontAwesome;
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s
}

.mfp-arrow-right::after {
    content: "\f105" !important
}

.mfp-arrow-left::after {
    content: "\f104" !important
}

.mfp-arrow-left::before, .mfp-arrow-right::before {
    border: none !important
}

.package-price, .promo-info .promo-icon.circle {
    border-radius: 50%
}

.mfp-arrow {
    height: 60px
}

    .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow::after, .mfp-arrow::before {
        margin-top: 15px;
        top: -1px !important
    }

img.mfp-img {
    padding: 40px 0 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(.95);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(.95);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out
}

@media screen and (max-width:992px) {
    .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item {
        width: 33.3333333%
    }
}

@media screen and (max-width:800px) {
    .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item {
        width: 50%
    }
}

@media screen and (max-width:640px) {
    .portfolio.col-2 .portfolio-item, .portfolio.col-3 .portfolio-item, .portfolio.col-4 .portfolio-item, .portfolio.col-5 .portfolio-item, .portfolio.col-6 .portfolio-item, .testimonial.grid-2 li {
        width: 100%
    }
}

.pricing-table {
    margin-bottom: 30px
}

.table-header {
    padding: 40px 30px 0;
    margin-bottom: 7px;
    color: #666
}

.package-name {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: -10px
}

.package-price {
    width: 112px;
    height: 112px;
    background-color: #ed145b;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    top: 40px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

    .package-price .currency-symbol, .package-price .price {
        font-size: 35px;
        line-height: 40px;
        font-weight: 700;
        display: inline-block;
        margin-top: 25px
    }

    .package-price .currency-code {
        font-size: 12px;
        font-weight: 700;
        display: block
    }

.table-info {
    padding: 60px 30px
}

    .table-info ul {
        margin: 0
    }

        .table-info ul li {
            font-size: 16px;
            line-height: 40px;
            color: #666
        }

.table-footer {
    padding: 0 30px 60px
}

.table-footer, .table-header, .table-info {
    background-color: #fff
}

.pricing-table:hover .brand-hover, .promo-info .promo-icon {
    background-color: #1a222c;
    color: #fff
}

.package-price, .pricing-table, .table-header {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .pricing-table:hover, .pricing-table:hover .package-price {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

.promo-box {
    padding: 40px;
    display: block;
    width: 100%
}

.text-center .promo-btn, .text-center .promo-btn a, .text-center .promo-info, .text-center .promo-info span {
    display: inline-block
}

.promo-info {
    padding-right: 200px
}

    .promo-info .promo-icon {
        width: 73px;
        height: 73px;
        font-size: 30px;
        line-height: 73px;
        text-align: center;
        float: left;
        margin-right: 25px
    }

.text-center .promo-info {
    padding-right: 0
}

.promo-info p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0
}

.promo-btn {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -25px
}

@media screen and (max-width:767px) {
    .promo-info {
        padding-right: 0
    }

    .promo-btn {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 20px
    }
}

.text-center .promo-info p {
    margin-bottom: 30px
}

.promo-box.border-box {
    border: 1px solid #d7d7d7
}

.promo-pattern {
    background-image: url(../img/banner/pattern.jpg);
    background-repeat: repeat;
    height: auto
}

.promo-parallax {
    background-image: url(../img/banner/banner-2.jpg);
    background-repeat: no-repeat;
    height: auto;
    background-attachment: fixed;
    background-size: cover
}

@media (min-width:992px) {
    .content-promo-box.banner {
        background: url(../img/mockup/mac-spkr.png) right top no-repeat #f5f5f5
    }
}

.quote-box .quote-intro {
    display: block;
    letter-spacing: 4px;
    margin-bottom: 10px
}

.quote-box .author {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0
}

    .quote-box .author .role {
        display: block;
        font-size: 14px;
        font-weight: 400
    }

.tp-overlay {
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

    .tp-overlay.purple-overlay {
        background-color: rgba(47,30,52,.75)
    }

.rev-heading-intro {
    font: 400 42px Raleway,sans-serif
}

.rev-heading {
    font: 400 60px Raleway,sans-serif
}

.rev-subheading {
    font: 400 16px/1.5 Raleway,sans-serif
}

.rev-btn .btn {
    height: auto
}

.btn-download.app-download {
    color: #1a222c;
    background-color: #fff;
    height: auto
}

    .btn-download.app-download:focus, .btn-download.app-download:hover {
        color: #fff;
        background-color: #1a222c
    }

.btn-download.book-download {
    color: #F44336;
    background: #fff;
    height: auto
}

    .btn-download.book-download:focus, .btn-download.book-download:hover {
        color: #fff;
        background: #F44336
    }

    .btn-download.app-download i, .btn-download.book-download i {
        position: relative;
        top: -5px;
        line-height: 35px
    }

    .btn-download.app-download span, .btn-download.book-download span {
        display: inline-block !important
    }

.Newspaper-Subtitle, .Newspaper-Title, .erinyen .tp-tab-desc, .erinyen .tp-tab-title, .tp-caption.Newspaper-Subtitle, .tp-caption.Newspaper-Title {
    font-family: Raleway,sans-serif !important
}

.erinyen .tp-tab-title {
    color: #1a222c !important
}

.nav-tabs.nav-justified > li > a, .nav-tabs > li > a {
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    margin-right: -1px;
    border: 1px solid #eee;
    border-radius: 0;
    background: #fafafa
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    cursor: default;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom-color: transparent
}

.nav-tabs {
    border-bottom: 1px solid #eee
}

    .nav-tabs > li i {
        margin-right: 5px
    }

    .nav-tabs > li > a {
        padding: 20px 30px
    }

        .nav-tabs > li > a:hover {
            background-color: #fff;
            border-color: #eee
        }

.tab-pane {
    line-height: 30px
}

.border-bottom-tab ul.nav-tabs {
    padding-left: 0
}

.border-bottom-tab .nav-tabs {
    border-bottom: 1px solid transparent
}

    .border-bottom-tab .nav-tabs.nav-justified > li, .border-bottom-tab .nav-tabs > li {
        position: relative
    }

        .border-bottom-tab .nav-tabs.nav-justified > li::before, .border-bottom-tab .nav-tabs > li::before {
            content: "";
            width: 1px;
            height: 20px;
            background-color: #eee;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -10px;
            z-index: 10
        }

        .border-bottom-tab .nav-tabs.nav-justified > li:last-child::before, .border-bottom-tab .nav-tabs > li:last-child::before {
            display: none
        }

        .border-bottom-tab .nav-tabs.nav-justified > li > a, .border-bottom-tab .nav-tabs > li > a {
            color: #bebebe;
            font-size: 16px;
            font-weight: 700;
            text-transform: capitalize;
            padding: 25px 30px;
            border-left: none !important;
            border-top: none !important;
            border-right: none !important;
            border-bottom: 4px solid transparent !important;
            background: 0 0
        }

        .border-bottom-tab .nav-tabs.nav-justified > .active > a, .border-bottom-tab .nav-tabs.nav-justified > .active > a:focus, .border-bottom-tab .nav-tabs.nav-justified > .active > a:hover, .border-bottom-tab .nav-tabs > li.active > a, .border-bottom-tab .nav-tabs > li.active > a:focus, .border-bottom-tab .nav-tabs > li.active > a:hover {
            color: #202020;
            border-bottom: 4px solid #1a222c !important;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            border-top: 1px solid transparent
        }

.border-bottom-tab .panel-body {
    padding: 30px 0
}

    .border-bottom-tab .panel-body img.alignright {
        float: right;
        margin: 5px 0 20px 20px
    }

    .border-bottom-tab .panel-body img.alignleft {
        float: left;
        margin: 5px 20px 20px 0
    }

@media (max-width:767px) {
    .border-bottom-tab .panel-body img.alignleft, .border-bottom-tab .panel-body img.alignright {
        float: none;
        margin: 0 auto;
        max-width: 100%
    }

    .border-bottom-tab .panel-body {
        padding: 30px
    }
}

.border-tab .nav-tabs > li {
    position: relative
}

    .border-tab .nav-tabs > li.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10
    }

    .border-tab .nav-tabs > li > a {
        padding: 16px 30px
    }

.border-tab .panel-body {
    padding: 30px 0
}

@media screen and (max-width:767px) {
    .border-tab .panel-body {
        padding: 30px
    }
}

.border-tab.primary-nav .nav-tabs.nav-justified > li > a, .border-tab.primary-nav .nav-tabs > li > a {
    border: 1px solid transparent;
    background: #1a222c;
    color: #fff
}

.border-tab.primary-nav .nav-tabs > li.active::after {
    border-bottom: 3px solid #0072a5
}

.border-tab.transparent-nav .nav-tabs.nav-justified > li > a, .border-tab.transparent-nav .nav-tabs > li > a {
    background: #fff;
    color: #999
}

.border-box-tab .nav-tabs.nav-justified > .active > a, .border-box-tab .nav-tabs.nav-justified > .active > a:focus, .border-box-tab .nav-tabs.nav-justified > .active > a:hover, .border-box-tab .nav-tabs > li.active > a, .border-box-tab .nav-tabs > li.active > a:focus, .border-box-tab .nav-tabs > li.active > a:hover, .border-tab.transparent-nav .nav-tabs.nav-justified > .active > a, .border-tab.transparent-nav .nav-tabs.nav-justified > .active > a:focus, .border-tab.transparent-nav .nav-tabs.nav-justified > .active > a:hover, .border-tab.transparent-nav .nav-tabs > li.active > a, .border-tab.transparent-nav .nav-tabs > li.active > a:focus, .border-tab.transparent-nav .nav-tabs > li.active > a:hover {
    color: #1a222c
}

.border-tab.transparent-nav .nav-tabs > li.active::after {
    border-bottom: 3px solid #1a222c
}

.border-box-tab .panel-body {
    padding: 30px 30px 0;
    border: 1px solid #eee;
    margin-top: -1px
}

@media screen and (max-width:767px) {
    .border-box-tab .panel-body {
        border: 1px solid transparent
    }
}

.icon-tab .nav-pills, .round-tab .nav-pills, .square-tab .nav-pills {
    display: inline-block
}

.icon-tab .panel-body {
    padding: 15px 0
}

.icon-tab .nav > li > a {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 6px;
    background: #F6F6F6;
    color: #1a222c;
    border: 1px solid #eee
}

    .icon-tab .nav > li > a .material-icons {
        font-size: 40px;
        line-height: 64px
    }

.round-tab .nav-pills > li > a {
    border-radius: 30px;
    border: 1px solid #eee;
    color: #999
}

    .icon-tab .nav-pills > li.active > a, .icon-tab .nav-pills > li.active > a:focus, .icon-tab .nav-pills > li.active > a:hover, .round-tab .nav-pills > li.active > a, .round-tab .nav-pills > li.active > a:focus, .round-tab .nav-pills > li.active > a:hover, .round-tab .nav-pills > li > a:hover, .square-tab .nav-pills > li.active > a, .square-tab .nav-pills > li.active > a:focus, .square-tab .nav-pills > li.active > a:hover, .square-tab .nav-pills > li > a:hover {
        color: #fff;
        border: 1px solid transparent;
        background: #1a222c
    }

        .icon-tab .nav-pills > li.active > a, .icon-tab .nav-pills > li.active > a:focus, .icon-tab .nav-pills > li.active > a:hover {
            box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
        }

.round-tab .nav > li > a, .square-tab .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 25px
}

.icon-tab .nav-pills > li + li, .round-tab .nav-pills > li + li, .square-tab .nav-pills > li + li {
    margin-left: 20px
}

@media screen and (max-width:480px) {
    .icon-tab .nav-pills > li, .round-tab .nav-pills > li, .square-tab .nav-pills > li {
        margin: 10px !important
    }
}

.square-tab .nav-pills > li > a {
    border-radius: 0;
    border: 1px solid #eaeaea;
    color: #999
}

.round-tab .nav-pills > li i, .square-tab .nav-pills > li i {
    margin-right: 5px
}

@media screen and (max-width:768px) {
    .icon-tab img {
        margin: 0 auto
    }
}

.vertical-tab .panel-body {
    padding: 0
}

.vertical-tab .nav-tabs > li > a {
    color: #fff;
    margin-right: 0;
    border: 0;
    background: #1a222c;
    text-align: center;
    font-weight: 700
}

.vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:focus, .vertical-tab .nav-tabs > li.active > a:hover {
    background-color: #ed145b;
    color: #fff;
    border: 0;
    z-index: 10;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)
}

.vertical-tab h2 {
    display: inline-block;
    font-weight: 700
}

.vertical-tab img.alignright {
    float: right;
    margin-left: 20px
}

@media screen and (max-width:767px) {
    .vertical-tab .panel-body {
        padding: 20px
    }

    .vertical-tab img.alignleft, .vertical-tab img.alignright {
        float: none;
        margin: 10px auto 30px;
        max-width: 100%;
        display: block
    }

    .vertical-tab h2 {
        display: block
    }
}

.team-tab .nav-tabs {
    border-bottom: 0
}

    .team-tab .nav-tabs > li > a {
        padding: 0;
        border: 0
    }

    .team-tab .nav-tabs.nav-justified > li > a, .team-tab .nav-tabs > li > a {
        margin-right: 15px
    }

    .team-tab .nav-tabs.nav-justified > .active > a, .team-tab .nav-tabs.nav-justified > .active > a:focus, .team-tab .nav-tabs.nav-justified > .active > a:hover, .team-tab .nav-tabs > li.active > a, .team-tab .nav-tabs > li.active > a:focus, .team-tab .nav-tabs > li.active > a:hover {
        border: 0;
        position: relative;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

        .team-tab .nav-tabs > li.active > a::before {
            content: "";
            background: rgba(3,169,244,.9);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10
        }

    .team-tab .nav-tabs > li > a img {
        width: 100%
    }

.team-tab .panel-body {
    padding: 40px 0 0
}

.team-tab .team-intro {
    padding-top: 35px
}

    .team-tab .team-intro h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 35px
    }

        .team-tab .team-intro h3 small {
            font-size: 20px;
            font-weight: 400;
            color: #202020;
            display: block
        }

@media (min-width:768px) and (max-width:991px) {
    .team-tab .team-intro {
        padding-top: 0
    }
}

.team-social-links {
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #eee
}

    .team-social-links li a {
        width: 30px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        display: block;
        color: #202020
    }

        .team-social-links li a:hover {
            color: #1a222c
        }

@media (max-width:767px) {
    .team-tab .panel-body {
        padding: 0 30px
    }

    .team-tab img {
        margin: 0 auto;
        width: 100%
    }

    .team-tab .team-img img {
        display: none
    }

    .team-social-links {
        border-top: 0
    }
}

.team-wrapper {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

    .team-wrapper:hover {
        border: 1px solid transparent;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

    .team-wrapper img {
        width: 100%
    }

.team-title {
    padding: 28px 28px 0
}

    .team-title h3 {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 5px
    }

        .team-title h3 a {
            color: #202020
        }

            .team-title h3 a:hover {
                color: #1a222c
            }

    .team-title span {
        display: block;
        font-size: 16px;
        color: #999;
        text-transform: uppercase;
        margin-bottom: 22px
    }

    .team-title p {
        color: #bcbcbc;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        transition: color .3s
    }

.team-wrapper:hover .team-title p {
    color: #999
}

.thumb-carousel .icon {
    margin-bottom: 50px
}

.thumb-carousel .testimonial-meta {
    font-weight: 700;
    margin-bottom: 30px
}

    .thumb-carousel .testimonial-meta span {
        color: #999;
        font-weight: 400
    }

.circle-thumb .flex-control-thumbs li {
    width: 72px;
    float: none;
    margin: 0 15px
}

.circle-thumb .flex-control-thumbs img {
    opacity: .1;
    border-radius: 50%
}

    .circle-thumb .flex-control-thumbs img.flex-active {
        opacity: 1;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

.square-thumb .content p {
    font-size: 18px
}

.square-thumb .testimonial-meta {
    color: #202020;
    font-size: 18px;
    font-weight: 700
}

    .square-thumb .testimonial-meta span {
        display: block;
        color: #999;
        font-size: 14px;
        font-weight: 400
    }

.square-thumb .flex-control-thumbs li {
    width: 70px;
    float: none;
    margin: 0 2px
}

.square-thumb .flex-control-thumbs img {
    opacity: .4
}

    .square-thumb .flex-control-thumbs img.flex-active {
        opacity: 1
    }

@media screen and (max-width:370px) {
    .square-thumb .flex-control-thumbs li {
        width: 60px
    }
}

.logo-thumb .content p {
    font-size: 18px
}

.logo-thumb .testimonial-meta {
    overflow: hidden;
    display: inline-block;
    font-size: 22px;
    text-transform: uppercase
}

.logo-thumb .client-thumb {
    float: left;
    margin-right: 10px
}

    .logo-thumb .client-thumb img {
        width: 72px;
        height: 72px
    }

.logo-thumb .client-info {
    float: left;
    margin-top: 10px
}

.logo-thumb .testimonial-meta span {
    display: block;
    font-size: 14px;
    text-transform: capitalize
}

.logo-thumb .flex-control-thumbs img {
    opacity: .4;
    padding: 20px 50px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.logo-thumb .flex-control-thumbs {
    padding: 20px 15px
}

    .logo-thumb .flex-control-thumbs li {
        border: 1px solid #eee;
        margin-left: -1px;
        margin-bottom: -1px;
        -webkit-transition: box-shadow .1s;
        -moz-transition: box-shadow .1s;
        -ms-transition: box-shadow .1s;
        transition: box-shadow .1s
    }

    .logo-thumb .flex-control-thumbs img.flex-active {
        position: relative;
        z-index: 100;
        opacity: 1;
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
    }

@media (max-width:767px) {
    .logo-thumb .flex-control-thumbs {
        display: none
    }
}

.flex-direction-nav a:before {
    font-size: 25px;
    line-height: 40px;
    color: #1a222c;
    text-shadow: none
}

.logo-thumb-right .content p {
    font-size: 18px
}

.logo-thumb-right .testimonial-meta {
    font-size: 22px;
    text-transform: uppercase
}

    .logo-thumb-right .testimonial-meta span {
        display: block;
        font-size: 14px;
        text-transform: capitalize
    }

.logo-thumb-right .flex-control-thumbs img {
    opacity: .4;
    padding: 10px 20px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.logo-thumb-right .flex-control-thumbs {
    padding: 0 15px 20px
}

    .logo-thumb-right .flex-control-thumbs li {
        width: 33.33%;
        border: 1px solid #eee;
        margin-left: -1px;
        margin-bottom: -1px;
        -webkit-transition: box-shadow .1s;
        -moz-transition: box-shadow .1s;
        -ms-transition: box-shadow .1s;
        transition: box-shadow .1s
    }

    .logo-thumb-right .flex-control-thumbs img.flex-active {
        position: relative;
        z-index: 100;
        opacity: 1;
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
    }

@media (min-width:992px) {
    .logo-thumb-right .flex-viewport {
        width: 50%;
        float: left
    }

    .logo-thumb-right .flex-control-nav {
        width: 50%;
        float: right;
        text-align: right
    }
}

.carousel-testimonial {
    padding: 40px;
    border-radius: 4px;
    height: inherit
}

    .carousel-testimonial .avatar {
        margin-bottom: 30px
    }

    .carousel-testimonial .testimonial-meta {
        font-weight: 700;
        margin-bottom: 30px
    }

        .carousel-testimonial .testimonial-meta span {
            color: #999;
            font-weight: 400
        }

    .carousel-testimonial .carousel-control {
        top: auto;
        bottom: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #ddd;
        text-shadow: none;
        opacity: 1;
        background-image: none !important;
        filter: 0
    }

        .carousel-testimonial .carousel-control.left {
            left: 50%;
            margin-left: -40px
        }

        .carousel-testimonial .carousel-control.right {
            right: 50%;
            margin-right: -40px
        }

        .carousel-testimonial .carousel-control:focus, .carousel-testimonial .carousel-control:hover {
            color: #1a222c;
            opacity: 1
        }

    .carousel-testimonial.brand-bg .carousel-control:focus, .carousel-testimonial.brand-bg .carousel-control:hover {
        color: #fff
    }

    .carousel-testimonial .carousel-control.book:focus, .carousel-testimonial .carousel-control.book:hover {
        color: #F44336
    }

    .carousel-testimonial.gray-bg {
        background-color: #f9f9f9 !important
    }

.quote-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 5px 4px;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    transition: background .2s ease
}

.quote-carousel.owl-theme .owl-dots .owl-dot.active span, .quote-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #2ecc71
}

.quote-carousel.owl-theme .owl-dots .owl-dot.active span {
    width: 25px
}

.quote-carousel.owl-theme .owl-controls {
    margin-top: 50px
}

.brand-bg .quote-carousel.owl-theme .owl-dots .owl-dot span {
    background: rgba(255,255,255,.5)
}

.brand-bg .quote-carousel.owl-theme .owl-dots .owl-dot.active span, .brand-bg .quote-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff
}

.client-testimonial {
    padding: 40px 80px 60px
}

    .client-testimonial .avatar {
        margin-bottom: 50px
    }

    .client-testimonial .testimonial-meta {
        font-weight: 700
    }

        .client-testimonial .testimonial-meta span {
            color: #999;
            font-weight: 400
        }

@media screen and (max-width:767px) {
    .client-testimonial {
        padding: 30px 30px 50px
    }
}