/*
Theme Name: Bauen Child
Theme URL: https://themeforest.net/item/bauen-architecture-interior-wordpress-theme/34326026?ref=webRedox
Description: Child theme of Bauen
Author: webRedox WordPress Team
Author URI: http://webredox.net/
Template: bauen
Version: 1.0
Text Domain: bauen-child
*/ 
/*******Add Your Css Below This Line*********/
:root{--cf7-file-width:166px}
html::-webkit-scrollbar{width:12px}
html::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#821720,#ad1f2a)}
html::-webkit-scrollbar-track{background:linear-gradient(90deg,#ccc,#ddd)}
::selection{color:#fff!important;background:#841823!important}
.preloader-bg{top:0}
body .preloader__pulse{border:0}
body .progress-wrap{-webkit-box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.2)}
body .progress-wrap svg.progress-circle path{stroke-width:4px}
body .butn-dark a:after,
body .butn-dark a:hover:after,
.left-panel,
.social-left{background:#841823!important}
header.slider-fade, .header .item.bg-img{height: 400px;min-height:auto}
.header .item.bg-img:after{content:'';position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:1;/*background:linear-gradient(0,#fff,#fff0)*/}
.header.slider-fade .caption .o-hidden{display:flex;flex-direction:column-reverse}
.logo,.logo-img{width:150px!important;margin:0!important}
body .nav-scroll{-webkit-box-shadow:none;box-shadow:none;position:fixed!important;top:-85px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s,-webkit-box-shadow .5s;transition:-webkit-transform .5s,-webkit-box-shadow .5s;transition:transform .5s,box-shadow .5s;transition:transform .5s,-webkit-transform .5s,box-shadow .5s,-webkit-box-shadow .5s}
.nav-scroll.show{-webkit-transform:translateY(85px);transform:translateY(85px);-webkit-box-shadow:0 -5px 15px #0009;box-shadow:0 -5px 15px #0009}
.nav-scroll .logo-wrapper{background:#841823!important;padding:6px 9px!important;margin-left:105px}
.nav-scroll .logo-wrapper .logo,.nav-scroll .logo-img{width:76px!important;line-height:.75}
.navbar-nav .menu-item .nav-link{font-weight:400!important;transition:none!important}
.navbar-nav .dropdown-menu .dropdown-item{padding:10px 20px;border-color:#d9d9d9}
.navbar-nav .dropdown-menu .dropdown-item:hover{background:#ccc}
.left-panel{display:flex;align-items:center;z-index:10!important;width:105px!important;overflow:visible!important}
header.bn-intro-type-slider{min-height:450px;height:100vh}
.header.slider-fade .left-panel{max-height:750px;min-height:450px}
.header.slider-fade .left-panel:before{content:'';width:100%;transform:translateY(100%);height:105px;position:absolute;background:#841823;bottom:0;clip-path:polygon(0 0,0 55%,100% 0)}
.social-left:before{display:none!important}
.left-panel .social-left li:nth-child(3){margin-bottom:20px}
.left-panel .social-left li a{color:#fff9;border-color:#fff9}
.left-panel .social-left li a:hover{color:#fff!important;border-color:#fff!important}
.logo-wrapper{background:transparent!important;padding:20px 0 0!important;margin-left:30px}
.header.slider-fade .caption.mt-30{top:auto;bottom:20%;transform:none}
.header.slider-fade .caption h1{margin-bottom:5px}
.header.slider-fade .caption p span{padding:0;margin:0;color:inherit;text-transform:none;letter-spacing:4px;font-size:15px}
.header.slider-fade .caption p span:after{display:none}
.header.slider-fade .caption p span a{transition:all .3s}
.header.slider-fade .caption p span a:hover{color:#ccc}
.header.slider-fade .caption p .sep{font-size:18px;vertical-align:bottom;margin:0px 5px}
.sub-footer2{border:0!important}
.sub-footer2 .row{justify-content:space-around}
.sub-footer [class*="col-"]:nth-child(1){display:none}
.sub-footer [class*="col-"]{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.sub-footer2 [class*="col-"]{-ms-flex:0 0 max-content;flex:0 0 max-content;max-width:max-content}
.main-footer .fotcont .fothead h6{font-size:20px!important;color:#eee;margin-bottom:10px;font-weight:600!important;text-transform:uppercase}
.footer-contact li:not(:last-child){margin-bottom:5px}
.footer-contact li i{margin-right:10px;width:20px;text-align:center}
.main-footer .abot .social-icon a{padding:12px;line-height:1!important;font-size:14px!important}
.main-footer .sub-footer{padding:20px 0!important;border-color:#333!important}
footer a{transition:all .3s}
footer a:hover{color:#841823}
body button.butn-dark{border:0}
body button.butn-dark a{background-color:#ccc}
input,
select,
textarea{color:#999!important;background-color:#f7f7f7!important;border-color:#ccc!important;padding:10px 15px!important;margin:0!important;line-height:normal!important;min-height:50px!important}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#999!important}
.wpcf7 input[aria-invalid="true"]:focus,
.wpcf7 select[aria-invalid="true"]:focus,
.wpcf7 textarea[aria-invalid="true"]:focus,
input:focus,
select:focus,
textarea:focus{color:#272727!important;border-color:#841823!important}
input[type="file"]{padding-left:25%!important;background:linear-gradient(90deg,#ccc var(--cf7-file-width),#f7f7f7 0)!important}
select option{color:#272727!important;background:#ccc}
.light input,
.light select,
.light textarea{padding:0 0 10px !important;background:#ccc0!important;min-height:40px!important}
.light input[type="file"]{padding:10px 0 10px 25%!important;background:linear-gradient(90deg,#ccc var(--cf7-file-width),#ccc0 0)!important}
.light input[aria-invalid="true"]:focus,
.light select[aria-invalid="true"]:focus,
.light textarea[aria-invalid="true"]:focus,
.light input:focus,
.light select:focus,
.light textarea:focus{border-color:#fff!important;color:#fff!important}
input[type="file"]::-webkit-file-upload-button{visibility:hidden}
input[type="file"]:before,input[type="file"]:after{content:'';position:absolute;top:0;height:100%}
input[type="file"]:before{right:calc(100% - var(--cf7-file-width));width:0;background:#841823;transition:all .3s}
input[type="file"]:after{content:'Choose File';left:0;width:var(--cf7-file-width);text-align:center;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:3px;padding:13px 30px;color:#272727;background:#ccc;transition:background 0s .3s}
.light button.butn-dark,
.light input[type="file"]:after{border: 1px solid #ccc}
input[type="file"]:hover:before{left:0;width:var(--cf7-file-width)}
input[type="file"]:hover:after{color:#fff;background:#ccc0;transition:background 0s}
.wpcf7-submit{display:inline-block}
.wpcf7-submit button{margin:0!important}
.wpcf7-response-output{position:absolute;top:calc(100% - 45px);margin:0!important;padding:5px 10px!important;right:0;width:calc(100% - 112px)}
.wpcf7-form .row{margin:0 -5px}
.wpcf7-form [class*="col-"]{padding:0 5px;line-height:.75}
.wpcf7-form [class*="col-"]:not(:last-child){margin-bottom:10px}
.light .wpcf7-form .row{margin:0 -10px}
.light .wpcf7-form [class*="col-"]{padding:0 10px}
.light .wpcf7-form [class*="col-"]:not(:last-child){margin-bottom:20px}
.light input,
.light select,
.light textarea,
.light input::-webkit-input-placeholder,
.light textarea::-webkit-input-placeholder{color:#ccc!important}
.wpcf7-not-valid-tip,.grecaptcha-badge{display:none!important}
.wpcf7 input[aria-invalid="true"]::-webkit-input-placeholder,
.wpcf7 textarea[aria-invalid="true"]::-webkit-input-placeholder,
.wpcf7 input[aria-invalid="true"],
.wpcf7 select[aria-invalid="true"],
.wpcf7 textarea[aria-invalid="true"]{border-color:#f00!important;color:#f00!important}
.light .wpcf7-response-output{color:#fff!important;border-color:#fff!important}
[class*="custom-img-"] .about .about-img .img img{margin:0}
.grow .about .about-img .img img:hover{transform:scale(1.05)}
.custom-img-0 .about .about-img .img{padding:20px}
.custom-img-0 .about .about-img .img:before{top:0;right:0}
.custom-img-1 .about .about-img .img{padding:20px 0 0 20px}
.custom-img-1 .about .about-img .img:before{top:0;bottom:20px;right:20px}
.custom-img-2 .about .about-img .img{padding:20px 20px 0 0}
.custom-img-2 .about .about-img .img:before{top:0;left:20px;bottom:20px;right:0}
.custom-img-3 .about .about-img .img{padding:0 0 20px 20px}
.custom-img-3 .about .about-img .img:before{top:20px;right:20px}
.custom-img-4 .about .about-img .img{padding:0 20px 20px 0}
.custom-img-4 .about .about-img .img:before{top:20px;left:20px;right:0}
.elementor-widget-text-editor .elementor-widget-container p:last-child{margin:0}
header.slider-fade .left-panel .social-left li i.fas,.footer-contact li i.fas{font-family:'Font Awesome 6 Free'}
.footer-btn.butn-light{margin-top:20px;text-align:center}
.footer-btn.butn-light a{color:#fff;border:2px solid #841823}
.footer-btn.butn-light a:after{background:#841823;z-index:-1}
.footer-btn.butn-light i{margin-left:5px}

@media (min-width: 1200px){
.navbar-collapse{margin-top:-40px}
.nav-scroll .navbar-collapse{margin-top:0}
.content-wrapper>div>section:first-child{margin-left:105px}
section.smlc1>.elementor-container{margin-right:calc(15vw - 105px)!important}
section.smlc2>.elementor-container{margin-right:calc(10vw - 105px)!important}
section.smlc1.mr-0>.elementor-container{margin-right:0!important}
section.ml-0>.elementor-container{margin-left:0!important}
.sub-footer2 .container{max-width:90%}
section.sec-mrg-15vw>.elementor-container{margin-left:15vw;margin-right:15vw}
section.sec-mrg-10vw>.elementor-container{margin-left:10vw;margin-right:10vw}}

@media (max-width: 1199px){
.logo-wrapper .logo,.logo-img{width:100px!important}
.logo-wrapper{padding:15px 0 0!important;margin-left:20px;height:110px}
.navbar{padding-right:5%!important}
.left-panel{width:70px!important}
.header.slider-fade .left-panel:before{height:70px}
.nav-scroll .logo-wrapper{margin-left:70px;height:auto}
.sub-footer2 .container{max-width:100%}
section.sec-mrg-15vw>.elementor-container{max-width:1200px}
section.sec-mrg-10vw>.elementor-container{max-width:1200px}}

@media (min-width: 992px){
.nav-scroll{background:#e6e6e6!important}
.nav-scroll .navbar-nav .menu-item a{padding:23px .5rem}
.navbar-nav .menu-item{position:relative}
.navbar-nav .menu-item .nav-link:hover,
.navbar-nav .current-menu-item .nav-link,
.navbar-nav .current-page-ancestor .nav-link{color:#fff!important}
.navbar-nav .menu-item .nav-link:before{content:"";width:0;position:absolute;right:0;height:100%;top:0;background:#841823;transition:all .3s;z-index:-1}
.navbar-nav .menu-item .nav-link:hover:before,
.navbar-nav .current-menu-item .nav-link:before,
.navbar-nav .current-page-ancestor .nav-link:before{width:100%;left:0}
.navbar-nav .dropdown-menu{background:#e6e6e6;margin-top:5px;padding:5px 0}
.nav-scroll .dropdown-menu{margin:0;border-top:1px solid #d9d9d9}
.nav-scroll .dropdown-menu .dropdown-item a{padding:0}
.sub-footer2 .row{align-items:center}
.sub-footer2 [class*="col-"]:not(:first-child){min-height:225px}}

@media (max-width: 991px){
.logo-wrapper{margin:0 0 -30px 20px;z-index:1}
.navbar.nav-scroll .logo-wrapper{padding:5px 0!important;margin:0;height:82px}
body .navbar.nav-scroll{top:-82px;background:#841823;justify-content:center}
.nav-scroll.show{-webkit-transform:translateY(82px);transform:translateY(82px)}
.navbar button{padding:0;margin-right:20px!important;position:absolute;top:40px;right:0;border:0!important}
.nav-scroll button{top:21px!important}
.navbar-nav .menu-item .nav-link{color:#272727!important;padding:10px 20px;width:100%}
.navbar-nav .menu-item .nav-link:hover,
.navbar-nav .current-menu-item .nav-link,
.nav-scroll .navbar-nav .current-menu-item .nav-link,
.navbar-nav .current-page-ancestor .nav-link,
.nav-scroll .navbar-nav .current-page-ancestor .nav-link{background:#ccc;color:#841823!important}
.navbar-nav .dropdown-menu{margin:0;padding:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .dropdown-menu .dropdown-item{padding-left:30px!important;-webkit-transition:all 0s;transition:all 0s}
.is-mobile .navbar-nav .dropdown-plus::after,.is-mobile .navbar-nav .dropdown-plus::before{right:20px;background:#841823}
.navbar .navbar-collapse{background:#e6e6e6!important;padding:5px 0!important;margin-left:50%;margin-right:20px}
.nav-scroll .navbar-collapse{-webkit-box-shadow:0 5px 10px -5px #0006;box-shadow:0 5px 10px -5px #0006}
header.slider-fade, .header .item.bg-img{height:320px}
.navbar{height:70px;padding:0!important}
.navbar.nav-scroll{height:82px}
.sub-footer2 [class*="col-"]:nth-child(1){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.navbar-toggler .icon-bar{color:#fff!important;width:40px;height:40px;font-size:26px;padding:7px;background:#841823}
.navbar-toggler .icon-bar i{display:flex;justify-content:center;align-items: center;height:26px;width:26px}
.navbar-toggler .icon-bar i:before{content:'\e68e'}
.navbar-toggler[aria-expanded="true"] .icon-bar i:before{content:'\e646';font-size:21px;font-weight:600}}

@media (max-width: 1199px) and (min-width: 768px){
.content-wrapper>div>section:first-child,
.page-content>div>section:first-child{margin-left:70px}}

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

@media (min-width: 768px){
.slider-fade .v-middle .container{max-width:70%}
.header.slider-fade .caption .col-md-7{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0}
.content-wrapper>div>section.mrg-0,
.content-wrapper>div>section.smlc1,
.content-wrapper>div>section.smlc2,
body.home .content-wrapper>div>section:first-child{margin-left:auto}
section.smlc1>.elementor-container{margin-left:15vw;margin-right:calc(15vw - 70px)}
section.smlc2>.elementor-container{margin-left:10vw;margin-right:calc(10vw - 70px)}}

@media (max-width: 767px){
.slider-fade .v-middle .container{max-width:100%}
.wpcf7-form [class*="col-"]:not(:last-child){margin-bottom:15px}
.logo-wrapper{margin:0 0 -40px}
.header{margin-top:70px;position:relative}
.header.bn-intro-type-slider{height:calc(100vh - 70px)}
.header.slider-fade .caption h1{margin-bottom:10px}
header.slider-fade, .header .item.bg-img{height:240px}
.navbar-toggler{margin:0}
.navbar .navbar-collapse{margin:0;padding:45px 0 5px!important}
.navbar-nav .dropdown-menu .dropdown-item a{padding:0}
.nav-scroll .navbar-collapse{padding:5px 0!important}
body .navbar{background:#841823;justify-content:center}
.navbar button{top:15px}
.banner-header{margin-top:0!important}
.sub-footer2 [class*="col-"]:nth-child(2){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.main-footer .abot .social-icon{text-align:center!important}}