/*
Theme Name:     OutArt Construction
Author:         Pixenity Studio
Author URI:     https://pixenity.com
Version:        1.0
Text Domain:    greenova
Template:       greenova
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
    scroll-behavior: smooth;
}

.lb-data .lb-number {
    display: none !important;
}

/* header */
@media (max-width: 991px) {
    .top #meanmenu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 9999;
    }
}

.bottomBorder,
.mean-container .mean-bar {
    border-bottom: none !important;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0,0,0,0.08);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.08);
    z-index: 9999;
}
.mean-container .mean-bar .logo-small {
    max-height: 45px;
}
.mean-container a.meanmenu-reveal {
    padding: 24px 25px;
}

@media (max-width: 490px) {
    .mobile-offscreen-menu .mean-bar .mobile-logo img {
        max-width: unset;
    }
}

#tophead .tophead-left {
    float: left;
}
.topbar-style-7 #tophead .tophead-right.tophead-address ul li {
    display: inline-block;
    margin-left: 17px;
}

#tophead .tophead-contact .fa,
#tophead .tophead-contact .far,
#tophead .tophead-address .fa,
#tophead .tophead-address .far {
    color: #fff !important;
}
#tophead a:hover,
#tophead .tophead-address a:hover {
    color: #5b5b5b !important;
}

.site-header .main-navigation nav ul li a {
    color: #5b5b5b !important;
    font-family: Roboto, sans-serif !important;
}
.mean-container .mean-nav > ul > li.current-menu-item > a,
.mean-container .mean-nav ul li.social-link a {
    color: #5b5b5b !important;
}
#meanmenu nav ul li.button a {
    background: #a0c52c;
    color: #fff;
}
.site-header .main-navigation nav ul li a:hover,
.site-header .main-navigation nav ul li a.active,
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:active {
    color: #a0c52c !important;
}
.home .site-header .main-navigation nav ul li.home a {
    display: none;
}

.header-style-9 .main-navigation .address a.light-button {
    font-size: 15px;
}

.mean-container .mean-bar .mob-info span a {
    background: #a0c52c;
}

@media (max-width: 424px) {
    .mean-container .mean-bar .mob-info {
        display: none;
    }
}

.rt-slide-nav,
.rt-slide-nav ul {
    padding: 0;
}
.offscreen-navigation li > a {
    padding: 10px 15px;
}

/* elements */
.rt-text-with-btn .white-button,
.rt-text-with-btn .dark-button {
    /* margin-top: 35px; */
    margin-bottom: 15px;
}

.error-page-area .error-page h1 {
    color: #a0c52d;
}
.error-page-area .error-page {
    background-position: 50% center !important;
}
.error-page-area .error-page-content .go-home a {
    background: #a0c52c !important;
    border-radius: 50px !important;
}
.error-page-area .error-page-content .go-home a:hover {
    background: #222 !important;
}
.error-page-area .error-page-content > p {
    display: none;
}

@media (max-width: 767px) {
    .rt-text-with-btn .white-button,
    .rt-text-with-btn .dark-button {
        margin-bottom: 35px;
    }
}

@media (max-width: 480px) {
    .responsive-padding-70 .rtin-section-title-left {
       margin-top: 0;
    }
}

@media (max-width: 475px) {
    div#top3 .vc_col-xs-offset-1 {
        margin-left: 0;
    }
}

div#top3 .rt-info-text-1 .media i {
    background: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
    div#top3 .rt-info-text-1 {
        text-align: center;
    }
    div#top3 .rt-info-text-1 .pull-left {
        float: none !important;
        padding-right: 0;
    }
    div#top3 .rt-info-text-1 .media-body {
        padding-left: 0;
    }
}
@media (min-width: 476px) and (max-width: 767px) {
    div#top3 .rt-info-text-1 .media {
        margin-bottom: 25px;
        margin-left: 25px;
    }
    div#top3 .rt-info-text-1.third .media {
        margin-bottom: 0;
    }
}

div#about-us {
    background-position: 35% center !important;
}
@media (max-width: 767px) {
    div#about-us .rt-vc-title-5.rtin-section-title-left {
        text-align: center;
    }
}

.footer-topbar .emergrncy-content-holder {
    padding: 30px;
}
.footer-topbar .emergrncy-content-holder .emergrncy-content-holder-inner h3 {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .footer-topbar .emergrncy-content-holder .emergrncy-content-holder-inner {
        text-align: center;
    }
    .rt-cta-4 .emergrncy-content-holder-inner h3 {
        width: 100%;
    }
}

.rt-cta-4 .emergrncy-content-holder-inner span i.fa-phone-alt:before {
    content: "\f0e0" !important;
    font-size: 20px;
}

/* projects grid */
.rt-portfolio-tab.isotop-classes-tab a.current {
    box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.rtin-proj5-box-info {
    top: 60%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .rtin-proj5-box-info {
        top: 50%;
    }
}
.rtin-proj5-box-info h3 {
    line-height: 24px;
    font-size: 22px;
    /* min-height: 87px; */
}

@media (max-width: 991px) {
    .rtin-proj5-box-info h3 {
        font-weight: normal;
        line-height: 22px;
        font-size: 20px;
    }
    .rtin-proj5-box-info {
        top: 50%;
    }
}

@media (max-width: 767px) {
    .rtin-proj5-box-info h3 {
        font-weight: normal;
        line-height: 22px;
        font-size: 20px;
    }
    .rtin-proj5-box-info {
        top: 75%;
    }    
    .project5-box .project5-box-inner:hover .rtin-proj5-box-info {
        top: 80%;
    }
}
@media (max-width: 500px) {
    .rtin-proj5-box-info {
        top: 55%;
    }   
    .project5-box .project5-box-inner:hover .rtin-proj5-box-info {
        top: 65%;
    }
}
.rtin-proj5-box-info .proj5-content.id-4774 /*4 house dragalevtsi*/,
.rtin-proj5-box-info .proj5-content.id-4822 /*britanica five*/,
.rtin-proj5-box-info .proj5-content.id-4845 /*7 houses dragalevtsi*/,
.rtin-proj5-box-info .proj5-content.id-4858 /*varbite*/,
.rtin-proj5-box-info .proj5-content.id-4857 /*villa 5*/ {
    display: none;
}

.entry-banner .entry-banner-content {
    text-align: center;
}
.entry-banner .entry-banner-content h1 {
    font-size: 36px;
}

@media (max-width: 991px) {
    .entry-banner .entry-banner-content h1 {
        font-size: 28px;
    }
}
@media (max-width: 480px) {
    .entry-banner .entry-banner-content h1 {
        font-size: 23px;
    }
}

/* single project */
.rt-cta-2 .rtin-cta-left {
    padding: 20px 135px 25px 20px;
}

@media (max-width: 1280px) {
    .rt-cta-2 .rtin-cta-left {
        padding: 20px 120px 25px 20px;
    }
}

@media (max-width: 1023px) {
    .rt-cta-2 .rtin-cta-left {
        padding: 10px 60px 15px 20px;
    }
    .rt-cta-2 .rtin-cta-phone-number i {
        display: none;
    }
}

@media (max-width: 991px) {
    .rt-cta-2 .rtin-cta-right .rtin-phone-holder .rtin-cta-phone-number {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    .rt-cta-2 .rtin-cta-left {
        padding: 20px 20px 28px;
    }
}

.rt-cta-2 .rtin-cta-right .rtin-phone-holder .rtin-cta-phone-text {
    display: none;
}
.rt-cta-2 .rtin-cta-right .rtin-phone-holder .rtin-cta-phone-number a,
.rt-cta-2 .rtin-cta-right .rtin-phone-holder .rtin-cta-phone-number a:hover {
    color: #fff !important;
}

/* forms */
.contact-slider .form-holder {
    padding: 0 38px 20px;
}
.contact-slider .contact-header {
    padding-bottom: 18px;
}
.contact-slider .contact-header:after {
    border-left: none transparent;
    border-right: none transparent;
    display: none;
}
.contact-slider .input-form textarea {
    height: 120px;
}
.wpcf7-list-item-label {
    font-weight: normal;
}
.contact-slider input[type="submit"] {
    width: 100%;
    background: #a0c52c;
    border: 1px solid #dddddd;
    margin-bottom: 5px;
    border-radius: 50px;
    padding: 0 18px;
}
.contact-slider .wpcf7-submit {
    font-weight: 500;
    height: 55px;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    margin: 0 auto;
}

.wpcf7 .wpcf7-spinner {
    margin: 5px auto;
    display: block;
}

#contact-form .form-group .form-control {
    width: 100%;
    height: 47px;
    border: 1px solid #dddddd;
    background: #f2f2f2;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 0 18px;
}

#contact-form input.wpcf7-submit {
    font-weight: 500;
    height: 55px;

    color: #222 !important;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    transition: all 0.7s ease;
    background: #fff !important;
    margin-top: 16px;
    border-radius: 30px;
    text-transform: uppercase;
    position: relative;
    font-size: 16px;
    padding: 0 28px;
}

#contact-form .your-consent a {
    color: #fff;
}
#contact-form .form-group textarea.form-control {
    height: 120px;
    padding: 18px;
}

.contact-form .contact-dark-button .wpcf7-spinner,
.con-home-6 .contact-dark-button .wpcf7-spinner,
.con-home-6 .contact-light-button .wpcf7-spinner {
    position: absolute;
    right: -50px;
    top: 10px;
}

.wpcf7 form .wpcf7-response-output {
    color: #fff;
}

.rt-vc-contact-2 ul.rtin-item > li {
    color: #fff;
}
.map-address .rt-vc-contact-2 {
    padding: 55px 60px;
}

@media (max-width: 991px) {
    .map-address .rt-vc-contact-2 {
        left: 45%;
    }
    .rt-vc-contact-2 ul.rtin-item > li {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .map-address .rt-vc-contact-2 {
        position: relative;
        right: 0;
        top: 0;
        left: 0;
        border-radius: 0;
        background: #424141;
        text-align: center;
        padding: 100px 30px 85px;
    }
    .rt-vc-contact-2 .header-info h2 {
        font-size: 36px;
    }
}

/* footer */
footer p {
    margin-bottom: 10px;
}
.footer-top-area {
    padding: 65px 0 10px;
}
.footer-top-area .widget {
    margin-bottom: 0;
}

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

.footer-menu ul li {
    display: inline-block;
    padding: 0px 25px 0px 0px;
}
.footer-top-area a,
.footer-menu ul li a {
    font-size: 15px !important;
    color: #fff;
    text-decoration: none;
}
.footer-bottom-area a:link,
.footer-bottom-area a:visited {
    color: #fff;
}
.footer-bottom-area a:hover,
.footer-menu ul li a:hover {
    text-decoration: none;
    color: #a0c52c;
}

.footer-bottom-area {
    color: #fff;
}
@media (min-width: 768px) {
    .footer-bottom-area {
        text-align: left;
    }
    .footer-bottom-area .copy  {
        text-align: right;
    }
}
@media (max-width: 767px) {
    .footer-bottom-area .copy  {
        margin-top: 15px;
    }
}

.scrollToTop {
    border-radius: 50px;
    right: 20px;
    bottom: 60px;
    display: none;
}

#cookie-notice {
    font-family: 'Roboto', sans-serif;
}
#cookie-notice .cookie-notice-container {
    padding: 15px 30px;
}
#cookie-notice #cn-close-notice {
    display: none;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    text-transform: uppercase;
    color: #ffffff !important;
    display: inline-block;
    border-radius: 30px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
}
#cookie-notice .cn-button:not(.cn-button-custom):hover {
    border: 1px solid #a0c52c !important;
    background-color: #a0c52c !important;
}