/*!
Theme Name: Norebro Child
Theme URI: http://norebro.colabr.io/
Author: Colabrio Team
Author URI: http://colabr.io/
Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: norebro
Text Domain: norebro-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
#masthead {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}
#secondary-menu li {
    color: #ffffff !important;
}
.custom_title_about_us {
    margin-bottom: 50px;
}
.tabs_custom_style {
    background-color: #0000FFFF;
}
.tabs_custom_style_padding {
    padding: 10px 20px 20px 20px;
}
#recent_project_custom {
    background: linear-gradient(to right,#ffffff 0%,#ffffff 30%,#2a2f69 30%,#2a2f69 100%);
}
.no_padding_custom {
    padding: 0 !important;
}
.page-container.without-breadcrumbs.bottom-offset {
    margin-top: 0 !important;
}
.column_left_padding_custom  .vc_column-inner {
    padding: 0 !important;
}
.custom_counts_text_clients .title {
    position: relative;
    bottom: 50px;
    font-size: 30px !important;
    left: 68px;
}
.custom_counts_text_industries .title {
    position: relative;
    bottom: 50px;
    font-size: 30px !important;
    left: 50px;
}
.custom_counts_text_campaigns .title {
    position: relative;
    bottom: 50px;
    font-size: 30px !important;
    left: 135px;
}
.custom_counts_text_budgets .title{
    position: relative;
    bottom: 50px;
    font-size: 30px !important;
    left: 45px;
}
.counter-box .subtitle {
    position: relative;
    bottom: 33px;
}
.custom_counts_text_industries .subtitle {
    left: 7px;
}
.custom_counts_text_campaigns .subtitle {
    left: 33px;
}
.custom_counts_text_budgets .subtitle {
    left: 0;
}
.pricing-table .title {
    min-height: 70px;
}
.pricing-table {
    opacity: 80%;
}
.pricing-table .price {
    height: 180px;
}
.pricing-table .price p.subtitle {
    position: relative;
    top: -45px;
}
.wpb_wrapper .norebro-icon-box-sc {
    height: min-content;
}
.tabs_custom_style_padding .item.active {
    top: 50% !important;
    transform: translateY(-50%);
}
/** Core Values Section*/
@media ( min-width: 767px ) {
    .center_pricing_custom .vc_inner.vc_row-fluid {
        display: flex;
        justify-content: space-around;
    }
}
@media(max-width: 767px) {
    .page-sidebar.sidebar-right {
        top: 0 !important;
    }
}
/** Core Values Section End */
/** Mobile Design START */
@media only screen and (hover: none) {
    .title_custom_responsive {
        line-height: 38px !important;
        white-space: normal !important;
    }
    .subtitle_custom_responsive {
        top: 50px !important;
    }
    .slider_title_custom_design,
    .slider_paragraph_custom_design {
        top: 100px;
    }
    .tabs_custom_style_padding {
        padding: 10px 20px 20px 10px;
    }
    .norebro-team-members-group-sc.team-member {
        height: fit-content;
    }
    #recent_project_custom {
        background: #2a2f69;
    }
    .wpb_colum.vc_column_container {
        margin-bottom: 30px;
    }
    .blog-grid.boxed .content {
        padding: 30px 30px 10px;
    }
    .page-sidebar.sidebar-right {
        top: 0 !important;
    }
    #hamburger-menu {
        width: 65px !important;
    }
}

/** Pricing Tables */
@media ( min-width: 760px ) and ( max-width: 1200px ) {
    .vc_row.vc_column-gap-30>.vc_column_container {
        min-width: 50% !important;
    }
}
/** Pricing Tables END */

/** Footer Design START*/
footer .page-container h3 {
    color: #ffffff !important;
}
footer .page-container input,
footer .page-container button,
footer .page-container li,
footer .page-container i,
footer .page-container a,
footer .page-container span {
    color: #828282 !important;
}
/** Footer Design END*/

/** Make Counter from Homepage Wrap on Mobile */
.vc_row.wpb_row.vc_row-fluid.custom_counter_container {
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.custom_counter_container .wpb_column.vc_column_container {
    width: 150px;
    margin: 0 auto;
}

.custom_counter_container .subtitle {
    white-space: normal;
}
.counter-box-count {
    position: relative;
    right: 10px;
}
.custom_counts_text_campaigns {
    text-align: left;
}
/** Make Counter from Homepage Wrap on Mobile END */

/** Make Testimonials from Our Clients be full height of section START */
#section-testimonials {
    display: flex;
    align-items: center;
    justify-content: center;
}
/** Make Testimonials from Our Clients be full height of section END */
@media ( max-width: 768px ) {
    /** Tabs Core Values fit the text into the fields START */
    .tabs_design_custom .wpb_column.vc_column_container .vc_column-inner {
        padding: 0;
    }
    .tabs_design_custom .tabs_custom_style_padding {
        padding: 0;
    }

    .tabs_design_custom .buttons-wrap {
        min-width: 104px;
    }
    .tabs_design_custom .buttons {
        min-width: 104px;
    }
/** Make Navbar Sticky & CSS Menu START */

/** Make Banner from Our Approach be Responsive START */
.banners_custom_design {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
@media ( min-width:820px ) and ( max-width: 1000px ){
    .banners_custom_design .wpb_column.vc_column_container {
        width: 50%;
    }
}
@media ( max-width:820px ){
    .banners_custom_design .wpb_column.vc_column_container {
        width: 100%;
    }
}

/** Make Banner from Our Approach be Responsive END */
@media ( max-width: 768px ) {
    #masthead .site-title img, #masthead .site-title a img {
        max-height: 50px;
        width: auto;
    }
    #masthead.showed {
        position: fixed;
    }
}
/** Make Navbar Sticky & CSS Menu END */

/** Make Clients Logo from Homepage Wrap on Mobile START */
@media ( max-width: 768px ) {
    .clients_logo_custom .clients-logo.default {
        width: 145px;
        margin: 0 auto;
    }
    .clients_logo_custom .clients-logo img {
        width: 120px;
    }
    .clients_logo_custom .first-image {
        height: 120px;
        padding-top: 15px;
    }
}
@media ( min-width: 768px ) {
    .clients_logo_custom .clients-logo.default {
        width: 250px;
    }
}
.clients_logo_custom .wpb_wrapper {
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.clients_logo_custom .clients-logo.default {
    margin-bottom: 35px !important;
}
/** Make Clients Logo from Homepage Wrap on Mobile END */
    .tabs_design_custom h4.button {
        width: 100px;
    }

/** Tabs Core Values fit the text into the fields END */
}
@media ( max-width: 768px ) {
    /** Make Menu Items have different design START */
    #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before {
        background: unset !important;
    }
    .mega-menu-item.nav-item.current-menu-item a {
        font-weight: 600;
        font-size: 30px !important;
    }
    .mega-menu-item.nav-item a:not(.mega-menu-item.nav-item.current-menu-item a) {
        font-weight: 300 !important;
    }
    /** Make Menu Items have different design END */
}
/** Disable href redirect START */
.our-clients-page .portfolio-item > a {
    pointer-events: none;
}
/** Disable href redirect END */

/** Change background color of div in mobile view START */
#recent_project_custom .wpb_column.vc_column_container {
    background-color: #2A2F69FF;
}
/** Change background color of div in mobile view END */

/* color of navbar */
#masthead.showed {
    background-color: white !important;
    border-bottom: 1px solid gray !important;
}
.site-header.showed #site-navigation #secondary-menu li:not(#site-navigation.active #secondary-menu li) {
    color: #0c0c0c !important;
}
.site-header.showed #hamburger-menu {
    color: #0c0c0c;
}

.page-id-5674178 .header-wrap {
    max-width: 1326px;
    margin: 0 auto;
}
/** Fix header dimensions that sometimes vary */
.header-wrap {
    max-width: 1326px;
    margin: 0 auto;
}
/** Hide description layer on logos Our Clients */
.portfolio-item .description.overlay {
    display: none;
}
.portfolio-item.grid-1:after {
    content: unset;
}

/** Resize all logos to the same dimension */
.portfolio-item .image-wrap img {
    height: 200px;
    object-fit: contain;
}
.vc_col-lg-6 {
    width: 25% !important;
}
.portfolio-item-wrap {
    max-width: 330px !important;
}
@media ( max-width: 768px ) {
    div.portfolio-item-wrap {
        width: 150px !important;
        height: 80px !important;
    }
    .portfolio-item .image-wrap img {
        height: 100px;
    }
}

/** Make Clients Logo from Homepage Wrap on Mobile START */
.clients_logo_custom .wpb_wrapper {
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.clients_logo_custom .clients-logo.default {
    margin-bottom: 35px !important;
}
.clients_logo_custom .clients-logo.default {
    width: 200px;
}
@media ( max-width: 768px ) {
    .clients_logo_custom .clients-logo.default {
        width: 115px;
        margin: 0 auto;
    }
    .clients_logo_custom .clients-logo img {
        width: 120px;
    }
    .clients_logo_custom .first-image {
        height: 120px;
        padding-top: 15px;
    }
}
/** Make Clients Logo from Homepage Wrap on Mobile END */


@media ( max-width: 768px ) {
    #recent_project_custom {
        background: #2a2f69 !important;
    }
    .mobile-header.showed .icon.ion-android-search {
        color: black;
    }
}


/** Making Animation Zoom In when on mouse hover Our Clients Logos START */
.recent_projects_desktop_custom .portfolio-item {
    transition: transform .2s; /* Animation */
}
.recent_projects_desktop_custom .portfolio-item:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/** Making Animation Zoom In when on mouse hover Our Clients Logos END */

/** Join Our Team END */
.mission_vision_custom {
    padding-left: 10%;
    padding-right: 10%;
}
.mission_vision_custom .norebro-process-sc,
.mission_vision_custom h3 {
    color: white;
}
.banners_custom_design  .banner-box .image-wrap {
    margin-bottom: 0 !important;
}
.recent_projects_desktop_custom .portfolio-sorting ul li {
    height: 10px;
    margin: 0 !important;
}
.recent_projects_desktop_custom .portfolio-sorting li a {
    padding: 0 !important;
}
/*--- HOME ---- START ---*/
#masthead .site-title img,
#masthead .site-title a img {
    max-height: 68px;
}
.mobile-header .fixed-mobile-logo {
    display: none !important;
}
.mobile-header.showed .logo.with-mobile {
    display: none !important;
}
.mobile-header.showed .mobile-logo {
    display: none !important;
}
.mobile-header.showed .fixed-mobile-logo {
    display: block !important;
}
/*--- HOME ---- END ---*/

/*--- OUR CLIENTS ---- START ---*/
.recent-project.with-sorting {
    /*left: 23px;*/
}
.recent-project .image-wrap {
    background: transparent;
}
@media (min-width: 900px) {
    .recent-project .portfolio-item .image-wrap img {
        height: 200px;
        object-fit: contain;
        max-width: 300px;
    }
}
/*--- OUR CLIENTS ---- END ---*/

@media (max-width: 1205px) {
    .services-banner-box .image-wrap .overlay .content h4 {
        font-size: inherit !important;
    }
    .recent-project {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto !important;
    }
}
/*--- OUR SOLUTIONS ---- END ---*/

#masthead .site-title img,
#masthead .site-title a img {
    max-height: 68px !important;
}
.list-box.contact-module li:nth-child(2) {
    user-select:none;
}
.tab-box.vertical .button{
    padding-left: 17px;
}
.norebro-tabs-sc.tab-box.tabs-center .buttons h4 {
    margin: 0 !important;
}
@media screen and (max-width: 768px) {
    .custom_logo_our_clients div.vc_row.vc_row-flex {
        display: block;
        width: 52%;
    }
    .custom_logo_our_clients .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.custom_dimensions_logos .vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {
    padding: 25px !important ;
}
.portfolio-item-wrap {
    width: 200px !important;
}
.recent-project .image-wrap img {
    height: 70px !important;
}
.portfolio-sorting {
    /*margin: 0 !important;*/
    margin: 30px 0 35px 0 !important;
}
@media (min-width: 900px) {
    #section-logos .portfolio-sorting {
        width: 92%;
        margin: 0;
    }
}
@media (min-width: 900px ) {
    .portfolio-item-wrap {
        max-width: 220px !important;
    }
    .recent-project .image-wrap img {
        max-height: 150px;
        height: 100%;
    }
    .pricing-table-column-custom .list-box li {
        padding-left: 30px !important;
        text-align: left;
    }
    .pricing-table-column-custom-center .list-box li {
        padding-left: 33% !important;
        text-align: left;
    }
}
@media (max-width: 768px) {
    .custom_dimensions_logos .wpb_column.vc_column_container {
        height: 80px !important;
    }
    .pricing-table-column-custom .list-box li {
        padding-left: 30px !important;
        text-align: left;
    }
    .pricing-table-column-custom-center .list-box li {
        padding-left: 30px !important;
        text-align: left;
    }
    .recent-project .portfolio-item-wrap {
        margin-left: 0 !important;
    }
    .custom_design_logo_homepage {
        min-height: 40px !important;
        min-width: 70px !important;
        align-items: center;
        display: flex;
    }
    .custom_design_logo_homepage .first-image {
        min-height: 40px !important;
        min-width: 70px !important;
        align-items: center;
        display: flex;
    }
    .recent-project .image-wrap img {
        height: 80px!important;
    }
    .recent-project .portfolio-item-wrap {
        margin-left: 0 !important;
    }
}
.header-wrap.page-container .right {
    position: absolute;
    right: 0;
}
.header-wrap.page-container .right .menu-other {
    color: white !important;
}
#masthead.showed .header-wrap.page-container .right .menu-other {
    color: black !important;
}
.tabs_custom_style_padding div.buttons-wrap .buttons h4:last-child {
    padding-bottom: 35px !important;
}
div.portfolio-item-wrap {
    padding: 40px !important;
}
@media screen and (max-width: 768px) {
    .vc_row .vc_column_container > .vc_column-inner .vc_column-inner {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
    .custom_logo_our_clients .vc_column_container.vc_col-sm-8 .vc_column_container.vc_col-sm-2 {
        height: 112px !important;
        display: flex !important;
        align-items: center;
    }
    .custom_logo_our_clients .vc_column_container.vc_col-sm-8 .vc_column_container.vc_col-sm-2 .vc_column-inner {
        height: 112px !important;
        display: flex;
    }
    div.vc_row.vc_row-o-equal-height > .vc_column_container > .vc_column-inner {
        padding: 20px 45px 25px !important;
    }
}
@media screen and (min-width: 768px) {
    .custom_dimensions_logos .vc_column_container.vc_col-sm-2 .vc_column-inner {
        height: 120px !important;
        padding: 25px;
    }
}

#masthead #site-navigation.main-nav.slide-right.active {
    width: 90% !important;
    left: auto;
    right: 0;
}
#masthead #site-navigation.main-nav #mega-menu-wrap {
    margin: 0;
    display: block;
    text-align: end;
}
.page-id-5674091 .vc-bg-lines div {
    background: transparent;
}