@charset "UTF-8";

/*
Theme Name: My Malerbetrieb
Version: 1.0
*/

body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/23px 'Mulish'; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald';}

/* oswald-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/oswald-v53-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* oswald-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/oswald-v53-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* oswald-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* oswald-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/oswald-v53-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* oswald-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/oswald-v53-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* oswald-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/oswald-v53-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* mulish-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/mulish-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/mulish-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/mulish-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/mulish-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/mulish-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/mulish-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/mulish-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* mulish-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/mulish-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

  @font-face {
    font-family: 'icomoon';
    src:  url('assets/fonts/icomoon.eot?zii60e');
    src:  url('assets/fonts/icomoon.eot?zii60e#iefix') format('embedded-opentype'),
      url('assets/fonts/icomoon.ttf?zii60e') format('truetype'),
      url('assets/fonts/icomoon.woff?zii60e') format('woff'),
      url('assets/fonts/icomoon.svg?zii60e#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-Vector:before {
    content: "\e901";
  }
  .icon-Vector-1:before {
    content: "\e902";
  }
  .icon-Vector-2:before {
    content: "\e903";
  }
  .icon-Vector-3:before {
    content: "\e904";
  }
  .icon-Vector-6:before {
    content: "\e909";
  }
  .icon-Vector-7:before {
    content: "\e90c";
  }
  .icon-Vector-8:before {
    content: "\e90d";
  }
  .icon-Vector-91:before {
    content: "\e90e";
  }
  .icon-Vector-10:before {
    content: "\e90f";
  }
  .icon-Subtract:before {
    content: "\e910";
  }
  .icon-Vector-11:before {
    content: "\e911";
  }
  .icon-Vector-9:before {
    content: "\e900";
  }
  .icon-instagram1:before {
    content: "\e90a";
  }
  .icon-instagram:before {
    content: "\e907";
  }
  .icon-linkedin:before {
    content: "\e906";
  }
  .icon-twitter:before {
    content: "\e90b";
  }
  .icon-facebook-logo:before {
    content: "\e91b";
  }
  .icon-pinterest:before {
    content: "\e934";
  }
  .icon-youtube:before {
    content: "\ea9d";
  }
  



.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}

.headersec.fixed_header .hdrmnu{display: none}
@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}
.headersec.fixed_header .hdrinfo{    transform: scale(0.9);}



/*
font-family: 'Oswald';
font-family: 'Mulish';
font-family: 'icomoon';
*/

.lei-desc {
  font-size: 18px;
  padding: 30px 0;
  max-width: 1200px;
  margin: auto;
  line-height: 1.89;
}

.ausen-desc {
  font-size: 18px;
  line-height: 1.89;
  padding: 0 15px;
  margin-top: 30px;
}
.auszug-description {
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.89;
}
.pagehding{text-align: center;}
.defultHdng{color: #333331; font-size: 48px; line-height: 1.3; font-weight: 400; font-family: 'Oswald';}
.defultHdng em{color: #1E90FF; font-style: normal;}
.work_glery_imge{margin: 55px 0 0; position: relative;padding-bottom: 100%;}
.workSec .row{margin: 0 -27.5px; align-items: center;}
.workSec .row > div{padding: 0 27.5px;}
.workSec .pagehding{padding: 0 0 20px;}
.workBtn{text-align: center; margin: 92px 0 0;}
.defultBtn {
  display: inline-flex;
    align-items: center;
    background: #1E90FF;
    color: #FFF;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    font-family: 'Oswald';
    padding: 25px 50px;
    border-radius: 0;
}
  input[type="submit"].defultBtn {
    border:1px solid #000;
    background-color: #000;
  }
input[type="submit"].defultBtn:hover {
  background-color: #1E90FF;
  border-color: #1E90FF;
}
    
.wp-block-button__link{
	border-radius: 0;
    background: #000 !important;
    border: 2px solid #000;
    color: #fff !important;
}
.wp-block-button__link:hover {
	background: transparent !important;
	color: #000 !important;
}
.defultBtn em{color: #1E90FF; font-style: normal; margin-left: 5px; transition: all 0.3s ease-in-out;}
.defultBtn:hover {background: #000; color: #fff;}
.defultBtn:hover em{color: #000;}
.workSec{padding: 120px 0 140px;}

.outDoorSec{width: 100%; background-size: cover; background-repeat: no-repeat; padding: 200px 0 50px; position: relative; margin-top: -160px;}
.outDoorRt{display: flex; justify-content: center;}
.outdoorpnl {
  width: 100%;
  max-width: 85%;
  position: relative;
}
.foterTop .foterLgo img {
	max-width: 200px;
	width: 100%;
}
.outdoorpnl .pagehding{text-align: left;padding: 0 15px;max-width: 85%;}
.outdoorpnl .defultHdng{color:#fff}
.outDoorElmnt{position: absolute; bottom: -90px; left: 0;}
.paintingSec .defultBtn,
.workSec .defultBtn,
.outDoorBtn .defultBtn{background: #000;
    color: #fff;
    border: 2px solid #000;}
.paintingSec .defultBtn:hover,
.workSec .defultBtn:hover {
	background: #fff;
    color: #000;
}
.outDoorBtn .defultBtn:hover{background: #fff !important; color: #000; border: 2px solid #fff;}
.outDoorBtn .defultBtn:hover em{color: #1E90FF;}
.outDoorBxs{width: 100%; background: #FFF; border-radius: 20px; padding: 10px; transition: all 0.3s ease-in-out;}
.outDoorBxs figure {border-radius: 20px; overflow: hidden;}
.outDoorBxs figure{overflow: hidden;}
.outDoorCon h3{color: #333331; font-size: 24px; line-height: 30px;}
.outDoorCon{text-align: center; padding: 25px 10px 10px;}
.outDoorRtSldr .owl-item{padding: 18px;}
.outDoorBxs:hover{box-shadow: 0px 5px 16px 0px #00000040;}
.outDoorBtn{margin: 32px 0 0;text-align: center;}
.outDoorRtSldr{margin: 22px 0 0;}
.outDoorBxs figure img{transition: all 0.3s ease-in-out; height: 175px;}
.outDoorBxs:hover img{transform: scale(1.08) translateX(6px);}
.outDoorRtSldr .owl-dots{display: none !important;}
.outDoorRtSldr .owl-nav{display: inline-flex !important; position: absolute; right: 15px; top: -87px;}
.outDoorRtSldr .owl-nav button{display: flex; align-items: center; padding: 0; outline: none; border: 1px solid #333331 !important;
width: 44px; height: 44px; border-radius: 100%;}
.outDoorRtSldr .owl-nav button span{display: none;}
.outDoorRtSldr .owl-prev{background: url(assets/images/leftArw.png) no-repeat right center !important;}
.outDoorRtSldr .owl-next{background: url(assets/images/rightArw.png) no-repeat left center !important;}
.outDoorRtSldr .owl-nav button:hover{background-color: #FFF !important;}

.serviceSec{padding: 105px 0 85px; position: relative; z-index: 9;}
.serviceSec::before{position: absolute; background: #d9dbdb; bottom: 0px; top: 0; content: ""; 
border-radius: 160px 0; left: 0;right: 0;z-index: -1;}
.serviceSec .pagehding h3{color: #333331; font-size: 60px; line-height: 65px; padding: 35px 0 0;}
/* .serviceSec .row > div{width: 20%;} */
.serviceBxs{margin: 0; background: #FFF; border-radius: 0; padding: 0 !important;
transition: all 0.3s ease-in-out; height: 100%;}
.serviceSec .row > div {
	margin: 50px 0 0;
 }
.serviceBxs figure{overflow: hidden; border-radius: 0;}
.serviceBxs figure img{transition: all 0.3s ease-in-out; width: 100%;     height: 200px;
    object-fit: cover;}
.serviceBxs:hover figure img{transform: scale(1.1) translateX(7px);}
.service_Con{text-align: center; padding: 23px 10px;}
.service_Con h3{color: #333331; font-size: 24px; line-height: 27px; font-weight: 400; transition: all 0.3s ease-in-out;}
.service_Con p{    color: #1E1E1E;
    font-size: 18px;
    line-height: 24px; font-weight: 400; transition: all 0.3s ease-in-out;}
.serviceBxs:hover{box-shadow: 0px 47px 60px 0px #1E90FF; background: #1E90FF; }
.serviceBxs:hover .service_Con h3,.serviceBxs:hover .service_Con p{color: #FFF;}
.paintingSec figure img {
    max-width: 70%;
}

.bannerSec{background-position: center;
    background-repeat: no-repeat;
    background-size: cover;background-color: #d9dbdb; position: relative;}
.bannerSec .banner-video {
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*.bannerSec::before{position: absolute; content: ""; left: 0; bottom: -1px; width: 100%; height: 160px; z-index: 9;
background: url(assets/images/bnerbtmShpe.png) no-repeat 0 0; background-size: 100% 100%;}*/
.bnerpnl{position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; min-height: 850px;
    padding-top: 75px;}
.bnerTxt{width: 100%; max-width: 553px; margin-top: 30px;}
.bnerTxt p,.cta-text p{color: #333331; font-size: 23px; line-height: 30px; font-weight: 600;}
.bnerTxt ul{padding-top:15px}
.bnerTxt ul li{color: #fff; text-align: left;     font-size: 18px; line-height: 25px; font-weight: 600; position: relative;     padding-left: 24px;
    margin-bottom: 12px; }
.bnerTxt ul li:before{
  content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1E90FF;
}
.bnerTxt h1{color: #333331; font-size: 70px; line-height: 75px; font-weight: 500;margin-bottom: 30px;}
.bnerTxt span{color: #1E90FF; font-weight: 400; font-size: 40px; line-height: 55px; font-family: 'Oswald';
background: url(assets/images/bnaerBrush.png) no-repeat 0 0; background-size: 100% 100%; padding: 13px 80px 15px 30px;
display: inline-flex; margin: 0 0 13px;}

.headersec{padding: 0  !important; width: 100%; position: absolute; z-index: 99; top: 0; left: 0; box-shadow: 0px 44px 90px 0px #00000021; background: #FFF; }
.hderinr{position: relative; display: flex; align-items: center; justify-content: space-between; 
padding: 0px 30px 0px 30px; border-radius: 0 !important; }
.hdrlgo{    max-width: 220px;
    padding: 15px 0;}
.hderRt{display: inline-flex; align-items: center;}
.hdrinfo{display: inline-flex; align-items: center; height: 70px; color: #333; font-weight: 400; font-size: 25px;
line-height: 26px; font-family: 'Oswald'; border-radius: 0; padding: 0 30px 0 10px;}
.hdrinfo span{margin-right: 25px; width: 55px; height: 55px; background: #1E90FF; color: #FFF;
display: flex; align-items: center; justify-content: center; font-size: 20px;}
.hdrmnu{margin: 0 80px 0 0; display: none;}
.hdrmnu li a{display: inline-block; color: #333331; font-size: 22px; line-height: 25px; font-family: 'Oswald'; vertical-align: middle;}
.hdrmnu li{margin-right: 60px;}
.hdrmnu li:last-child{margin: 0;}
.hdrinfo:hover{color: #000;}
.bnerModel{position: absolute; right: 0; bottom: 100px;    max-width: calc(5% + 400px);}

.paintingSec{padding: 45px 0;}
.servicepnel.other-layout {
  flex-direction: column;
}

.servicepnel.other-layout .servicelft {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-bottom: 40px;
}

.servicepnel.other-layout .content {
  max-width: 65%;
  padding-right: 30px;
}

.servicepnel.other-layout .servicert {
  max-width: 100%;
  margin: 0;
}
.servicepnel{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.servicert{width: 100%; max-width: 100%; margin-left: 0;padding-bottom: 45px;}
.serviceBx{width: 100%; transition: all 0.3s ease-in-out; border: 1px solid #7E7E7E; min-height: 350px; border-radius: 0;
padding: 30px 20px 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;text-align: center; margin: 40px 0 0;background: rgba(255,255,255,0.7);}
.serviceBx h4,
.serviceBx .h4 {
  color: #1E90FF;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.servicert .row>div{display:flex}
.serviceBx p{color: #1E1E1E; font-size: 18px; line-height: 32px; font-weight: 400;}
.serviceBx figure{position: relative; display: flex; align-items: center; justify-content: center; margin: 0 0 30px;}

.serviceBx span{position: absolute; color: #FFF; font-size: 47px; transition: all 0.3s ease-in-out;}
.servicert .row{margin: 0 -20px;}
.servicert .row > div{padding: 0 20px;}
.servicert .row > .second-col{margin: 128px 0 0;}
.serviceBx:hover{background: linear-gradient(159.75deg, #1E90FF 4.72%, #1E90FF 109.85%);
border-color: transparent; box-shadow: 0px 56px 89.1px 0px #1E90FF; }
/* .serviceBx figure img{transition: all 0.3s ease-in-out;} */
.serviceBx:hover p,
.serviceBx:hover h4,
.serviceBx:hover .h4{
  color: #FFF;
}
.serviceBx:hover span{color: #1E90FF;}
.serviceBx figure img.icon {
    position: absolute;
    width: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0) invert(1);
}
.serviceBx:hover figure img.icon {
    filter: unset;
}
.serviceBx:hover figure img:not(.icon){filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(24%) hue-rotate(349deg) brightness(104%) contrast(108%);}
.servicelft p{color: #1E1E1E; font-size: 18px; line-height: 34px;}
.servicelft span{color: #333331; font-size: 36px; line-height: 40px; display: block; font-family: 'Oswald'; margin: 0 0 15px;}
.servicelft .defultHdng{margin: 0 0 25px;}
.servicelft .defultBtn{margin: 20px 0 0;}


.contactSec{background-color: #d9dbdb;}
.filldta{display: flex; align-items: center; position: relative; margin: 40px 0 0;}
.filldta input[type="text"],
.filldta input[type="email"],
.filldta input[type="tel"],
.filldta textarea{width: 100%; outline: none; border: 1.5px solid #333331; height: 82px; background: #fff; resize: none;
border-radius: 0; color: #333331; font-size: 25px; line-height: 30px; -webkit-appearance: none; padding: 0 20px 0 90px; }
.filldta input[type="text"]::placeholder,
.filldta input[type="tel"]::placeholder,
.filldta input[type="email"]::placeholder,
.filldta textarea::placeholder{opacity: 1; color: #333331;}
.contactForm .row{margin: 0 -24px;}
.contactForm .row > div{padding: 0 24px;}
.filldta textarea{padding-top: 30px !important; height: 140px !important;}
.filldta i{position: absolute; left: 36px; pointer-events: none; color: #333331; font-size: 25px;top: 28px; z-index:99;}
.filldta i.icon-Vector-91{top: 33px;}

.frmchek .form-group {display: block;}
/* .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} */
#html{margin-right: 10px;width: 30px;height: 30px;}
.form-group label {position: relative;cursor: pointer; color: #333331; font-size: 18px; line-height: 24px;
display: flex; align-items: center;}
/* .form-group label:before {
content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #333331;padding: 10px;
display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 12px; border-radius: 4px;} */
.form-group input:checked + label:after {content: '';display: block;position: absolute;top: 5px;left: 9px;
width: 6px;height: 14px;border: solid #333331;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.fillbtm{margin: 40px 0 0; display: flex; align-items: center; justify-content: space-between;}
.fillbtm input[type="submit"]{width: 315px; height: 78px; color: #FFF; text-align: left; outline: none;
background: #333331 url(assets/images/submitArw.png) no-repeat right 10px center; padding-left: 65px; font-size: 20px;
line-height: 25px; font-family: 'Oswald'; border-radius: 0;}
.fillbtm input[type="submit"]:hover{background-color: #000;}
.contactForm{padding: 20px 0 0;}
.contactSec .defultHdng em{color: #FFF;}
.contactSec{padding: 50px 0px; width: 100%; position: relative;}
/*.contactSec::before{position: absolute; content: ""; left: 0; top: 0; background: url(assets/images/contactTopElmnt.png) no-repeat 0 0;
width: 100%; height: 354px; background-size: 100% 100%; pointer-events: none;}*/
/*.contactSec::after{position: absolute; content: ""; left: 0; bottom: 0; background: url(assets/images/contactBtmElmnt.png) no-repeat 0 0;
width: 100%; height: 217px; background-size: 100% 100%; pointer-events: none;}*/


.foterBtm{width: 100%; background: #333331;}
.foterTop{width: 100%; background: #ffffff; padding: 75px 0 45px;}
.foterLgo{display: inline-block; mix-blend-mode: darken; max-width:300px;}
.foterbtminr{display: flex; align-items: center; justify-content: space-between; padding: 30px 0;}
.foterbtminr p{color: #FFF; font-size: 17px; line-height: 23px;}
.foterbtminr p a, .foterbtminr li a:hover{color: #1E90FF;}
.foterbtminr p a:hover{color: #FFF;}
.foterbtminr ul{display: inline-flex; flex-wrap: wrap;}
.foterbtminr li{margin-right: 85px;}
.foterbtminr li a{display: inline-block; color: #FFF; font-size: 18px; line-height: 23px; font-weight: 500;}
.foterbtminr li:last-child{margin: 0;}
.fotertpinr{display: flex; align-items: center; justify-content: space-between; gap:20px;}
.fotertpinr ul{display: flex; align-items: center; justify-content: space-between;}
.media{display: flex;}
.media-object{flex: 1;}
.fotertpinr .media{align-items: center;}
.fotertpinr p{color: #333331; font-size: 18px; line-height: 30px;}
.fotertpinr p a{color: #333331;}
.fotertpinr p a:hover{color: #1E90FF;}
.fotertpinr li span{display: flex; align-items: center; justify-content: center; background: #1E90FF;
width: 70px; height: 70px; color: #FFF; margin-right: 22px; font-size: 25px;}
.fotertpinr li{margin-right: 60px;}
.fotertpinr li:last-child{margin: 0;}
.fotertpinr li span.icon-Vector-11{font-size: 21px;}

.lnkGlry{position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%;z-index: 1;}
.work_glery_imge::before{position: absolute; content: ""; opacity: 0; visibility: hidden; bottom: 0; left: 0; right: 0;
top: 0; background: rgba(0,0,0,0.45);z-index: -1;}
.work_glery_imge:hover::before{top: 20px; bottom: 20px; left: 20px; right: 20px; opacity: 1; visibility: visible;}
.work_glery_imge img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.headersec.fixed_header{padding: 0; background: #FFF;}
.headersec.fixed_header .hderinr{padding: 0; border-radius: 0; box-shadow: inherit;}
.hdrmnu li a:hover{color: #1E90FF;}
.filltextarea span{width: 100%;}


.innerSec{padding: 50px 0;background: none;}
.innerSec .servicelft{padding-right: 70px;}
.innerSec .servicelft a,.footer_menu ul li a:hover{color: #1E90FF;}
.innerSec .servicelft a:hover,.footer_menu ul li a{color: #333331;}
.inner_bannerSec .bnerpnl{min-height: 600px;}
.inner_bannerSec .bnerpnl .bnerTxt{max-width: 100%;}
.innerSec .servicelft ul{padding-left: 0;margin-bottom: 20px;}
.innerSec .servicelft ul li{padding-left: 20px;position: relative;color: #1E1E1E;font-size: 18px;line-height: 34px;margin-bottom: 10px;}
.innerSec .servicelft ul li:before{content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #1E90FF;left: 0;
top: 12px;}
.footer_menu ul li{font-size: 18px;line-height: 34px;margin-right: 0;}
.footer_menu ul li a{border-right: 1px solid #000;padding-right: 20px;margin-right: 20px;font-weight: 600px;}
.footer_menu ul li:last-child a{border-right: 0;margin-right: 0;padding-right: 0;}
.footer_menu ul{margin-left: 440px;}

/*--17-09-2024--*/
.painting-worksection { padding:50px 0 80px 0; }
.painting-worksection .text p { color: #1E1E1E; font-size: 18px; line-height: 34px; }
.painting-worksection .text .defultHdng { margin-bottom: 25px; }
.painting-worksection .text .defultBtn { margin-top: 20px; }
.painting-worksection .image img { width: 100%; }
.painting-companysection { padding: 50px 0 100px 0; }
.painting-companysection .text .list { padding:0; display:flex; flex-wrap:wrap; text-align: left; max-width: 1030px; margin: 0 auto; padding-top:20px; }
.painting-companysection .text .list li { width:33.33%; padding:0 15px 0 30px; font-size: 18px; line-height: 34px; color: #1E1E1E;
  background-image: url(assets/images/bullet-point.jpg); background-position: left center; background-repeat: no-repeat;
  background-size: 20px;
}
.painting-companysection .text .list li a {
  color: #1E1E1E;
}
.painting-companysection .text .list li a:hover {
  color: #1E90FF;
}
/*--17-09-2024--*/

.painting-worksection .text{padding-right: 75px}
.paintingSec .servicelft{display: flex; width: 100%}
.paintingSec.innerSec .servicepnel .servicelft {
    display: flex;
    flex-direction: column;
}
.serv-left-text{width: 60%;
    padding-right: 5%; text-align: left;}
.paintingSec .servicelft figure{margin: 0!important;
        align-self: center;
        width: 50%!important;}
.paintingSec .servicelft figure img{max-width: 100% !important}
.button-wrap {
  padding-top: 40px;
  display: flex;
  justify-content: center;
/*   align-items: center; */
}
.cta-sec{padding: 140px 0 290px;
    background-attachment: fixed;
    position: relative;
    background-position: center;
    margin-bottom: -150px; }
  .cta-sec:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.cta-text{    text-align: center;
    position: relative;
    z-index: 1;}
.cta-text h2,.cta-text p{color: #fff}
.cta-text h2{padding-bottom: 15px}
.cta-text .defultBtn ,.cta-text .hdrinfo{color: #333331;
    background: #fff !important; margin:0 8px;     height: auto;} 
.cta-text .defultBtn:hover ,.cta-text .hdrinfo:hover{color: #fff;
    background: #1E90FF !important; }
    .cta-text .hdrinfo:hover span{    background: #fff;
    color: #1E90FF;}

.bnerModel .contctformWtap {
    padding: 0 38px;
    text-align:left
    
}

.form_row .frm_in input[type=text], .form_row .frm_in input[type=email], .form_row .frm_in input[type=tel], .form_row .frm_in textarea {
    background-color: #fff;
    width: 100%;
    height: 60px;
    padding: 17px 25px;
    font-size: 18px;
    border: 2px solid #1E90FF;
    margin-bottom: 18px;
}

.form_row .frm_in textarea {
    height: 120px;
    resize:none
}

.frmcheck_box p {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.frmcheck_box input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
}
.bnerModel{text-align: left !important; position: static !important;
    padding-left: 5%; transform: none !important; }
.bnerModel>div {
  background: rgba(255, 255, 255, 0.5);
    padding: 30px 30px;}
.bnerModel h3 {
    color: #1E90FF;
    font-weight: 400;
    
    font-size: 32px;
    line-height: 38px;
    font-family: 'Oswald';
    margin: 0 0 25px;
}
.frmBtnbx{margin-top:20px}

#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{background:#25d366; color:#fff!important; margin: 0!important;
    padding: 0 16px;
    border-radius: 35px;}



@media screen and (min-width:1600px) {
    .container{max-width: 1560px;}
    body{font-size: 18px; line-height: 26px}
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .bnerModel {right: 0;text-align: right;max-width: 700px;top: 50%;transform: translateY(-50%);}
    .outDoorElmnt {max-width: 565px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {

.bnerModel {right: -1%;max-width: 550px;}
.outDoorElmnt {max-width: 615px;bottom: -55px;}
.workSec .row, .contactForm .row {margin: 0 -20px;}
.workSec .row > div, .contactForm .row > div {padding: 0 20px;}
.contactSec::after {height: 170px;}

}

@media only screen and (max-width: 1599px) {

.serviceBx p, .fotertpinr p, .servicelft p {font-size: 16px; line-height: 28px;}
.bnerTxt p,.bnerTxt ul li,.cta-text p{font-size: 19px; line-height: 27px;}
.bnerTxt ul{padding-top:12px}
.bnerTxt ul li{padding-left: 22px;
    margin-bottom: 10px; }
.bnerTxt ul li:before{
    width: 10px;
    height: 10px;
}
.defultHdng {font-size: 46px;}
.foterbtminr p, .foterbtminr li a, .form-group label{font-size: 16px; line-height: 20px;}
.defultBtn {font-size: 18px; line-height: 24px; padding: 20px 35px;}


.bnerModel {right: 0;text-align: right;top: 50%;transform: translateY(-50%);}
.bnerTxt h1{margin-bottom: 25px;}
.hdrinfo {height: 60px;font-size: 20px;line-height: 24px;padding: 0 25px 0 10px;}
.hdrinfo span {margin-right: 18px;width: 45px;height: 45px;font-size: 16px;}
.hdrmnu li {margin-right: 40px;}
.hdrmnu li a{font-size: 20px;}
.hdrmnu {margin: 0 60px 0 0;}
.hdrlgo{width: 170px; padding: 12px 0px;}
.headersec {padding: 30px 0;}
.bnerTxt h1 {font-size: 60px; line-height: 65px;}
.bnerTxt span {padding: 10px 80px 15px 30px;}
.bnerTxt {margin-top: 30px;}
.bannerSec::before {height: 120px;}
.bnerpnl {min-height: 850px;}

.servicelft span {font-size: 30px; line-height: 35px;}
.serviceBx {min-height: 365px;}
.paintingSec{background-size: 350px;}
.service_Con h3 {font-size: 20px; line-height: 25px;}
.service_Con p{  
    font-size: 16px;
    line-height: 22px; }
.service_Con {padding: 19px 10px;}
.serviceSec {padding: 85px 0 75px;}
.serviceSec::before {border-radius: 120px 0;}
.outDoorSec {padding: 170px 0 45px;margin-top: -120px;}
.outDoorCon h3 {font-size: 20px; line-height: 25px;}
.outDoorElmnt {bottom: -70px; max-width: 540px;}
.outdoorpnl .defultHdng{color:#fff}
.outDoorRtSldr .owl-item {padding: 15px;}
.outDoorRtSldr .owl-nav {top: -82px;}
.workBtn {margin: 65px 0 0;}
.workSec .pagehding {padding: 0 0 10px;}
.workSec {padding: 95px 0;}

.filldta input[type="text"], .filldta input[type="email"], .filldta input[type="tel"], .filldta textarea {
height: 75px;font-size: 20px;line-height: 24px;padding: 0 15px 0 75px;}
.filldta i {left: 30px; font-size: 22px;}
.workSec .row, .contactForm .row {margin: 0 -20px;}
.workSec .row > div, .contactForm .row > div {padding: 0 20px;}
.fillbtm input[type="submit"]{margin-left: 25px;}
.fillbtm input[type="submit"] {width: 265px;height: 70px;padding-left: 45px;
font-size: 18px;line-height: 24px; background-size: 54px;}
.contactSec::before {height: 260px;}
.contactSec::after {height: 150px;}
.contactSec {padding: 50px 0px;}
.fotertpinr li span {width: 60px; height: 60px; margin-right: 15px; font-size: 22px;}
.fotertpinr li span.icon-Vector-11 {font-size: 18px;}
.fotertpinr li {margin-right: 35px;}
.foterLgo {min-width: 300px;}
.foterTop {padding: 60px 0 40px;}
.foterbtminr {padding: 27px 0;}
.foterbtminr li {margin-right: 65px;}

.inner_bannerSec .bnerpnl{min-height: 500px;}
.innerSec .servicelft ul li,.footer_menu ul li{font-size: 16px;line-height: 28px;margin-right: 0;}
.innerSec .servicelft ul li:before{width: 8px;height: 8px;top: 11px;}
.footer_menu ul{margin-left: 377px;}

  /*--17-09-2024--*/
  .painting-worksection .text p { font-size:16px; line-height:28px; }
  .painting-companysection .text .list li { font-size:16px; line-height:30px; }
  /*--17-09-2024--*/
.painting-worksection .text{padding-right: 65px}

.button-wrap{padding-top: 30px}
.cta-sec{  padding: 120px 0 240px;
        margin-bottom: -120px;}
  
.cta-text h2{padding-bottom: 12px}
.cta-text .defultBtn ,.cta-text .hdrinfo{margin:0 6px} 
.form_row .frm_in input[type=text], .form_row .frm_in input[type=email], .form_row .frm_in input[type=tel], .form_row .frm_in textarea {
    height: 55px;
    padding: 15px 22px;
    font-size: 16px;
    margin-bottom: 15px;
}
.form_row .frm_in textarea {
    height: 100px;
}
.frmcheck_box p {
    font-size: 16px;
    line-height: 22px;
}
.bnerModel h3{font-size: 30px; margin-bottom: 20px}
}

@media only screen and (max-width: 1399px) {

.headersec {padding: 25px 0;}
.hderinr {padding: 0px 15px 0px 30px;}
.hdrmnu li a {font-size: 17px; line-height: 22px;}
.hdrmnu li {margin-right: 30px;}
.hdrmnu {margin: 0 40px 0 0;}
.hdrlgo {width: 150px; padding: 15px 0px;}
.bnerTxt h1 {font-size: 50px; line-height: 55px;margin-bottom: 20px;}
.bnerTxt span {font-size: 35px; line-height: 40px; padding: 10px 75px 13px 25px;}
.bnerTxt {max-width: 580px; margin-top: 30px;}
.bnerModel {max-width: 500px;}
.bnerpnl {min-height: 780px;}
.bannerSec::before {height: 95px;}
.defultHdng {font-size: 32px;}
.servicelft span {font-size: 26px; line-height: 33px;}
.servicelft .defultHdng {margin: 0 0 18px;}
.servicelft .defultBtn {margin: 15px 0 0;}
.defultBtn {font-size: 16px;line-height: 22px; padding: 15px 28px;}
.servicert .row > div {padding: 0 12px;}
.servicert .row {margin: 0 -12px;}
.serviceBx p, .fotertpinr p, .servicelft p, .bnerTxt p,.bnerTxt ul li,.cta-text p {font-size: 15px; line-height: 25px;}
.serviceBx {min-height: 370px; padding: 20px; border-radius: 25px;}
.serviceBx figure {margin: 0 0 20px;}
.paintingSec {background-size: 275px;}
.servicelft figure{margin: 25px 0 0;}
.serviceSec .pagehding h3 {font-size: 50px; line-height: 55px; padding: 25px 0 0;}
.service_Con h3 {font-size: 16px; line-height: 20px;}
.service_Con p{  
    font-size: 14px;
    line-height: 20px; }
.service_Con {padding: 15px 10px;}
.serviceSec .row > div {margin: 40px 0 0;}
.serviceSec {padding: 60px 0 65px;}
.serviceSec::before {border-radius: 85px 0;}
.outDoorSec {padding: 130px 0 45px; margin-top: -85px;}
.outDoorRtSldr .owl-nav {top: -77px;}
.outDoorElmnt {bottom: -50px; max-width: 343px;}
.workSec .row > div, .contactForm .row > div {padding: 0 15px;}
.workSec .row, .contactForm .row {margin: 0 -15px;}
.work_glery_imge {margin: 35px 0 0;}
.workBtn {margin: 50px 0 0;}
.workSec {padding: 75px 0;}
.fotertpinr li span {width: 50px; height: 50px; margin-right: 10px; font-size: 19px;}
.fotertpinr li span.icon-Vector-11 {font-size: 16px;}
.fotertpinr li {margin-right: 25px;}
.foterLgo {min-width: 260px;}
.foterTop { padding: 45px 0 35px;}
.foterbtminr li {margin-right: 50px;}

  .hdrinfo{font-size: 18px;}
  .filldta input[type="text"], .filldta input[type="email"], .filldta input[type="tel"], .filldta textarea{font-size: 18px;}
  .inner_bannerSec .bnerpnl{min-height: 450px;}
  .innerSec .servicelft ul li,.footer_menu ul li{font-size: 15px;line-height: 25px;margin-right: 0;}
    .innerSec .servicelft ul li:before{width: 7px;height: 7px;top: 10px;}
    .footer_menu ul{margin-left: 302px;}
.bnerTxt ul{padding-top: 10px}
.bnerTxt ul li {
    padding-left: 20px;
    margin-bottom: 10px;
}
.bnerTxt ul li:before {
    top: 9px;
    width: 8px;
    height: 8px;

}
  /*--17-09-2024--*/
  .painting-worksection .text p { font-size:15px; line-height:25px; }
  .painting-companysection .text .list li { font-size:15px; line-height:28px; }
  /*--17-09-2024--*/
  .painting-worksection .text{padding-right: 60px}
  .button-wrap{padding-top: 20px}
.cta-sec{padding: 100px 0 180px; margin-bottom: -80px}
  
.cta-text h2{padding-bottom: 10px}
.cta-text .defultBtn ,.cta-text .hdrinfo{margin:0 5px} 
.form_row .frm_in input[type=text], .form_row .frm_in input[type=email], .form_row .frm_in input[type=tel], .form_row .frm_in textarea {
    height: 50px;
    padding: 14px 20px;
    font-size: 14px;
    margin-bottom: 12px;
}
.form_row .frm_in textarea {
    height: 80px;
}
.frmcheck_box p {
    font-size: 14px;
    line-height: 20px;
}
.bnerModel h3{font-size: 26px; margin-bottom: 17px}
}

@media only screen and (max-width: 1199px) {
ul.slimmenu li .sub-toggle>i {font-size: 14px;}
.headersec {padding: 20px 0;}
.hdrmnu li a {font-size: 16px; line-height: 20px;}
.hdrinfo {height: 55px;font-size: 16px;line-height: 20px;padding: 0 20px 0 10px;}
.hdrinfo span {margin-right: 15px;width: 40px;height: 40px;font-size: 14px;}
.hdrmnu {margin: 0 20px 0 0;}
.hdrlgo {width: 130px; padding: 20px 0px;}
.hdrmnu li {margin-right: 20px;}
.bnerTxt h1 {font-size: 45px; line-height: 50px;margin-bottom: 15px;}
.bnerTxt span {font-size: 32px; line-height: 40px; padding: 8px 55px 10px 20px;}
.bnerTxt {max-width: 470px; margin-top: 20px;}
.bnerModel {max-width: 450px; right: 0px;}
.bnerpnl {min-height: 735px; padding-top: 80px;}
.bannerSec::before {height: 60px;}

.servicelft{padding: 30px 0 0; text-align: center;}
.servicelft span {font-size: 25px; line-height: 30px;}
.servicelft figure {margin: 0;}
.servicelft figure img{width: 500px;}
.servicert {margin: 0 auto;}
.serviceBx {min-height: 344px;}
.paintingSec {background-size: 225px;padding: 20px 0 0;}
/* .serviceSec .row > div {width: 33.33%;} */
.serviceSec .row{justify-content: center;}
.serviceSec .pagehding h3 {font-size: 40px; line-height: 45px; padding: 15px 0 0;}
.serviceSec .row > div  {margin: 25px 0 0;}
.serviceSec {padding: 50px 0;}
.serviceSec::before {border-radius: 60px 0;}
.outDoorElmnt{display: none;}
.outdoorpnl {max-width: 100%;}
.outDoorSec {padding: 100px 0 40px; margin-top: -60px;}
.outDoorRtSldr .owl-nav {top: -72px;}
.workSec {padding: 50px 0;}
/*.fotertpinr {flex-direction: column;}*/
.fotertpinr ul{width: 100%;}
.fotertpinr li {margin-right: 0;}
.foterTop {padding: 40px 0;}
.foterbtminr p, .foterbtminr li a, .form-group label {font-size: 15px; line-height: 20px;}
.foterbtminr li {margin-right: 30px;}
.foterbtminr {padding: 20px 0;}
.contactSec::before {height: 150px;}
.contactSec::after {height: 100px;}
.contactSec {padding: 20px 0px;}
.filldta input[type="text"], .filldta input[type="email"], .filldta input[type="tel"], .filldta textarea {
height: 70px;font-size: 16px;line-height: 20px;padding: 0 15px 0 65px;}
.filldta i {left: 25px; font-size: 18px;}
.filldta, .fillbtm {margin: 30px 0 0;}
.fillbtm input[type="submit"] {width: 235px;
height: 60px;padding-left: 25px;font-size: 16px;line-height: 23px;background-size: 45px;}

  .filldta i{top: 27px;}
  .innerSec .servicelft{text-align: left;}
    .innerSec{padding: 30px 0;}
    .inner_bannerSec .bnerpnl{min-height: 350px;}
    .innerSec .servicelft ul li{padding-left: 15px;}
    .footer_menu ul{justify-content: center;margin-top: 0;margin-bottom: 20px;}
    .servicepnel.other-layout .servicelft {
      flex-direction: column;
    }
    .servicepnel.other-layout .content {
      max-width: 100%;
      padding-right: 0;
    }
      .painting-worksection .text{padding-right: 50px}
      .outdoorpnl{max-width: 100%}
}

@media only screen and (min-width:992px) {
  ul.slimmenu li .sub-toggle {
    position: static;
    background: none;
    vertical-align: middle;
  }
  ul.slimmenu li ul li {
    background: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  ul.slimmenu li>ul {
    min-width: 180px;
    background-color: #FFF;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 4px 8px 0px #00000038;
  }
}

@media only screen and (max-width: 991px) {
	.fotertpinr ul {
		margin: 25px 0 0;
	}
ul.slimmenu li ul li {background: none;}
ul.slimmenu li .sub-toggle {background: none;}
.collapse-button{right: 12px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto;}
.collapse-button .icon-bar{background: #1E90FF; height: 4px; border-radius: 5px; width: 30px; margin: 6px 0;
transition: all 0.3s ease-in-out;}
.collapse-button.icnAdd .icon-bar:nth-child(2){opacity: 0; visibility: hidden;}
.collapse-button.icnAdd .icon-bar:nth-child(1) {transform: rotateZ(45deg) scaleX(1.25) translate(6px, 6px);}
.collapse-button.icnAdd .icon-bar:nth-child(3) {transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);}
.collapse-button .icon-bar:first-child{margin-top: 0;}
.collapse-button .icon-bar:last-child{margin-bottom: 0;}

.headersec{padding: 0;}
.headersec .container{padding: 0; max-width: 100%;}
.hderinr {padding: 0;border-radius: 0;box-shadow: inherit;}
.hdrlgo {width: 150px; padding: 20px 10px;}
.hdrinfo {height: 45px;font-size: 16px;line-height: 20px;padding: 0 18px 0 10px;margin: 0 70px 0 0;}
.bnerTxt h1 {font-size: 40px; line-height: 46px;margin-bottom: 10px;}
.bnerTxt span {        font-size: 25px;
        line-height: 32px;padding: 6px 45px 8px 15px;}
.bnerTxt {max-width: 360px; margin-top: 40px;}
.bnerModel {max-width: 325px; right: 0px; bottom: auto;}
.bannerSec {margin: 65px 0 0;}
.bnerpnl {
        padding: 0;
    }
  .wp-block-button__link {
    font-size: 0.9em !important;
}
.bnerModel>div {
    padding: 20px 17px;
}
/* .bnerpnl {min-height: 405px;} */
.bannerSec::before {height: 40px;}
.defultHdng {font-size: 38px; line-height: 44px;}
.servicelft .defultBtn {margin: 10px 0 0;}
.servicelft figure img {width: 450px;}
.paintingSec {background-size: 160px; padding: 20px 0 0;}
.serviceSec .pagehding h3 {font-size: 30px; line-height: 35px; padding: 10px 0 0;}
.serviceSec {padding: 40px 0;}
.serviceSec::before {border-radius: 0;}
.outDoorRtSldr .owl-nav {top: -66px;}
.workSec .row > div, .contactForm .row > div {padding: 0 12px;}
.workSec .row, .contactForm .row {margin: 0 -12px;}
.work_glery_imge {margin: 25px 0 0;}
.foterbtminr {padding: 15px 0; flex-direction: column;}
.foterbtminr ul{margin: 0 0 8px;}
.fotertpinr p{font-size: 14px; line-height: 23px;}
.fotertpinr li span {width: 35px;height: 35px;margin-right: 7px;font-size: 15px;}
.fotertpinr li span.icon-Vector-11 {font-size: 12px;}
.foterTop {padding: 30px 0;}
.fotertpinr {display: block;}
.filldta input[type="text"], .filldta input[type="email"], .filldta input[type="tel"], .filldta textarea {
height: 60px;font-size: 16px;line-height: 20px;padding: 0 15px 0 55px;border-radius: 30px;}
.fillbtm {flex-direction: column; align-items: flex-start;}
.fillbtm input[type="submit"] {width: 200px;
height: 55px;padding-left: 25px;font-size: 16px;line-height: 23px;background-size: 40px;margin: 25px 0 0;}
.filldta, .fillbtm {margin: 25px 0 0;}
.contactSec::before, .contactSec::after {height: 100px;}
.contactSec {padding: 20px 0px;}
ul.slimmenu{position: absolute; left: 0; top: 100%; z-index: 9; background: #FFF;}
.hdrmnu li{margin: 0;}
.hdrmnu li a{padding: 10px 12px;}
.hdrinfo span {margin-right: 12px; width: 33px; height: 33px; font-size: 13px;}
.hdrmnu {margin: 0;}

  .filldta i{top: 21px;}
  .wpcf7-form-control-wrap{width: 100%;}
  .innerSec{padding: 20px 0;}
  .inner_bannerSec .bnerpnl{min-height: 250px;}
    .painting-worksection .text{padding-right: 40px}
    .serv-left-text{text-align: center; padding: 0 ; width: 100%; margin-bottom: 30px;}
    .paintingSec .servicelft {
    flex-wrap: wrap;
}
.paintingSec .servicelft figure {
    width: 100% !important;
}
    .cta-sec {
        padding: 80px 0 140px;
        margin-bottom: -60px;
    }
}
@media (min-width:1200px) {
  .innerSec .servicelft {
    max-width: 884px;
  }
  
}
@media only screen and (max-width: 767px){
	#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{display:none!important;}
	.paintingSec.innerSec .servicepnel .servicelft {
		display: block;
		        overflow: hidden;
        word-wrap: break-word;
	}
.servicepnel {
    flex-direction: column;
    padding-bottom: 50px;
}
.outdoorpnl .pagehding {
  max-width: 100%;
}
.servicert .row>.second-col {
  margin-top: 0;
}
.serviceBx {min-height: auto;padding: 15px;margin: 25px 0 0;text-align: center;justify-content: center;
align-items: center;}
.defultHdng {font-size: 35px; line-height: 40px;}
.serviceSec .pagehding h3 {font-size: 28px; line-height: 34px; padding: 8px 0 0;}
.serviceSec .row > div {width: 50%;}
.servicelft figure img {width: 400px;}
.bannerSec {
        margin: 50px 0 0;
    }
.paintingSec {background-size: 100px; padding: 15px 0 0;}
.bnerTxt h1 {font-size: 36px; line-height: 42px;}
.bnerModel {max-width: 100%;
        right: -26px;
        padding: 30px 0 0;margin-bottom: 30px;}
    .bnerpnl {
        padding: 0;
        flex-wrap: wrap;
    }
  .bannerSec {
        margin: 90px 0 0;
    }
.bnerTxt {max-width: 100%;}
.fotertpinr ul { margin: 0 0; flex-wrap: wrap;}
.fotertpinr li{margin: 20px 0 0 !important;}
.innerSec .servicelft{padding-right: 0;}

#html{width: auto;height: auto;}
.innerSec{padding: 20px 0;}
.inner_bannerSec .bnerpnl{min-height: 150px;}
.footer_menu ul li{margin-top: 0 !important;}
.footer_menu ul{margin-bottom: 20px;}
.fotertpinr {display: inline-block;}
  /*--17-09-2024--*/
  .painting-worksection { padding: 0px 0 40px 0;}
  .painting-worksection .text { margin-bottom:30px; }
  .painting-companysection { padding: 20px 0 50px 0;}
  .painting-companysection .text .list li { width:50%; }
  /*--17-09-2024--*/
  .painting-worksection .text{padding-right: 0px}
      .cta-sec {
        padding: 70px 0 120px;
        margin-bottom: -50px;
    }
    .defultBtn {
        font-size: 15px;
        padding: 15px 26px;
    }
}

@media only screen and (max-width: 575px){

.bnerModel{display: none;}
.bnerTxt {max-width: 100%; text-align: center;}
.bnerpnl {min-height: auto; padding: 30px 0 50px;}
.bnerTxt h1 {font-size: 33px; line-height: 38px;}
.hdrlgo {width: 150px; padding: 20px 10px;}
.hdrinfo {height: 40px;font-size: 14px;line-height: 20px;padding: 0 15px 0 8px;margin: 0px 15px 0 0 !important;}
.hdrinfo span {margin-right: 10px;width: 28px;height: 28px;font-size: 11px;}
.bannerSec {margin: 79px 0 0;}
.outDoorBtn {margin: 25px 0 0; text-align: center;}
.outdoorpnl .pagehding {text-align: center;}

.outDoorRtSldr .owl-nav {position: static; justify-content: center; width: 100%; margin: 25px 0 0;}
.outDoorRtSldr .owl-nav button{margin: 0 5px;}
.outDoorCon h3 {font-size: 20px; line-height: 25px;}
.outDoorCon {padding: 15px 10px 8px;}
.outDoorRtSldr .owl-item {padding: 9px;}
.outDoorBxs:hover {box-shadow: 0px 3px 8px 0px #00000040;}
.workSec {padding: 40px 0;}
.workSec .row > div{padding: 0 5px;}
.workSec .row {margin: 0 -5px;}
.work_glery_imge {margin: 10px 0 0;}
.workBtn {margin: 30px 0 0;}
.fotertpinr {display: inline-block;}
    
}

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

.bnerTxt span {font-size: 22px;line-height: 28px;padding: 6px 40px 8px 15px;}
.hdrinfo {height: auto;padding: 8px;margin: 0px 55px 0 0;font-size: 0;}
.hdrinfo span {margin: 0;}
.hdrlgo {width: 150px; padding: 20px 10px;}
.bannerSec {margin: 75px 0 0;}
.defultBtn {font-size: 15px;line-height: 20px;padding: 12px 15px;flex-wrap: wrap;justify-content: center;}
.defultHdng {font-size: 30px; line-height: 35px;}
.serviceSec .row > div {width: 100%;}
/*.workSec .row > div{width: 50%;}*/
.workSec .row > div:last-child > div:first-child{padding-right: 5px;}
.workSec .row > div:last-child > div:last-child{padding-left: 5px;}
.form-group label{align-items: baseline;}
.foterbtminr{text-align: center;}
.foterbtminr ul {justify-content: center;}
.fotertpinr {display: inline-block;}
.inner_bannerSec .bnerpnl .bnerTxt h1{font-size: 30px;}

  /*--17-09-2024--*/
  .painting-companysection .text .list li { width:100%; }
  /*--17-09-2024--*/
.cta-text .hdrinfo span {
        margin-right: 5px !important;
    }
    .cta-text .hdrinfo{font-size: 15px !important}
}

.frmchek .form-group.accept_check .wpcf7-list-item label input[type="checkbox"] {min-width: 30px; min-height: 30px;}