.banner-bg1{background-image:url(../images/banner-2.jpg);background:image-set(url(../images/banner-2.webp));}
.index-banner{position:var(--r);width:100%;height:800px;background-color:var(--w);overflow:hidden}
.index-banner .pic-img{position:var(--a);top:0;left:0;width:100%;height:100%;object-fit:cover;}
.index-banner .banner-bg{height:100%;background-repeat:no-repeat;background-size:cover;background-position:center left}
.index-banner .banner-table{position:var(--r);z-index:5;}
.index-banner .banner-contentbox{position:var(--r);z-index:9;max-width:1200px;padding:0 30px;display:block;margin:50px auto;text-align:left}
.index-banner .banner-contentbox h2{color:var(--w);font-weight:400;margin-top:0px;margin-bottom:20px;max-width:720px;padding-bottom:30px;border-bottom:1px solid var(--w);letter-spacing:2px}
.index-banner .banner-contentbox h2 span{color:var(--m)}
.index-banner .banner-contentbox p{color:var(--w);line-height:30px;font-size:20px;font-weight:400;max-width:720px}
.index-banner .btn{background:var(--w);border:2px solid var(--w);color:var(--m);margin-top:20px}
.index-banner .btn.btn-left{margin-right:10px}
.index-banner .btn:hover{border:2px solid var(--m);background:var(--m);color:var(--w)}

.title-line{position:var(--r);padding-left:60px;margin-top:30px;margin-bottom:30px;font-size:1.15rem;font-weight:bold}
.title-line::before{content:"";display:var(--i);width:50px;height:1px;background:var(--m);position:var(--a);left:0;top:50%}
.index-one,.index-three{margin-top:50px}
.index-onebox{position:var(--r);overflow:hidden}
.index-onebox img{width:66px}
.index-onebox h3{padding-top:30px;padding-bottom:10px}
.index-onebox h3 a{color:var(--b)}
.index-onebox h3 a:hover{color:var(--m)}
.index-onebox p{font-size:1.15rem}
.index-two{position:var(--r)}
.index-two p{font-size:1.15rem;padding-bottom:10px}
.index-two img{width:100%}
.index-twobg{position:var(--r);text-align:center;background:var(--b);overflow:hidden;max-height:200px}
.index-twobg img{opacity:0.75}
.index-twobg h3{position:var(--a);top:50%;left:0;z-index:1;display:block;width:100%;margin:-16px 0 0;color:var(--w)}
.index-three,.index-three .row{margin-left:-10px;margin-right:-10px}
.index-three>div{padding:0 10px}
.index-three .row>div{padding:10px}
.index-three .index-threeimg{overflow:hidden;max-height:240px}
.index-three .index-threeimg img{width:100%;;transition:var(--t)}
.index-three .row:hover img{transform:scale(1.1);}
.index-four{margin-top:35px}
.index-four>div{padding: 15px;}
.index-fourbox{background:var(--w);padding:30px 20px 10px;height:100%}

.owl-carousel-serviceshow{padding-top:40px}
.owl-carousel-service .owl-nav{opacity:0}
.owl-carousel-service .index-carouselimg{overflow: hidden;}
.owl-carousel-service img{opacity:0.85;transition:var(--t)}
.owl-carousel-service a:hover img{opacity:1;transform:scale(1.1);}
.owl-carousel-service a h3{padding-top:10px;font-size:1.25rem;color:var(--b);transition:var(--t);}
.owl-carousel-service a:hover h3{color:var(--m)}
.gradualbg{color:var(--w)}
.gradualbg .index-headline{color:var(--w)}
.gradualbg p{font-size:1.25rem}
.gradualbg .btn{border:2px solid var(--w);background:var(--m);color:var(--w);padding:15px 50px}
.gradualbg .btn:hover{border:2px solid var(--w);background:var(--w);color:var(--m)}

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:var(--b);background:rgba(0,0,0,.8);z-index:10000;display:none;top:0;left:0;cursor:pointer}
.reveal-modal{visibility:hidden;position:var(--a);z-index:10001;background:var(--g);padding:30px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.4)}
.reveal-modal .reveal-modal-box{position:var(--r)}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:.5;position:var(--a);top:-12px;right:-18px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
@media (min-width:768px){.reveal-modal{top:100px;left:50%;margin-left:-350px;width:700px} }
@media (max-width:768px){.reveal-modal{top:50px;left:50%;margin-left:-45%;width:90%} }

@media (min-width:768px){.index-two{align-items:center} }
@media (min-width:1025px){.index-search,.index-services{margin-left:-50px;margin-right:-50px} .index-search>div,.index-services>div{padding-left:50px;padding-right:50px} }
@media (min-width:1300px){.index-banner .banner-contentbox h2{font-size:3.5rem} .index-three-left{padding-right:50px} .index-three-right{padding-left:50px} }
@media (min-width:1500px){.index-three p{font-size:0.95rem} }
@media (max-width:1024px){.index-banner{height:600px} .index-banner .banner-contentbox h2{margin-bottom:10px} .index-banner .banner-contentbox p{line-height:24px;font-size:16px} .index-banner .btn{margin-top:10px;padding:6px 18px} .index-banner .banner-table{padding-top:0} .index-two p{font-size:1rem} }
@media (max-width:992px){.index-search-right .btn{font-size:18px;margin-bottom:-25px} }
@media (max-width:650px){.owl-carousel-banner .banner-contentbox{padding:0 20px} .index-inquirybox{padding:30px 20px} }
@media (max-width:500px){.banner-bg1{background: none;}}