@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap";
:root{--primary:#000000;--sliver:#fffaf6;--grey:#cecece;--border:#12121214;--theme:#f27f3d;--white:#FFF;--action:#ffe7d0}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{font-family:'Poppins',sans-serif;font-size: 15px;font-weight:400;line-height:1.4;position:relative;margin:0;padding:0;color:#fff;overflow-x:hidden;background:#000}
.container{width:100%;max-width:1300px;margin:0 auto}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight:700;margin:0;word-spacing:3px}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color:#fff}
ul,ol{padding:0;margin:0;list-style:none}
.cuani,a{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
b,strong{font-weight:600}
::selection{background:#fff;color:#000;}
::-moz-selection{background:var(--theme);color:var(--white)}
.pb0{padding-bottom:0!important}

.vcenter > .row{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.h100{height:100%}
.w100{width:100%!important}
.radius-10{border-radius:10px}
.border-box{position:relative;border: 1px solid #ffffff45;border-radius:8px;box-shadow: 0 3px 6px 0 #ffffff24;}
.automrg{margin:auto;float:none}
.bgwhite{background:#fff}

.box-swbox{box-shadow: #a0a0a0 -1px 1px 12px 0;border-radius:10px;overflow:hidden}
.box-swbox.bg{background:#f9f6f3;box-shadow:none}
@keyframes slide-down {
0%{opacity:0;transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}
}

.header-main{transition:all .5s ease;background:var(--primary)}
.header-main .logo img{width:210px;padding:15px 0}
@media (max-width: 992px) {
.header-main > div{display:inline-block!important}}
.header-main{transition:all .5s ease;padding:0;background:var(--primary)}
.header-main .header-wrap{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap;float:none;margin:0 auto;list-style:none;display:flex;flex-direction:row;align-items:start}
.header-main .logo{margin-right:0;position:relative;z-index:1}
.header-main .logo img{width:175px;padding:20px 0}
@media (max-width: 992px) {
.header-main .header-wrap{display:block}
}

body.fixed .header-main{position:fixed;padding:0;top:0;left:0;right:0;z-index:9;-webkit-animation:slide-down .7s;-moz-animation:slide-down .7s;-o-animation:slide-down .7s;box-shadow:0 9px 9px #0000001a;height:auto}
body.fixed{padding-top:81px}
body.fixed .header-main{position:fixed;background:var(--primary);padding-bottom:0;top:0;left:0;right:0;z-index:9;-webkit-animation:slide-down .7s;-moz-animation:slide-down .7s;-o-animation:slide-down .7s;box-shadow:0 9px 9px #0000001a;height:auto}
body.fixed{padding-top:81px}
body.fixed .logo img{filter:none}
body.fixed #cssmenu > ul > li::after{top:16px}
body.fixed #header .main-header{background:transparent}


.htitle{position:relative;display:block;font-size:38px;color:var(--theme);margin:0 0 15px;line-height:1.3}
.htitle.small{font-size:28px}
.htitle.white,.htitle.white + p{color:var(--white)}
.htitle.center{text-align:center}
.htitle + p{width:60%;margin:0;margin-bottom:25px;position:relative}
.htitle.center + p{text-align:center;margin-left:auto;margin-right:auto}
@media (max-width: 992px) {
.htitle{font-size:28px}
.htitle + p{width:100%;margin-bottom: 16px;}
}

.page-head{padding:80px 0;color:var(--white);text-align:center;position:relative;background:#e8e8e8 url(../images/headerbg.jpg)  center center no-repeat ;background-size:cover}
.page-head:before{content:' ';position:absolute;left:0;right:0;top:0;bottom:0;background: #0000008c;opacity:.8}
.page-head > div{position:relative}
.page-head h1{margin:0;padding:0 0 8px;font-size:42px;text-transform:capitalize;color:var(--theme)}
.breadcrumb{padding:0;margin:0;display:inline-block}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;content:"/\00a0"}

.section{position:relative;padding:80px 0;scroll-margin-top:82px;overflow:clip}
.sectionbg{background:var(--primary);padding:80px 0;position:relative;scroll-margin-top:82px;overflow:clip}

.highlight2{position:relative;padding:60px;background: url(../images/rendor5.jpg) no-repeat fixed;border-radius:10px;overflow:hidden;color:var(--white);    background-size: cover;}
.highlight2:before{content:' ';position:absolute;left:0;right:0;top:0;bottom:0;background: #00000066;opacity:.8}
.highlight2 .row{position:relative}
.highlight2 a{font-size:80px;font-weight:400;text-decoration:none;transition:all .3s ease;display:inline-block;line-height:1}
.highlight2  img{filter: brightness(0) invert(1);}
.highlight2 a i{transform:rotate(89deg)}
.highlight2 .btn-arrow{position:absolute;bottom:0;opacity:.6}
@media (max-width: 992px) {
.highlight2{padding:60px 20px;text-align:center}
.highlight2 .btn-arrow{display:none}
.highlight2 a{font-size:48px;margin-top:16px}
}


.highlight{position:relative;padding:70px 0;background:#e8e8e8 url(../images/rendor4.jpg) center center no-repeat fixed;background-size:cover}
.highlight:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background: #0000004d;}
.highlight .highlight-inner{position:relative;text-align:center;width:73%;margin:0 auto}
.highlight h3{color:#fff}
.highlight p{color:#fff;margin:0 auto 25px;width:100%}
.highlight a{float:none;background:transparent}
.highlight a:active,.highlight a:hover,.highlight a:focus{background:#dedede}
@media (max-width: 992px) {
.highlight{padding:60px 0;text-align:center}
.highlight h3{font-size:28px}
.highlight .highlight-inner{width:95%}
.highlight a{float:none;margin-top:14px;line-height:30px}
}


.box9{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid #666;padding:15px;border-radius:10px;flex:1 1 auto}
.box9 .img-main{display:flex;align-items:center;justify-content:center;flex:1 1 auto;margin-bottom:30px;width:100%}
.box9 .img-main img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:12px;display:block}
.box9 .box-contain{color:var(--white)}
.box9 .box-contain h4{margin-bottom:15px;color:var(--theme)}
.box9 .box-contain p{text-align:justify;color:var(--white);border-top:1px solid #444;padding:12px 0;margin:0}
.box9 .box-contain p:last-child{padding-bottom:0}
.box9 .box-contain p.colors{display:flex;gap:10px;align-items:center;border-top:none;padding-top:0}
.box9 .box-contain p.colors span{width:25px;height:25px;border-radius:4px}
.box9 .box-contain p.colors .bg-white{background-color:#fff;border:1px solid #aaa}
.box9 .box-contain p.colors .bg-gray{background-color:#a0a0a0}



.readmore{color:var(--theme);font-weight:500;font-size:1rem;display:inline-flex;align-items:center;transition:all .3s ease}
.readmore:hover{color:var(--white)}
@media (max-width: 992px) {.readmore{margin-bottom:15px}}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:var(--theme) !important}

.brochure-dwl{text-align:center;padding-top:180px}
.brochure-dwl .title-inner{position:absolute;top:0;left:50%;height:100px;width:2px;transform:translate(-50%,-120px);background-color:var(--theme)}
.brochure-dwl .title-inner:before{position:absolute;content:'';left: -24px;top:25px;width:2px;height:50px;background-color:var(--theme)}
.brochure-dwl .title-inner:after{position:absolute;content:'';right:-25px;top:25px;width:2px;background-color: var(--theme);height:50px}


.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width:45px;height:45px;text-align:center;text-decoration:none;background:transparent;border-radius:50%;border:1px solid #cdcdcd;line-height:40px;font-size:22px;color:#ffff}
.social a i{line-height:40px}
.social a:hover{background:var(--theme);color:var(--white)}

.form label{font-weight:600;margin-bottom:5px}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field,input[disabled]{background:#333;color:var(--primary);margin:0 0 15px;padding:12px 15px;width:100%;border-radius:5px;border:1px solid #444}

.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}

.custbtn{padding:10px 15px;background: var(--theme);border-radius:5px;position:relative;display:inline-block;font-weight:600;color:var(--white);transition:400ms all;-webkit-transition:400ms all;border: none;}
.custbtn.light{background:transparent;border:1px solid var(--white)}
.custbtn:hover,.custbtn:focus,.custbtn:active{text-decoration:none;background:var(--white);color:var(--primary)}

.capcha{background:transparent!important}
.capcha + input{width:200px!important;margin-top:5px!important}

.contact-item h4{margin-bottom:10px;color:var(--theme);text-transform:capitalize}
.contact-item{padding:10px 0}

.hdwatsp{position:fixed;bottom:10px;right:10px;z-index:21}
.hdwatsp a{text-align:center;width:50px;height:50px;float:left;color:var(--white);border-radius:10px;background-color:#25D366;background-color:#25D366}
.hdwatsp i{font-size:40px;margin-top:5px}

.address li{margin:10px 0}
.address h4{padding-bottom:6px;margin-bottom:13px;color:var(--theme)}
.address i{display:inline-block;vertical-align:top;margin-top:4px;width:20px;text-align:center;font-size:17px;margin-right:10px}
.address p{display:inline-block;text-align:left!important;margin:0}

.footer{padding-top:60px;color:var(--primary);position:relative;background-repeat:no-repeat;border-top: 1px solid #cecece47;}
.footer p,.footer a,.footer .address i{color:var(--white)}
.footer .ftcontact{border-top:1px solid var(--grey);padding-top:45px;margin-top:15px}
.footer h4{margin-bottom:30px;}
.footer img{padding:10px 0 15px;width:234px;display:inline-block}

.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top: 1px solid #cecece47;}
.copyrights p,.copyrights a{margin:0}
@media (max-width: 992px) {
.footer,footer .textright,.footer .social,.footer .address p{text-align:left!important}
.page-head{margin-top:58px;padding:20px 0}
.page-head h1,.page-head .breadcrumb{float:none}
.page-head h1{font-size:25px}
.page-head{margin-top:0;padding:30px 0;text-align:center}
}
@media (max-width: 768px) {
.vcenter > .row{display:initial}
}