/* =-=-=-=-=-=-= CSS TABLE CONTENT =-=-=-=-=-=-=
    # GENERAL
    # TYPOGRAPHY
    # GLOBAL STYLES
    # HEADER TOPBAR
    # NAVIGATION
        ## MEGA MENU STYLE
        ## MOBILE MENU STYLE
    # SLIDER SECTION
    # SLIDER AND HERO UNIT STYLE
    # PAGE HEADER STYLE
    # SERVICE TAB STYLE
    # RECENT PROJECT SECTION
    # PORTFOLIO STYLE
    # FEATURES STYLE
    # ABOUT SECTION
    # COUNTER STYLE
    # PROCESS SECTION
    # PARTNER SECTION
    # CASE STUDY SECTION
    # MAP SECTION
    # CONTACT SECTION
    # NEWSLETTER SECTION
    # BLOG STYLE
        ## POST FORMAT VIDEO
        ## POST FORMAT AUDIO
        ## POST FORMAT QUOTE
        ## POST FORMAT LINK
        ## DEFAULT GALLERY POST
        ## CUSTOM GALLERY POST
        ## POST FORMAT STATUS
        ## POST FORMAT CHAT
        ## PAGINATION
        ## INNER POST PAGINATION
        ## SINGLE POST PAGER
        ## SLIDER STYLE
            ### COMMON STYLE FOR ALL WIDGETS
            ### WIDGET_SEARCH
            ### POPULAR POSTS
            ### AUTHOR INFO WIDGET
            ### RECENT COMMENT WIDGET
            ### NEWSLETTER WIDGET
            ### TAG CLOUD
        ## BLOG GRID STYLE
        ## SINGLE POST
            ### AUTHOR BIO
            ### COMMENTS-WRAPPER
    # CALL TO ACTION SECTION
    # CLIENT SLIDER VERSION ONE
    # CLIENT SLIDER VERSION TWO
    # CLIENT SLIDER VERSION THREE
    # CLIENT SLIDER VERSION FOUR
    # 404 PAGE
    # MAGNIFIC POPUP
    # FOOTER SECTION
        ## MULTIPAGE FOOTER STYLE
    # PRELOADER
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* =-=-=-=-=-=-= GENERAL =-=-=-=-=-=-= */
#preloader {
    background-color: #ffffff;
}

#preloader #status .preview_loader {
    background-image: url("../images/preview_loader.png");
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
}

body#static_page_layout {
    color: #545454;
    font-family: arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.6;
}

html,
body {
    width: 100%;
    height: 100%;
}

body.logged-in {
    top: 32px;
}

/* Link style
------------------------------ */
a {
    color: #ff2a40;
}

a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #cd000e;
    outline: none;
    text-decoration: none;
}

dl dd {
    margin-bottom: 10px;
}

/* Transition elements
------------------------------------------ */
.navbar a,
.form-control {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a,
.btn {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* Reset box-shadow
------------------------------------------- */
.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

button:focus {
    outline: none !important;
}

/* =-=-=-=-=-=-= TYPOGRAPHY =-=-=-=-=-=-= */
h1, h2, h3, h4, h5, h6, span.span_h3, span.span_h4 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin: 0 0 15px;
    color: #202020;
}

h1 {
    font-size: 35px;
    line-height: 50px;
}

h2 {
    font-size: 25px;
}

h3,
span.span_h3 {
    font-size: 20px;
    line-height: 25px;
    display: block;
}

h4,
span.span_h4 {
    font-size: 18px;
    line-height: 20px;
    display: block;
}

p {
    margin-bottom: 15px;
}

p img {
    margin: 0;
}

/* Accessibility
------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
------------------------------------------- */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* Clearings
------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* Widgets
-------------------------------------------*/
.widget {
    margin: 0 0 20px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Content
-------------------------------------------*/
.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
}

.page-wrapper {
    padding-bottom: 100px;
}

/* Comments
-------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Infinite scroll
-------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/* Media
-------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

.video-section {
    top: 0%;
    left: 0%;
    height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.overlay {
    min-height: 400px;
    background-color: rgba(0, 0, 0, 0.5);
}

video,
object {
    min-width: 100%;
    min-height: 100%;
}

.audio {
    width: 100%;
}

/* Captions
-------------------------------------------*/
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 3px;
    text-align: center;
}

.wp-caption figcaption {
    padding: 5px 0 0;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0 none;
    width: auto;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */
table {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* Button
------------------------------------------- */
.vc_btn3-container .vc_btn3.vc_btn3-size-md,
.vc_btn3-container .vc_btn3.vc_btn3-size-md,
.btn {
    padding: 14px 45px;
}

.vc_btn3-container .vc_btn3.vc_btn3-size-lg,
.vc_btn3-container .vc_btn3.vc_btn3-size-lg,
.btn-group-lg > .btn,
.btn-lg {
    padding: 17px 45px;
}

.vc_general.vc_btn3.vc_btn3-color-theme_primary_color,
.btn-primary {
    background-color: #34495e;
    border-color: #34495e;
    color: #ffffff;
}

.vc_general.vc_btn3.vc_btn3-color-theme_primary_color:hover,
.vc_general.vc_btn3.vc_btn3-color-theme_primary_color:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #ff2a40;
    border-color: #ff2a40;
    color: #ffffff;
}

.btn-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    font-size: 16px;
}

.btn-outline:hover,
.btn-outline:focus {
    background-color: #fff;
    border-color: #fff;
    color: #ff2a40;
}

.vc_general.vc_btn3.vc_btn3-color-theme_default_color,
.btn-default {
    font-size: 14px;
    font-weight: 700;
    color: #34495e;
    border-color: #fff;
    background-color: #fff;
}

.vc_general.vc_btn3.vc_btn3-color-theme_default_color:hover,
.vc_general.vc_btn3.vc_btn3-color-theme_default_color:focus,
.btn-default:hover,
.btn-default:focus {
    color: #fff;
    border-color: #ff2a40;
    background-color: #ff2a40;
}

.learnmore-btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    padding: 20px 57px;
}

.learnmore-btn:focus,
.learnmore-btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}

.btn:focus,
button:focus {
    outline: none !important;
}

/*alert*/
.alert {
    padding: 10px 15px;
    border-radius: 0;
}

.tt-alert {
    background-color: transparent;
}

.alert-dismissible .close {
    top: 5px;
}

/* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */
.check-circle-list {
    padding: 0;
    list-style: none;
}

.check-circle-list li {
    line-height: 33px;
}

.check-circle-list li i {
    font-size: 16px;
    color: #cdcdcd;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.check-circle-list li:hover i {
    color: #ff2a40;
}

/* Form Style
------------------------------------------- */
.form-group {
    margin-bottom: 30px;
}

.form-control {
    border: 1px solid #eee;
    border-radius: 0;
    color: #202020;
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    line-height: 25px;
    padding: 9px;
}

.form-control:focus {
    border-color: #ff2a40;
}

/* =-=-=-=-=-=-= GLOBAL STYLES =-=-=-=-=-=-= */
.section-wrapper {
    position: relative;
}

.container-fullwidth {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fullwidth .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row.section-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.vc_row.vc_row-o-full-height {
    min-height: 100vh !important;
}

.vc_row.vc_row-o-equal-height {
    margin-left: 0;
    margin-right: 0;
}

.ie9 .vc_row-o-full-height .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.tt-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.white-text {
    color: #ffffff !important;
}

.theme-color {
    color: #ff2a40;
}

.theme-bg {
    background-color: #ff2a40;
}

.dark-bg {
    background-color: #2a2425;
}

/* =-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-= */
.section-title {
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.sub-title {
    margin: 0px auto;
    max-width: 980px;
}

.sub-title p {
    margin: 0;
    color: #666666;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
}

.section-intro {
    margin-bottom: 70px;
}

.section-intro h2 {
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.title-description p {
    margin: 0;
    line-height: 25px;
}

.sction-title-wrapper .separator {
    background-color: #ff2a40;
    width: 100px;
    height: 2px;
    display: block;
    margin-bottom: 20px;
}

.sction-title-wrapper.text-center .separator {
    margin: 0 auto 20px;
}

.sction-title-wrapper.text-right .separator {
    margin-left: auto;
}

/*custom margin classes*/
.no-margin {
    margin: 0 !important;
}

/*margin top*/
.mt-40 {
    margin-top: 40px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.marginTopZero {
    margin-top: 0px !important;
}

/*margin bottom*/
.mb-30 {
    margin-bottom: 30px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.marginRightTen {
    margin-right: 10px !important;
}

.marginTopTwenty {
    margin-top: 20px !important;
}

/*custom padding classes*/
.no-padding {
    padding: 0 !important;
}

/*padding-bottom*/
.pb-0 {
    padding-bottom: 0px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

/*padding top bottom*/
.ptb-50 {
    padding: 50px 0 !important;
}

.ptb-90 {
    padding: 90px 0 !important;
}

.overlay-bg {
    background-color: rgba(0, 0, 0, 0.5);
}

.gray-bg {
    background-color: #fafafa;
}

.gutter {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* vertical middle align
-------------------------------------------*/
.vertical-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0 15px;
}

/* =-=-=-=-=-=-= HEADER TOPBAR =-=-=-=-=-=-= */
.header-top-wrapper {
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff;
}

.header-transparent .header-top-wrapper {
    border-bottom: 1px solid rgba(4, 4, 4, 0.35);
    background-color: rgba(0, 0, 0, 0.08);
    color: #fff;
}

.header-top-wrapper .contact-info {
    margin: 0;
}

.header-top-wrapper .contact-info ul {
    margin: 0;
    padding: 0;
}

.header-top-wrapper .contact-info ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
}

.header-top-wrapper .contact-info ul li a {
    color: #666666;
}

.header-top-wrapper .contact-info ul li a:hover {
    color: #ff2a40;
}

.header-transparent .contact-info ul li a {
    color: #ffffff;
}

.header-top-wrapper .contact-info ul li:last-child {
    list-style: none;
    display: inline-block;
    margin-right: 0;
}

.header-top-wrapper .social-icon ul {
    margin: 0;
}

.header-top-wrapper .social-icon ul li {
    padding: 0;
    margin: 0;
}

.header-top-wrapper .social-icon ul li a {
    padding: 0 5px;
}

.header-top-wrapper .social-icon ul li:last-child a {
    padding-right: 0;
}

.header-top-wrapper .social-icon ul li a i {
    border: 0;
    color: #666666;
    font-size: 14px;
    width: 25px;
    height: inherit;
    line-height: 28px;
    text-align: center;
}

.header-transparent .social-icon ul li a i {
    color: #ffffff;
}

.header-top-wrapper .social-icon ul li a i:hover {
    border: 0;
}

.header-wrapper.sticky .header-top-wrapper {
    display: none;
}

@media (max-width: 767px) {
    .header-transparent .header-top-wrapper {
        border-bottom: 1px solid rgba(4, 4, 4, 0.06);
        background-color: #ffffff;
        color: #666666;
    }

    .header-transparent .contact-info ul li a,
    .header-transparent .social-icon ul li a i {
        color: #666666;
    }
}

@media (max-width: 479px) {
    .header-top-wrapper .contact-info.pull-left,
    .header-top-wrapper .social-links-wrap.pull-right {
        float: inherit !important;
        text-align: center;
    }
}

/* =-=-=-=-=-=-= NAVIGATION =-=-=-=-=-=-= */
.main-menu-wrapper {
    margin-top: 8px;
}

.has-header-search .navbar-nav {
    padding-right: 40px;
}

@media (max-width: 767px) {
    .has-header-search .navbar-nav {
        padding-right: 0;
    }
}

.main-menu {
    position: relative;
}

@media (min-width: 768px) {
    .navbar-nav li.has-mega-menu {
        position: static;
    }

    .navbar-nav ul {
        position: static;
        display: block;
        border: 0;
        margin: 0;
        min-width: 200px;
    }

    .navbar-default {
        background-color: #ffffff;
        padding: 25px 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .has-header-topbar .navbar-default {
        padding: 12px 0;
    }

    .header-wrapper.sticky .navbar-default {
        padding: 6px 0;
    }

    .header-transparent .navbar-default {
        background-color: transparent;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 23px;
    }

    .sticky .navbar-nav > li > .dropdown-menu {
        margin-top: 13px;
    }

    .navbar-right .dropdown-menu {
        right: auto;
        left: 15px;
    }

    .sticky .navbar-right .dropdown-menu {
        left: 13px;
    }
}

.header-wrapper.sticky .navbar-default {
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.32);
    -o-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.32);
}

.navbar-header h1 {
    display: inline-block;
    margin: 0;
    line-height: 48px;
    font-size: 44px;
}

.navbar-brand {
    margin: 0;
    padding: 0;
    height: auto;
}

@media (min-width: 768px) {
    .navbar-brand img {
        margin-top: -10px;
    }
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar .nav > li {
    padding: 0 12px;
    -webkit-transition: padding .4s ease-in-out;
    -moz-transition: padding .4s ease-in-out;
    transition: padding .4s ease-in-out;
}

.navbar .nav > li > a {
    padding: 5px 0;
    -webkit-transform: translateZ(0);
}

.navbar .nav li a i {
    margin-right: 8px;
}

.navbar .nav li a.menu-heading {
    position: relative;
    cursor: default;
    font-size: 12px !important;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 700;
}

.navbar .nav li a.menu-heading:hover {
    padding-left: 15px !important;
}

.navbar .nav li a.menu-heading::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 2px;
    width: 30px;
    height: 2px;
    background-color: #C7C7C7;
}

.navbar .nav li a.menu-heading:hover {
    color: inherit;
    background-color: transparent;
}

.navbar-default {
    margin-bottom: 0;
    border-color: transparent;
    z-index: 10000;
    border: 0;
    border-radius: 0;
}

.header-wrapper.navbar-fixed-top {
    position: absolute;
    top: 0;
}

.header-wrapper.navbar-fixed-top.sticky {
    position: fixed;
}

.admin-bar .header-wrapper {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .navbar-fixed-top {
        top: 45px;
    }
}

@media (max-width: 600px) {
    .admin-bar .navbar-fixed-top.sticky {
        top: 0;
    }
}

.navbar-default .navbar-nav > li > a {
    color: #000000; /*#4c4c4c;*/
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
}

.header-transparent .header-wrapper.sticky .navbar-default {
    background-color: #ffffff;
}

.header-transparent .navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.header-transparent .header-wrapper.sticky .navbar-nav > li > a {
    color: #000000; /*#4c4c4c;*/
}

.header-transparent .header-wrapper.sticky .navbar-nav > li > a:focus,
.header-transparent .header-wrapper.sticky .navbar-nav > li > a:hover,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
    color: #ff2a40;
    background-color: transparent;
}

.header-transparent .header-wrapper.sticky .navbar-nav > .active > a,
.header-transparent .header-wrapper.sticky .navbar-nav > .active > a:focus,
.header-transparent .header-wrapper.sticky .navbar-nav > .active > a:hover,
.header-transparent .navbar-default .navbar-nav > .active > a,
.header-transparent .navbar-default .navbar-nav > .active > a:focus,
.header-transparent .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #ff2a40;
    background-color: transparent;
}

/*Dropdown Style*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #ff2a40;
    background-color: transparent;
}

.navbar-nav > li:hover > .dropdown-wrapper > ul {
    display: block;
}

.navbar-nav > li .dropdown-menu {
    border-radius: 0;
    padding: 10px 0;
}

.dropdown-menu > li > a {
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #202020;
}

.dropdown-menu li a:hover {
    padding-left: 25px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #ff2a40;
    background-color: transparent;
}

.navbar-default .navbar-nav li.current-menu-ancestor > a,
.navbar-default .navbar-nav li.current-menu-parent > a,
.navbar-default .navbar-nav li.current-menu-item > a {
    color: #ff2a40 !important;
}

.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child > a,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child > a {
    color: #202020;
}

.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child > a:hover,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #ff2a40;
}

.navbar-nav li .dropdown-wrapper {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    padding-top: 22px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.header-wrapper.sticky .navbar-nav li .dropdown-wrapper {
    padding-top: 15px;
}

.navbar-nav > li:hover > .dropdown-wrapper {
    top: 30px;
}

.navbar-nav li .dropdown-wrapper span {
    position: absolute;
    top: 12px;
    right: 10px;
}

/*2nd lavel menu*/
.navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper {
    left: 100%;
    margin-left: 10px;
    top: -3px;
    padding: 0 0 0 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.navbar-nav li > .dropdown-wrapper li.dropdown-inverse > .dropdown-wrapper {
    left: auto;
    right: 100%;
    margin-right: 10px;
    margin-left: 0;
    padding: 0 5px 0 0;
}

.navbar-nav li > .dropdown-wrapper li.dropdown-inverse:hover > .dropdown-wrapper {
    margin-right: -5px;
}

.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper {
    margin-left: -5px;
}

.navbar-nav > li:hover > .dropdown-wrapper,
.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper {
    visibility: visible;
    opacity: 1;
}

/* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */
.navbar-nav li .megamenu-wrapper {
    position: absolute;
    top: 40px;
    left: auto;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 22px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.navbar-nav li:hover > .megamenu-wrapper {
    top: 30px;
}

.header-wrapper.sticky .navbar-nav li .megamenu-wrapper {
    padding-top: 15px;
}

.navbar-nav li:hover > .megamenu-wrapper,
.navbar-nav li:hover > .megamenu-wrapper .dropdown-wrapper {
    visibility: visible;
    opacity: 1;
}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper {
    position: static;
    padding: 0;
}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul li {
    border: 0;
}

.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a {
    padding: 5px 15px;
}

.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a:hover {
    padding-left: 20px;
}

.navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a {
    border-bottom: 0;
}

.megamenu-wrapper .dropdown-megamenu {
    width: 100%;
    padding: 20px 20px 10px !important;
}

.megamenu-wrapper .dropdown-megamenu > li {
    margin-bottom: 15px;
}

.megamenu-wrapper .menu-col-1 > li {
    width: 100%;
}

.megamenu-wrapper .menu-col-2 > li {
    width: 50%;
    float: left;
}

.megamenu-wrapper .menu-col-3 > li {
    width: 33.33%;
    float: left;
}

.megamenu-wrapper .menu-col-4 > li {
    overflow: hidden;
    width: 25%;
    float: left;
}

.navbar-default.sticky .dropdown-wrapper {
    top: 40px;
    padding-top: 23px;
}

.navbar-default.sticky .megamenu-wrapper {
    top: 35px;
    padding-top: 28px;
}

.navbar-default.sticky .navbar-nav li:hover > .megamenu-wrapper {
    top: 25px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav li .megamenu-wrapper,
    .navbar-nav li .dropdown-wrapper {
        padding-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default {
        padding: 10px 0;
    }

    .navbar .nav > li {
        padding: 0;
    }

    /*navbar*/
    .navbar-default .navbar-nav > li > a {
        padding: 10px 5px 10px;
    }

    .navbar-default.sticky .navbar-nav > li > a {
        padding: 20px 12px;
    }

    .navbar-nav li .dropdown-wrapper,
    .navbar-nav li .megamenu-wrapper {
        padding-top: 12px;
    }
}

/* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */
@media (max-width: 767px) {
    .navbar-brand {
        padding: 10px 15px;
        margin: 5px 0 0;
    }

    .navbar .nav > li {
        padding: 0;
    }

    .header-transparent .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav li a {
        color: #202020;
        font-size: 13px;
    }

    .navbar-default ul ul {
        padding-left: 20px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        background-color: transparent;
        color: #ff2a40;
    }

    .navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child > a,
    .navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child > a {
        color: #ffffff;
    }

    .navbar-nav li {
        list-style: none;
    }

    .navbar-nav li .dropdown-wrapper,
    .navbar-nav li .sub-dropdown-wrapper {
        position: static;
        padding: 0;
        margin: 0;
    }

    .navbar-nav > li:hover > .dropdown-wrapper > ul {
        display: none;
    }

    .navbar-nav > li.open > .dropdown-wrapper > ul {
        display: block;
    }

    /*mobile menu dropdown trigger*/
    .dropdown-menu-trigger {
        position: absolute;
        right: 0;
        top: 4px;
        background-color: transparent;
        color: #616161;
        border: 1px solid #616161;
        width: 25px;
        height: 25px;
        line-height: 20px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .dropdown-menu-trigger.menu-collapsed {
        color: #ff2a40;
        border-color: #ff2a40;
    }

    .dropdown-menu-trigger i {
        font-size: 12px;
    }

    .dropdown-menu-trigger i:last-child {
        display: none;
    }

    .dropdown-menu-trigger.menu-collapsed i:first-child {
        display: none;
    }

    .dropdown-menu-trigger.menu-collapsed i:last-child {
        display: block;
    }

    .has-mega-menu .has-mega-menu-child .collapse {
        display: block;
        padding: 0;
    }

    .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger {
        display: none;
    }

    .mobile-menu.navbar-collapse {
        max-height: 340px;
    }
}

.navbar-toggle {
    border-radius: 0;
    margin-top: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #4e4e4e;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ff2a40;
    border-color: #ff2a40;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/* =-=-=-=-=-=-= Search Box =-=-=-=-=-=-= */
.search-icon {
    position: relative;
    top: 10px;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

.search-icon:hover {
    cursor: pointer;
}

.header-wrapper.sticky .search-icon {
    top: 10px;
}

.search-icon:after,
.search-icon.active:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: fontawesome;
    z-index: 100;
}

.header-transparent .search-icon:after,
.header-transparent .search-icon.active:after {
    color: #ffffff;
}

.header-transparent .header-wrapper.sticky .search-icon:after,
.header-transparent .header-wrapper.sticky .search-icon.active:after {
    color: #4c4c4c;
}

.search-icon:after {
    content: "\f002";
}

.search-icon.active:after {
    content: "\f00d";
    color: #ff2a40;
}

.search-box-wrap .search-form {
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    top: 98px;
    z-index: 1;
}

.search-box-wrap .search-form .form-control {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 0 15px;
    outline: none;
    font-size: 30px;
    text-align: center;
    background-color: #ccc;
    line-height: 70px;
    height: 70px;
    font-weight: 500;
    -webkit-transform: translateZ(0);
}

.sticky .search-box-wrap .search-form {
    top: 60px;
}

.search-box-wrap button {
    display: none;
}

/* =-=-=-=-=-=-= SLIDER SECTION =-=-=-=-=-=-= */
.slider-wrapper {
    margin-bottom: 120px;
}

.header-default .slider-wrapper {
    margin-top: 95px;
}

.trendy-slider {
    overflow: hidden;
    position: relative;
}

.trendy-slider img {
    width: 100%;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    max-height: 700px;
    opacity: .8;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
}

.carousel-fade .carousel-control {
    z-index: 20
}

/* Caption style
------------------------------------------- */
.trendy-slider .carousel-caption {
    position: absolute;
    top: 50%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    color: #fff;
    bottom: inherit;
}

.trendy-slider .slides-container > li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
}

/* Next and previous control button style
------------------------------------------- */

/*control button style one*/
.slides-navigation a {
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 40px;
    top: 50%;
    text-align: center;
    margin-top: -25px;
    border-radius: 50%;
    color: #000;
    background-color: #ddd;
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}

.tt-home-slider:hover .slides-navigation a {
    opacity: 1;
    visibility: visible;
}

.tt-home-slider .slides-navigation a:hover {
    background-color: #ff2a40;
    color: #fff;
}

.tt-home-slider .slides-navigation a.prev {
    left: 30px;
}

.tt-home-slider .slides-navigation a.next {
    right: 30px;
}

/* Text animation delay for first slider
------------------------------------------- */
.delay-1 {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay-2 {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay-3 {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.delay-4 {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

/* =-=-=-=-=-=-= SLIDER AND HERO UNIT STYLE =-=-=-=-=-=-= */
.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.hero-block-caption h2,
.slider-caption h2 {
    color: #FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}

.hero-block-caption h2 strong,
.slider-caption h2 span,
.slider-caption h2 strong {
    font-weight: 900;
}

.hero-block-caption h3,
.slider-caption h3 {
    color: #FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
    font-family: 'Open Sans', sans-serif;
}

.hero-block-caption .btn,
.slider-caption .btn {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    padding: 20px 58px;
}

.hero-block-caption .btn:hover,
.slider-caption .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}

.home-section .intro h2,
.tt-text-rotator h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 75px;
    line-height: 80px;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
}

.bold-font,
.tt-text-rotator h2 {
    font-weight: 800;
}

.home-section .intro h3,
.intro-sub h3 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.intro .btn {
    padding: 20px 58px;
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    border-color: #fff;
    border-radius: 30px;
}

.intro .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #ff2a40;
}

@media (max-width: 767px) {
    .hero-block-caption h2,
    .slider-caption h2,
    .home-section .intro h2,
    .tt-text-rotator h2 {
        font-size: 22px;
        line-height: 35px;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .hero-block-caption h3,
    .slider-caption h3,
    .home-section .intro h3,
    .intro-sub h3 {
        font-size: 10px;
        margin-bottom: 15px;
    }

    .hero-block-caption .btn,
    .slider-caption .btn,
    .intro .btn {
        font-size: 14px;
        padding: 10px 30px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .hero-block-caption h2,
    .slider-caption h2,
    .home-section .intro h2,
    .tt-text-rotator h2 {
        font-size: 33px;
        line-height: 56px;
    }

    .hero-block-caption h3,
    .slider-caption h3,
    .home-section .intro h3,
    .intro-sub h3 {
        font-size: 14px;
        margin-bottom: 25px;
    }
}

/* Intro Block
------------------------------------------- */
.intro-block {
    width: 100%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.intro-content {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    padding: 0 50px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.intro-block:hover .intro-content {
    -webkit-transform: translate(0%, -65%);
    -moz-transform: translate(0%, -65%);
    -ms-transform: translate(0%, -65%);
    -o-transform: translate(0%, -65%);
    transform: translate(0%, -65%);
}

.intro-block h2 {
    color: #fff;
}

.intro-block p {
    line-height: 24px;
    margin: 0;
}

.intro-block a.learn-more {
    position: absolute;
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    left: 0;
    bottom: -50px;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.intro-block:hover a.learn-more {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.intro-block a.learn-more:hover {
    background: #fff;
}

.intro-block a.learn-more i {
    margin-left: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .intro-content {
        padding: 0 30px;
    }
}

@media (max-width: 991px) {
    .intro-block {
        border-bottom: 1px solid #f1f1f1;
    }
}

@media (max-width: 650px) {
    .intro-block {
        border-bottom: 0;
    }
}

/* =-=-=-=-=-=-= PAGE HEADER STYLE =-=-=-=-=-=-= */
.cms .page-title {
    margin-bottom: 0px;
}

.page-title {
    position: relative;
    padding: 200px 0 120px;
    background-color: #c3c3c3;
    margin-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-transparent .page-title {
    padding: 120px 0;
}

.title-overlay-color {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

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

.page-title h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    word-break: break-word;
    -ms-word-break: break-word;
}

/*Page Sub-title*/
.page-title span {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
}

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

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

.page-title .breadcrumb li a:hover,
.page-title .breadcrumb > .active,
.page-title .breadcrumb > li + li:before {
    color: #fff;
}

/* Page Title Center
------------------------------------------- */
.page-title.text-center {
    text-align: center;
}

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

/* Page Title Left
------------------------------------------- */
.page-title.text-left {
    text-align: left;
}

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

/* Page Title Right
------------------------------------------- */
.page-title.text-right {
    text-align: right;
}

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

/* Page Title(only title) Right
------------------------------------------- */
.page-title.title-right {
    text-align: right;
}

.page-title.title-right .breadcrumb {
    left: 0;
    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;
    }
}

/* =-=-=-=-=-=-= SERVICE TAB STYLE =-=-=-=-=-=-= */

/* Default Tab */
.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-tabs-list li {
    text-align: center;
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-tabs-list li a {
    border: 0;
    border-right: 1px solid #9b9b9b;
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-tabs-list li:first-child a {
    border-left: 1px solid #9b9b9b;
}

/* Default Rounded Tab */
.vc_tta.vc_general.vc_tta-style-tab-default.vc_tta-shape-rounded .vc_tta-tabs-list li:first-child,
.vc_tta.vc_general.vc_tta-style-tab-default.vc_tta-shape-round .vc_tta-tabs-list li:first-child {
    border-left: none;
}

.vc_tta.vc_general.vc_tta-style-tab-default.vc_tta-shape-rounded .vc_tta-tabs-list li:last-child,
.vc_tta.vc_general.vc_tta-style-tab-default.vc_tta-shape-round .vc_tta-tabs-list li:last-child {
    border-right: none;
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-tab > a {
    padding: 40px;
    background-color: #f5f5f5;
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_active > a {
    background-color: #fff;
    position: relative;
}

.vc_tta-style-tab-default .vc_tta-tab {
    position: relative;
}

.vc_tta-style-tab-default .vc_tta-tab.vc_active::before {
    content: "";
    background-color: #ff2a40;
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-icon {
    font-size: 30px;
    display: block !important;
    line-height: inherit;
    text-align: center;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .vc_tta.vc_general .vc_tta-panel {
        border-bottom: 1px solid #e4e4e4;
    }

    .vc_tta.vc_general .vc_tta-panel:last-child {
        border-bottom: 0;
    }

    .vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-icon {
        display: none !important;
    }

    .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
        border-radius: 0 !important;
    }

    .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a {
        color: #ffffff;
    }

    .vc_tta.vc_general .vc_tta-panels-container {
        border: 1px solid #e4e4e4;
    }

    .vc_tta.vc_general .vc_tta-panel-body {
        padding: 0 15px !important;
    }

    .vc_tta-panel-body .wpb_text_column {
        margin-top: 0 !important;
    }
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_active .vc_tta-icon {
    color: #ff2a40
}

.vc_tta.vc_general.vc_tta-style-tab-default .vc_tta-title-text {
    margin: 0 !important;
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
}

@media (min-width: 768px) {
    /*equal width*/
    .tabs-grid-column-2 .vc_tta-tabs-container .vc_tta-tabs-list > li {
        width: 50%;
    }

    .tabs-grid-column-3 .vc_tta-tabs-container .vc_tta-tabs-list > li {
        width: 33.33333333%;
    }

    .tabs-grid-column-4 .vc_tta-tabs-container .vc_tta-tabs-list > li {
        width: 24%;
    }
}

/* Tab Border Top
------------------------------------------- */
.vc_tta.vc_general.vc_tta-style-tab-border-top ul.vc_tta-tabs-list {
    border-top: 1px solid #f1f1f1;
}

.vc_tta.vc_general.vc_tta-style-tab-border-top .vc_tta-tab > a {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
}

.vc_tta.vc_general.vc_tta-style-tab-border-top .vc_active a::before {
    content: "";
    background-color: #ff2a40;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.vc_tta.vc_general.vc_tta-style-tab-border-top .vc_tta-tab > a {
    padding: 5px 20px;
}

.vc_tta-style-tab-border-top .vc_tta-tab {
    position: relative;
}

.vc_tta-style-tab-border-top .vc_tta-tab.vc_active::before {
    content: "";
    background-color: #ff2a40;
    height: 2px;
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 10;
}

/* =-=-=-=-=-=-= RECENT PROJECT SECTION =-=-=-=-=-=-= */
.recent-project-section {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}

.recent-project {
    position: relative;
    overflow: hidden;
}

.recent-project img {
    width: 100%;
}

.project-info {
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.recent-project:hover .project-info {
    top: 30%;
    opacity: 1;
    visibility: visible;
}

.project-info h3 {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

ul.project-meta {
    margin-top: 15px;
    padding: 0;
}

ul.project-meta li {
    display: inline-block;
    padding: 0 10px;
    line-height: 15px;
    border-right: 1px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

ul.project-meta li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

ul.project-meta li a {
    display: block;
    color: #fff;
}

ul.project-meta li a:hover {
    color: #ff2a40;
}

ul.project-meta li a.zilla-likes {
    border: 0 !important;
    padding-left: 20px !important;
}

ul.project-meta li a.zilla-likes::before {
    left: 0px;
    top: 1px;
    content: "\f004";
}

.project-link {
    position: absolute;
    left: 0;
    bottom: -50%;
    width: 100%;
    padding: 16px 30px;
    line-height: 18px;
    text-transform: capitalize;
    background-color: #ff2a40;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.recent-project:hover .project-link {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.project-link:hover {
    background-color: #cd000e;
}

.project-link a,
.project-link a:hover {
    color: #fff;
}

.project-link a i {
    line-height: 20px;
    float: right;
}

/* Overlay and hover effect
------------------------------------------- */
.recent-project .tt-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 62, 80, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.recent-project:hover .tt-overlay {
    opacity: 1;
    visibility: visible;
}

/* Carousel navigation
------------------------------------------- */
.project-navigation .btn-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    width: 20px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    z-index: 997;
}

.project-navigation .btn-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
    width: 20px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    z-index: 997;
}

.project-navigation a:hover {
    width: 30px;
}

.recent-project-section:hover .project-navigation .btn-prev,
.recent-project-section:hover .project-navigation .btn-next {
    opacity: 1;
}

.recent-project-section .owl-controls {
    display: none !important;
}

/* =-=-=-=-=-=-= PORTFOLIO STYLE =-=-=-=-=-=-= */

/* Portfolio filter Common CSS
------------------------------------------- */
.tt-filter-wrap ul {
    margin-bottom: 50px;
    margin-left: 0;
}

.tt-filter-wrap ul li {
    padding: 0;
    margin: 2px;
}

.tt-filter-wrap ul li button {
    font-size: 16px;
    line-height: 25px;
    padding: 5px 15px;
    color: #666;
    background-color: #eee;
    border: none;
}

.tt-filter-wrap.default-color ul li button.active {
    background-color: #ff2a40;
}

.tt-filter-wrap.dark-color ul li button.active {
    background-color: #1B2E3F;
}

.tt-filter-wrap.default-color ul li button.active,
.tt-filter-wrap.dark-color ul li button.active {
    color: #fff;
}

/* filter-transparent
------------------------------------------- */
.tt-filter-wrap.filter-transparent ul li button {
    color: #a9a8a8;
    background-color: transparent;
    font-size: 14px;
    text-transform: uppercase;
}

.tt-filter-wrap.filter-transparent ul li button.active {
    background-color: transparent;
}

/*filter-square*/
.tt-filter-wrap.filter-square ul li button {
    border-radius: 0;
}

/*filter-round*/
.tt-filter-wrap.filter-round ul li button {
    border-radius: 3px;
}

/*filter-rounded*/
.tt-filter-wrap.filter-rounded ul li button {
    border-radius: 20px;
    background-color: transparent;
    padding: 7px 20px;
}

/*filter-outline*/
.tt-filter-wrap.filter-outline ul li button {
    border: 1px solid #ccc;
    background-color: transparent;
}

.tt-filter-wrap.filter-outline ul li button.active {
    border: 1px solid transparent;
}

/* Portfolio filter CSS End
------------------------------------------- */

/* Portfolio CSS Start
------------------------------------------- */
.portfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.portfolio img {
    width: 100%;
}

.no-padding .portfolio {
    margin-bottom: 0;
}

/* Portfolio overlay
------------------------------------------- */
.tt-overlay-theme-color {
    /*background-color: rgba(255, 42, 64, 0.9);*/
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    visibility: visible;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.portfolio.hover-two .tt-overlay-theme-color {
    background-color: rgba(0, 0, 0, 0.7);
}

.portfolio.hover-three .tt-overlay-theme-color {
    background-color: rgba(255, 42, 64, 0.7);
}

.portfolio.hover-four .tt-overlay-theme-color {
    background-color: rgba(0, 0, 0, 0.8);
}

.portfolio.hover-five .tt-overlay-theme-color {
    background-color: rgba(44, 62, 80, 0.9);
}

.portfolio.hover-six .tt-overlay-theme-color {
    background-color: rgba(255, 42, 64, 0.8);
}

.portfolio.hover-seven .tt-overlay-theme-color {
    background-color: rgba(255, 255, 255, 0.8);
}

.portfolio.hover-eight .tt-overlay-theme-color {
    background-color: rgba(44, 62, 80, 0.8);
}

/*.portfolio:hover .tt-overlay-theme-color{
    opacity: 1;
    visibility: visible;
}*/
.portfolio .tt-overlay-theme-color {
    /*opacity: 1;*/
    visibility: visible;
}

.portfolio-info {
    text-align: center;
}

.portfolio-info .project-title,
.portfolio-info .project-meta {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.portfolio-info .project-title {
    top: 60%;
    margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.portfolio-info .project-title a {
    color: #fff;
}

.portfolio .portfolio-info .project-title {
    top: 30%; /* fallback if needed */
    top: calc(30% - 0px);
    opacity: 1;
    visibility: visible;
    padding: 10px;
}

.portfolio .portfolio-info .project-type {
    color: #ffffff;
    font-size: 12px;
    display: block
}

/*.portfolio:hover .portfolio-info .project-title {
    top: 30%;
    top: calc(30% - 0px);
    opacity: 1;
    visibility: visible;
}*/
.portfolio-info .project-meta {
    top: 90%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

/*.portfolio:hover .portfolio-info .project-meta {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.portfolio:hover .portfolio-info .links {
    color: #ffffff;
}

.portfolio.hover-one .project-meta a:hover{
    color: inherit;
}*/
.portfolio .portfolio-info .project-meta {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.portfolio .portfolio-info .links {
    color: #ffffff;
}

.portfolio.hover-one .project-meta a {
    color: inherit;
}

.portfolio-container .portfolio-item .portfolio-info .project-meta {
    z-index: 9999
}

.portfolio-container .portfolio-item .portfolio-info .project-meta a {
    background-color: #ffffff;
    padding: 6px 12px;
    font-weight: bold;
}

.portfolio-container .portfolio-item {
    padding: 0.4px !important;
}

.portfolio.hover-one:hover::before {
    border: 1px solid #dedede;
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(1.0);
    transition: all 0.5s ease 0s, transform 0.5s ease 0s;
    visibility: visible;
    z-index: 200;
    cursor: pointer;
}

.portfolio.hover-one:hover .tt-overlay-theme-color {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.portfolio-container .tt-grid {
    background-color: #dedede !important;
}

/* Portfolio external link
-------------------------------------------*/
.portfolio-external-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.portfolio-external-link li {
    display: inline-block;
    position: relative;
    bottom: -40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.portfolio:hover .portfolio-external-link li {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.portfolio:hover .portfolio-external-link li:nth-child(1) {
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    -o-transition: bottom 0.3s;
    transition: bottom 0.3s;
}

.portfolio:hover .portfolio-external-link li:nth-child(2) {
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
}

.portfolio-external-link li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.9);
}

.portfolio .btn-outline {
    padding: 12px 22px;
    border-radius: 50px;
}

/* Hover style two
-------------------------------------------*/
.portfolio.hover-two:hover .portfolio-info .project-title {
    top: 50%;
    margin-top: -30px;
}

.portfolio.hover-two:hover .portfolio-info .project-title {
    top: 50%;
    margin-top: -30px;
}

.project-info h3 a {
    color: #ffffff;
}

.portfolio-item .portfolio.hover-two .project-meta {
    margin: 0;
}

/* Hover style three, four and five
------------------------------------------- */
.portfolio.hover-four::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 200;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s, -webkit-transform 0.5s;
    -moz-transition: all 0.5s, -webkit-transform 0.5s;
    -ms-transition: all 0.5s, -webkit-transform 0.5s;
    -o-transition: all 0.5s, -webkit-transform 0.5s;
    transition: all 0.5s, transform 0.5s;
}

.portfolio.hover-four:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.portfolio.hover-four .project-info,
.portfolio.hover-four .portfolio-link {
    z-index: 300;
}

.portfolio .project-meta {
    margin-top: 15px;
    padding: 0;
}

.portfolio .project-meta li {
    display: inline-block;
    padding: 0 10px;
    line-height: 15px;
    border-right: 1px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.portfolio .project-meta li a,
.portfolio .project-meta a {
    color: #ffffff;
}

.portfolio .project-meta li a:hover {
    color: #000000;
}

.portfolio-link {
    position: absolute;
    left: 0;
    bottom: -50%;
    width: 100%;
    padding: 16px 30px;
    line-height: 18px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.portfolio-link img {
    width: inherit;
}

.portfolio-link .btn {
    font-weight: 400;
    padding: 9px 28px;
    background-color: #fff;
    border-color: transparent;
    color: #ff2a40;
    border-radius: 30px;
}

.portfolio-link .btn:hover,
.portfolio-link .btn:focus {
    color: #ff2a40;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.9);
}

.project-info {
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio.hover-three:hover .project-info,
.portfolio.hover-four:hover .project-info,
.portfolio.hover-five:hover .project-info {
    top: 30%;
    opacity: 1;
    visibility: visible;
}

.portfolio.hover-three:hover .portfolio-link,
.portfolio.hover-four:hover .portfolio-link,
.portfolio.hover-five:hover .portfolio-link {
    opacity: 1;
    visibility: visible;
    bottom: 15px;
}

/* Hover style six
------------------------------------------- */
.portfolio.hover-six .project-info {
    bottom: 0;
    top: auto;
}

.portfolio.hover-six:hover .project-info {
    bottom: 25%;
    opacity: 1;
    visibility: visible;
}

.portfolio.hover-six .portfolio-link {
    padding: 0;
    background-color: transparent;
    top: 0;
    bottom: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) {

    .portfolio-item.col-md-2 .portfolio.hover-six .portfolio-link,
    .portfolio-item.col-md-5 .portfolio.hover-six .portfolio-link {
        display: none;
    }
}

.portfolio.hover-six .portfolio-link a {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 41px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #fff;
    color: #ffffff;
    border-radius: 50%;
}

.portfolio.hover-six .portfolio-link a:hover {
    background-color: #ffffff;
    color: #ff2a40;
}

.portfolio.hover-six:hover .portfolio-link {
    opacity: 1;
    visibility: visible;
    top: 30%;
    bottom: auto;
}

/* Hover style seven and eight
------------------------------------------- */
.portfolio.hover-seven .portfolio-link,
.portfolio.hover-eight .portfolio-link {
    bottom: 30%;
    text-align: center;
    padding: 0;
}

.portfolio.hover-seven:hover .portfolio-link,
.portfolio.hover-eight:hover .portfolio-link {
    opacity: 1;
    visibility: visible;
    bottom: 50%;
    margin-bottom: -32px;
}

.portfolio.hover-seven .portfolio-link ul li a,
.portfolio.hover-eight .portfolio-link ul li a {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 41px;
    color: #ff2a40;
    margin: 0 5px;
    border: 2px solid #ff2a40;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.portfolio.hover-seven .portfolio-link ul li a:hover,
.portfolio.hover-eight .portfolio-link ul li a:hover {
    background-color: #ff2a40;
    border-color: transparent;
    color: #fff;
}

.portfolio.hover-seven .portfolio-link ul li a:hover {
    border: 2px solid #ff2a40 !important;
}

.portfolio.hover-eight .portfolio-link {
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.portfolio.hover-eight .portfolio-link ul {
    margin-bottom: 0;
}

.portfolio.hover-seven,
.portfolio.hover-eight {
    margin-bottom: 10px;
}

.portfolio-container .row {
    margin: 0;
}

.portfolio-container .info {
    margin-bottom: 50px;
}

.info-wrapper.hover-eight span {
    font-weight: 600;
    display: block;
}

.portfolio-container .info span {
    font-weight: 600;
}

.portfolio-container .info span a {
    color: #616161;
}

.portfolio-container .info span a:hover {
    color: #ff2a40;
}

.portfolio-container .zilla-likes::before {
    content: "\f08a";
}

.portfolio-container .portfolio-link .zilla-likes {
    border: 2px solid #ff2a40 !important;
}

.portfolio-container .zilla-likes {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio-container .zilla-likes.active::before {
    content: "\f004";
    color: #ff2a40;
}

.portfolio-container .portfolio-link .zilla-likes.active:hover::before {
    color: #ffffff;
}

.portfolio-container .zilla-likes::before {
    left: 10px;
    top: 2px;
}

.portfolio.hover-four .zilla-likes.active::before {
    content: "\f004";
    color: #ffffff;
}

.portfolio.hover-three .zilla-likes::before,
.portfolio.hover-four .zilla-likes::before {
    left: 0;
    top: 1px;
}

.portfolio.hover-three .zilla-likes,
.portfolio.hover-three .zilla-likes:hover,
.portfolio.hover-three .zilla-likes.active,
.portfolio.hover-four .zilla-likes,
.portfolio.hover-four .zilla-likes:hover,
.portfolio.hover-four .zilla-likes.active {
    padding-left: 20px !important;
}

.portfolio.hover-three .project-meta li a:hover,
.portfolio.hover-three .zilla-likes:hover::before,
.portfolio.hover-three .zilla-likes.active,
.portfolio.hover-three .zilla-likes.active::before {
    color: #000000;
}

.portfolio.hover-four .project-meta li a:hover,
.portfolio.hover-four .zilla-likes:hover::before {
    color: #ff2a40;
}

.portfolio-container .portfolio-link .zilla-likes .zilla-likes-count {
    visibility: hidden;
    width: 0;
    height: 0;
}

.portfolio-container .zilla-likes.active,
.portfolio-container .zilla-likes:hover,
.portfolio-container .zilla-likes {
    border: 0 !important;
}

.portfolio-container .portfolio.hover-seven .zilla-likes.active {
    border: 2px solid #ff2a40 !important;
}

.portfolio-container .info-wrapper .zilla-likes::before {
    content: "\f08a";
    top: 0;
    left: 5px;
}

.portfolio-container .info-wrapper .zilla-likes.active::before {
    content: "\f004";
    color: #ff2a40;
}

/* Portfolio Five Column Grid
------------------------------------------- */
@media (min-width: 992px) {

    .tt-grid .portfolio-item.col-md-5 {
        width: 20%;
        padding: 0.4px !important;
    }
}

/* Portfolio Details Page
------------------------------------------- */
.portfolio-nav {
    padding: 0 0 40px;
}

.portfolio-nav a {
    margin-right: 20px;
    color: #a7a7a7;
}

.portfolio-nav .next a {
    margin-right: 0;
}

.portfolio-nav a:hover {
    color: #ff2a40;
}

.portfolio-nav .prev a i {
    margin-right: 5px
}

.portfolio-nav .next a i {
    margin-left: 5px
}

.portfolio-thumbnail,
.portfolio-slider {
    margin-bottom: 80px;
}

.project-overview {
    padding-bottom: 100px;
}

.project-overview h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.project-overview p {
    margin-bottom: 25px;
}

.project-overview blockquote {
    background: #fafafa;
    font-style: italic;
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #969595;
    border: 1px solid #eee;
    border-left: 5px solid #ff2a40;
    position: relative;
}

.project-overview blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px;
}

ul.portfolio-meta {
    padding: 0;
    list-style: none;
}

.portfolio-meta li:first-child {
    margin-top: 0;
}

.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}

.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 1px;
    color: #202020;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.portfolio-meta li a {
    margin-right: 10px;
    color: #a7a7a7;
}

.portfolio-meta li a:hover {
    color: #ff2a40;
}

.quick-overview .btn {
    padding: 9px 20px;
    text-transform: capitalize;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .portfolio-thumbnail,
    .portfolio-slider {
        margin-bottom: 40px;
    }

    .quick-overview {
        margin-top: 40px;
    }
}

.control-two .carousel-control {
    width: 30px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    top: 50%;
    margin-top: -25px;
    color: #202020;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}

.control-two:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}

.control-two:hover .carousel-control:hover {
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
}

/* =-=-=-=-=-=-= FEATURES STYLE =-=-=-=-=-=-= */

/*Icon Default Style*/
.icon-block.icon-default .tt-icon {
    margin-bottom: 15px;
}

.icon-block .tt-icon i {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.icon-block.icon-default:hover .tt-icon i {
    color: #ff2a40;
}

.icon-block:hover .tt-icon.icon-hover-default i {
    background-color: #ff2a40;
    color: #ffffff;
}

.icon-block:hover .tt-icon.icon-hover-white i {
    background-color: #ffffff;
    color: #ff2a40 !important;
}

.icon-block:hover .tt-icon.icon-hover-black i {
    background-color: #202020;
    color: #ffffff;
}

/* Icon Position
------------------------------------------- */

/*icon position left*/
.icon-block.icon-position-left .tt-icon {
    float: left;
    margin-right: 20px;
}

.icon-block.icon-position-left .tt-content {
    overflow: hidden;
}

/*icon position center*/
.icon-block.icon-position-center .tt-icon {
    float: none;
    text-align: center;
    margin-bottom: 15px;
}

.icon-block.icon-position-center .tt-content {
    text-align: center;
}

/*icon postition right*/
.icon-block.icon-position-right .tt-icon {
    float: right;
    text-align: right;
    margin-left: 20px;
}

.icon-block.icon-position-right .tt-content {
    text-align: right;
    overflow: hidden;
}

.icon-block i {
    font-size: 28px;
}

.icon-block h3,
.icon-block span.span_h3 {
    font-size: 18px;
    position: relative;
}

.icon-block .tt-icon a,
.icon-block h3 a {
    color: #202020;
}

.icon-block h3 a:hover {
    color: #c03a2b;
}

.tt-icon.flat-icon i {
    display: inline-block;
}

.icon-block.icon-default .tt-icon i {
    font-size: 40px;
}

.icon-block .tt-icon a.theme-color,
.icon-block h3.theme-color,
.icon-block h3 a.theme-color {
    color: #ff2a40;
}

/* Icon Shape
------------------------------------------- */

/*Square Icon*/
.icon-block.icon-square .tt-icon i {
    padding: 20px;
}

/*Round Icon*/
.icon-block.icon-round .tt-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
}

/*Circle Icon*/
.icon-block.icon-circle .tt-icon i {
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    border-radius: 50%;
}

.icon-block.icon-square .tt-icon i,
.icon-block.icon-round .tt-icon i,
.icon-block.icon-circle .tt-icon i {
    border: 1px solid #eee;
}

/*Theme Color Icon Style*/
.icon-block.icon-square .tt-icon i.theme-color,
.icon-block.icon-round .tt-icon i.theme-color,
.icon-block.icon-circle .tt-icon i.theme-color {
    border: 1px solid #ff2a40;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color {
    border: 1px solid #ff2a40;
}

.icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color {
    border: 1px solid #ff2a40;
}

.icon-block.icon-square:hover .tt-icon.icon-hover-white i,
.icon-block.icon-round:hover .tt-icon.icon-hover-white i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-white i {
    border: 1px solid #ffffff;
}

.icon-block.icon-square:hover .tt-icon.icon-hover-black i,
.icon-block.icon-round:hover .tt-icon.icon-hover-black i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-black i {
    border: 1px solid #202020;
}

@media only screen and (max-width: 767px) {
    .icon-block {
        margin-bottom: 30px !important;
    }
}

/*Icon border style*/
.icon-block-wrapper.block-style-border .icon-block-grid .icon-block {
    padding: 30px 15px;
}

.icon-block-wrapper.block-style-border.hover-theme-color {

}

.icon-block-wrapper.block-style-border .icon-block-grid {
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-block-wrapper.block-style-border .icon-block-grid .tt-content h3,
.icon-block-wrapper.block-style-border .icon-block-grid .tt-content span.span_h3,
.icon-block-wrapper.block-style-border .icon-block-grid .tt-content p {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

/*four column border*/
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(1),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(2),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(3),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(4) {
    border-top: 0;
}

.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(4),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(8),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(12),
.icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(16) {
    border-right: 0;
}

/*three column border*/
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(1),
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(2),
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(3) {
    border-top: 0;
}

.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(3),
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(6),
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(9),
.icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(12) {
    border-right: 0;
}

/*two column border*/
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(1),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(2) {
    border-top: 0;
}

.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(2),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(4),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(6),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(8),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(10),
.icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(12) {
    border-right: 0;
}

@media (min-width: 768px) and (max-width: 991px) {

    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(2),
    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(4),
    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(6),
    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(8),
    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(10),
    .icon-block-wrapper.block-style-border .icon-block-grid:nth-child(12) {
        border-right: 0;
    }

    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(5),
    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(7),
    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(9),
    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(11),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(5),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(7),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(9),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(11),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(5),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(7),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(9),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(11) {
        border-right: 1px solid #dedede;
    }

    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.two-column .icon-block-grid:nth-child(4),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.three-column .icon-block-grid:nth-child(4),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(3),
    .icon-block-wrapper.block-style-border.four-column .icon-block-grid:nth-child(4) {
        border-top: 1px solid #dedede;
    }
}

@media (max-width: 767px) {
    .icon-block-wrapper.block-style-border .icon-block-grid {
        border: 0 !important;
    }
}

/*border style background hover color*/
.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover {
    background-color: #ff2a40;
}

.icon-block-wrapper.block-style-border.hover-white-color .icon-block-grid:hover {
    background-color: #ffffff;
}

.icon-block-wrapper.block-style-border.hover-black-color .icon-block-grid:hover {
    background-color: #202020;
}

/*border style text color*/

.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-icon i {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}

.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-content h3,
.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-content span.span_h3,
.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-content h3 a,
.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-content span.span_h3 a,
.icon-block-wrapper.block-style-border.hover-theme-color .icon-block-grid:hover .tt-content p {
    color: #ffffff;
}

.icon-block-wrapper.block-style-border.hover-white-color .icon-block-grid:hover .tt-icon i {
    color: #202020;
    border-color: #202020;
    background-color: transparent;
}

.icon-block-wrapper.block-style-border.hover-white-color .icon-block-grid:hover .tt-content h3 a {
    color: #202020;
}

.icon-block-wrapper.block-style-border.hover-black-color .icon-block-grid:hover .tt-icon i {
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}

.icon-block-wrapper.block-style-border.hover-black-color .icon-block-grid:hover .tt-content h3,
.icon-block-wrapper.block-style-border.hover-black-color .icon-block-grid:hover .tt-content h3 a,
.icon-block-wrapper.block-style-border.hover-black-color .icon-block-grid:hover .tt-content p {
    color: #ffffff;
}

/* =-=-=-=-=-=-= ABOUT SECTION =-=-=-=-=-=-= */

/* Team CSS
-----------------------------------------*/

.team-thumb {
    position: relative;
    overflow: hidden;
}

.team-thumb {
    margin-bottom: 30px;
}

.thumb-overlay {
    background-color: rgba(44, 62, 80, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.team-thumb:hover .thumb-overlay {
    opacity: 1;
    visibility: visible;
}

.team-thumb img {
    width: 100%;
}

.member-info {
    position: absolute;
    left: 0;
    bottom: -20%;
    width: 100%;
    background-color: #ff2a40;
    color: #fff;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.31, 0.29, 0.4, 0.96);
    -moz-transition: all .3s cubic-bezier(0.31, 0.29, 0.4, 0.96);
    -ms-transition: all .3s cubic-bezier(0.31, 0.29, 0.4, 0.96);
    transition: all .3s cubic-bezier(0.31, 0.29, 0.4, 0.96);
}

.team-thumb:hover .member-info {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.member-info h3 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.member-info h3 a {
    color: #fff;
}

.member-info h3 a:hover {
    color: #ddd;
}

.member-info .title {
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
}

.member-info .social-link {
    margin-top: 25px;
}

.member-info .social-link li a {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    background: #fff;
    color: #ff2a40;
    text-align: center;
    border-radius: 50%;
}

.member-info .social-link li a:hover {
    background-color: #cd000e;
    color: #fff;
}

/* =-=-=-=-=-=-= Team Intro Section =-=-=-=-=-=-= */
.team-intro {
    background-color: #ff2a40;
    padding: 60px 60px 50px 110px;
    min-height: 386px;
}

.ie10 .team-intro .case-study-left,
.ie9 .team-intro .case-study-left {
    padding: 0;
}

@media (max-width: 768px) {
    .team-intro {
        padding: 60px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-intro {
        padding: 60px 60px 50px 50px;
    }
}

@media (min-width: 1500px) {
    .team-intro {
        padding: 15% 60px 50px 30%;
        min-height: 545px;
    }
}

.team-intro,
.team-intro h1 {
    color: #fff;
}

.team-intro h1 {
    font-weight: 700;
}

.team-intro p {
    font-size: 18px;
    font-weight: 300;
}

.team-intro .btn {
    background-color: transparent;
    padding: 15px 30px;
    border-color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 15px;
}

.team-intro .btn:hover {
    background-color: #fff;
    color: #ff2a40;
    border-color: transparent;
}

.team-intro-thumb img {
    width: 100%;
}

@media (min-width: 992px) {
    .team-intro-thumb img {
        min-height: 386px;
    }
}

@media (min-width: 1500px) {
    .team-intro-thumb img {
        min-height: 545px;
    }
}

/*Single member page*/
.single-member-page .member-thumb img {
    border: 1px solid #f1f1f1;
    width: 100%;
}

.single-member-page .member-content {
    padding-left: 30px;
}

.single-member-page .member-content h2 {
    font-size: 36px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.single-member-page .member-content .designation {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    display: block;
    color: #c7c7c7;
}

.single-member-page .member-content .team-social {
    margin-bottom: 30px;
}

.single-member-page .member-content .team-social ul {
    margin-bottom: 0
}

.single-member-page .member-content .team-social ul li {
    padding-right: 2px;
}

.single-member-page .member-content .team-social a i {
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    color: #c7c7c7;
    border: 1px solid #f1f1f1;
    font-size: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.single-member-page .member-content .team-social a i:hover {
    background-color: #ff2a40;
    color: #fff;
    border-color: #ff2a40;
}

.single-member-page .educational-qualification ul {
    padding: 0;
    list-style: none;
}

.single-member-page .educational-qualification,
.single-member-page .member-content address {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ececec;
}

.single-member-page .educational-qualification p,
.single-member-page .member-content address p {
    font-size: 16px;
    line-height: 40px;
}

.single-member-page .educational-qualification span,
.single-member-page .member-content address span {
    font-weight: 600;
}

.single-member-page .educational-qualification span i,
.single-member-page .member-content address span i {
    font-weight: 400;
    margin-right: 12px;
}

.single-member-page .more-member {
    margin-top: 120px;
}

.single-member-page .more-member .section-intro {
    text-align: center;
}

/*popup*/
.tt-popup-wrapper {
    position: relative;
}

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

.tt-popup-wrapper img {
    width: 100%;
}

.tt-popup {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -37px;
    margin-left: 16px;
    text-align: center;
}

.tt-popup i {
    width: 74px;
    height: 74px;
    font-size: 30px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    border: 5px solid #fff;
    border-radius: 100%;
    margin-left: 5px;
}

/* Content carousel
------------------------------------------- */
.content-carousel-wrapper {
    padding: 15px 40% 70px 70px;
}

@media (max-width: 1199px) {
    .content-carousel-wrapper {
        padding: 50px;
    }
}

@media (min-width: 1200px) {
    .content-carousel-wrapper {
        padding: 15px 16% 70px 70px;
    }
}

@media (min-width: 1920px) {
    .content-carousel-wrapper {
        padding: 15px 40% 70px 70px;
    }
}

.content-carousel-wrapper h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}

.content-carousel h3 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}

.content-carousel p {
    margin-bottom: 30px;
}

.content-carousel .carousel-control {
    top: 6px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #fff;
    text-align: center;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

.content-carousel .carousel-control.left {
    right: 25px;
    left: auto;
}

.content-carousel .carousel-control.left,
.content-carousel .carousel-control.right {
    background-image: none;
}

.content-carousel .carousel-control:focus,
.content-carousel .carousel-control:hover {
    color: #2c3e50;
    background-color: #fff;
}

/* Progress Bar
------------------------------------------- */
.wpb_progress_bar_heading {
    margin-bottom: 50px;
}

.vc_progress_bar .vc_single_bar .vc_label {
    padding: 0 !important;
    font-size: 14px;
    bottom: 30px;
    color: #666 !important;
    text-shadow: none !important;
}

.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
    position: absolute;
    top: 0;
    right: 0;
}

.vc_progress_bar .vc_single_bar {
    background: #f5f5f5 !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    height: 20px;
    margin-bottom: 50px !important;
}

.vc_progress_bar .vc_single_bar .vc_bar {
    height: 40% !important;
    border-radius: 10px !important;
    top: 6px !important;
    left: 12px !important;
}

/* =-=-=-=-=-=-= COUNTER STYLE =-=-=-=-=-=-= */
.counter-section strong {
    display: block;
    font-size: 60px;
    line-height: 48px;
    color: #fff;
}

span.count-description {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-transform: capitalize;
    padding-top: 10px;
}

.counter-wrap {
    padding: 100px 0;
}

.counter-wrap i {
    color: #ffffff;
}

@media (max-width: 767px) {
    .counter-wrap {
        padding: 40px 0;
    }
}

.counter-section.style-one .selected {
    background-color: rgba(255, 0, 0, 0.5);
}

.counter-section.style-two .counter-wrap.selected,
.counter-section.style-two .counter-wrap.selected strong,
.counter-section.style-two .counter-wrap.selected strong span,
.counter-section.style-two .counter-wrap.selected span.count-description,
.counter-section.style-two .counter-wrap.selected i {
    color: #ff2a40 !important;
}

.counter-wrap i {
    display: block;
    margin-bottom: 20px;
}

.counter-wrap i::before {
    font-size: 50px;
    line-height: 60px;
}

/* =-=-=-=-=-=-= PROCESS SECTION =-=-=-=-=-=-= */
.process-box {
    background-color: #ff2a40;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
}

.process-box i::before {
    font-size: 30px;
}

.process-box h3,
.process-box span.span_h3 {
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    margin: 0;
}

/* =-=-=-=-=-=-= PARTNER SECTION =-=-=-=-=-=-= */
.partner-item {
    text-align: center;
}

.tt-bh-effect {
    position: relative;
    display: block;
}

.tt-bh-effect img {
    margin: 0 auto;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.tt-bh-effect img:hover {
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: inherit;
}

.partner-carousel .partner-item img {
    width: inherit !important;
}

.client {
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.client:nth-child(4),
.client:nth-child(8),
.client:nth-child(12) {
    border-right: 0;
}

.client:nth-child(9),
.client:nth-child(10),
.client:nth-child(11),
.client:nth-child(12) {
    border-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .client:nth-child(9),
    .client:nth-child(10) {
        border-bottom: 1px solid #ededed;
    }
}

@media (max-width: 767px) {
    .client:nth-child(2),
    .client:nth-child(6),
    .client:nth-child(10),
    .client:nth-child(12) {
        border-right: 0;
    }
}

.client {
    padding: 38px;
}

@media (max-width: 991px) {
    .client {
        padding: 30px 10px;
    }
}

/* =-=-=-=-=-=-= CASE STUDY SECTION =-=-=-=-=-=-= */
.case-study-left {
    padding: 60px 40px 60px 110px;
}

.case-study-right {
    padding: 60px 110px 60px 40px;
}

.case-study-wrapper h2 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 15px;
}

.case-study-wrapper p {
    font-size: 18px;
    margin-bottom: 30px;
}

.case-study-wrapper.dark-bg {
    background-color: #2c3e50;
}

/* =-=-=-=-=-=-= MAP SECTION =-=-=-=-=-=-= */
#ttmap {
    height: 250px;
}

#mapcontent p {
    margin: 0;
    font-size: 16px;
}

/* =-=-=-=-=-=-= CONTACT SECTION =-=-=-=-=-=-= */
.submit-btn-wrapper {
    position: relative;
    text-align: center;
}

div.wpcf7 img.ajax-loader {
    margin-left: 0;
    position: absolute;
    left: calc(50% - 60px);
    top: calc(50% - 6px);
}

.btn.submit-btn {
    font-size: 18px;
    font-weight: 600;
    padding: 16px 25px;
    min-width: 245px;
    border-radius: 30px;
    color: #fff;
    background-color: #ff2a40;
    border-color: #ff2a40;
}

.btn.submit-btn:hover {
    background-color: #cd000e;
    border-color: #cd000e;
}

.wpcf7 span.wpcf7-not-valid-tip {
    position: relative;
    top: 5px;
    color: #ff0000;
    text-align: left;
    font-size: 11px;
    background-color: #ECECEC;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
}

.wpcf7 span.wpcf7-not-valid-tip::before {
    position: absolute;
    top: -5px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ECECEC;
}

.wpcf7 div.wpcf7-validation-errors {
    text-align: center;
    border: 0;
    font-weight: 600;
    color: #EF4836;
}

/* =-=-=-=-=-=-= NEWSLETTER SECTION =-=-=-=-=-=-= */
.subscribe-form {
    text-align: center;
}

.subscribe-form .mc4wp-alert {
    background-color: transparent;
    border: 0;
    color: #fff;
}

.subscribe-form .mc4wp-success {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    margin-top: 10px;
}

.subscribe-form .mc4wp-form input[type=email] {
    width: 385px;
    background-color: transparent;
}

.subscribe-form input::-webkit-input-placeholder {
    color: #fff
}

.subscribe-form input::-moz-placeholder {
    color: #fff
}

.subscribe-form input:-ms-input-placeholder {
    color: #fff
}

.subscribe-form .mc4wp-form .form-control {
    height: 50px;
    color: #fff;
    font-style: italic;
    padding: 0 15px;
}

.subscribe-form .form-control:focus {
    background-color: transparent;
}

.subscribe-form .btn {
    margin-left: 15px;
}

/* =-=-=-=-=-=-= GALLERY =-=-=-=-=-=-= */
.gallery-wrapper {
    position: relative;
}

.gallery-wrapper .slides li img {
    width: 100%;
}

.tt-gallery-nav .gallery-control {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.tt-gallery-nav .gallery-control i {
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    color: #606060;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.gallery-wrapper:hover .tt-gallery-nav .gallery-control i {
    opacity: 1;
    visibility: visible;
}

.tt-gallery-nav .gallery-control.prev {
    left: 10px;
}

.tt-gallery-nav .gallery-control.next {
    right: 10px;
}

.tt-gallery iframe {
    min-height: 320px;
}

.tt-gallery-thumb {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.tt-gallery-thumb ul li {
    margin: 6px 6px 0 0;
    position: relative;
}

.tt-gallery-thumb ul li img {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.tt-gallery-thumb ul li.flex-active-slide img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.tt-gallery-thumb a:before {
    font-size: 15px;
}

.tt-gallery-thumb a.flex-prev:before {
    content: "\f104";
    font-family: fontawesome;
}

.tt-gallery-thumb a.flex-next:before {
    content: "\f105";
    font-family: fontawesome;
}

.tt-gallery-thumb .flex-direction-nav {
    position: absolute;
    top: 50%;
    height: 0;
    width: 100%;
}

.tt-gallery-thumb .flex-direction-nav .flex-prev {
    left: 40px;
}

.tt-gallery-thumb .flex-direction-nav .flex-next {
    right: 40px;
}

.tt-gallery-thumb .flex-direction-nav a {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    margin: -12px 0 0;
}

.tt-gallery-thumb i {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
    line-height: 30px;
    text-align: center;
    margin-left: -15px;
    margin-top: -15px;
    padding-left: 3px;
    cursor: pointer;
}

/*work-showcase-section*/
.work-showcase {
    margin-top: 45px;
}

.work-showcase img {
    width: 100%;
}

.work-showcase .item {
    max-height: 700px;
}

.work-showcase .carousel-control {
    top: 50%;
    margin-top: -26px;
    width: 52px;
    height: 52px;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    background-color: #fff;
    text-shadow: none;
    background-image: none !important;
    border-radius: 100%;
    filter: none;
}

.work-showcase .carousel-control:focus,
.work-showcase .carousel-control:hover {
    color: #000;
    background-color: #ff2a40;
    filter: alpha(opacity=100);
    opacity: 1;
}

.work-showcase .carousel-control.left {
    left: 5%;
}

.work-showcase .carousel-control.right {
    right: 5%;
}

.work-showcase .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 0 0 5px;
    background-color: #c7c7c7;
    border: 1px solid transparent;
}

.work-showcase .carousel-indicators .active {
    background-color: #ff2a40;
}

@media screen and (min-width: 768px) {
    .work-showcase .carousel-indicators {
        bottom: -50px;
    }
}

/* =-=-=-=-=-=-= BLOG STYLE =-=-=-=-=-=-= */
.blog-wrapper {
    margin-bottom: 120px;
}

.post-wrapper {
    margin-bottom: 80px;
    border: 1px solid #eee;
    position: relative;
}

.blog-content {
    padding: 20px;
}

.entry-header {
    margin-bottom: 10px;
}

.entry-header .entry-meta {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.single .entry-header .entry-meta {
    margin-bottom: 30px;
}

.entry-header .entry-meta li {
    float: left;
    color: #a7a7a7;
    font-size: 13px;
    line-height: 24px;
    text-transform: capitalize;
    margin-right: 20px;
}

.entry-header .entry-meta li:last-child {
    margin-right: 0;
}

.entry-header .entry-meta li i {
    margin-right: 8px;
}

.entry-header .entry-meta li a {
    color: #a7a7a7;
}

.entry-header .entry-meta li a:hover {
    color: #ff2a40;
}

.entry-header h2 {
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.entry-header h2 a:hover {
    color: #cd000e;
}

.post-thumbnail {
    position: relative;
}

.post-thumbnail .post-overlay a {
    background-color: rgba(44, 62, 80, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-indent: -999999px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.post-thumbnail:hover .post-overlay a {
    opacity: 1;
    visibility: visible;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content .more-link {
    position: absolute;
    right: 13px;
    bottom: 13px;
}

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

.entry-footer .entry-meta {
    margin: 0;
    padding: 0;
}

.entry-footer .entry-meta li {
    display: inline-block;
    margin-right: 7px;
}

.entry-content .more-link,
.entry-footer a,
.entry-footer .entry-meta li.share span {
    display: inline-block;
    padding: 0px 15px;
    font-size: 11px;
    color: #a7a7a7;
    text-transform: uppercase;
    border: 1px solid #eee;
    border-radius: 30px;
}

.entry-content .more-link:hover,
.entry-footer a:hover {
    color: #fff;
    background-color: #ff2a40;
    border: 1px solid transparent;
}

.post-comments a {
    padding: 0 15px 0 25px;
    position: relative;
}

.post-comments a::before,
.zilla-likes::before {
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 0;
}

.post-comments a::before {
    content: "\f086";
}

.zilla-likes::before {
    content: "\f087";
}

/*Post like count*/
.zilla-likes {
    background: none;
    border: 1px solid #eee !important;
    padding-left: 25px !important;
    position: relative;
    margin: 0 !important;
}

.zilla-likes:hover,
.zilla-likes.active {
    background: none;
    border: 1px solid #eee !important;
    margin: 0 !important;
    padding-left: 25px !important;
}

@media (max-width: 479px) {
    .entry-footer a {
        line-height: 24px;
    }
}

/* POST FORMAT VIDEO
------------------------------------------- */
.post-wrapper.format-video iframe {
    width: 100%;
    min-height: 344px;
}

/* POST FORMAT AUDIO
------------------------------------------- */
.post-wrapper.format-audio .featured-wrapper::before {
    top: auto;
    bottom: 0;
    height: 50px;
}

.post-wrapper.format-audio iframe {
    width: 100%;
    height: 203px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .post-wrapper.format-audio iframe {
        height: 165px;
    }
}

/* POST FORMAT QUOTE
------------------------------------------- */
.post blockquote {
    padding: 3em 4em;
    background: #f1f1f1;
    color: #666;
    border: 0;
    margin: 0;
    position: relative;
}

.post blockquote,
.post blockquote p {
    font-style: italic;
    font-size: 17px;
}

.post blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #ccc;
    left: 25px;
    top: 55px;
}

.post.format-quote .entry-header {
    margin-bottom: 0;
}

/* POST FORMAT LINK
------------------------------------------- */
.post.format-link .blog-link a {
    display: block;
    padding: 20px 60px;
    font-size: 16px;
    background: #f1f1f1;
    position: relative;
}

.post.format-link .blog-link a:hover {
    color: #fff;
    background-color: #ff2a40;
}

.post.format-link .blog-link a::before {
    position: absolute;
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 16px;
    left: 35px;
    top: 20px;
}

.post.format-link .entry-header {
    margin-bottom: 0;
}

/* DEFAULT GALLERY POST
------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    border: 1px solid #eee;
}

.gallery-caption {
    display: block;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 97.8%;
    border: 1px solid #eee;
    padding: 5px;
    margin: 10px;
}

.gallery-item img {
    width: 100%;
    height: auto;
}

.gallery-columns-2 .gallery-item {
    max-width: 47.6%;
}

.gallery-columns-3 .gallery-item {
    max-width: 30.5%;
}

.gallery-columns-4 .gallery-item {
    max-width: 22.6%;
}

.gallery-columns-5 .gallery-item {
    max-width: 18.8%;
    margin: 5px;
}

.gallery-columns-6 .gallery-item {
    max-width: 15.48%;
    margin: 5px;
}

.gallery-columns-7 .gallery-item {
    max-width: 13.1%;
    margin: 5px;
}

.gallery-columns-8 .gallery-item {
    max-width: 11.31%;
    margin: 5px;
}

.gallery-columns-9 .gallery-item {
    max-width: 9.92%;
    margin: 5px;
}

.gallery-columns-7 figcaption {
    font-size: 12px;
    line-height: 20px;
}

.gallery-columns-8 figcaption {
    font-size: 12px;
    line-height: 20px;
}

.gallery-columns-9 figcaption {
    font-size: 12px;
    line-height: 20px;
}

.format-gallery .gallery {
    border: 0;
}

/* CUSTOM GALLERY POST
------------------------------------------- */
.blog-carousel .carousel-control {
    top: 50%;
    margin-top: -18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    border-radius: 100%;
    z-index: 300;
    background-image: none;
}

.blog-carousel .carousel-control:focus,
.blog-carousel .carousel-control:hover {
    color: #fff;
    background-color: #ff2a40;
}

.blog-carousel .carousel-control.left {
    left: 12px;
}

.blog-carousel .carousel-control.right {
    right: 12px;
}

/* POST FORMAT STATUS
------------------------------------------- */
.format-status p {
    background-color: #D5F1F9;
    padding: 10px 25px;
}

/* POST FORMAT CHAT
------------------------------------------- */
.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-content p:nth-child(even) {
    padding: 10px 25px;
    margin-top: 30px;
    position: relative;
}

.format-chat .entry-content p:nth-child(odd) {
    margin-right: 30px;
    background: #F5F5F5;
    border-radius: 15px 0 15px 15px;
}

.format-chat .entry-content p:nth-child(even) {
    margin-left: 30px;
    background: #D5F1F9;
    border-radius: 0 15px 15px 15px;
}

.format-chat .entry-content p:nth-child(odd)::before,
.format-chat .entry-content p:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 15px solid transparent;
}

.format-chat .entry-content p:nth-child(odd)::before {
    right: -15px;
    border-left: 15px solid #f5f5f5;
}

.format-chat .entry-content p:nth-child(even)::before {
    left: -15px;
    border-right: 15px solid #d5f1f9;
}

/* Post Format Password Protected
------------------------------------------- */
.post-password-required .form-control {
    font-size: 14px;
}

.post-password-required .input-group-btn .btn {
    height: 60px;
}

.post-password-required .input-group-btn:last-child > .btn {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* PAGINATION
------------------------------------------- */
.blog-pagination {
}

@media (max-width: 767px) {
    .blog-pagination {
        margin-bottom: 40px;
    }
}

.blog-navigation,
.pagination {
    margin: 15px 0 0;
}

.pagination > li > a,
.pagination > li > span {
    font-size: 13px;
    margin-left: 10px;
    color: #a7a7a7;
    border: 1px solid #eee;
    min-width: 40px;
    height: 40px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.pagination > li > a.prev,
.pagination > li > a.next {
    width: 75px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #fff;
    background-color: #ff2a40;
    border-color: transparent;
}

.pagination .current,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ff2a40;
    border-color: #ff2a40;
    color: #fff;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    border-color: #eee;
}

.page-count {
    font-size: 13px;
    border: 1px solid #eee;
    color: #a7a7a7;
    padding: 2px 12px;
}

@media (max-width: 479px) {
    .pagination > li > a,
    .pagination > li > span {
        margin-bottom: 10px;
    }
}

.blog-navigation .previous-page i {
    margin-right: 5px;
}

.blog-navigation .next-page {
    text-align: right;
}

.blog-navigation .next-page i {
    margin-left: 5px;
}

.blog-navigation a {
    color: #a7a7a7;
    border: 1px solid #a7a7a7;
    padding: 10px 20px;
    border-radius: 50px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.blog-navigation a:hover {
    border-color: #ff2a40;
    color: #ffffff;
    background-color: #ff2a40;
}

/* INNER POST PAGINATION
------------------------------------------- */
.page-pagination a {
    color: #949494;
    background-color: #eee;
    padding: 2px 8px;
    border-radius: 3px;
}

.page-pagination a:hover,
.page-pagination > span {
    background-color: #ff2a40;
    color: #fff;
}

.page-pagination > span {
    padding: 2px 8px;
    border-radius: 3px;
}

.page-pagination .page-links-title {
    color: inherit;
    background-color: transparent;
}

/* SINGLE POST PAGER
------------------------------------------- */
.single-post-navigation {
    margin-bottom: 50px;
    text-align: center;
}

.single-post-navigation .previous a,
.single-post-navigation .next a {
    display: block;
    padding: 8px 14px;
    background-color: #dadada;
    color: #fff;
}

.single-post-navigation a i {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.single-post-navigation a:hover i {
    opacity: 1;
    visibility: visible;
}

.single-post-navigation .previous a:hover i {
    padding-right: 10px;
}

.single-post-navigation .next a:hover i {
    padding-left: 10px;
}

/* =-=-=-=-=-=-= SIDEBAR STYLE =-=-=-=-=-=-= */
@media (max-width: 767px) {
    .tt-sidebar-wrapper {
        margin-top: 50px;
    }
}

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

.tt-sidebar-wrapper .widget-title {
    font-size: 20px;
    font-weight: 700;
    color: #ff2a40;
}

@media (min-width: 992px) {
    .tt-sidebar-wrapper.right-sidebar {
        padding-left: 20px;
    }

    .tt-sidebar-wrapper.left-sidebar {
        padding-right: 20px;
    }
}

/* COMMON STYLE FOR ALL WIDGETS
------------------------------------------- */
.tt-sidebar-wrapper .widget img {
    max-width: 100%;
    height: auto;
}

.tt-sidebar-wrapper .widget > ul {
    margin: 0;
    padding: 0;
}

.tt-sidebar-wrapper .widget ul {
    list-style: none;
}

.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget .entry-meta ul li,
.widget .entry-meta ul li a {
    color: #a7a7a7;
}

.widget .entry-meta ul li,
.widget .entry-meta ul li a {
    font-size: 13px;
}

.tt-popular-post .tab-content h4 a:hover,
.widget_recent_entries ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget .entry-meta ul li a:hover {
    color: #ff2a40;
}

/* WIDGET_SEARCH
------------------------------------------- */
.search-form {
    position: relative;
}

.search-form .form-control {
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 60px;
    background-color: transparent;
    border: 0;
}

/* POPULAR POSTS
------------------------------------------- */
.nav-tabs {
    border-color: #eeeeee;
}

.nav-tabs > li > a {
    font-family: Roboto Slab, sans-serif;
    background-color: #f7f7f7;
    border-radius: 0;
    border-color: #eeeeee;
    margin: 0 -1px 0;
    padding: 10px 30px;
    font-size: 16px;
    color: #202020;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #ffffff;
    color: #ff2a40;
    border-color: #eeeeee #eeeeee transparent;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: #eeeeee;
    color: #ff2a40;
}

.tt-popular-post .tab-content .entry-meta li a,
.widget_recent_entries ul li .post-date {
    color: #a7a7a7;
    line-height: 22px;
}

.tab-content {
    margin-top: 20px;
}

.tt-popular-post h4 {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
}

.tt-popular-post h4 span {
    color: #afafaf;
    font-weight: 400;
}

.tt-popular-post h4 a {
    color: #202020;
}

.tt-popular-post h4 a:hover {
    color: #ff2a40;
}

.tt-popular-post .media {
    margin: 0 0 15px;
}

.tt-popular-post .media:last-child {
    margin: 0;
}

.tt-popular-post .media img {
    max-width: inherit;
}

/* AUTHOR INFO WIDGET
------------------------------------------- */
.author-info-wrapper {
    background-color: #f4f4f4;
    padding: 30px;
    text-align: center;
}

.author-info-wrapper .author-avatar {
    margin-bottom: 20px;
}

.author-info-wrapper .author-avatar img {
    border-radius: 50%;
    height: auto;
}

.author-info-wrapper h4 {
    font-size: 16px;
    text-transform: uppercase;
}

.author-info-wrapper .author-social-links li a i {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #848484;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.author-info-wrapper .author-social-links li a i:hover {
    color: #ff2a40;
    border-color: #ff2a40;
}

.author-social-links {
    margin-top: 25px;
}

/* RECENT COMMENT WIDGET
------------------------------------------- */
.tt-recent-comments .comment-content {
    padding: 0;
}

.tt-recent-comments .media {
    margin: 0 0 20px;
}

.tt-recent-comments .media:last-child {
    margin: 0;
}

.tt-recent-comments .comment-content ul {
    padding: 0;
}

.tt-recent-comments .comment-content li:last-child {
    margin-right: 0;
}

.tt-recent-comments .comment-content .comment-title {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
}

.tt-recent-comments .comment-content .comment-title a {
    color: #202020;
}

.tt-recent-comments .comment-content .comment-title a:hover {
    color: #ff2a40;
}

.tt-recent-comments .comment-content .entry-meta {
    margin-bottom: 10px;
}

.tt-recent-comments .author-avatar img {
    border-radius: 50%;
    max-width: inherit;
}

/* NEWSLETTER WIDGET
------------------------------------------- */
.widget.widget_mc4wp_form_widget {
    padding: 30px 35px 40px;
    background-color: #ff2a40;
    color: #ffffff;
    text-align: center;
}

.widget.widget_mc4wp_form_widget .widget-title {
    color: #ffffff;
    border: 0;
}

.widget_mc4wp_form_widget .mc4wp-form {
    margin-bottom: 0;
}

.widget_mc4wp_form_widget .form-group {
    margin-bottom: 15px;
}

.widget_mc4wp_form_widget .form-control {
    height: 50px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.20);
    color: #ffffff;
    border: 0;
    text-align: center;
}

.widget_mc4wp_form_widget .btn {
    color: #ff2a40;
    width: 100%;
    background-color: #fff;
    line-height: 50px;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.widget_mc4wp_form_widget .btn:hover,
.widget_mc4wp_form_widget .btn:focus {
    background-color: #efefef;
    color: #ff2a40;
    outline: none;
}

.widget_mc4wp_form_widget .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.widget_mc4wp_form_widget .form-control:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, 0.3);
}

.widget_mc4wp_form_widget .form-control::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.3);
}

.widget_mc4wp_form_widget .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

/*widget_recent_entries*/
.widget_recent_entries ul li {
    margin-top: 20px;
}

.widget_recent_entries ul li a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

/*widget_recent_comments*/
.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a {
    color: #a7a7a7;
}

.widget_recent_comments ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
    line-height: 40px;
}

/*
* widget_categories,
* widget_meta
*/
.widget_categories ul li a,
.widget_meta ul li a {
    display: inline-block;
    color: #666;
    padding: 6px 0;
    text-transform: capitalize;
}

.widget_categories ul li a:hover,
.widget_meta ul li a:hover {
    color: #ff2a40;
}

.widget_categories ul li::before,
.widget_meta ul li::before,
.widget_pages ul li::before {
    content: "\f105";
    font-family: 'fontawesome';
    float: left;
    padding-right: 15px;
    color: #757575;
    background: transparent !important;
    font-size: 16px;
    line-height: 40px;
}

.widget_categories.services ul li::before {
    content: "\f105";
    font-family: 'fontawesome';
    float: none !important;
    padding-right: 15px;
    color: #757575;
    background: transparent !important;
    font-size: 16px;
    line-height: 40px;
}

.widget_categories.services ul {
    list-style: none !important;
}

/*Widget Select Option Style*/
.widget select {
    width: 100%;
    height: 60px;
    padding: 10px 20px;
    color: #666;
    border: 1px solid #eee;
}

.widget select:focus {
    border: 1px solid #ff2a40;
    outline: none;
}

/*widget_calendar*/
.widget_calendar .calendar_wrap {
    border: 1px solid #eee;
    padding: 20px 20px 0;
}

.widget_calendar .calendar_wrap table {
    width: 100%;
}

.widget_calendar .calendar_wrap table caption {
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.widget_calendar #today {
    color: #ff2a40;
}

/* TAG CLOUD
------------------------------------------- */
.widget_tag_cloud a {
    display: inline-block;
    font-size: 13px !important;
    line-height: 27px;
    padding: 0px 11px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 50px;
    margin-right: 7px;
    margin-bottom: 7px;
}

.widget_tag_cloud a:hover {
    background-color: #ff2a40;
    color: #fff !important;
    border: 1px solid transparent;
}

/*widget_nav_menu*/
.widget_nav_menu .menu {
    padding: 0;
}

.widget_nav_menu .menu .sub-menu {
    padding-left: 15px;
}

/* =-=-=-=-=-=-= BLOG GRID STYLE =-=-=-=-=-=-= */
.blog-grid .post-wrapper {
    margin-bottom: 50px;
    border: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 300ms;
    -moz-transition: box-shadow 300ms;
    -o-transition: box-shadow 300ms;
    -ms-transition: box-shadow 300ms;
    transition: box-shadow 300ms;
}

.blog-grid .post-wrapper:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.blog-grid .featured-wrapper {
    position: relative;
    min-height: 70px;
}

.blog-grid .featured-wrapper::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 70px;
    z-index: 100;
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(69, 67, 80, 0.52));
    background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, 0.52));
    background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, 0.52));
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(69, 67, 80, 0.52));
}

.blog-grid .featured-wrapper .post-meta {
    position: absolute;
    bottom: 5px;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    z-index: 100;
    color: #fff;
}

.blog-grid .featured-wrapper .post-meta li {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.blog-grid .featured-wrapper .post-meta li i {
    margin-right: 8px;
}

.blog-grid .featured-wrapper .post-meta li a {
    color: #fff;
    text-transform: capitalize;
}

.blog-grid .featured-wrapper .post-meta li a:hover {
    color: #ff2a40;
}

.blog-grid .post-author {
    position: absolute;
    left: 50%;
    -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: 100;
}

.blog-grid .post-author img {
    background-color: #fff;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.ie11 .blog-grid .post-author img
.ie10 .blog-grid .post-author img,
.ie9 .blog-grid .post-author img {
    padding: 0;
}

/* SINGLE POST
------------------------------------------- */
.single-post .post-wrapper {
    border: 0;
    margin-bottom: 0;
}

.single-post .blog-content {
    padding: 20px 0;
}

.single-post blockquote {
    margin: 30px 0;
}

.single-post .entry-footer .entry-meta {
    float: right;
}

.single-post .entry-footer {
    padding: 20px 0;
    margin-bottom: 50px;
    position: relative;
}

.single-post .entry-footer .post-share ul {
    margin-bottom: 0;
}

.single-post .entry-footer .post-share {
    position: absolute;
    right: 5px;
    top: 65px;
    background-color: #f5f5f5;
    padding: 5px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.single-post .entry-footer .entry-meta .share span {
    cursor: pointer;
}

.single-post .entry-footer .entry-meta .share:hover .post-share {
    opacity: 1;
    visibility: visible;
    top: 60px;
}

.single-post .entry-footer .post-share::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 35px;
    text-align: center;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5;
}

.single-post .entry-footer .post-share li {
    margin-right: 0;
}

.single-post .entry-footer .post-share li a {
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 30px;
    text-align: center;
}

.single-post .entry-footer .post-share li:last-child {
    padding-right: 0;
}

/* AUTHOR BIO
------------------------------------------- */
.single-post .post-author {
    border: 1px solid #eee;
    margin-bottom: 80px;
}

.single-post .post-author .media {
    padding: 30px 20px;
}

.single-post .post-author .media-left {
    padding-right: 20px;
    vertical-align: middle;
}

.single-post .post-author .media-left img {
    border-radius: 50%;
}

.author-info h3 {
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}

.author-social-info {
    border-top: 1px solid #eee;
    padding: 15px 20px;
}

.authors-post {
    float: left;
}

.authors-post a,
.authors-post i {
    color: #a7a7a7;
}

.authors-post a:hover {
    color: #ff2a40;
}

.authors-post i {
    margin-right: 10px;
}

.author-social {
    float: right;
}

.author-social ul li a {
    color: #a7a7a7;
}

.author-social ul li a:hover {
    color: #ff2a40;
}

@media (max-width: 350px) {
    .author-box .author-box-image {
        display: block;
        padding-right: 0;
    }

    .author-box .author-box-image img {
        margin: 0 auto 20px;
    }
}

/* COMMENTS-WRAPPER
------------------------------------------- */
.comments-wrapper ul {
    list-style: none;
}

.comment-list {
    padding: 0;
}

.comment-list .media {
    margin-top: 40px;
}

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

.comment-list .media .media-left img {
    border-radius: 50%;
}

.comment-list .bypostauthor .media .media-left img {
    border: 2px solid #D0D0D0;
}

.comment-info {
    color: #a7a7a7;
    font-size: 13px;
    line-height: 22px;
}

.comment-info a {
    color: #a7a7a7;
}

.comment-info .comment-author {
    font-size: 14px;
    color: #202020;
    font-weight: 600;
    text-transform: capitalize;
}

.comment-info i {
    padding: 0 10px;
}

.comment-info .edit-link {
    padding-left: 10px;
}

.comment-respond {
    margin-top: 50px;
}

.comment-respond .comment-reply-title {
    margin-bottom: 30px;
}

.comment-respond .btn {
    margin-top: 20px;
}

.comment-respond .comment-form-comment {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .comment-respond .comment-form-author {
        margin-bottom: 30px;
    }
}

/* LATEST POST
------------------------------------------- */
.press-release-wrapper .entry-meta li:last-child {
    float: right;
}

.press-release-wrapper .entry-meta li a.zilla-likes {
    border: 0 !important;
}

.press-release-wrapper .blog-content {
    padding: 20px 0;
}

.press-release-wrapper .entry-footer {
    padding: 15px 0;
    border-top: 0;
}

.press-release-wrapper .lodemore {
    margin-top: 50px;
}

/* =-=-=-=-=-=-= CALL TO ACTION SECTION =-=-=-=-=-=-= */
.tt-cta-content h2 {
    margin-bottom: 5px;
    font-weight: 700;
}

.tt-cta-content p {
    margin: 0;
}

.tt-cta-wrapper.button-right .tt-cta-content {
    width: 75%;
    display: inline-block;
}

.tt-cta-wrapper.button-right .tt-cta-button {
    float: right;
}

@media (max-width: 991px) {
    .tt-cta-wrapper.button-right .tt-cta-content {
        width: 100%;
    }

    .tt-cta-wrapper.button-right .tt-cta-button {
        margin-top: 30px;
        float: none;
    }
}

/* =-=-=-=-=-=-= CLIENT SLIDER VERSION ONE =-=-=-=-=-=-= */
.client-slider-v1-wrapper {
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.client-slider-v1 {
    padding: 0 10px 30px 10px;
}

.client-slider-v1 .carousel-control {
    background: transparent;
    filter: none;
    top: auto;
    bottom: 40px;
    z-index: 100;
    text-shadow: none;
}

.client-slider-v1 .carousel-control i {
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.client-slider-v1 .carousel-control:hover i,
.client-slider-v1 .carousel-control:focus i {
    color: #ff2a40;
    border-color: #ff2a40;
}

.client-slider-v1 .carousel-control.left {
    left: 30%;
}

.client-slider-v1 .carousel-control.right {
    right: 30%;
}

.client-slider-v1 .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px;
}

.client-slider-v1 .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    opacity: 0.4;
    overflow: hidden;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.client-slider-v1 .carousel-indicators .active {
    background: #333333;
    width: 85px;
    height: 85px;
    opacity: 1;
    overflow: hidden;
}

.client-slider-v1 .carousel-inner {
    min-height: 300px;
}

.client-slider-v1 .item blockquote {
    border-left: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.client-slider-v1 .item blockquote::before {
    display: none;
}

.client-slider-v1 .testimonial-content {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 30px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 6px;
}

.client-slider-v1 .testimonial-content .author {
    font-weight: 700;
}

.client-slider-v1 .testimonial-content .author a:hover {
    color: #ffffff;
}

@media (max-width: 991px) and (min-width: 768px) {
    .client-slider-v1 .carousel-control {
        bottom: 0;
    }

    .client-slider-v1 .carousel-indicators {
        bottom: -45px;
    }
}

@media (max-width: 766px) {
    .client-slider-v1 .carousel-control {
        bottom: 0;
    }

    .client-slider-v1 .carousel-control.left {
        left: 0;
    }

    .client-slider-v1 .carousel-control.right {
        right: 0;
    }

    .client-slider-v1 .carousel-indicators {
        bottom: -45px;
        left: 40%;
        width: 90%;
        margin-left: -35%;
    }
}

.testimonial-carousel-wrapper .flex-direction-nav .flex-next,
.testimonial-carousel-wrapper .flex-direction-nav .flex-prev {
    display: none;
}

/* =-=-=-=-=-=-= CLIENT SLIDER VERSION TWO =-=-=-=-=-=-= */
.client-slider-v2 .carousel-inner {
    min-height: 220px;
}

@media (max-width: 700px) {
    .client-slider-v2 .carousel-inner {
        min-height: 300px;
    }
}

@media (max-width: 479px) {
    .client-slider-v2 .carousel-inner {
        min-height: 400px;
    }
}

.client-slider-v2 blockquote {
    border-left: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.client-slider-v2 blockquote::before {
    display: none;
}

.client-slider-v2 .testimonial-content {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    border-radius: 6px;
    text-align: center;
    position: relative;
}

.client-slider-v2 .testimonial-content::before {
    content: "";
    border-top: 15px solid rgba(255, 255, 255, 0.9);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -10px
}

.client-slider-v2 .testimonial-content .author {
    color: #fff;
    font-weight: 700;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
}

.client-slider-v2 .testimonial-content .author span {
    color: #ff2a40;
}

.client-slider-v2 .carousel-control {
    background: none;
    top: auto;
    bottom: 12px;
    z-index: 100;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 17px;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 100%;
}

.client-slider-v2 .carousel-control:focus,
.client-slider-v2 .carousel-control:hover {
    color: #ff2a40;
    border: 1px solid #ff2a40;
}

.client-slider-v2 .carousel-control.left {
    left: 38%;
}

.client-slider-v2 .carousel-control.right {
    right: 38%;
}

@media (max-width: 991px) {
    .client-slider-v2 .carousel-control.left {
        left: 30%;
    }

    .client-slider-v2 .carousel-control.right {
        right: 30%;
    }
}

/* =-=-=-=-=-=-= CLIENT SLIDER VERSION THREE =-=-=-=-=-=-= */
.client-slider-v3 {
    margin-top: 45px;
    position: relative;
}

.client-slider-v3 blockquote {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    color: #585858;
    border-left: 0;
    border: 0;
}

.client-slider-v3 blockquote::before {
    display: none;
}

.client-slider-v3 blockquote p {
    font-style: italic;
    margin-bottom: 20px;
}

.client-slider-v3 blockquote .small:before,
.client-slider-v3 blockquote footer:before,
.client-slider-v3 blockquote small:before {
    content: '';
}

.client-slider-v3 blockquote footer {
    display: table;
}

.client-slider-v3 blockquote footer .client-info {
    display: table-cell;
    vertical-align: middle;
}

.client-slider-v3 blockquote footer .client-name {
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: #323232;
}

.client-slider-v3 .flex-viewport {
    width: 50%;
    float: left;
}

.client-slider-v3 .flex-control-nav {
    width: 50%;
    float: right;
    text-align: right;
}

.client-slider-v3 .flex-control-thumbs li {
    width: auto;
    float: none;
    margin-left: 8px;
}

@media (max-width: 1199px) {
    .client-slider-v3 .flex-control-thumbs img {
        width: 110px;
    }
}

@media (max-width: 767px) {
    .client-slider-v3 .flex-viewport,
    .client-slider-v3 .flex-control-nav {
        width: 100%;
        float: none;
    }

    .client-slider-v3 .flex-viewport {
        margin-bottom: 30px;
    }

    .client-slider-v3 .flex-control-nav {
        text-align: left;
    }

}

/* =-=-=-=-=-=-= CLIENT SLIDER VERSION FOUR =-=-=-=-=-=-= */
.client-slider-v4 {
    text-align: center;
    position: relative;
}

.client-slider-v4 blockquote {
    padding: 0;
    margin: 0 0 35px;
    font-size: 18px;
    line-height: 27px;
    border-left: 0;
    color: #666666;
    font-weight: 300;
    border: 0;
}

.client-slider-v4 blockquote::before {
    display: none;
}

.client-slider-v4 blockquote p {
    margin-bottom: 14px;
}

.client-slider-v4 blockquote .small:before,
.client-slider-v4 blockquote footer:before,
.client-slider-v4 blockquote small:before {
    content: '';
}

.client-slider-v4 .client-info .client-name {
    display: block;
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    color: #2e2e2e;
}

.client-slider-v4 .client-info .client-name span {
    color: #ff2a2a;
}

.client-slider-v4 .client-info .client-title {
    font-size: 12px;
    color: #666666;
}

.client-slider-v4 .flex-control-thumbs {
    text-align: center;
}

.client-slider-v4 .flex-control-thumbs li {
    display: inline-block;
    width: auto;
    margin: 7px;
    float: none;
}

.client-slider-v4 .flex-control-thumbs img {
    width: 176px;
    border: 1px solid #eee;
}

@media (max-width: 1199px) {
    .client-slider-v4 .flex-control-thumbs img {
        width: 105px;
    }
}

.flex-control-thumbs img {
    opacity: .5;
}

.flex-control-thumbs img:hover,
.flex-control-thumbs .flex-active {
    opacity: 1;
}

/*case study page css*/
.basecamp-intro {
}

.basecamp-intro h2 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
}

.tt-content-box {
    position: relative;
    overflow: hidden;
    text-align: center;
    min-height: 268px;
    border: 1px solid #dedede;
    margin-bottom: 30px;
}

.tt-content-wrapper {
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tt-content-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff2a40;
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

.tt-content-wrapper header {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #ff2a40;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    -ms-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.tt-content-box:hover .tt-content-wrapper header {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -60px, 0);
    -ms-transform: translate3d(0, -50%, 0) translate3d(0, -60px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -60px, 0);
}

.tt-content-wrapper header i {
    font-size: 40px;
    color: #ff2a40;
}

.tt-content-wrapper header h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #ff2a40;
}

.tt-content-box:hover .tt-content-wrapper header i,
.tt-content-box:hover .tt-content-wrapper header h2 {
    color: #fff;
}

/*IE9 Fixing*/
.ie9 .tt-content-box .tt-content-wrapper header {
    top: 30%;
}

.ie9 .tt-content-box:hover .tt-content-wrapper header {
    top: 20%;
}

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

.tt-content-box .tt-content-wrapper::before,
.tt-content-box .tt-content-wrapper .tt-content {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.tt-content-box:hover .tt-content-wrapper::before,
.tt-content-box:hover .tt-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tt-content-box .tt-content-wrapper .tt-content p {
    margin-bottom: 20px;
}

.basecamp-solution {
    padding: 100px 0 0;
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
}

.solution-intro-wrapper {
    display: table;
}

.basecamp-solution-thumb {
    display: table-cell;
    vertical-align: bottom;
}

@media (max-width: 991px) {
    .basecamp-solution-intro {
        margin-bottom: 50px;
    }
}

@media (min-width: 1200px) {
    .basecamp-solution-intro {
        padding-left: 12%;
    }
}

@media (min-width: 1920px) {
    .basecamp-solution-intro {
        padding-left: 35%;
    }
}

.basecamp-solution-thumb {
    padding-right: 0;
}

.basecamp-solution-thumb img {
    width: 100%;
}

.basecamp-testimonial {
    padding: 100px 0;
    background-color: #ff2a40;
}

.basecamp-testimonial blockquote {
    padding: 0;
    margin: 0;
    text-align: center;
    border-left: 0;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    border: 0;
}

.basecamp-testimonial blockquote::before {
    display: none;
}

.basecamp-testimonial blockquote footer {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    color: #fff;
    margin-top: 35px;
}

.basecamp-testimonial blockquote footer cite {
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.basecamp-testimonial blockquote footer:before {
    content: "";
}

.image-holder img {
    margin: 0 auto;
}

.case-study-page.gradient-bottom::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 70px;
    z-index: 100;
}

/* COMMON CLASS IN MULTI HOMEPAGES
------------------------------------------- */
.hero-section {
    position: relative;
}

.particle-effect {
    overflow: hidden;
}

#particles-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.vc_parallax #particles-js {
    z-index: 1;
}

/*Alert Shortcode Page*/
.shortcode-alert-wrapper h2 {
    margin-bottom: 25px;
}

/*Contact Page*/
.contact-info address {
    margin-bottom: 30px;
    line-height: 24px;
}

.contact-info h3 {
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .contact-info {
        margin-top: 50px
    }
}

/* 404 PAGE
------------------------------------------- */
.error-page-wrapper {
    padding: 150px 0;
}

.not-found-icon i {
    font-size: 145px;
    line-height: 170px;
    text-align: center;
    display: block;
    color: #a7a7a7;
}

.error-message {
    /*padding-left: 60px;
    border-left: 1px solid #eee;*/
}

.error-message h2 {
    color: #ff2a40;
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
}

.error-message h3 {
    font-family: Open Sans, sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
}

.error-message a {
    display: inline-block;
    padding: 8px 30px;
    background-color: #34495e;
    color: #fff;
    border-radius: 5px;
}

.error-message a:hover {
    background-color: #ff2a40;
    color: #fff;
}

.error-message a i {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .error-message {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
}

.no-results .page-header {
    margin-top: 0;
}

/* =-=-=-=-=-=-= MAGNIFIC POPUP =-=-=-=-=-=-= */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}

.mfp-bottom-bar {
    display: none;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-arrow-right::after,
.mfp-arrow-left::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-right::before,
.mfp-arrow-left::before {
    border: none !important;
}

.mfp-arrow {
    height: 60px;
}

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}

img.mfp-img {
    padding: 40px 0px 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

/* =-=-=-=-=-=-= FOOTER SECTION =-=-=-=-=-=-= */
.footer-section {
    background-color: #202020;
    color: #fff;
    position: relative;
}

.footer-onepage-wrapper {
    padding: 135px 0;
}

.footer-onepage #toTop {
    display: none !important;
}

.backToTop i {
    font-size: 70px;
    line-height: 85px;
    background-color: #ff2a40;
    color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.backToTop i:hover {
    background-color: #cd000e;
}

.footer-section p {
    font-size: 15px;
    line-height: 30px;
    color: #b5b5b5;
}

.footer-logo p {
    margin-bottom: 26px;
}

.footer-logo p span {
    color: #ff2a40;
    font-weight: 600;
}

.footer-logo img {
    width: initial;
    margin-bottom: 30px;
}

.copyright {
    margin-top: 26px;
}

.copyright p {
    margin: 0;
}

/*.social-icon ul li a i {
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    width: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}*/

.social-icon ul li a i {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    height: 52px;
    line-height: 51px;
    width: 52px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;

}

.social-icon .list-inline > li {
    display: inline-block;
    padding: 5px;
}

.social-icon ul li a i:hover {
    color: #ff2a40;
    border: 1px solid #ff2a40;
}

/* MULTIPAGE FOOTER STYLE
------------------------------------------- */
.footer-multi-wrapper .social-links-wrap ul {
    margin: 0;
}

.footer-multi-wrapper .social-links .list-inline > li {
    padding-right: 4px;
    padding-left: 4px;
}

.footer-multi-wrapper .social-links-wrap li a {
    border: 0;
    color: #c7c7c7;
}

.footer-multi-wrapper .social-links-wrap li a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #ff2a40;
}

.footer-sidebar {
    font-size: 13px;
    padding: 90px 0 22px;
    color: #c7c7c7;
}

.footer-sidebar .widget {
    display: inline-block;
}

.footer-sidebar,
.footer-sidebar a,
.footer-sidebar .widget_nav_menu ul li a,
.footer-sidebar .tt-latest-post .media-body h4 a {
    color: #c7c7c7;
}

.footer-sidebar .widget-title {
    color: #ff2a40;
    font-size: 18px;
    font-weight: 400;
    border: 0;
    margin: 0 0 15px;
}

.footer-sidebar ul {
    padding: 0;
}

.footer-sidebar ul li i {
    margin-right: 15px;
    color: #ff2a40;
}

.footer-sidebar .dashed-border {
    display: block;
    margin: 20px 0;
    border-bottom: 1px dashed #d7d7d7;
}

.footer-sidebar .widget_nav_menu ul li a {
    text-transform: capitalize;
    position: relative;
}

.footer-sidebar .widget_nav_menu ul li {
    float: left;
    width: 50%;
}

.footer-sidebar .widget_nav_menu ul li a::before {
    content: "\f101";
    font-family: fontawesome;
    margin-right: 13px;
    color: #ff2a40;
}

.tt-latest-post .media-left {
    padding-top: 7px;
}

.tt-latest-post .media-left img {
    min-width: 70px;
}

.tt-latest-post .media-body h4,
.tt-latest-post .media-body span.span_h4 {
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 13px;
}

.tt-latest-post .media-body h4 a,
.tt-latest-post .media-body span.span_h4 a {
    color: #606060;
    font-size: 13px;
}

.tt-latest-post .media-body h4 a:hover {
    color: #ff2a40;
}

.tt-latest-post .entry-meta {
    margin: -5px 0 0;
}

.footer-sidebar .tt-latest-post .media {
    margin-top: 10px;
}

.footer-sidebar .tt-latest-post .entry-meta li,
.footer-sidebar .tt-latest-post .entry-meta li a {
    color: #6b6b6b;
}

.tt-flickr-photo li {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.tt-flickr-photo li a {
    display: block;
    position: relative;
}

.tt-flickr-photo li a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    z-index: 100;
}

.tt-flickr-photo li a::after {
    content: "\f067";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    color: #fff;
    margin-top: -13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    z-index: 101;
}

.tt-flickr-photo li a:hover::before,
.tt-flickr-photo li a:hover::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.footer-copyright {
    background-color: #000000; /*#131313;*/
    bottom: 0;
    font-size: 12px;
    left: 0;
    padding: 20px 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 220;
}

.footer_widgets {
    padding-bottom: 55px;
}

.footer-multi-wrapper .copyright {
    color: #717171;
    margin: 0;
}

@media (max-width: 767px) {
    .footer-copyright .copyright,
    .social-links-wrap {
        text-align: center;
    }
}

.footer-multi-wrapper .social-icon ul li a i {
    font-size: 15px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    text-align: center;
}

/* =-=-=-=-=-=-= PRELOADER =-=-=-=-=-=-= */
#preloader {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
}

.status-mes {
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

/* =-=-=-=-=-=-= TO TOP =-=-=-=-=-=-= */

#toTop {
    position: fixed;
    bottom: 18px;
    right: 30px;
    color: #ff2a40;
    cursor: pointer;
    display: none;
    z-index: 9999;
    width: 40px;
    height: 40px;
    border: 2px solid #ff2a40;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#toTop:hover {
    color: #fff;
    background-color: #ff2a40;
    border: 2px solid transparent;
}

/*Visual composer sytle override
----------------------------------------------------------------------------------- */

/*Common style for all accordion*/
.vc_tta-panel-title {
    font-family: Open Sans, sans-serif;
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
    border: 1px solid #eee !important;
}

/*Default Style*/
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-default .vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-classic .vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-modern .vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel-title > a {
    color: #fff !important;
}

.vc_tta-color-theme_default_color .vc_tta-panel .vc_tta-panel-heading {
    background-color: #666;
}

.vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #ff2a40;
}

/*Accordion Outline Style*/
.vc_tta.vc_tta-style-outline .vc_tta-panel-heading {
    border-width: 1px !important;
}

.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent;
    border-color: #666;
}

.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #ff2a40;
}

.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #ff2a40 !important;
}

.vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta.vc_tta-style-outline .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
    margin-bottom: 0px !important;
}

/*equal height*/
.vc_row-o-equal-height .vc_col-has-fill .wpb_wrapper {
    min-height: 300px;
}

/*slider*/
.theme-default .nivoSlider img,
.flexslider .slides img {
    height: auto;
}

.wpb_revslider_element {
    margin-bottom: 0 !important;
}

.preview_loader {
    -webkit-animation: spin1 2s infinite linear;
    -moz-animation: spin1 2s infinite linear;
    -o-animation: spin1 2s infinite linear;
    -ms-animation: spin1 2s infinite linear;
    animation: spin1 2s infinite linear;
    display: block;
}

@-webkit-keyframes spin1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin1 {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spin1 {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes spin1 {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-keyframes spin1 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 0 0 2em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    font-size: 1em;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ff0000;
    left: 20%;
    padding: 0.2em 0.8em;
    position: absolute;
    top: 20%;
    z-index: 100;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: medium none;
    margin-left: 4px;
    vertical-align: middle;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

.wpcf7-recaptcha iframe {
    margin-bottom: 0;
}

.blog_details article, .blog_list article {
    margin-bottom: 30px !important;
    border-bottom: 1px solid #eee !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
}

.blog_details {
    padding-top: 70px !important;
}

.blog_details header, .blog_list header {
    text-align: center !important;
}

.blog_details header img, .blog_list header img {
    display: inline !important;
}

.blog_details article, .blog_list article {
    max-width: 740px;
}

.blog_details article .blog-content, .blog_list article .blog-content {
    padding-bottom: 0 !important;
}

.blog_details article .blog-content h2.entry-title a.blog_title, .blog_list article .blog-content h2.entry-title a.blog_title {
    color: #4e4d4e !important;
}

.blog_details article .blog-content ul.entry-meta, .blog_list article .blog-content ul.entry-meta {
    margin-bottom: 0px !important;
}

.blog_details article header.featured-wrapper, .blog_list article header.featured-wrapper {
    max-height: 400px !important;
    overflow: hidden !important;
}

.blog_details article .entry-content p, .blog_list article .entry-content p {
    /*font-size: 21px !important;*/
    /*font-family: Source Serif Pro,serif !important;*/
}

.blog_details article .entry-content p em, .blog_list article .entry-content p em {
    /*font-family: Georgia,Source Serif Pro,serif !important;*/
    font-style: italic !important;
}

.row_blocks_intro {
    border-bottom: 1px solid #ccc;
    padding: 0 0 70px;
    text-align: left;
}

.row_blocks_intro h3 {
    color: #00a1df;
    font-size: 40px;
    line-height: 40px;
    margin: 3px 0;
}

.row_blocks_intro h2 {
    color: #000;
    font-size: 42px;
    line-height: 42px;
    margin: 3px 0;
}

.row_blocks_intro .row_intro {
    font-size: 18px;
    line-height: 20px;
    padding: 20px 0 0;
}

.row_blocks .rows {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding: 40px 0 0;
    text-align: left;
}

/*.row_blocks .rows:last-child {
    border-bottom: 0 none;
}*/

.row_node {
    box-sizing: border-box;
    padding: 5px;
    padding-bottom: 40px
}

.row_node strong {
    font-size: 25px;
}

.row_node p strong, .row_node p {
    font-size: 15px;
    margin: 3px 0;
}

.row_node img {
    float: left;
    margin: 0 25px 0 0;
}

.row_node .node_txt {
    /*float: right;
    width: 70%;*/
}

.row_blocks .exp_btn {
    display: none;
}

.row_blocks .exp_btn.act {
    background: #00a1df none repeat scroll 0 0;
    border: 1px solid #00a1df;
    color: #fff;
    text-decoration: none;
}

.row_blocks .exp_info {
    display: none;
    padding: 10px 0;
    text-align: center;
}

.row_blocks .exp_info strong {
    display: block;
}

.row_blocks .exp_info img {
    float: none;
    width: 130px;
}

.row_blocks .exp_info a.action {
    text-align: left;
}

.row_node a.action {
    color: #777;
    font-size: 1.1em !important;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: bold;
}

.row_node a.action i.fa-chevron-circle-right {
    color: #c94344 !important;
}

#rev_slider_31_1_forcefullwidth .tp-tab.selected .tp-tab-title i.fa, #rev_slider_31_1_forcefullwidth .tp-tab .tp-tab-title i.fa:hover {
    background: rgb(255, 255, 255) none repeat scroll 0% 0% !important;
    border-radius: 50% !important;
    color: transparent !important;
    height: 10px !important;
}

#last-slide #text_with_line::before {
    border-top: 2px solid #fff;
    content: " ";
    display: block;
    height: 1px;
    margin-left: -73px;
    margin-top: 14px;
    position: absolute;
    width: 70px;
}

#last-slide #text_with_line::after {
    border-top: 2px solid #fff;
    content: " ";
    display: block;
    height: 1px;
    margin-left: 265px;
    margin-top: -17px;
    position: absolute;
    width: 70px;
}

.paddingTop30 {
    padding-top: 30px !important;
}

#ttmap {
    height: 350px;
}

.contact_us_address_heading {
    font-size: 20px;
    color: #202020;
    line-height: 25px;
    text-align: left;
    font-family: Roboto Slab;
    font-weight: 400;
    font-style: normal
}

.blog_title {
    color: #000000 !important; /*#4e4d4e !important;*/
    font-size: 21px !important;
}

.blog_title:hover {
    color: #ff2a40 !important;
}

section.contact_us_heading {
    background-color: #fd5151 !important;
    padding-bottom: 50px !important;
    padding-top: 135px !important;
}

section.contact_us_heading .contact_us_heading_h2 {
    color: rgb(255, 255, 255);
    /*text-transform: uppercase;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 36px;*/
}

.mapImage {
    height: auto;
    width: 100%;
    max-width: 1096px;
    max-height: 541px;
}

.originalFacebookColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: rgb(72, 103, 170) none repeat scroll 0% 0% !important;
}

.originalLinkedInColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: rgb(0, 119, 181) none repeat scroll 0% 0% !important;
}

.originalGooglePlusColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: rgb(219, 68, 55) none repeat scroll 0% 0% !important;
}

.originalTwitterColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: rgb(29, 161, 242) none repeat scroll 0% 0% !important;
}

.originalFbMessengerColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #0084FF none repeat scroll 0% 0% !important;
}

.originalWhatsappColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #4AEB67 none repeat scroll 0% 0% !important;
}

.originalSkypeColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #00aff0 none repeat scroll 0% 0% !important;
}

.originalVimeoColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #00ADEF none repeat scroll 0% 0% !important;
}

.originalRedditColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #FF1A00 none repeat scroll 0% 0% !important;
}

.originalPinterestColorIcon {
    margin: 0px !important;
    color: #ffffff !important;
    border: medium none !important;
    background: #CB2027 none repeat scroll 0% 0% !important;
}

.brd-rds-50 {
    border-radius: 50px !important;
}

.our_product_sub_title {
    max-width: 1043px
}

.our_work_sub_title {
    max-width: 970px
}

.product_img {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 18px !important;
}

.product_btn {
    background-color: #ff2a40 !important;
    color: #ffffff !important;
}

.solution_heading {
    font-weight: 600 !important;
    line-height: 1.5em !important;
}

.solution_icon_div {
    color: #c94344 !important;
}

.solution_icon_i {
    font-size: 70px !important;
}

.fancy span::before {
    margin-right: 15px;
    right: 100%;
}

.fancy span::before, .fancy span::after {
    border-bottom: 1px solid white;
    content: "";
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    width: 70px !important;
}

.fancy span::after {
    left: 100%;
    margin-left: 15px;
}

.fancy span {
    display: inline-block;
    position: relative;
}

.fancy {
    line-height: 0.5;
    text-align: center;
}

.subtitle {
    margin: 0 0 2em;
}

#static_page_layout .fnt-clr-white,
#static_page_layout .white-text,
#home .fnt-clr-white,
#home .white-text,
body.cms_page .sub-title p.fnt-clr-white,
body.cms_page .sub-title p.white-text {
    color: #ffffff !important;
}

.homepage_layout,
.our_work_page,
.service_page,
.solution_page,
.product_page,
.cms_page,
.contact_us_page {
    color: #000000 !important;
}

.homepage_layout .sub-title p,
.our_work_page .sub-title p,
.service_page .sub-title p,
.solution_page .sub-title p,
.product_page .sub-title p,
.cms_page .sub-title p,
.contact_us_page .sub-title p {
    color: #000000 !important;
}

.homepage_layout blockquote,
.our_work_page blockquote,
.service_page blockquote,
.solution_page blockquote,
.product_page blockquote,
.cms_page blockquote,
.contact_us_page blockquote {
    color: #000000 !important;
}

.homepage_layout .tt-filter-wrap.filter-rounded ul li button,
.our_work_page .tt-filter-wrap.filter-rounded ul li button,
.service_page .tt-filter-wrap.filter-rounded ul li button,
.solution_page .tt-filter-wrap.filter-rounded ul li button,
.product_page .tt-filter-wrap.filter-rounded ul li button,
.cms_page .tt-filter-wrap.filter-rounded ul li button,
.contact_us_page .tt-filter-wrap.filter-rounded ul li button {
    color: #000000 !important;
}

.homepage_layout .tt-filter-wrap.default-color ul li button.active,
.homepage_layout .tt-filter-wrap.dark-color ul li button.active,
.our_work_page .tt-filter-wrap.default-color ul li button.active,
.our_work_page .tt-filter-wrap.dark-color ul li button.active,
.service_page .tt-filter-wrap.default-color ul li button.active,
.service_page .tt-filter-wrap.dark-color ul li button.active,
.solution_page .tt-filter-wrap.default-color ul li button.active,
.solution_page .tt-filter-wrap.dark-color ul li button.active,
.product_page .tt-filter-wrap.default-color ul li button.active,
.product_page .tt-filter-wrap.dark-color ul li button.active,
.cms_page .tt-filter-wrap.default-color ul li button.active,
.cms_page .tt-filter-wrap.dark-color ul li button.active,
.contact_us_page .tt-filter-wrap.default-color ul li button.active,
.contact_us_page .tt-filter-wrap.dark-color ul li button.active {
    color: #ffffff !important;
}

.homepage_layout .entry-header .entry-meta li,
.our_work_page .entry-header .entry-meta li,
.service_page .entry-header .entry-meta li,
.solution_page .entry-header .entry-meta li,
.product_page .entry-header .entry-meta li,
.cms_page .entry-header .entry-meta li,
.contact_us_page .entry-header .entry-meta li {
    color: #000000 !important;
}

#breadcrumbs_container {
    margin-bottom: 20px;
    min-height: 45px;
}

#breadcrumbs_container #breadcrumbs {
    margin-bottom: 20px;
    display: none;
}

.tooltip > .tooltip-inner {
    color: #FFFFFF;
    padding: 5px;
    font-size: 11px !important;
    font-weight: bold;
    border-radius: 5%;
}

.fb-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #4867AA;
}

.fb-tooltip + .tooltip > .tooltip-inner {
    background-color: #4867AA;
    border: 1px solid #4867AA;
}

.linkedin-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #0077B5;
}

.linkedin-tooltip + .tooltip > .tooltip-inner {
    background-color: #0077B5;
    border: 1px solid #0077B5;
}

.glus-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #DB4437;
}

.glus-tooltip + .tooltip > .tooltip-inner {
    background-color: #DB4437;
    border: 1px solid #DB4437;
}

.twitter-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #1DA1F2;
}

.twitter-tooltip + .tooltip > .tooltip-inner {
    background-color: #1DA1F2;
    border: 1px solid #1DA1F2;
}

.fb-messeger-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #0084FF;
}

.fb-messeger-tooltip + .tooltip > .tooltip-inner {
    background-color: #0084FF;
    border: 1px solid #0084FF;
}

.whatsapp-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #4AEB67;
}

.whatsapp-tooltip + .tooltip > .tooltip-inner {
    background-color: #4AEB67;
    border: 1px solid #4AEB67;
}

.skype-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #00AFF0;
}

.skype-tooltip + .tooltip > .tooltip-inner {
    background-color: #00AFF0;
    border: 1px solid #00AFF0;
}

.vimeo-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #00ADEF;
}

.vimeo-tooltip + .tooltip > .tooltip-inner {
    background-color: #00ADEF;
    border: 1px solid #00ADEF;
}

.reddit-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #FF1A00;
}

.reddit-tooltip + .tooltip > .tooltip-inner {
    background-color: #FF1A00;
    border: 1px solid #FF1A00;
}

.pinterest-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #CB2027;
}

.pinterest-tooltip + .tooltip > .tooltip-inner {
    background-color: #CB2027;
    border: 1px solid #CB2027;
}

.thank-you-page-wrapper {
    padding: 150px 0 !important;
}

.thank-you-message h2 {
    color: #27AE60 !important;
    font-size: 90px !important;
    font-weight: 700 !important;
    line-height: 90px !important;
}

.thank-you-message h3 {
    color: #666 !important;
    font-family: Open Sans, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
}

.thank-you-message a {
    background-color: #CA4546 !important;
    border-radius: 5px !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 8px 30px !important;
    margin: 10px auto !important;
}

.thank-you-message a i {
    margin-right: 5px !important;
}