@import "https://use.fontawesome.com/releases/v6.2.0/css/all.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root {
    --primary: #272727;
    --sliver: #f4f4f4;
    --grey: #efefef;
    --border: #12121214;
    --theme: #245478;
    --action: #292579;
    --white: #FFFFFF;
    --lightbg: #f2f5f9;
}
*{-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: 16px;font-weight: 400;position:relative;margin:0;padding:0;color:var(--primary);overflow-x: hidden;background: #fff;}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; }
iframe{border:none}
h1,h2,h3,h4,h5,h6{font-weight: 600;margin:0;line-height: 1.2;}
h4{font-size: 22px;}
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: #000;color:var(--white); }
::-moz-selection {background:#29175b;color:var(--white);}
.mb-n40 { margin-bottom: -40px;}
.vcenter > .row{align-items: center;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;    flex-wrap: wrap;}
.imgdrk{filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}
.imgdrk:hover{filter: none; -webkit-filter: grayscale(0);filter: grayscale(0);}
.h100{/* height:100%; */}
.w100{width:100%!important;}
.radius-10{ border-radius:10px; }
.swbox{background:var(--white);box-shadow: rgb(0 0 0 / 6%) 0px 16px 40px 0px;border-radius: 6px;padding: 20px;}
.automrg{margin: auto;/* text-align: center; */float: none;}
.bgwhite{background:#fff}
.bgsliver{background: var(--lightbg);}
.border-box{position:relative;border: 1px solid #00000030;border-radius: 10px;box-shadow: 0 3px 6px 0 #0106140f;}
.border-box.lightbg{background: #27b7b712;border: none;}
.box-swbox{/* box-shadow: #0000000f 0px 2px 12px 0px; *//* 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);}
}
.whitebg{/* background:#fff !important; */}
.fixmain {display: flex;}
.fixmain .fix-content{position:sticky;top:100px;}

.w100{width:100% !important}
@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{background: var(--white);transition:all .5s ease;padding:0}
.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}
.logo{float:left;margin-right:0;position:relative;z-index:1}
.logo img{width: 210px;}
.getquote{font-weight:600;font-size:16px;padding: 10px;text-transform:capitalize;border-radius: 10px;background: var(--theme);color:#fff;display:inline-block;margin-left:18px}
.getquote:hover{color:var(--white);background:#000}
.menugetquote{display:none!important}
@media (max-width: 992px) {
.menugetquote{display:inline-block!important}
.getquote{display:none}
.header-main .header-wrap{display:block}
}

body.fixed .header-main{position:fixed;background:var(--white);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 #cssmenu > ul > li::after{top:16px}
body.fixed #header .main-header{background:transparent}

.title-box.white *{color:var(--white)!important}
.title-box{position:relative;display:block;z-index:1}
.title-box h3, .title-box h1, .title-box h2 { position: relative;display: block;font-size: 36px; color: var(--theme); margin: 0; padding-bottom: 15px}
.title-box h4{position:relative;display:inline-block;font-size:15px;padding-bottom:0;color:var(--primary);letter-spacing:.5px;text-transform:uppercase;opacity: 0.5;}
.title-box h3 + p{width: 90%;text-align:left;margin:0 0 25px;font-size:16px;position:relative;font-weight:400}
.title-box.light h3,.title-box.light h4,.title-box.light h3 + p{color:var(--white);}
.title-box.center{text-align:center;margin:0 auto;width:60%}
.title-box.center + p{width:100%;text-align:center;margin:0 auto}
@media (max-width: 992px) {
.title-box h3,.title-box h1{font-size:28px}
.title-box h3 + p,.title-box.center + p{width:100%;font-size:16px}
}

.custom,.btn-arrow{position:relative;z-index:1}
.btn-arrow{font-size:15px;line-height:5px;text-transform:uppercase;/* border-radius:0 25px 0 0; */padding:20px 36px 16px 15px;display:inline-block;border:2px solid #eee;/* color:#999; */text-decoration:none;background-color:transparent;transition:all .3s ease;/* position:relative; */}
.btn-arrow span{position:relative;display:inline-block;padding-right:5px;transition:all .3s ease}
.btn-arrow span::after{content:'→';font-size:20px;position:absolute;top:-2px;right:-25px;transition:all .3s ease}
/*----------*/
.page-head{background-color: var(--sliver);padding: 45px 0;color: var(--primary);position:relative;/* border-top: 2px solid var(--sliver); */}
.page-head h1{margin: 0 0 10px 0;padding: 0;font-size: 34px;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;}
@media (max-width: 992px)
{.breadcrumb .container{width: 100%;padding: 0 15px;}}

.section{position:relative;padding:60px 0;background:#fff}
.sectionbg{background:#f4f6f7;padding:60px 0;position:relative}
.bgbox{background: var(--sliver);padding:20px;position:relative}
.bgbox.nobg{background:none}
.box-swbox{box-shadow:#0000000f 0 2px 12px 0;border-radius:10px;padding:10px}
.box-swbox.bg{background:#f9f6f3;box-shadow:none}
@media (max-width: 778px) {
.flexslider{padding-top:52px!important}
}


/*========= index page =========*/
/*about use */
.core-box{position:relative;overflow:hidden;padding:20px;border-radius:20px;background: var(--sliver);transition:all .35s ease}
.core-box h4,  .core-box .text-desc{/* font-size: 22px; */transition:color .35s ease;color: var(--theme);}
.core-box img{transition:all .35s ease;   max-width:90px;opacity:.15;  margin-bottom: 70px;}
.core-box:hover img{filter:brightness(0) invert(1);opacity:1;transform:scale(1.05)}

/*=========funfect=========*/

.service-item{display:flex;align-items:center;margin-bottom: 20px;background: var(--white);padding: 25px;border-radius:15px;/* box-shadow:0 4px 20px #00000014; */}
.service-item:last-child{margin-bottom:0}
.service-item .icon{/* flex-shrink:0; *//* width:180px; *//* display:flex; *//* flex-direction:column; *//* align-items:flex-start; *//* margin-right:30px; */}
.service-item .content{flex:1}
.service-item .content p{/* margin:0; *//* font-size:14px; *//* color:#6b7280; *//* line-height:1.7; *//* font-weight:400; */}
.stat-number{font-size: 40px;font-weight:700;color: var(--theme);margin-bottom:8px;line-height:1}
.stat-title{/* font-size:13px; *//* font-weight:600; *//* color:#6b7280; *//* letter-spacing:.3px; */}
@media (max-width: 767px) {
.service-item{display:block;text-align:center;padding:24px 20px;margin-bottom:20px}
.service-item .icon{margin:0 auto 20px;align-items:center}
.stat-number{font-size:40px}
.left-section{margin-bottom:20px}
}
@media (min-width: 768px) {
.right-section{padding-left:30px}
}
/*-----------*/
.highlight{width:100%;display:block;position:relative;background-size:cover!important;background: #000 url(../images/banner.jpg) no-repeat fixed;}
.highlight:before{position:absolute;top:0;left:0;height:100%;width:100%;content:"";background: rgb(0 0 0 / 75%);}
.highlight .inner-text{position:relative}
.highlight .custbtn{margin-top:20px;background:transparent}
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px){
.highlight .inner-text{padding: 0;}
}






/*=========about page=========*/

/*-----vision mission------*/
.visionbox{height: 100%;background: var(--sliver);padding: 40px 30px;position: relative;}
.visionbox img{/* filter: invert(48%) sepia(18%) saturate(3207%) hue-rotate(314deg) brightness(75%) contrast(131%); */width: 50px;}
.visionbox h4{display:block;font-size: 22px;margin-bottom:0;text-transform: uppercase;margin: 15px 0;color: var(--theme);}
.visionbox p{margin:0}

/*--------*/
.service-card{background: var(--sliver);border-radius: 15px;position:relative;display:flex;flex-direction:column;/* margin-top: 15px; */}
.card-image{margin: 15px;border-radius: 14px;overflow:hidden;position:relative}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-content{padding: 0px 0px 0px  15px;position:relative}
.card-content h4{color:var(--theme);margin-bottom: 15px;}
.card-content p{margin:0}
.card-icon-container{position:absolute;bottom:0;right:0}
.card-icon{position:relative;overflow:visible;padding:20px 0 0 20px}
.card-icon::before{content:"";position:absolute;right:-2px;top:-21px;width:21px;height:40px;border-radius:0 0 20px 0;box-shadow:0 20px 0 0 var(--sliver)}
.card-icon::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:40px;border-radius:0 0 20px 0;box-shadow:0 20px 0 0 var(--sliver)}
.card-icon-inner{background-color:var(--sliver);padding:12px;border-radius:30px 0 0 0}
.card-arrow-btn{width:50px;height:50px;border-radius:50%;background: var(--theme);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.card-arrow-btn:hover{transform:none}




/*products*/

/*-----------*/
.box2{padding-top:0;background: #fdfdfd;text-align: center;}
.box2 img{padding: 5px;border: 1px solid var(--sliver);text-align:center;width:100%;border-radius: 8px;}
.box2.noborder img{border:none;padding:10px}
.box2:hover img{}
.box2 h4{padding: 5px 0 5px 0;font-size: 24px;color: var(--primary);margin:0;text-align: center;}
.box2 h4 a{color:var(--theme)}
.box2:hover a, .box2:hover h4{color:var(--primary)}
.box2 p{color:var(--primary);line-height:24px;margin: 0;}


.machine-card{/* height:100%; *//* background:var(--sliver); *//* padding:25px; *//* border-radius:8px; */}
.machine-card h4{color:var(--theme);margin-bottom:15px;font-size:22px}
.machine-card ul{list-style:none;padding:0}
.machine-card li{padding:8px 0;color:#555;border-bottom:1px solid #ddd}
.machine-card li:last-child{border-bottom:none}
.machine-card li strong{display:inline-block;min-width:140px}

.feature-badge{display:inline-block;background:var(--sliver);padding: 6px 10px;border-radius:20px;margin: 4px;font-size: 15px;font-weight:500}
.advantages-list{list-style:none;padding:0}
.advantages-list li{padding:1rem;margin-bottom:.75rem;background:#fff;border-left:4px solid var(--accent-color);border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}
.why-box{position:relative;transition:all .4s ease;padding:40px;background:var(--sliver);border-radius:10px}
.why-box h4{margin:25px 0}
.why-box img{filter:invert(48%) sepia(18%) saturate(3207%) hue-rotate(314deg) brightness(75%) contrast(131%);width:50px}
.why-box p{margin:0}
/*-----------*/
.contact-item{display:inline-block;width:100%;position:relative}
.contact-item h4{font-size: 22px;text-transform: capitalize;margin-bottom: 20px;color: #e4181f;}
.contact-item h5{margin-bottom: 15px;color: var(--theme);font-size: 22px;}
.contact-item p{position: relative;display: inline-flex;padding-left: 0;margin: 0;line-height: 1.5;opacity: 0.9;}
.contact-item p i {width: 25px;height: 25px;display: inline-flex;align-items: center;justify-content: center;left: 0;font-size: 16px;margin-right: 6px;}
.contact-item a{color:#0E0E0E}

.contact-item .content + .content{border-top: 1px solid #eee;padding: 15px 0;}
.contact-item .content:last-child{padding-bottom:0}

.google-map {width: 100%;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */height: calc(64% + 30px);overflow: hidden;}
/*--------------*/
.cenq{display:none}
.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  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: 1px solid #c5d4e9;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(--primary);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;}
@media (max-width: 768px) 
{.custbtn{float:none !important; margin-top:5px}}

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

/*--------------*/
.fix-penal{position: fixed;bottom: 10px;right: 10px;z-index:21}
.fix-penal a{text-align: center;width: 50px;height: 50px;display: block;color: #FFFFFF;border-radius: 10px;background-color: #25D366;}
.fix-penal .callus{margin-bottom:10px;background:#f8b000;color: var(--primary);}
.fix-penal i{font-size: 28px;margin-top: 11px;color: #fff;}


    /*-----------*/
.fix-penal i{font-size: 28px;margin-top: 11px;color: #fff;}
.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:40px;height:40px;text-align:center;text-decoration:none;background:transparent;border-radius:50%;border: 1px solid #527bb7;line-height:initial;font-size:20px;color:#000}
.social a i{line-height:40px;color: var(--theme);}
.social a:hover{background: var(--theme);color:var(--white)}
.social a:hover i{color:#fff}
/*-----------*/

.footer{padding-top:60px;position:relative;background: var(--sliver);background-repeat:no-repeat}
.footer p,.footer a{/* color:#fff; */}
.footer .ftcontact{border-top:1px solid #ffffff63;}
.footer .ftcontact i{color:#fff}
.footer h4{font-size:22px;color: var(--theme);margin-bottom:30px;text-transform:uppercase}
.footer .ftcontact h5{font-size:15px;font-weight:400;margin-bottom:20px;color:#ffffff7d}
.footer .ftcontact a{margin-top:0;display:inline-block;color: var(--primary);}
.footer .social a{border-color: var(--theme);}
.footer .social a i{/* color:#fff!important; */}
.footer img{padding:10px 0 15px;width:300px;display:inline-block}
.footer .social{text-align:right}
.footer ul.list{margin-top:10px}
.footer ul.list li{list-style:none;padding:2px 0 2px 15px;position:relative}
.footer ul.list li:before{position:absolute;font-size:13px;line-height:24px;left:0;font-family:"Font Awesome 5 Free";content:"\f0da";font-weight:900;}
.footer ul.list li a{margin:0}
.copyrights{padding:21px 0;overflow:hidden;margin-top:45px;border-top: 1px solid #000;}
.copyrights p,.copyrights a{margin:0;color: var(--primary);}

@media (max-width: 992px) {
.header-main{position:inherit;padding:0;height:auto;background:var(--white)}
.header-main .container{width:100%}
.logo{margin-right:0;text-align:center;float:none!important;position:inherit;padding:5px 0}
.logo img{filter:inherit;width:115px}
.page-head h1,.page-head .breadcrumb{float:none}
.page-head h1{font-size:25px}
.page-head{margin-top:56px;padding:15px 0;text-align:center;min-height:35vh}
.footer{text-align:left}
.footer h3{margin-bottom:7px;margin-top:20px;padding-bottom:4px;text-align:left}
.footer .address p{text-align:left!important}
.footer .textright{text-align:left}
.footer .social{text-align:left}
#cssmenu > ul > li > a:before,#cssmenu > ul > li.active > a:before{bottom:0!important}
}
@media (max-width: 768px) {
.vcenter > .row{display:inherit}
}