﻿
@import "https://use.fontawesome.com/releases/v6.2.0/css/all.css";
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@200;300;400;600;700;800;900&display=swap');

:root {
    --primary: #181818;
    --sliver: #f4f4f4;
    --grey: #cecece;
    --border: #12121214;
    --theme: #e4181f;
    --white: #FFFFFF;
    --action: #282535;
}
@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,button,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:normal;vertical-align:baseline;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:block;content:'';line-height:0}
.clearfix:after{clear:both}
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir_su{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

html{-webkit-text-size-adjust:100%;-ms-scroll-chaining:none;overscroll-behavior:none;background-color:#F1F1F1;}
*{-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}
body{font-family:Figtree;font-size: 16px;font-weight:400;position:relative;margin:0;padding:0;color:#181818;overflow-x:hidden;line-height: 1.4;-ms-scroll-chaining:none;overscroll-behavior:none}

.container{width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.container-fluid{position: relative;}
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 400;margin:0;line-height: 1.2;}
h4{font-size: 22px;}
a,a:focus,a:hover{outline:medium none;text-decoration:none;color:#434344}
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:#e4181f;color:#fff}
::-moz-selection{background:var(--theme);color:var(--white)}
.img-fluid{width:100%}
.center{display:block;text-align:center}
.border-grey{border-color:#ccc!important}
.vcenter > .row{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (max-width: 768px) {
.vcenter > .row{display:initial}
}
p {margin-top: 0;margin-bottom: 1rem;}
.p-2{padding:20px}
.mt-0{margin-top:0 !important}
.mb-0{margin-bottom:0 !important}
.mt-1{margin-top: 10px !important}
.mt-2{margin-top:20px !important}
.mb-1{margin-bottom: 10px !important}
.mb-2{margin-bottom:20px !important}
.mb-3{margin-bottom:30px !important}
.mb-4{margin-bottom:40px !important}

.pt-0{padding-top:0 !important}
.pb-0{padding-bottom:0 !important}


.h60{height:80vh !important}

.img img{border-radius:30px}

.bg1{background-color:#f58731}
.h100{height:100%}
.w100{width:100%!important}
.radius-10{border-radius:10px}
.swbox{background:var(--white);box-shadow:#0000000f 0 16px 40px 0;border-radius:6px;padding:20px}
.automrg{margin:auto;float:none}
.bgwhite{background:#fff}
.pwhite{color:#fff}
.bgblack{background-color:#000}
.box-swbox{border-radius:10px;overflow:hidden;background: #141414;}
.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}
.menugetquote{display:none!important}

@media (max-width: 992px) {
.header-main > div{display:inline-block!important}
.menugetquote{display:inline-block!important}
.getquote{display:none}
}



/*----------*/
.page-head{padding: 60px 0;color: var(--primary);position:relative;border-top: 2px solid var(--sliver);background: var(--sliver);}
.page-head h1{margin: 0;padding: 0;font-size: 40px;color: var(--theme);}
.page-head h1 + p, .page-head p{margin: 0;font-size: 18px;position: relative;}

.breadcrumb{padding: 0;margin-bottom: 0;list-style:none;margin-top:15px}
.breadcrumb > li{display:inline-block}
.breadcrumb > li + li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > li, .breadcrumb > li > a, .breadcrumb > li + li:before{color: #858585;font-size: 14px;text-transform: uppercase;}
@media (max-width: 992px)
{   
	 .breadcrumb .container{width: 100%;padding: 0 15px;}
}


.header-main{transition:all .5s ease;padding:0;background:#fff;}
.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: center;}
.header-main .logo{margin-right:0;position:relative;z-index:1;margin: 6px 0;}
.header-main .logo img{width: 221px;}
@media (max-width: 992px) {
    .header-main{padding:15px 0}
    .header-main .header-wrap{display:block}
}
.section{position:relative;padding:80px 0;}
.sectionbg{background:#f8f8f8;padding:80px 0;position:relative;}

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:#fdfbff;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:40px;color: #ee7f22;margin: 0 0 25px;line-height:1.3}
.htitle.small{font-size:28px}
.htitle.white{color:#FFF}
.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%}
}



#preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--sliver) !important;z-index: 9999;display: flex;justify-content: center;align-items: center;}
#loader {position: relative;display: flex;justify-content: center;align-items: center;}
#box {width: 127px;height: 98px;background: url(../images/loderlogo.png) no-repeat center center;background-size: contain;border-radius: 3px;animation: zoomInOut 2s ease-in-out infinite;}
@keyframes zoomInOut {0% {transform: scale(1);}50% {transform: scale(0.9);}100% {transform: scale(1);}}



/************/
.slick-slider .slick-track,.slick-slider .slick-list{height:100%}


/*******************/
.pm03-information-banner{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-top: 40px;}
.pm03-information-banner .pre-title{color: var(--theme);text-transform: uppercase;}
.pm03-information-banner .information-article{display:-webkit-flex;display:flex;-webkit-flex:auto;flex:auto;-webkit-flex-direction:column;flex-direction:column;gap:24px;padding:0 32px;height: 100%;}
.pm03-information-banner .information-outer{display:-webkit-flex;display:flex;-webkit-flex:1;flex: 1;gap: 24px;-webkit-flex-direction:row;flex-direction:row;height: 100%;}
.pm03-information-banner .information-outer:not(:last-child):after{border-right: 1px solid #dadada;border-top:none;content:"";display:block;height: 230px;}
.pm03-information-banner .information-outer:not(:first-child):not(:last-child){-webkit-flex:1 32px;flex:1 32px;}
.pm03-information-banner .information-outer:first-child{-webkit-order:-1;order:-1;}
.pm03-information-banner .information-outer:first-child .information-article{padding-left:0;}
.pm03-information-banner .information-outer:last-child{-webkit-order:1;order:1;}
.pm03-information-banner .information-outer:last-child .information-article{padding-right:0;}
.module-content-container{display:-webkit-flex;/* display:flex; *//* -webkit-justify-content:center; *//* justify-content:center; */}
.module-content-wrapper{}
.pm03-information-banner .information-title{font-size: 25px;}
@media (max-width:1023px){
.pm03-information-banner{-webkit-flex-direction:column;flex-direction:column;}
.pm03-information-banner .information-article{padding:24px 0;}
.pm03-information-banner .information-outer{-webkit-flex-direction:column;flex-direction:column;}
.pm03-information-banner .information-outer:not(:last-child):after{border-top:1px solid #dadada;height:auto}
.pm03-information-banner .information-outer:first-child .information-article{padding-top:0;}
.pm03-information-banner .information-outer:last-child .information-article{padding-bottom:0;}
.module-content-wrapper{margin:0 40px;}
}
@media (max-width:768px){
.pm03-information-banner{padding:24px 0;}
.module-content-wrapper{margin:0 30px;}
}

@media (max-width:1280px){
.module-content-wrapper{margin:0 60px;}
}

@media (max-width:480px){
.module-content-wrapper{margin:0 20px;}
}



.contact-section{background:#fff;padding:60px;border-radius:30px;border: 1px solid #eee;display:flex;gap:60px;flex-wrap:wrap}
.contact-section .contact-left{flex:1;min-width:300px}
.contact-section .contact-left h3{font-size:60px;line-height:1.1;font-weight:500;margin-bottom:40px}
.contact-section .social-icons{list-style:none;display:flex;gap:10px}
.contact-section .social-icons a{width:60px;height:60px;border:1px solid #0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;color:#000;transition:all .3s ease}
.contact-section .social-icons a:hover{background: var(--theme);border-color: var(--theme);color:#fff}
.contact-section .contact-right{flex:1;min-width:300px}
.contact-section .contact-block{margin-bottom: 25px;}
.contact-section h4{color:#0006;margin-bottom: 7px;text-transform:uppercase}
.contact-section a,.contact-section p{font-size: 22px;color:#000;text-decoration:none;position:relative}
.contact-section a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#000;transition:width .3s ease}
.contact-section a:hover::after{width:100%}
@media (max-width: 768px) {
.contact-section{padding:40px 20px;gap:40px}

}



.contact-section2{background:#fff;display:flex;gap:60px;flex-wrap:wrap}
.contact-section2 .contact-left{padding:0px;overflow:hidden;border-radius:30px;border: 1px solid #eee;flex:1;min-width:300px}
.contact-section2 .contact-right{padding:60px;border-radius:30px;border: 1px solid #eee;flex:1;min-width:300px}
@media (max-width: 768px) {
.contact-section2 .contact-right{padding:40px 20px;gap:40px}
}



.event-card{margin-bottom:70px}
.event-card .event-img img{width:100%;display:block;border-radius: 20px;}
.event-card .event-content{margin-top: 20px;}
.event-card .event-content h4{
    margin-bottom: 15px;
}
.event-card .event-content p{color:#555;margin:0;}
@media (max-width: 1199px) {
.event-card{margin-bottom:40px}
.event-card .event-img img{border-radius:20px}
.event-card .event-content{flex-direction:column;align-items:flex-start}
.event-card .event-content h4{font-size:24px}
.event-card .event-content p{white-space:normal}
}

.client-box{position:relative;/* width:50% */border: 1px solid #eaeaea;}
.client-box .img{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;}
.client-box .inner-box{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}


ul.boxlist2{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist2 li{margin: 0;padding:15px;width: calc(100%/2);transition: all 0.7s ease 0s;}
@media screen and (max-width: 749px) {ul.boxlist2 li{width:100%;padding: 15px 0;}}

ul.boxlist3{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist3 li{margin: 0;padding:15px;width: calc(100%/3);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist3 li{width: calc(100%/2);}}
@media screen and (max-width: 565px) {ul.boxlist3 li{width:100%;}}


ul.boxlist5{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist5 li{margin: 0;padding:10px;width: calc(100%/5);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist5 li{width: calc(100%/4);}}
@media screen and (max-width: 749px) {ul.boxlist5 li{width: calc(100%/2);}}



ul.boxlist4{padding:0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
ul.boxlist4 li{margin: 0;padding:15px;width: calc(100%/4);transition: all 0.7s ease 0s;}
@media screen and (max-width: 992px) {ul.boxlist4 li{width: calc(100%/3);}}
@media screen and (max-width: 749px) {ul.boxlist4 li{width: calc(100%/2);}}



.box2{text-align:center;background-color:#fff;padding: 0;border:1px solid #eee;margin-bottom: 15px;position: relative;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
.box2:hover{-webkit-box-shadow:0px 8px 9px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.07);box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.07);margin-top: -5px;}
.box2 .imgbox{position: relative;overflow: hidden;/* padding-bottom: 10px; */}
.box2 img, .box2 h4{-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;}
.box2 img{width:100%}
.box2 .inner-box{ text-align: left;padding: 15px;}
.box2:hover img{transform: scale(1.07);}
.box2 .inner-box h4{text-transform:none;font-weight: 600;padding: 10px 0 5px 0;font-size: 16px;color:#000;margin:0;}
.box2 .inner-box h4 a{color:#000}
.box2 .inner-box p{display:block;font-size: 14px;margin-bottom: 0;padding: 0;line-height: 20px;color: #000;}
.box2:hover .inner-box h4{color: #fe0000;}
.box2:hover img{transform: scale(1.01);}



/*-----------------*/
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table.center{text-align:center}
.text-desc table hr{border-color: #ebebeb;margin: 5px 0;}
.text-desc table thead,.text-desc table th{background: #ebebeb;font-weight:600;}
.text-desc table td,.text-desc table th{border: 1px solid #ebebeb !important;padding: 7px;/* color:#2d2d2d; */vertical-align:middle;}
.text-desc table td{/* color: #545454; */}
.text-desc tt{font-size: 25px;font-weight: 300;line-height: 35px;padding-bottom: 0;display: block;/* color: #fff; */}
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ul li{list-style-type: none;position: relative;margin-bottom: 5px;}
.text-desc ul.list2 li{width: 46%;display:inline-block;}
@media (max-width: 768px){.text-desc ul.list2 li{width: 100%;}}
.text-desc ul ul li{list-style-type:circle}
.text-desc ul li:before{position:absolute;font-size: 9px;top: 0px;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;color: var(--primary);left: -15px;line-height: 2.3;}
.text-desc h2{font-size: 34px;padding: 12px 0 6px;margin:0;position:relative;color: var(--primary);text-transform: capitalize;}
.text-desc h3, .text-desc h4, .text-desc h5{color: var(--theme);padding: 0px 0 10px 0px;display: block;position:relative;}
.text-desc h3{font-size: 28px;text-transform:uppercase;}
.text-desc h4{font-size: 24px;text-transform:capitalize;}
.text-desc h5{font-size: 20px;}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
.text-desc p{}

ul.list1{margin: 0;}
ul.list1 li{list-style: none;margin: 0;margin-bottom: 15px;padding-left: 28px;position: relative;}
ul.list1 li:before{position:absolute;font-size: 15px;top: 0;left: 0;font-family: "Font Awesome 5 Free";content: "\f058";font-weight: 900;color: #fe0000;}
ul.list1 li i{padding: 0 8px 0 0;}

ul.list3{margin: 0;}
ul.list3 li{list-style: none;margin: 0;margin-bottom: 10px;padding-left: 28px;position: relative;width: calc(97%/3);display: inline-block;}
ul.list3 li:before{position:absolute;font-size: 15px;top: 0;left: 0;font-family: "Font Awesome 5 Free";content: "\f058";font-weight: 900;color: #fe0000;}
ul.list3 li i{padding: 0 8px 0 0;}

.form label{font-weight:600;margin-bottom: 5px;}
.form h4{font-size:22px; color:var(--theme)}
.form button { margin-top: 30px}
.form textarea.text-field{height:80px}
.form .select{margin:0!important;font-size:15px!important}
.form  input[disabled],.form .text-field{background: #f6f6f6ab;border: 0;color: var(--primary);/* font-size: 16px; */margin: 0 0 18px;padding: 15px;width:100%;border-radius: 0;border-bottom: 1px solid #7a849b;/* border-radius: 5px; */}
.form .text-field:focus,.form .text-field:hover{/* border-color: #c3002f; *//* box-shadow:none; *//* border-width:1px; *//* background: #fff; */}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:var(--primary)}

.custbtn{border-radius: 0;padding: 15px 35px;background: var(--theme);display:inline-block;margin-top: 0;border: 1px solid #ffff;color:#fff;text-transform:uppercase;font-weight: 600;border-radius: 5px;}
.custbtn:hover,.custbtn:active,.custbtn:focus{text-decoration:none;background: var(--primary);color: #fff;}

.footer-logo{max-width: 206px;margin-bottom:20px}
.footer-inner{padding: 40px 0px 50px 0px;display:grid;grid-template-columns: repeat(4,1fr);gap:40px}
.footer-inner .footer-col{/* font-size:14px; */}
.footer-inner .footer-col h4{margin-bottom:20px;letter-spacing:1px;color: #8d8d8d;}
.footer-inner .footer-col p{line-height:1.8;margin-bottom:15px}

.footer-inner .footer-col ul{list-style:none;padding:0;margin:0}
.footer-inner .footer-col ul li{margin-bottom:12px}
.footer-inner .footer-col ul li a{text-decoration:none}
.footer-inner .footer-col ul li a:hover{color: #000;}
.footer-inner .footer-col .email{font-size:20px;font-weight:700;color: #434344;}
.footer-inner .footer-col .phone{font-size:22px;font-weight:700;color: #434344;}
.footer-inner .footer-col .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;color:#000;margin-right:10px;border-radius:4px;font-size:18px;text-decoration:none}
.footer-bottom{/* border-top: 1px solid #b5b5b5; */text-align:center;padding:15px;font-size: 14px;color:#aaa}
@media (max-width: 992px) {
.footer-inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 576px) {
.footer-inner{grid-template-columns:1fr;        transform: translate(10px, 10px) !important;}
}
.product-bg{ background-repeat: repeat;background-position: center center;}
.product-bg::before {content: "";position: absolute;inset: 0;background-image: url('../images/product_bg.png');background-repeat: repeat;background-position: center;opacity: 0.05;}

