/* Global */
:root {
    --default-font: "Montserrat", sans-serif;
    --heading-font: "Montserrat", sans-serif;
    --nav-font: "Montserrat", sans-serif;
  }
:root {
    --background-color: #ffffff;
    --background-color-rgb: 255, 255, 255;
    --default-color: #212529;
    --default-color-rgb: 33, 37, 41;
    --primary-color: #269e8a;
    --primary-color-rgb: 38, 158, 138;
    --secondary-color: #32353a;
    --secondary-color-rgb: 50, 53, 58;
    --contrast-color: #ffffff;
    --contrast-color-rgb: 255, 255, 255;
}
a {color: var(--primary-color);text-decoration:none;transition:0.3s;}
a:hover {color: rgba(var(--primary-color-rgb), 0.7);text-decoration:none;}
h1,h2,h3,h4,h5,h6 {color: var(--secondary-color);font-family: var(--heading-font);}
#main h1,#main h2,#main h3,#main h4{font-weight:400;}
ul,li{list-style:none;}
section {color: var(--default-color);background-color: var(--background-color);padding: 60px 0;overflow: clip;}
body,div,p{font-family: var(--default-font);}
/* Nav Menu */
:root {
    --nav-color: #3a3939;
    --nav-hover-color: #ff3700;
    --nav-dropdown-color: #3a3939;
    --nav-dropdown-hover-color: #e87050;
    --nav-dropdown-background-color: #ffffff;
    --nav-mobile-background-color: #ffffff;
}
/* Header */
.header{--background-color: #ffffff;color: var(--default-color);background-color: var(--background-color);padding:15px 25px;transition: all 0.5s;z-index: 997;}
.header .logo img{max-width:160px;}
.btn-main,.btn-main:focus,.btn-inquiry,.btn-inquiry:focus{color:var(--contrast-color);background:var(--primary-color);padding:8px 26px;margin:0;border-radius:4px;transition:.3s}
.btn-main:focus:hover,.btn-main:hover,.btn-inquiry:focus:hover,.btn-inquiry:hover{color:var(--contrast-color);background:rgba(var(--primary-color-rgb),.85)}
.btn-inquiry,.btn-inquiry:focus{background:#fa5800;}
.btn-inquiry:focus:hover,.btn-inquiry:hover{background-color:#df4f00;}
@media (max-width:1200px){
.header{padding:15px 0;}
.header .logo{order:1}
.header .btn-main{order:2;margin:0 15px 0 0;padding:6px 20px}
.header .navmenu{order:3}
}
.scrolled .header {--background-color: #ffffff;--secondary-color: #444444;--nav-color: #444444;--nav-hover-color: #e84545;box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);}
.dropdown-menu{--bs-dropdown-link-active-bg: #269e8a;}
.main-color{color:#e84545;}
.main-text{color:var(--primary-color);}
/* Navigation */
@media (min-width:1200px){.navmenu{padding:0}
.navmenu ul{margin:0;padding:0;display:flex;align-items:center}
.navmenu li{position:relative;}
.navmenu a,.navmenu a:focus{color:var(--nav-color);padding:18px 15px;font-size:16px;font-family:var(--nav-font);font-weight:400;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}
.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}
.navmenu li:last-child a{padding-right:0}
.navmenu .active,.navmenu .active:focus,.navmenu li:hover>a{color:var(--nav-hover-color)}
.navmenu .dropdown ul{margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:.3s;border-radius:4px;z-index:99}
.navmenu .dropdown ul li{min-width:200px;}
.navmenu .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)}
.navmenu .dropdown ul a i{font-size:12px}
.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul a:hover,.navmenu .dropdown ul li:hover>a{color:var(--nav-dropdown-hover-color)}
.navmenu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navmenu .dropdown .dropdown ul{top:0;left:-90%;visibility:hidden}
.navmenu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:-100%;visibility:visible}
.navmenu .megamenu{position:static}
.navmenu .megamenu ul{margin:0;padding:10px;background:var(--nav-dropdown-background-color);box-shadow:0 0 20px rgba(var(--default-color-rgb),.1);display:block;position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;display:flex;transition:.3s;border-radius:4px;z-index:99}
.navmenu .megamenu ul li{flex:1}
.navmenu .megamenu ul li a,.navmenu .megamenu ul li:hover>a{padding:10px 20px;font-size:15px;color:var(--nav-dropdown-color)}
.navmenu .megamenu ul li .active,.navmenu .megamenu ul li .active:hover,.navmenu .megamenu ul li a:hover{color:var(--nav-dropdown-hover-color)}
.navmenu .megamenu:hover>ul{opacity:1;top:100%;visibility:visible}
.navmenu .dd-box-shadow{box-shadow:0 0 30px rgba(var(--default-color-rgb),.15)}
}
@media (max-width:1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}
.navmenu{padding:0;z-index:9997}
.navmenu ul{display:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:.3s;z-index:9998;box-shadow:0 0 30px rgba(var(--default-color-rgb),.1)}
.navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}
.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:rgba(var(--primary-color-rgb),.1)}
.navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--primary-color);color:var(--contrast-color)}
.navmenu .active,.navmenu .active:focus,.navmenu a:hover{color:var(--nav-dropdown-hover-color)}
.navmenu .active i,.navmenu .active:focus i{background-color:var(--primary-color);color:var(--contrast-color);transform:rotate(180deg)}
.navmenu .dropdown ul,.navmenu .megamenu ul{position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);transition:all .5s ease-in-out}
.navmenu .dropdown ul ul,.navmenu .megamenu ul ul{background-color:rgba(33,37,41,.1)}
.navmenu .dropdown>.dropdown-active,.navmenu .megamenu>.dropdown-active{display:block;background-color:rgba(33,37,41,.03)}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}
.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,.8);transition:.3s}
.mobile-nav-active .navmenu>ul{display:block}
}
/* TOP */
.index-page .header{--background-color:rgba(255, 255, 255, 0);--secondary-color:#ffffff;--nav-color:rgba(255, 255, 255, 0.515);--nav-hover-color:#ffffff}
.index-page.scrolled .header{--background-color:#ffffff;--secondary-color:#444444;--nav-color:#444444;--nav-hover-color:#e87050}
.hero,.main-top{--default-color:#ffffff;--default-color-rgb:255,255,255;--background-color:#000000;--background-color-rgb:0,0,0;width:100%;min-height:100vh;position:relative;padding:160px 0 80px 0;display:flex;align-items:center;justify-content:center}
.hero img{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}
.hero:before{content:"";background:rgba(var(--background-color-rgb),.5);position:absolute;inset:0;z-index:2}
.hero .container{position:relative;z-index:3}
.hero h1,.hero h2{color:var(--contrast-color);margin:0;font-size:44px;font-weight:700}
.hero p{color:rgba(var(--default-color-rgb),.8);margin:5px 0 0 0;font-size:20px}
.main-top{padding:65px 0 30px 0;min-height:auto;}
@media (max-width:640px){.main-top{padding:60px 0 10px 0;min-height:auto;}
}
section{scroll-margin-top: 90px;}
@media (max-width: 1199px) {section {scroll-margin-top: 66px;}
}
/* back to top*/
.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background-color:var(--primary-color);width:40px;height:40px;border-radius:4px;transition:all .4s}
.scroll-top i{font-size:24px;color:#fff;line-height:0}
.scroll-top:hover{background-color:rgba(var(--primary-color-rgb),.8);color:#fff}
.scroll-top.active{visibility:visible;opacity:1}
/* Barnd */
.clients .client-logo{display:flex;justify-content:center;align-items:center;overflow:hidden}
.clients .client-logo img{padding:40px;max-width:80%;transition:.3s;opacity:.5;filter:grayscale(100)}
.clients .client-logo img:hover{filter:none;opacity:1}
@media (max-width:640px){.clients .client-logo img{padding:20px}
}
/* Section */
.section-title {text-align: center;padding-bottom: 60px;}  
.section-title h2 {font-size: 32px;font-weight: 700;position: relative;}
.section-title h2:before,.section-title h2:after {content: "";width: 50px;height: 2px;background: var(--primary-color);display: inline-block;}
.section-title h2:before {margin: 0 15px 10px 0;}  
.section-title h2:after {margin: 0 0 10px 15px;}
.section-title p {margin-bottom: 0;}
.services .service-item {position: relative;padding-top: 40px;}
.services .service-item:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 2px;background: rgba(var(--default-color-rgb), 0.1);}
.services .service-item::after {content: "";position: absolute;top: 0;left: 0;width: 30px;height: 2px;background: var(--primary-color);border-right: 5px solid var(--background-color);}
.services .service-item .icon {width: 48px;height: 48px;position: relative;margin-right: 50px;line-height: 0;}
.services .service-item .icon i,.services .service-item .icon svg{color: rgba(var(--default-color-rgb), 0.7);font-size: 56px;transition: ease-in-out 0.3s;z-index: 2;position: relative;}
.services .service-item .icon:before {position: absolute;content: "";height: 30px;width: 30px;background: rgba(var(--primary-color-rgb), 0.3);border-radius: 50px;z-index: 1;bottom: -15px;right: -15px;transition: 0.3s;}
.services .service-item .title {font-weight: 700;margin-bottom: 15px;font-size: 18px;}
.services .service-item .title a {color: var(--secondary-color);}
.services .service-item .title a:hover {color: var(--primary-color);}
.services .service-item .description {line-height: 24px;font-size: 14px;}
.call-to-action {--default-color: #ffffff;--background-color: #000000;--background-color-rgb: 0, 0, 0;padding: 80px 0;position: relative;-webkit-clip-path: inset(0);    clip-path: inset(0);}
.call-to-action img {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 1;}
.call-to-action:before {content: "";background: rgba(var(--background-color-rgb), 0.5);position: absolute;inset: 0;z-index: 2;}
.call-to-action .container {position: relative;z-index: 3;}
.call-to-action h3 {font-size: 28px;font-weight: 700;color: var(--default-color);}
.call-to-action p {color: var(--default-color);}
.call-to-action .cta-btn {font-family: var(--heading-font);font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 5px;transition: 0.5s;margin: 10px;border: 2px solid var(--contrast-color);color: var(--contrast-color);}
.call-to-action .cta-btn:hover {background: var(--primary-color);border: 2px solid var(--primary-color);}

.recent-posts article{box-shadow:0 4px 16px rgba(var(--default-color-rgb),.1);padding:25px;height:100%;overflow:hidden}
.recent-posts .post-img{max-height:260px;margin:-30px -30px 15px -30px;overflow:hidden}
.recent-posts .title{font-size:18px;padding:0;margin:0 0 15px 0;}
.recent-posts .title a,.node a{color:var(--secondary-color);transition:.3s}
.recent-posts .title a:hover,.node a:hover{color:var(--primary-color)}
.contact .info-item{background:rgba(var(--default-color-rgb),.03);padding:30px}
.contact .info-item i{font-size:38px;line-height:0;color:var(--primary-color)}
.contact .info-item h3{font-size:20px;font-weight:700;margin:20px 0 10px 0}
.contact .info-item p{padding:0;line-height:24px;font-size:14px;margin-bottom:0}
.stats{--default-color:#ffffff;--default-color-rgb:255,255,255;--background-color:#000000;--background-color-rgb:0,0,0;position:relative;padding:120px 0}
.stats img{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}
.stats:before{content:"";background:rgba(var(--background-color-rgb),.6);position:absolute;inset:0;z-index:2}
.stats .container{position:relative;z-index:3}
.stats .stats-item{padding:30px;width:100%}
.stats .stats-item span{font-size:48px;display:block;color:var(--default-color);font-weight:700}
.stats .stats-item p{padding:0;margin:0;font-family:var(--heading-font);font-size:16px;font-weight:700;color:rgba(var(--default-color-rgb),.6)}
/* Footer */
.footer{--background-color:#13191c;color:var(--default-color);background-color:#13191c;color:rgba(var(--contrast-color-rgb),.8);font-size:14px;padding-bottom:20px}
.footer .footer-top{padding-top:50px}
.footer .footer-about .logo{line-height:0;margin-bottom:25px}
.footer .footer-about .logo img{max-height:40px;margin-right:6px}
.footer .footer-about .logo span{font-size:30px;font-weight:700;letter-spacing:1px;font-family:var(--heading-font)}
.footer .footer-about p{font-size:14px;font-family:var(--heading-font)}
.footer .social-links a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid rgba(var(--contrast-color-rgb),.5);font-size:16px;color:rgba(var(--contrast-color-rgb),.5);margin-right:10px;transition:.3s}
.footer .social-links a:hover{color:var(--primary-color);border-color:var(--primary-color)}
.footer h4{color:#f5a261;font-size:16px;font-weight:700;position:relative;padding-bottom:12px}
.footer .footer-links{margin-bottom:30px}
.footer .footer-links ul{padding:0;margin:0}
.footer .footer-links ul i{padding-right:2px;font-size:12px;line-height:0}
.footer .footer-links ul li{padding:10px 0;display:flex;align-items:center}
.footer .footer-links ul li:first-child{padding-top:0}
.footer .footer-links ul a{color:rgba(var(--contrast-color),.8);display:inline-block;line-height:1}
.footer .footer-links ul a:hover{color:var(--primary-color)}
.footer .footer-contact p{margin-bottom:5px}
.footer .copyright{padding-top:25px;padding-bottom:25px;background-color:rgba(var(--contrast-color),.05)}
.footer .copyright p{margin-bottom:0}
.footer .credits{margin-top:6px;font-size:13px}
.footer .footer-bottom{border-top: 1px solid rgba(var(--contrast-color-rgb),.05);padding-top:15px;}
.node{margin-bottom:20px;position: relative;}
.node-tags{position: absolute;top:8px;right:20px;font-size:12px;flex-flow:row wrap;}
.node-tags li{border-radius: 1rem;white-space:nowrap;line-height:14px;padding:3px 8px;color:#ffffff;margin-bottom:3px;text-align:center;}
.node-tags li.condition{background:#54a04e;}
.node-tags li.emstandard{background:#2577f7;}
.page-link{color:var(--primary-color);}
.page-link:hover{color:var(--nav-hover-color);}
.active > .page-link, .page-link.active{background-color:var(--primary-color);border-color:var(--primary-color);}
.categories{margin-right:25px;position: relative;}
.categories:not(:last-child):after{position:absolute;top:45%;right: -15px;content: '';background-color:#adadad;width:5px;height:5px;border-radius:50%;display: inline-block;}
.attr-line{border-bottom:1px solid #e9eef4;margin:0 0 15px 0;}
.product-detail th{font-weight: 400;width:200px;color:#888888;}
.product-detail .table > :not(caption) > * > *{padding:0.3rem 0.3rem;}
.product-detail .btn-main,.product-detail .btn-inquiry{padding:12px 26px;}
.popup th{font-weight:400;width:120px;color:#888888;}
.mission{background: #eefbf5;}
.mission-box{font-size:1.125rem;}
.faq .content h3{font-weight:400;font-size:34px}
.faq .content p{font-size:15px;color:rgba(var(--default-color-rgb),.7)}
.faq .faq-container .faq-item{position:relative;padding:20px;margin-bottom:20px;box-shadow:0 5px 15px 0 rgba(var(--default-color-rgb),.1);overflow:hidden}
.faq .faq-container .faq-item:last-child{margin-bottom:0}
.faq .faq-container .faq-item h3{font-weight:600;font-size:18px;line-height:24px;margin:0 30px 0 0;transition:.3s;cursor:pointer;display:flex;align-items:flex-start}
.faq .faq-container .faq-item h3 .num{color:var(--primary-color);padding-right:5px}
.faq .faq-container .faq-item h3:hover{color:var(--primary-color)}
.faq .faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out;visibility:hidden;opacity:0}
.faq .faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden}
.faq .faq-container .faq-item .faq-toggle{position:absolute;top:20px;right:20px;font-size:16px;line-height:0;transition:.3s;cursor:pointer}
.faq .faq-container .faq-item .faq-toggle:hover{color:var(--primary-color)}
.faq .faq-container .faq-active h3{color:var(--primary-color)}
.faq .faq-container .faq-active .faq-content{grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:10px}
.faq .faq-container .faq-active .faq-toggle{transform:rotate(90deg);color:var(--primary-color)}
.product-info th{background-color:#f5f5f5;font-weight: 400; border-width: 1px;width:20%;color: #666666;}
.product-info th.main-text{color:var(--primary-color);vertical-align:middle;}
.product-info td{border-width:1px;word-break:break-all;}
.feedback{background:rgba(var(--default-color-rgb),.03);}
.feedback .error-message{display:none;background:#df1529;color:#fff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600}
.feedback .sent-message{display:none;color:#fff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600}
.feedback .loading{display:none;background:var(--background-color);text-align:center;padding:15px;margin-bottom:24px}
.feedback .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--primary-color);border-top-color:var(--background-color);animation:animate-loading 1s linear infinite}
.feedback input[type=email],.feedback input[type=text],.feedback textarea{font-size:14px;padding:10px 15px;box-shadow:none;border-radius:0;color:var(--default-color);background-color:rgba(var(--background-color-rgb),.5);border-color:rgba(var(--default-color-rgb),.2)}
.feedback input[type=email]:focus,.feedback input[type=text]:focus,.feedback textarea:focus{border-color:var(--primary-color)}
.feedback input[type=email]::-moz-placeholder,.feedback input[type=text]::-moz-placeholder,.feedback textarea::-moz-placeholder{color:rgba(var(--default-color-rgb),.3)}
.feedback input[type=email]::placeholder,.feedback input[type=text]::placeholder,.feedback textarea::placeholder{color:rgba(var(--default-color-rgb),.3)}
.feedback button[type=submit]{background:var(--primary-color);color:var(--contrast-color);border:0;padding:10px 30px;transition:.4s;border-radius:4px}
.feedback button[type=submit]:hover{background:rgba(var(--primary-color-rgb),.8)}
@keyframes animate-loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.pagination li a{border:1px solid #e2e2e2;padding:10px 20px;margin:0 5px;}
.pagination li a{color:#333333;}
.pagination li a.active,.pagination li a:hover{background:var(--primary-color);color:#ffffff;}
.portfolio-filters{padding:0;margin:0 auto 10px auto;}
.portfolio-filters li{display:inline-block;margin:0 5px 10px 0;}
.portfolio-filters li a{padding:5px 15px 7px 15px;margin:0;font-size:14px;border-radius:50px;}
.portfolio-filters li a:hover,.portfolio-filters li a.filter-active{color:var(--contrast-color);background-color:var(--primary-color);}
a.share-button{font-size:26px;margin:0 5px;color:#8a8a8a;line-height:26px;}
a.share-button:hover{color:#b6b6b6;}
.news-info p{margin-bottom:1.5rem;line-height:2rem;}