/*!
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/
*/

@font-face {
    font-family: "Helvetica";
    src: url('fonts/Helvetica Condensed Medium.eot');
    src: url('fonts/Helvetica Condensed Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica Condensed Medium.woff2') format('woff2'), url('fonts/Helvetica Condensed Medium.woff') format('woff'), url('fonts/Helvetica Condensed Medium.ttf') format('truetype'), url('fonts/Helvetica Condensed Medium.svg#Helvetica Condensed Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Helvetica Condensed';
	src: url('https://www.bach-sl.com/wp-content/themes/norebro-child/fonts/HelveticaLTStd-Cond.eot');
	src: url('https://www.bach-sl.com/wp-content/themes/norebro-child/fonts/HelveticaLTStd-Cond.woff') format('woff'), url('https://www.bach-sl.com/wp-content/themes/norebro-child/fonts/HelveticaLTStd-Cond.ttf') format('truetype'), url('https://www.bach-sl.com/wp-content/themes/norebro-child/fonts/HelveticaLTStd-Cond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.back.font-titles.hover-underline {
    z-index: 99;
}

.logo img {
    width: 200px!important;
}

.ct-row label {
    width: 33%;
    font-weight: 600;
}

.site-footer .widget_media_image img {
    width: 200px!important;
}

.site-footer h3 {
    font-weight: 100;
    margin-top: 5px;
}

.site-footer .btn {
    color: #fff!important;
    background-color: #ec1c24!important;
    border: none;
}

.site-footer h3 {
    color: #000;
}

.text-left.font-main a:hover {
    color: #ec1c24!important;
}

h3.title.subtitle-top {
    font-weight: 600;
}

.no-cat-fp span.category {
    display: none;
}

CLOSE .no-cat-fp h4.title {
    font-weight: 800!important;
    font-size: 20px!important;
}

.tags {
    display: none!important;
}

label {
    font-weight: 800!important;
    color: #000!important;
    font-family: 'Poppins', sans-serif!important;
}

.contact-form input[type="submit"],
.contact-form .btn {
    color: #fff!important;
    background-color: #ec1c24!important;
    border-color: #ec1c24;
}

.left,
.right {
    color: #000;
    font-weight: 100;
}

.left a,
.right a {
    text-decoration: none!important;
}


/*recent projects layout*/

.norebro-recent-projects-sc .grid-item .portfolio-item h4.title {
    margin-top: 10px;
    font-size: 14.6px!important;
    letter-spacing: -.5px;
    text-align: left;
    font-weight: 600;
}

.portfolio-item.grid-2 .icon {
    position: absolute;
    right: 0;
    bottom: 1%;
}

.norebro-recent-projects-sc .grid-item .portfolio-item .description {
    padding: 15px 15px 10px 1px;
    text-align: left;
    border-bottom: 2px solid #ebebeb;
}


/*recent projects layout end*/

.portfolio-sorting a.active {
    color: #ec1c24!important;
}

.portfolio-sorting a {
    font-weight: 800!important;
}

.portfolio-item .image-wrap img {
    object-fit: cover!important;
    height: 300px!important;
}

.portfolio-item h4.title {
    margin-top: 10px;
    font-size: 14.6px!important;
    letter-spacing: -.5px;
    font-weight: 600;
}

h3.title.subtitle-top {
    color: #000!important;
}

.padding-reset-right {
    padding-right: 0px!important;
}

.site-footer .widgets .widget>*:first-child {
    margin-top: 30px;
}

.site-footer .widgets .widget> :first-child {
    margin-top: 0px;
}

.site-footer .site-info div.page-container {
    font-family: "Helvetica-Condensed" !important;
}


/* FOOTER IMG*/


/*footer*/

.site-footer .site-info .wrap {
    border-top: 0px solid rgba(255, 255, 255, 0.1);
    height: 75px;
}

.widget {
    max-width: 100%!important;
}

.vc_col-md-6.widgets-column {
    padding-left: 0px!important;
}

.site-info .page-container {
    margin-left: 2%!important;
    margin-right: 2%!important;
    max-width: 90%!important;
}

.site-footer .page-container+.site-info .wrap {
    border-top: 0px!important
}

.page-container .wrap1 {
    border-top: 1px solid rgba(0, 0, 0, 0.1)!important;
    padding-top: 10px;
}


/****** MENU START ******/

.custom-menu-li>a.sub-menu-link span {
    font-weight: 100!important;
    font-size: 13px!important;
    border-bottom: 3px solid rgba(179, 177, 177, 0.54)!important;
    height: 25px!important;
    font-family: "Helvetica-Condensed"!important;
}

.mega-menu-item .nav-item .menu-item-depth-0 .current-menu-item a, .current-menu-item a span {
    font-weight: 100!important;
}

.custom-menu-li a.menu-link.sub-menu-link {
    line-height: 1px!important;
	font-weight: 100!important;
}

.mega-menu-item .nav-item .menu-item-depth-0 .current-menu-item a,
.current-menu-item a span {
	font-weight: 100!important;
    font-size: 13px;
}

.current-menu-item a .active {
    font-family: "Helvetica-Condensed" !important;
	font-weight: 100!important;
    font-size: 13px;
}

#secondary-menu .cl_color {
    color: #fff;
}

.ion-android-search:before {
    color: #fff;
}

.languages .active span,
#masthead .menu-other>li>a {
    color: #fff!important;
    font-weight: 100;
    font-family: "Helvetica Condensed" !important;
}

.post-template-default div#mega-menu-wrap .menu-link.main-menu-link.item-title span {
    color: #fff!important;
}

#mega-menu-wrap>ul>li.has-submenu:after {
    color: #fff!important;
}


/****** MENU END ******/


/******ABOUT US START******/

.video-module.preview .btn-play {
    margin-top: auto!important;
}

.icon.ion-ios-play {
    display: block;
    align-self: center;
}

.side-title.vc_row .vc-bg-side-text {
    top: -44px!important;
    left: -170px;
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.vc_column-inner {
    padding-left: 30px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.vc_column-inner.vc_custom_1560250467232 {
    border-left: 1px solid grey;
}

span.ion-plus {
    color: #ec1c24;
}

.header-title h1.page-title {
    font-size: 70px!important;
}

.map-svg img {
    width: 1500px;
    height: auto;
}

#mega-menu-wrap>ul>li,
.page-container,
.page-title,
.no-transition h1 {
    font-family: "Helvetica Condensed" !important;
    font-weight: 100;
    letter-spacing: 0px!important;
}

h1.wrap-container {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100;
    color: #595959!important;
}

.process .number {
    font: bold 100px "Helvetica-Condensed"!important;
    font-weight: 100;
}

h1.title {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100;
}

.counter-box .counter-box-count span {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}


/*OPACITY HEADER*/

.bg-image {
    position: relative;
    height: 500px;
    background: url(http://dev-centiva.com/bach/wp-content/uploads/2019/06/HEADER-ABOUT-US.jpg);
    background-size: cover;
    -moz-box-shadow: inset 0 -250px 400px 100px #fff;
    -webkit-box-shadow: inset 0 -250px 400px 100px #fff;
    box-shadow: inset 0 -100px 562px 0px #000000;
}


/*OPACITY HEADER*/

.video-module .btn-play .icon {
    margin-left: 3px!important;
}

.page-id-5656212 .page-container.without-breadcrumbs {
    margin-top: 45px;
}

.header-title.without-cap.text-left.show .wrap-container h1 {
    font-family: "Helvetica-Condensed" !important;
}


/******ABOUT US END******/


/********* ALON Shoval building START ***********/

.page-sidebar.sidebar-right.sidebar-boxed_offset h3 {
    color: black;
}

.text-left.font-main a {
    color: black;
}


/********* ALON Shoval building END ***********/


/******CONTACT US START******/

.form-top input {
    width: 30.3%;
    float: left;
    margin-right: 10px;
}

.form-cl {
    font-weight: 800;
}

.form-bottom input {
    color: white;
    background-color: red;
}

.contact-us-color p {
    color: black;
}

.btn-cl {
    border: none !important
}

.btn-cl {
    float: left;
    margin-top: 80px !important;
}

.content>.page-container>.wrap-container .page-title.no-transition {
    color: white !important;
    margin-left: 60px !important;
}

.phone {
    width: 36% !important;
}

.form-bottom .txt-area-wd {
    width: 100%;
}

.vc-bg-lines.dark {
    display: none;
}

h3.title,
.norebro-heading-sc .heading .text-center {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}


/******CONTACT US END******/


/*****WORK PORTFOLIO START*********/

.content-center .wrap .title {
    font-size: 25px;
    font-weight: 600;
}

.portfolio-item.grid-2 .category {
    background: transparent;
    color: #000;
    margin-top: 0px;
    left: 3px;
    position: absolute;
    font-size: 13px;
    text-transform: none!important;
}

.portfolio-item.grid-2 .description {
    padding: 15px 15px 17px 1px!important;
    text-align: left;
}

.content-center .wrap .title {
    font-weight: 800;
}

.page-id-5656140 .norebro-recent-projects-sc .grid-item .portfolio-item h4.title {
    text-align: center!important;
}

.page-id-5657301 .norebro-recent-projects-sc .grid-item .portfolio-item h4.title {
    text-align: center!important;
}


/*****WORK PORTFOLIO END*********/


/*********CLIENT SUPPORT START*********/

.client-support-head h3 {
    font-weight: 800;
}

.client-support-head h5 {
    color: #cfcfcf;
}


/*form-class{color:black;}*/

.form-class {
    font-weight: 1000;
    text-align: left !important;
}

.form-top-01 input {
    width: 39.5% !important;
    float: left;
    margin-right: 10px;
}

.form-middle-01 input {
    width: 30.3% !important;
    float: left;
    margin-right: 10px;
}

.bottom p {
    width: 50%;
    float: left;
}

.bottom input {
    width: 50%;
    float: right;
}

.bottom-02 {
    text-align: left;
    margin-top: 50px;
}

.btn-class {
    position: absolute;
    bottom: -30px;
}

.button-cl {
    background-color: #e30613 !important;
    border: none !important;
}

#upload {
    float: left;
    visibility: hidden;
}

.form-top-01 input:nth-child(3) {
    width: 81px !important;
}

.form-middle-01 input:nth-child(1) {
    width: 80% !important;
}

.form-middle-01 input:nth-child(2) {
    width: 100px !important;
}

.form-middle-01 input:nth-child(3) {
    width: 100px !important;
}

.checkbox p {
    display: inline;
}

.check-cl {
    color: red;
}

.upload-file::after {
    background-image: url(http://dev-centiva.com/bach/wp-content/uploads/2019/06/client-support.png);
    content: " ";
    width: 100% !important;
    height: 37px !important;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
}

.line-cl {
    border-bottom: 1px solid;
    padding-top: 82px;
}


/*********CLIENT SUPPORT END*********/


/*******************PORTFOLIO START*******************/

.post-navigation.with-border-top .content h4 {
    color: #000;
}

.portfolio-page.header-full .portfolio-content,
.portfolio-page.portfolio-header-title .portfolio-content {
    margin-top: 0px!important;
}

a.back.font-titles.hover-underline {
    top: 35px!important;
}


/****SMOKE VENT DELTA START****/


/******* RED LINE UNDER THE TITLE *******/

h2:after {
    content: ' ';
    position: relative;
    display: block;
    width: 57px;
    margin: 20px 0.5%;
    border: 4px solid #ec1c24;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.content-center .wrap .title {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}


/****SMOKE VENT DELTA END****/

.portfolio-page.portfolio-header-title.invert h2,
.portfolio-page.portfolio-header-title.invert p,
.portfolio-page.portfolio-header-title.invert .scroll,
.portfolio-page.portfolio-header-title.invert .back {
    color: #000000;
}

.portfolio-page.portfolio-header-title.invert .content-center {
    background: unset;
}

span.tag {
    display: none;
}

.portfolio-page.header-full.show .scroll,
.portfolio-page.portfolio-header-title.show .scroll {
    opacity: 0;
}

.portfolio-page.portfolio-header-title .portfolio-content {
    padding: 100px 0;
    text-align: left!important;
}

.content-center .wrap {
    width: 100%!important;
}

a.back.font-titles.hover-underline {
    position: relative;
}

.post-navigation .grid {
    display: none;
}

.portfolio-comments {
    display: none;
}

.post-navigation.with-border-top {
    border-top: 0px solid #f0f0f0;
}

.page-container {
    padding-bottom: 40px;
}

.site-header {
    border-bottom: 0px solid!important;
}

h2.title {
    bottom: 50px;
}

a.back.font-titles.hover-underline {
    top: 125px;
}

.portfolio-page,
h2.title {
    font-size: 80px!important;
}

.portfolio-page,
h4.title {
    color: #000;
}


/*OPACITY PORTOFOLIO HEADER*/

#scroll-portfolio::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -moz-linear-gradient(to bottom, transparent 0%, #fff 90%);
    background-image: -o-linear-gradient(to bottom, transparent 0%, #fff 90%);
    background-image: -webkit-linear-gradient(to bottom, transparent 0%, #fff 90%);
    background-image: linear-gradient(to bottom, transparent 0%, #fff 90%);
}


/*CONVENT OF SÃO FRANCISCO START*/

.portfolio-page.header-full .content-center,
.portfolio-page.portfolio-header-title .content-center {
    background: none;
}

.portfolio-page.header-full .tag,
.portfolio-page.header-full h2,
.portfolio-page.header-full p,
.portfolio-page.portfolio-header-title .tag,
.portfolio-page.portfolio-header-title h2,
.portfolio-page.portfolio-header-title p {
    color: #000;
}

.info-list {
    width: 1500px!important;
    margin-top: -60px!important;
}

.portfolio-page.header-full .info .title,
.portfolio-page.portfolio-header-title .info .title {
    border-color: #ec1c24;
}

h5.title.uppercase,
.info-list {
    color: red!important;
    font-size: 13px!important;
}

.portfolio-page.header-full .portfolio-content,
.portfolio-page.portfolio-header-title .portfolio-content {
    width: 545px;
    margin: 0 auto;
    margin-top: 88px;
    padding: 30px 0;
    position: relative;
}

h2.title.text-left {
    font-size: 67px!important;
}

.portfolio-page.header-full .back,
.portfolio-page.portfolio-header-title .back {
    color: #000;
    font-family: "Poppins"!important;
    font-weight: 900!important;
}

.portfolio-page h2 {
    margin: 0px 0px 5px -1px!important;
}

.postid-5656678 #masthead .menu-other li {
    margin-top: 0px!important;
}


/*CONVENT OF SÃO FRANCISCO END*/


/*********PORTFOLIO END*********/


/********* HOME PAGE START *********/

.blog-grid.grid-2 {
    height: 185px!important;
}

.vc_row.wpb_row.vc_row-fluid.recent_projects_mobile {
    display: none;
}

a.back.font-titles.hover-underline {
    font-family: "Poppins"!important;
    color: #000;
    font-weight: 900!important;
    font-size: 16px;
}

.subtitle-font,
p.subtitle {
    font-family: "Poppins"!important;
    font-weight: 500;
}

h3.title.subtitle-top {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.portfolio-sorting li {
    font-family: "Poppins"!important;
    font-weight: 500;
}

.portfolio-sorting li,
.portfolio-sorting li a span {
    font-family: "Poppins"!important;
    font-weight: 500;
}

.portfolio-sorting li a span {
    font-weight: 500!important;
}

.portfolio-sorting li a:not(.active) {
    color: #718091;
}

.wrap.text-center h4 {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.wrap h3 {
    font-family: "Poppins"!important;
    font-weight: 500;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid p {
    font-family: "Poppins"!important;
}

.btn-link,
.btn-link a {
    font-family: "Poppins"!important;
    font-weight: 500;
}

.cl_sidet.vc_row .vc-bg-side-text {
    top: 520px;
    position: absolute!important;
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.cl_about.vc_row .vc-bg-side-text {
    top: 46px;
    position: absolute!important;
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.cl_news.vc_row .vc-bg-side-text {
    top: 232px;
}

.portofolio-sorting .unstyled span,
a {
    color: #cccccc;
}

.vc_row .vc-bg-side-text {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.font-titles {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

body.home.page-template-default .vc_column-inner {
    padding-left: 15px!important;
    padding-top: inherit!important;
}

.blog-grid footer .author,
.data {
    font-family: 'Poppins', sans-serif;
    color: #c1c1c1!important;
}

.btn-load,
span.text {
    font-family: "Poppins", sans-serif!important;
}

.vc_row.wpb_row.vc_row-fluid.norebro-content-wrap-left.padding-reset-left.padding-reset-right.vc_custom_1561385625089.vc_row-has-fill .vc-bg-side-text {
    top: 90px!important;
}

.textwidget.custom-html-widget h3 {
    font-family: "Helvetica-Condensed"!important;
    font-weight: 100!important;
}

.cl_f1 {
    font-family: "Poppins", sans-serif!important;
}

span.date {
    font-family: "Poppins", sans-serif!important;
}

#mega-menu-wrap>ul>li {
    text-transform: uppercase;
}

.home .norebro-recent-projects-sc .grid-item .portfolio-item h4.title {
    text-align: center!important;
}


/********* HOME PAGE END *********/


/*********MOVING TITLE START*********/

.content>.page-container>.wrap-container .page-title.no-transition {
    color: white!important;
    margin-left: 0px !important;
}


/*********MOVING TITLE END*********/


/********* BLOG PAGE START *********/

article#post-5656138 img {
    height: 220px!important;
}

.widget-area .recent-posts-list a,
.widget-area .recent-posts-list span {
    font-family: "Helvetica-Condensed" !important;
}

.comment-form a {
    font-family: "Helvetica" !important;
}

textarea#comment {
    font-family: "Helvetica" !important;
}

.btn.btn-outline.submit-comment.submit {
    font-family: "Helvetica-Condensed" !important;
}

.post-template-default .vc_row.related-posts img {
    height: 156px!important;
}

a.norebro-icon-grid {
    display: none!important;
}


/********* BLOG PAGE END *********/


/*MEDIA*/

@media screen and (min-width: 1400px) and (max-width: 1440px) {
    .vc-bg-side-text,
    .left {
        left: 30px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 1440px) {
    .form-top input {
        width: 100%!important;
    }
}

@media screen and (max-width: 1308px) {
    .process h3 {
        font-size: 22px!important;
    }
    h1.title {
        font-size: 22px!important;
    }
    p.subtitle {
        font-size: 14px!important;
    }
    .content .wrap p {
        font-size: 12px!important;
    }
    .header-title.show .tags,
    .header-title.show .page-title {
        font-size: 60px!important;
    }
    .counter-box .counter-box-count span {
        font-size: 70px!important;
    }
    #scroll-portfolio h2.title.text-left {
        font-size: 50px !important;
    }
    h5.title.uppercase,
    .info-list {
        color: black !important;
    }
    .portfolio-page,
    h2.title {
        font-size: 50px!important;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
    label {
        width: 220px !important;
    }
}

@media screen and (max-width: 1068px) {
    .process h3 {
        font-size: 18px!important;
    }
    h1.title {
        font-size: 18px!important;
    }
    h3.title {
        font-size: 18px!important;
    }
    p.subtitle {
        font-size: 12px!important;
    }
    p.description {
        font-size: 13px!important;
    }
    .content .wrap p {
        font-size: 11px!important;
    }
}

@media screen and (max-width: 1024px) {
    /*.page-container.without-breadcrumbs {margin-top: 0px!important;}*/
    .page-container.bottom-offset {
        margin-bottom: 20px!important;
    }
    #scroll-portfolio h2.title.text-left {
        font-size: 40px !important;
    }
    .portfolio-page,
    h2.title {
        font-size: 40px!important;
    }
}

@media screen and (max-width: 991px) {
    .page-template-default.page .page-id-5656140,
    .portfolio-item.grid-1.metro-style .image-wrap {
        padding: 26% 0px !important;
        background-size: cover;
        background-position: top;
    }
    .page-template-default.page .page-id-5656140,
    .vc_column-inner {
        padding-left: 20px !important;
    }
    #scroll-portfolio .info-list {
        width: 600px !important;
    }
    .widget {
        padding: 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    div#mega-menu-wrap .menu-link.main-menu-link.item-title span {
        font-size: 11px!important;
    }
}

@media screen and (max-width: 912px) {
    .vc_column_container>.vc_column-inner {
        padding-right: 5px!important;
        padding-bottom: 20px!important;
    }
    .process .number {
        font: bold 80px "Helvetica-Condensed"!important;
        font-weight: 100;
    }
}

@media screen and (min-width: 893px) and (max-width: 1100px) {
    label {
        width: 100% !important;
    }
}

@media screen and (min-width: 470px) and (max-width: 912px) {
    body.home.page-template-default .vc_column-inner {
        padding-left: 15px !important;
        padding-top: 12px!important;
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 872px) {
    .process h3 {
        font-size: 18px!important;
    }
    h1.title {
        font-size: 18px!important;
    }
    h3.title {
        font-size: 18px!important;
    }
    p.subtitle {
        font-size: 13px!important;
    }
    p.description {
        font-size: 13px!important;
    }
    .content .wrap p {
        font-size: 13px!important;
    }
    h1.page-title.no-transition {
        font-size: 40px!important;
    }
    .counter-box .counter-box-count span {
        font-size: 50px!important;
    }
}

@media screen and (min-width: 769px) and (max-width: 892px) {
    .page-container {
        padding-bottom: 0px!important;
    }
    .widget {
        line-height: 1.6;
    }
    .widget {
        padding: 0px 0px 0 0px;
        padding-top: 0px;
    }
    .site-footer .widgets {
        padding: 30px 0 10px;
    }
    .widget.widget_norebro_widget_socialbar_subscribe {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .home page-template-default,
    .category,
    h4.title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 892px) {
    #mega-menu-wrap>ul>li>a {
        padding: 0px 10px!important;
    }
    .logo img {
        width: 160px !important;
    }
    .ct-row label {
        width: 100%!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .post-template-default .single .single-post,
    .mega-menu-item .nav-item .menu-item-depth-0 .current-menu-item a,
    span {
        font-size: 10px;
    }
    .logo img {
        width: 130px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 780px) {
    .mega-menu-item .nav-item .menu-item-depth-0 .current-menu-item a,
    span {
        font-size: small;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .blog-grid.grid-2 .content {
        padding: 0px 0px 0px 0px!important;
    }
    .norebro-recent-posts-sc .grid-2 {
        margin-left: 20px!important;
    }
    .page-id-5656027 .vc_row.fo_fam.with-sorting {
        height: 410px !important;
    }
    .heading :last-child {
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }
    .vc_video-bg {
        z-index: -1!important;
    }
    .vc_column-inner {
        padding-left: 0px!important;
    }
    .vc_video-bg.vc_hidden-xs {
        opacity: 0!important;
    }
    .vc_row.wpb_row.vc_row-fluid.nor-top-layer.no-cat-fp.s.recent_projects {
        top: -35px!important;
    }
    .norebro_portfolio-template-default a.btn {
        width: 300px!important;
    }
    div#mega-menu-wrap .menu-link.main-menu-link.item-title span {
        font-size: 24px!important;
    }
}

@media screen and (max-width: 768px) {
    .close {
        padding: 10px 10px 30px!important;
    }
    .cl_space .vc_empty_space {
        height: 170px!important;
    }
    .cl_image.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
        height: 350px!important;
    }
    div.vc_row.vc_row-o-equal-height>.vc_column_container {
        width: 100%;
        display: flex;
    }
    .norebro_portfolio-template-default .vc_column_container>.vc_column-inner {
        padding-top: 30px !important;
    }
    #scroll-portfolio h2.title.text-left {
        font-size: 30px !important;
    }
    .portfolio-page,
    h2.title {
        font-size: 30px!important;
    }
    .vc_row,
    .wpb_row,
    .vc_row-fluid {
        margin-left: 2px!important;
        margin-right: 10px!important;
    }
    .vc_row .vc_column_container>.vc_column-inner .vc_column-inner {
        padding-left: 0px !important;
    }
    a.back.font-titles.hover-underline {
        visibility: hidden!important;
    }
    h4.title.name.text-left {
        font-size: 15px!important;
    }
    .title.price.text-right {
        font-size: 15px!important;
    }
    #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before,
    #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before {
        top: 140%!important;
    }
    #masthead .logo.with-mobile {
        display: block;
    }
    #masthead .mobile-logo {
        display: none;
    }
    .norebro_portfolio-template-default td.line {
        visibility: hidden!important;
    }
}

@media screen and (min-width: 501px) and (max-width: 768px) {
    .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>div.vc_column-inner,
    div.vc_row-has-fill>div.vc_column_container>div.vc_column-inner {
        padding-left: 35px !important;
    }
    .portfolio-item h4.title,
    .portfolio-item .widget h4,
    .widget .portfolio-item h4 {
        margin-top: 23px!important;
    }
}

@media screen and (max-width: 669px) {
    .portfolio-page .info-list li {
        width: 70%!important;
        max-width: 100%;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .portfolio-page.header-full .portfolio-content,
    .portfolio-page.portfolio-header-title .portfolio-content {
        margin-left: 40px;
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .wrap.text-center h4 {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 600px) {
    .vc_col-lg-4 {
        width: 33%!important;
    }
}

@media screen and (max-width: 599px) {
    #norebro-custom-5d1b2aad0393e div.portfolio-item-wrap {
        padding: 15px;
    }
    #scroll-portfolio h2.title.text-left {
        font-size: 20px !important;
    }
    .portfolio-page,
    h2.title {
        font-size: 20px!important;
    }
    .portfolio-page.header-full .portfolio-content,
    .portfolio-page.portfolio-header-title .portfolio-content {
        margin-left: 40px;
    }
    .vc_row.wpb_row.vc_row-fluid.cl_h {
        margin-bottom: -40px;
    }
}

@media screen and (min-width: 400px) and (max-width: 599px) {
    div.portfolio-item-wrap {
        padding-left: 15px!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        padding-right: 15px!important;
    }
}

@media screen and (min-width: 350px) and (max-width: 400px) {
    .portfolio-item .more {
        font-size: 30px!important;
    }
    .content-center .wrap .title {
        font-size: 15px!important;
    }
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .textwidget.custom-html-widget h3 {
        position: relative;
        top: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .portfolio-page .info-list li {
        width: 48% !important;
    }
    .text-left,
    p.text-left {
        text-align: left;
        padding-left: 4px;
    }
    body.home.page-template-default .vc_column-inner {
        padding-left: 15px !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
    }
    .site-footer .widgets {
        padding: 15px 15px 30px 15px!important;
    }
    .subscribe.fullwidth.text-left {
        padding-left: 0px!important;
    }
    h4.text-left.font-main {
        padding-left: 0px!important;
    }
    .wpb_column.vc_column_container.vc_col-sm-7 {
        padding-right: 15px;
    }
    .wpb_column.vc_column_container.vc_col-sm-5 {
        padding-right: 10px;
    }
    .vc_row.wpb_row.vc_row-fluid.cl_h {
        margin-bottom: -90px;
    }
    .post-template-default .vc_row.wpb_row.vc_row-fluid.cl_h {
        margin-bottom: 0px!important;
    }
    h3.title.text-left.related-post-heading {
        margin: 0px!important;
    }
    .vc_row.wpb_row.vc_row-fluid.cl_t h5 {
        margin-left: -15px!important;
    }
    .post-template-default .single .single-post,
    h3.title {
        margin-left: -15px !important;
    }
    .cl_heading h3.title.subtitle-top {
        margin-left: 0px !important;
    }
    .title.text-left {
        margin-left: -20px !important;
    }
    h4.title.name.text-left {
        font-size: 12px!important;
    }
    .title.price.text-right {
        font-size: 12px!important;
    }
    .cl_title {
        margin-left: 0px !important;
    }
    .page-id-5656212 h3.title {
        margin-left: 0px !important;
    }
    body.post-template-default p.subtitle.no-transition {
        font-size: 20px!important;
    }
}

@media screen and (min-width: 320px) {
    .site-footer .widget {
        padding-top: 20px!important;
        padding-bottom: 15px!important;
    }
    .page-container {
        padding-bottom: 0px!important;
    }
}

@media screen and (min-width: 300px) and (max-width: 599px) {
    .right a {
        margin-right: 0px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 345px) {
    .subtitle {
        width: 252px;
        position: relative;
        right: 20px;
    }
}

@media screen and (min-width: 300px) and (max-width: 768px) {
    .vc_column-inner {
        padding-left: 25px!important;
    }
    .page-template-default.page .page-id-5656140,
    .vc_column-inner {
        padding-left: 8px !important;
    }
    .page-template-default.page .page-id-5656140,
    .vc_empty_space {
        height: 0px!important;
    }
    span.author {
        font-size: small;
    }
    .ct-row label {
        font-weight: 600px!important;
    }
    .portfolio-item.grid-1 .description {
        padding-top: 0px!important;
    }
    /*** menu tablet-mobile start***/
    .custom-menu-li a.menu-link.sub-menu-link {
        line-height: 10px!important;
        height: 50px !important;
    }
    .menu span {
        font-size: 24px!important;
    }
    .sub-menu-link span {
        font-size: 21px !important;
    }
    .mega-menu-item.sub-nav-item.menu-item-depth-2 span {
        font-size: 22px!important;
        font-weight: 800;
    }
    .custom-menu-li>a.sub-menu-link {
        border-bottom: 0 solid rgba(179, 177, 177, 0.54)!important;
    }
    .menu-link.sub-menu-link {
        width: 100% !important;
        padding-left: 10px !important;
    }
    #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item>a.menu-link {
        padding-top: 13px !important;
        color: #fff;
    }
    .ion-android-search:before {
        color: #fff;
    }
    .hamburger-menu a {
        color: #fff!important;
    }
    .custom-menu-li>a.sub-menu-link span {
        font-weight: 1000 !important;
        font-size: 20px !important;
        border-bottom: 0px!important;
        height: 25px !important;
        font-family: "Helvetica-Condensed"!important;
        font-weight: 100 !important;
    }
    /*** menu tablet-mobile end***/
    .home .page-template-default,
    .category,
    h4.title {
        font-size: 18px !important;
    }
    .portfolio-page.header-full .portfolio-content,
    .portfolio-page.portfolio-header-title .portfolio-content {
        margin-left: 40px;
        margin-top: 30px!important;
    }
    .portfolio-page.portfolio-header-title,
    .portfolio-content {
        padding-top: 70px !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 599px) {
    h3.title.subtitle-top {
        font-size: 18px!important;
    }
    p.subtitle {
        font-size: 14px!important;
    }
    .portofolio-sorting .unstyled span {
        font-size: 14px!important;
        margin-right: -10px!important;
    }
    .vc_single_image-wrapper.vc_box_border_grey .vc_single_image-img {
        margin-left: -10px!important;
    }
    p.description.content-full {
        font-size: 14px !important;
    }
    #norebro-custom-5d1b3722c0529 .norebro-card-wrapper .blog-grid p {
        font-size: 13px!important;
    }
    .blog-grid footer {
        font-size: 9px!important;
    }
    .norebro-phone-space {
        height: 0px !important;
    }
    .heading *:first-child {
        margin-top: 20px !important;
    }
    .ct-row label,
    p {
        font-size: 13px!important;
    }
    .widget_norebro_widget_socialbar_subscribe .socialbar a,
    .widget_norebro_widget_socialbar .socialbar a {
        margin-left: 10px!important;
    }
    .header-title.show .tags,
    .header-title.show .page-title,
    .header-title.show .subtitle {
        font-size: 30px!important;
    }
    .portfolio-item.grid-1 .description {
        padding-top: 0px!important;
    }
    .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap.no-thumb {
        width: 100%!important;
    }
    .norebro-gallery-sc.gallery-wrap {
        padding-top: 85px !important;
    }
    .norebro_portfolio-template-default,
    .norebro-gallery-sc.gallery-wrap {
        padding-top: 0px !important;
    }
    .norebro_portfolio-template-defaul,
    .vc_column-inner.vc_custom_1507995585142 {
        display: none;
    }
    .portfolio-sorting li,
    .portfolio-sorting li a span {
        font-size: 12px!important;
    }
    .vc_row.wpb_row.vc_row-fluid.recent_projects_mobile {
        display: block!important;
    }
    .vc_row.wpb_row.vc_row-fluid.nor-top-layer.no-cat-fp.s.recent_projects {
        display: none!important;
    }
}

@media screen and (min-width: 300px) and (max-width: 499px) {
    .vc_single_image-wrapper.vc_box_border_grey .vc_single_image-img {
        margin-left: -10px!important;
        padding-left: 4px;
    }
}

@media screen and (min-width: 300px) and (max-width: 400px) {
    div.portfolio-item-wrap {
        padding-left: 0px!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        padding-right: 5px!important;
    }
    .cl_title h1.title {
        margin-left: 0px !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 370px) {
    .portfolio-page.header-full .portfolio-content,
    .portfolio-page.portfolio-header-title .portfolio-content {
        margin-left: 20px;
    }
    .wpb_wrapper,
    p.subtitle {
        line-height: 15px !important;
    }
    .fa-arrow-down:before {
        font-size: 13px!important;
    }
    .norebro-button-sc.btn-wrap.text-center span.text {
        font-size: 12px!important;
    }
    #masthead .site-branding img.svg-logo,
    #masthead .site-title img.svg-logo {
        max-height: 30px;
    }
    .logo img {
        width: 107px !important;
    }
    #scroll-portfolio h2.title.text-left {
        padding-left: 24px;
    }
    body.post-template-default p.subtitle.no-transition {
        line-height: 25px!important;
    }
}

@media screen and (min-width: 300px) and (max-width: 350px) {
    .portfolio-item .more {
        font-size: 25px!important;
    }
    .content-center .wrap .title {
        font-size: 15px!important;
    }
    .portfolio-page.header-full .portfolio-content,
    .portfolio-page.portfolio-header-title .portfolio-content {
        margin-left: 20px;
    }
    .menu span {
        font-size: 22px!important;
    }
    .sub-menu-link span {
        font-size: 19px !important;
    }
    .mega-menu-item.sub-nav-item.menu-item-depth-2 span {
        font-size: 20px!important;
        font-weight: 800;
    }
}

@media screen and (min-width: 300px) and (max-width: 345px) {
    body.post-template-default p.subtitle.no-transition {
        padding-left: 20px;
    }
}

@media screen and (min-width: 300px) and (max-width: 320px) {
    .cl_title {
        margin-left: -3px !important;
    }
}

header#masthead {
    background-color: #0000!important;
}

#masthead {
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.79999) 0%, rgba(10, 10, 10, 0.28999999999) 45%, rgba(255, 255, 255, 0.03) 100%)!important;
}