:root{--red:#db0034;--ink:#101014;--paper:#f4f2ee;--muted:#696a70;--line:rgba(16,16,20,.15);--max:1320px;--pad:clamp(22px,4vw,64px); --soft: #e9e6e0;}
*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body {font-family:Arial, Helvetica, sans-serif; margin:100px 0 0 0; width:100%; font-size:62.5%; overflow-x:hidden;}
a:link{color:#808080;}
a:visited{color: #808080;}
a:hover{ color:#B4112C;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:14px; font-weight:bold; background:#db0033;  border-radius:4px;  color: rgba(255,255,255,.8)}
.btn2{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:12px;background:var(--ink);color:#fff !important;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:transform .25s; text-decoration: none}
.btn2:hover{transform:translateY(-2px)}
header .btn2{background:var(--red)}
/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000;  padding:15px; margin: auto; max-width: 1280px; line-height: 1.8em;}
.back_page p{text-align:left;}

.section{position:absolute; visibility:hidden; z-index:999999;}
.section-1{width:100%; height:100px; z-index:100;  background-color:#fff;box-shadow:0 0 10px 2px #ccc; position: fixed; top: 0;}
.section-header{ max-width:1280px; margin:auto auto;}
.section-2{ position:relative; width:100%;}
.section-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center;}

/*================= MENUS ======================*/
.menu-top{ position:relative;}

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff}
.nav > li > span,.nav > li > a{display: inline-block; color:#1b1b35; text-transform:uppercase; padding:0 30px; font-weight:bold; line-height:100px; font-size:1.4em; text-decoration:none; transition:all .3s; background-color:transparent;}
.nav > li a:hover, .nav > li:hover > span, .nav > li:hover > a{background-color:transparent !important; color:#db0034}

.dropdown-menu li{position:relative; list-style: none;border-bottom:1px solid #f1f1f1; width: 49.5%}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgba(255,255,255,1) !important;  left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; min-width: 220px}
.dropdown-menu.long-menu{min-width:505px;}
.dropdown-menu a{color:#404040 !important; transition:background-color .3s;  padding:10px 15px; display: block; text-decoration: none}
.dropdown-menu li:hover a{color:#db0034}


/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-menu{display:flex; flex-wrap: wrap; gap: 0 4px;}
}

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}


.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative; float:left; width:20%; clear:left;}

.widget-container{width:20%; float:left;}

/*===================== SEARCH ======================*/
.search{ position:relative; float:left;  font-weight:normal;  height:25px;}
.search div{position:relative; float:left; border:1px solid #D6D2D2; border-bottom-left-radius:5px; border-top-left-radius:5px; width:50%; height:17px; padding:3px; padding-left:5px; padding-top:1px;}
.search a{color:#404040; position:relative; float:left; width:24px; height:15px; top:0px;  text-align:center; padding:4px;  background-color:#D6D2D2; color:#fff; border-bottom-right-radius:5px; border-top-right-radius:5px; text-decoration:none;}
.search a:hover{text-decoration:none; color:#DA251C;}
.search input{ position:relative; float:left; background-color:transparent; border:none !important; color:#999999;}

/*Google Custom*/
.search-box > div{ position:relative !important; float:right; }
.search-box > div > span{ position:absolute; right:0px; float:right;  z-index: -1; font-size:22px; }

.gsc-input{background: white; padding:0 !important}
.gsc-input *{border: none !important; padding:0 !important; box-shadow: none !important}
.gsc-search-box{ padding: 0px !important; height: 26px;}
.gsc-input-box{margin:0 !important; height:27px !important; width:165px; background-color: transparent !important}
.gsc-input{height:32px !important; border: solid 1px white; margin:0; margin-top:-5px !important}
.gsc-search-box input{height:auto !important; width:auto !important; background: none !important; font-size:.9em !important}
button.gsc-search-button, button.gsc-search-button:hover{background-color: #2A336E !important; border: none !important; border-radius: 0 !important;padding: 5px !important ;margin: 0 !important;}
#___gcse_0 > form > table.gsc-search-box > tbody > tr > td.gsc-search-button{opacity: 0}

.search ::-webkit-input-placeholder {color: white;}
.search ::-moz-placeholder{color: white;}
.search :-ms-input-placeholder {color: white;}
.search :-moz-placeholder {color: white;}

.home-banner{ display:flex; margin:auto; position:relative; max-width:1663px; width:100%;text-align:center; overflow:hidden;    box-shadow: 0px 7px 18px -10px rgba(0, 0, 0, 0.3);}
.csslider1 > .cs_description > label > .cs_title .cs_wrapper{font-size: 55px; text-transform: uppercase; font-weight: bold}
.csslider1 > .cs_description > label > .cs_title strong{display: block; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin-bottom: 10px}
.csslider1 > .cs_description > label > .cs_descr .cs_wrapper{font-size: 16px; width: 100%}
.home-banner .btn-banner{text-decoration: none; font-size: 16px; font-weight: 600; color: #fff; display: inline-block; padding: 10px 15px; background: #db0034; margin-top: 15px; position: relative; text-transform: uppercase}

.intro-block{background-image: url("images/we-are-vexila.webp"); padding: 55px 15px; background-size: contain; background-repeat: no-repeat;background-position: right;}
.intro-block > div{max-width: 1024px; margin: auto}
.intro-block > div > div{width: 57.8%; display: flex; flex-direction: column;}
.intro-block > div > div > span{ font-weight: 800; color: #1b1b35; font-size: 39px; line-height: 40px}
.intro-block > div > div > p{font-size: 16px; color: #1b1b35;line-height: 28px}
.intro-block > div > div > strong{text-transform: uppercase; color: #db0034; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: 10px; font-weight: 800;}
.intro-block .btn-intro{ font-size: 13px; border: solid 2px #db0034; font-style: normal; text-transform: uppercase; text-decoration: none; padding:10px 15px; color: #1b1b35; margin-top: 30px; max-width: 155px; text-align: center; font-weight: bold;}

.intro-solutions{background-image: url("images/power-solution.webp"); padding: 55px 15px; background-size:cover; background-repeat: no-repeat; background-attachment: fixed;}
.intro-solutions > div{max-width: 1024px; margin: auto; display: flex; justify-content: flex-end;}
.intro-solutions > div > div{width: 57.8%; display: flex; flex-direction: column;}
.intro-solutions > div > div > span{ font-weight: 800; color: #fff; font-size: 39px; line-height: 40px}
.intro-solutions > div > div > p{font-size: 16px; color: #fff;line-height: 28px}
.intro-solutions > div > div > strong{text-transform: uppercase; color: #db0034; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: 10px;font-weight: 800;}
.intro-solutions .btn-intro{ font-size: 13px; border: solid 2px #db0034; font-style: normal; text-transform: uppercase; text-decoration: none; padding:10px 15px; color: #fff; margin-top: 30px; max-width: 190px; text-align: center; font-weight: bold;}

.intro-power-block{background-image: url("images/powerlines-industry.webp"); background-size: cover; background-repeat: no-repeat; min-height:500px}
.intro-power-block > div{max-width: 1024px; margin: auto; padding: 55px 15px}
.intro-power-block > div > div{width: 57.8%; display: flex; flex-direction: column;}
.intro-power-block > div > div > span{ font-weight: 800; color: #1b1b35; font-size: 39px; line-height: 40px}
.intro-power-block > div > div > p{font-size: 16px; color: #1b1b35;line-height: 28px}
.intro-power-block > div > div > strong{text-transform: uppercase; color: #db0034; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: 10px; font-weight: 800;}
.intro-power-block .btn-intro{ font-size: 13px; border: solid 2px #db0034; font-style: normal; text-transform: uppercase; text-decoration: none; padding:10px 15px; color: #1b1b35; margin-top: 30px; max-width: 155px; text-align: center; font-weight: bold;}

.vacancies-block{font-size: 18px; margin: 30px 0}
.vacancies-block span{text-transform: uppercase; color: #db0034; font-size:24px; letter-spacing: 2px;; display: block; margin-top: 26px}

main>section:not(#hero):not(.facts-block):not(.innovation-block):not(.thesele-block):not(.contact-block){padding:clamp(95px,5vw,170px) 0}
.kicker{margin:0 0 24px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
main section h2{margin:0;font-size:clamp(52px,6vw,60px);line-height:.92;letter-spacing:-.06em}
main section h2 span{color:var(--red)}
main {  overflow: visible;}

.index-title{margin:0;color:#777;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.facts-block{background:#fff;border-bottom:1px solid rgb(16 16 20 / 15%)}
.facts-block .container{display:flex; flex-wrap: wrap}
.facts-block article{display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:155px;padding:34px;border-left:1px solid rgb(16 16 20 / 15%)}
.facts-block article:last-child{border-right:1px solid rgb(16 16 20 / 15%)}
.facts-block strong{color:#db0034;font-size:40px;letter-spacing:-.05em; margin-bottom: 10px}
.facts-block span{max-width:170px;color:var(--muted);line-height:1.5}

.quality-block,.leadership-block,.about-block{ background-color:#f4f2ee; margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2); padding: clamp(95px, 10vw, 170px) 0;}
.quality-block{margin-bottom: -15px;}
.about-block >.container:first-child,.integration-block >.container:first-child{display:flex;align-items:flex-end;gap:55px;    padding: 0 15px; max-width: 1280px; margin: auto; width: 100%; flex-wrap: wrap;}
.about-block >.container:first-child>.index-title,.integration-block >.container:first-child>.index-title{flex:0 0 180px; text-align: left}
.about-block >.container:first-child>div,.integration-block >.container:first-child>div{flex:1}
.about-block >.container:first-child>p:last-child,.integration-block >.container:first-child>p:last-child{flex:.85;margin:0;font-size:19px;}
.aboutus-video{width: 45%; margin:0;font-size:19px;}

.story-block{display:flex;gap:55px;max-width: 1280px; margin: auto; width: 100%;margin-top:75px}
.chapters-block{position:sticky;top:125px;display:flex;flex:0 0 180px;flex-direction:column;align-items:flex-start;gap:16px;height:max-content}
.chapters-block a{padding-left:17px; border: transparent;border-left:2px solid transparent;color:#888;text-decoration: none; line-height: normal;}
.chapters-block a:hover,.chapters-block a.active{border-color:var(--red);color:var(--ink);}
.origins-block{display:flex;flex:1;flex-wrap:wrap;gap:55px 70px}
.origins-block article{display:flex;gap:28px;padding-top:22px;border-top:2px solid var(--ink)}
.origins-block article:first-child{flex-basis:100%}
.origins-block article:last-child,.origins-block blockquote{flex:1 1 340px;margin:0}
.origins-block time{flex:0 0 72px;color:var(--red);font-size:18px;font-weight:700}
.origins-block h3{margin:0 0 20px;font-size:30px}
.origins-block article p{margin:0;color:#414147;line-height:1.9}
.origins-block blockquote{align-self:flex-start;padding:35px 38px;background:var(--red);color:#fff;font-size:27px;line-height:1.25}
.origins-block blockquote::before{content:"“";display:block;height:45px;font:70px/.5 Georgia,serif}

.integration-block{overflow:hidden;background:#fff;color:#101014;margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2);}
.integration-block>.container:first-child{border-color:#33343a}
.integration-block .index{color:#8d8d93}
.integration-block.kicker,.innovation-block .kicker,.contact-block .kicker{color:#ff5375}
.integration-block>.container:first-child>p:last-child{color:#aaaab0; line-height:1.8}
.container.about-integration-block:first-child>p:last-child{color:#000;}
.caphead-block{max-width: 1280px; margin: auto; width: 100%; padding: 0 15px; }
.caphead-block p{font-size: 20px}

.capabilities-block{display:flex;flex-wrap: wrap;gap:20px; max-width: 1280px; margin: auto; padding: 0 15px; width: 100%}
.capabilities-block::-webkit-scrollbar{display:none}
.capabilities-block article{ width: 32%;background:#24252b;}
.capabilities-block img{width:100%;display: block; height:230px;object-fit:cover; filter:grayscale(.25) contrast(1.05);}
.capabilities-block article div{padding:0 28px}
.capabilities-block small{color:var(--red);font-size:11px;font-weight:800; display: none}
.capabilities-block h2{margin:18px 0 14px;font-size:22px; line-height: 28px; letter-spacing: unset;color: #fff}
.capabilities-block p{color:#a8a8ae;}

.leadership-block .container,.quality-block .container,.thesele-block .container,.contact-block .container{display:flex;align-items:center;gap:8vw; max-width: 1280px; width: 100%; margin: auto; flex-wrap: wrap}
.leadership-block figure{position:relative;flex:.92;margin:0}
.leadership-block figure::before{content:"";position:absolute;;inset:-20px 20px 20px -20px;background:var(--red)}
.leadership-block figure img{width:100%;height:auto;object-fit:cover; position: relative;}
.leadership-block figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:16px 20px;background:rgba(16,16,20,.93);color:#fff;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.leadership-block .container>div{flex:1.08}
.leadership-block .index,.quality-block .index{margin-bottom:65px}
.leadership-block h2,.quality-block h2{margin-bottom:42px;font-size:clamp(48px,5vw,60px)}
.leadership-block .container>div>p:not(.index):not(.kicker){color:#4f4f55; line-height:1.9}
.leadership-block .container>div>a{display:inline-flex;gap:35px;margin-top:23px;padding-bottom:9px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; text-transform: uppercase;
    text-decoration: none; color: #000;}

.innovation-block{position:relative;overflow:hidden;padding:105px 0;background:var(--red);color:#fff;margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2);}
.innovation-block::before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.09) 42% 44%,transparent 44% 53%,rgba(255,255,255,.09) 53% 55%,transparent 55%),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 100%,100% 34px}
.innovation-block .container{position:relative;display:flex;align-items:center;gap:60px; max-width: 1280px; width: 100%;  margin: auto;}
.innovation-block .container>strong{flex:.75;font-size:clamp(100px,13vw,210px);line-height:.7;letter-spacing:-.09em}
.innovation-block .container>strong small{margin-left:8px;font-size:.16em;letter-spacing:0}
.innovation-block .container>div{flex:1.3}
.innovation-block h2{margin-bottom:28px;font-size:clamp(48px,5vw,60px)}
.innovation-block .container>div>p:last-child{max-width:680px;color:rgba(255,255,255,.78);line-height:1.8}
.innovation-block .container>b{flex:.35;color:transparent;font-size:170px;-webkit-text-stroke:1px rgba(255,255,255,.45)}

.quality-block .container{align-items:flex-start;gap:10vw}
.quality-block .container>div{flex:1}
.quality-block .container>div:first-child{position:sticky;top:150px}
.quality-block .container>div:last-child>p{margin:0 0 38px;color:#424248;font-size:16px;line-height:2}
.quality-block article{display:flex;align-items:center;gap:24px;margin:45px 0;padding:25px;border:1px solid var(--line);background:#fff}
.quality-block article svg{width:74px;height:74px;padding:11px;background:var(--red);fill:none;stroke:#fff;stroke-width:5}
.quality-block article strong,.quality-block article span{display:block}
.quality-block article strong{font-size:24px}
.quality-block article span{color:var(--muted);}

.thesele-block{padding:85px 15px;background:#e9e6e0;margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2);}
.thesele-block .container{justify-content:space-between}
.thesele-block h2{font-size:clamp(42px,4.5vw,68px)}
.thesele-block img{width:100%;max-width:520px;padding:25px;background:#06283d}

.contact-block{position:relative;overflow:hidden;padding:110px 0;background:var(--ink);color:#fff;margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); margin-bottom: -15px;}
.contact-block .container{position:relative;z-index:2;align-items:flex-end}
.contact-block .container>div:first-child{flex:1.2}
.contact-block .container>div:last-child{flex:.8;padding-bottom:12px}
.contact-block h2{font-size:clamp(64px,8vw,70px)}
.contact-block .container>div:last-child p{max-width:480px;margin:0 0 35px;color:#a4a4aa;font-size: 20px}
.contact-block .btn2{background:#fff;color:var(--ink) !important}
.contact-block>strong{position:absolute;right:-20px;bottom:-105px;color:transparent;font-size:clamp(170px,28vw,430px);line-height:.7;letter-spacing:-.1em;-webkit-text-stroke:1px #34343a}

.quick-block{background:#fff;border-bottom:1px solid var(--line); margin-top: -15px; margin-left: calc((100vw - 1265px) / -2);
    width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2); padding: 0 !important}
.quick-block .container{display:flex; flex-wrap: wrap; max-width: 1280px; width: 100%; margin: auto}
.quick-block article{display:flex;flex:1;flex-direction:column;min-height:255px;padding:40px;border-left:1px solid var(--line)}
.quick-block article:last-child{border-right:1px solid var(--line)}
.quick-block small{color:#888;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.quick-block h2{margin:35px 0 18px;font-size:38px;letter-spacing:-.04em}
.quick-block a{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--ink); font-weight:800; text-decoration: none; color: #000;}
.quick-block a span{color:var(--red)}
.quick-block p{margin-bottom: 0; color:var(--muted);}

.contact-form-block{ background-color:#f4f2ee; margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2); padding: clamp(95px, 10vw, 170px) 0; flex-wrap: wrap}

.contact-form-block,.location-block,.ethics-block{padding:clamp(70px,5vw,165px) 0 !important}
.contact-form-block .container{display:flex;align-items:flex-start;gap:9vw; max-width: 1280px; width: 100%; margin: auto;flex-wrap: wrap}
.contact-form-block aside{position:sticky;top:135px;flex:.78}
.contact-form-block aside>.index{margin-bottom:60px}
.contact-form-block aside>p:nth-child(2),.location-block .container>div>p:nth-child(2),.ethics-block .container>div>p:nth-child(2),#closing .container>div:first-child>p{margin:0 0 23px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.contact-form-block aside h2{margin-bottom:35px; font-size:49px}
.contact-form-block aside>p:nth-of-type(3){max-width:500px;color:#4c4c52;line-height:1.8}
.contact-form-block address{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line);font-style:normal}
.contact-form-block address strong{margin-bottom:8px;font-size:20px;letter-spacing:.13em;text-transform:uppercase}
.contact-form-block address a{color:var(--muted);font-size:18px; text-decoration: none}
.contact-form-block .enquiry{display:flex;flex:1.22;flex-wrap:wrap;gap:25px 24px;padding:52px;background:#fff;box-shadow:0 24px 75px rgba(20,20,24,.08)}


.location-block{background:#fff;color:#101014;margin-left: calc((100vw - 1265px) / -2);
    width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2);}
.ethics-block .container,.location-block .container{display:flex;align-items:center;gap:8vw; max-width: 1280px; width: 100%; margin: auto; flex-wrap: wrap}
.location-block .container>div{flex:.8}
.location-block .index{margin-bottom:65px;color:#888}
.location-block h2{margin-bottom:45px;font-size:clamp(54px,6vw,88px)}
.location-block address{font-style:normal}
.location-block address strong{display:block;margin-bottom:18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.location-block address p{color:#a9a9af;line-height:1.8}
.location-block address a{display:inline-flex;gap:35px;margin-top:15px;padding-bottom:9px;border-bottom:1px solid #fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; color: #fff; text-decoration: none;}
.location-block figure{position:relative;flex:1.2;margin:0}
.location-block figure::before{content:"";position:absolute;z-index:0;inset:-18px 18px 18px -18px;background:var(--red)}
.location-block iframe{position:relative;z-index:1;display:block;width:100%;height:500px;border:0;filter:grayscale(1) contrast(1.05)}
.location-block figcaption{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:17px 20px;background:rgba(16,16,20,.93);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.location-block figcaption strong{color:#ff5375}
.location-block figcaption span{color:#fff}

.ethics-block{background:var(--soft);margin-left: calc((100vw - 1265px) / -2);  width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2); margin-bottom: -15px;}
.ethics-block .container{display:flex;align-items:center;gap:8vw}
.ethics-block figure{position:relative;flex:.88;margin:0}
.ethics-block figure::before{content:"";position:absolute;inset:-18px 18px 18px -18px;background:var(--red)}
.ethics-block figure img{width:100%;height:350px;object-fit:cover; position: relative}
.ethics-block .container>div{flex:1.12}
.ethics-block .index{margin-bottom:65px}
.ethics-block h2{margin-bottom:36px;font-size:clamp(52px,5.4vw,82px)}
.ethics-block .container>div>p:nth-of-type(3){max-width:610px;color:#4c4c52;font-size:16px;line-height:1.85}
.ethics-block .btn2{margin-top:22px}

.eyebrow{display:flex;align-items:center;gap:12px;color:var(--red);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.eyebrow:before{content:"";width:38px;height:2px;background:currentColor}
.header-block > div > span{margin:14px 0 0;font-size:clamp(2.4rem,5vw,5rem);line-height:1;letter-spacing:-.045em; font-weight: bold;}
.header-block > div{width: 55%;}
.header-block{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header-block > p{width: 40%;margin:0;color:#666977;}
    #range header{position:static;border:0;background:none;backdrop-filter:none}
    #range header .row{min-height:auto;align-items:flex-end}
.products-main-block > section{padding: 50px 0 !important}
.products-block{display:flex;flex-wrap:wrap;gap:18px;margin-top:52px}
.products-block article{position:relative; display:flex; flex-direction:column; width:48%; padding:28px; background:#f7f7f8; border:1px solid transparent; overflow:hidden; transition:.25s ease}
.products-block.three-products-block article{width: 32%}
/*.products-block article:hover,.products-block article.active{border-color:var(--navy); background:#fff; transform:translateY(-4px)}*/
.product-eyebrow .eyebrow{font-size: 1.78rem;}
.products-block article:before{content:attr(data-no);position:absolute;top:20px;right:24px;color:#c5c6cc;font-size:3.5rem;font-weight:800;letter-spacing:-.08em; display: none}
.products-block img{height:auto;width:100%;object-fit:contain;margin:20px 0 10px; max-height: 200px}
.products-block small{color:var(--red);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.products-block h2{margin:9px 0 0;font-size:1.65rem;line-height:1.18; letter-spacing: normal;}
.products-block article strong,.products-block h2 strong{ font-weight: normal; font-size: 18px; display: block; color: #666977; margin: 5px 0; line-height: 22px;}
.products-block dl{display:flex;gap:36px;margin:auto 0 0;padding-top:24px;border-top:1px solid var(--line)}
.products-block dt{font-size:.72rem;color:#777a86;text-transform:uppercase;letter-spacing:.12em}
.products-block dd{margin:3px 0 0;font-weight:800;font-size:1.05rem}

.product-cta{padding:0;background:var(--red);color:#fff; margin-left: calc((100vw - 1265px) / -2); width: 100vw; margin-right: calc((100vw - 1265px) / -2); padding-inline: calc((100vw - 1265px) / -2);}

.product-cta .wrap{max-width: 1280px; width: 100%;  margin:auto}
.product-cta .row{display:flex;align-items:center;justify-content:space-between;gap:32px; flex-wrap: wrap}
.product-cta article{max-width:760px;padding:70px 0}
.product-cta h2{font-size:clamp(2.8rem,3vw,6rem);margin: 14px 0 0; line-height: 1; letter-spacing: -.045em;}
.product-cta p{max-width:580px;font-size:1.1rem}
.product-cta .btn{background:#fff;border-color:#fff;color:var(--navy)}
.product-cta aside{align-self:stretch;display:flex;align-items:flex-end;padding:34px;border-left:1px solid rgba(255,255,255,.35);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}

.facilities-block{max-width: 1280px; width: 100%;  margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between;    border: solid 2px #fff;}
.facilities-block{}
.facilities-tabs{width: 33%;top: 120px; position: sticky; height: fit-content;}
.facilities-text{width: 65%; padding: 15px; background-color: #fff; color: #666977;}
.facilities-tabs > div a{display: block; padding: 10px; color:#202020; border-left: 2px solid #fff;  text-decoration: none;border-bottom: 1px solid #fff;background: linear-gradient(90deg, #0057b812, transparent);}
.facilities-text > div{ width:100%; display: flex; flex-wrap: wrap; align-items: baseline;}
.facilities-text > div:not(.active){ display:none}

.facilities-tabs .active-tab a{ color:#db0034;background: linear-gradient(90deg, rgb(184 0 0 / 7%), #ff000000)}
.facilities-tabs .active-tab .fa-fw{visibility: visible}
.facilities-tabs > div:hover a{background: linear-gradient(90deg, rgb(184 0 0 / 7%), #ff000000)}
.facilities-tabs > div:hover .fa-fw{visibility: visible}
.facilities-tabs > div .fa-fw{visibility: hidden}
.facilities-text-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px 0;}
.facilities-text-block > h2{ font-size: revert; letter-spacing: normal; margin: revert; color: #202020; width: 100%; margin-bottom: 0}
.facilities-text-block > ul{display: flex; flex-wrap: wrap; gap: 10px; margin:24px 0 0; padding: 0; width: 100%}
.facilities-text-block > ul > strong{width: 100%; display: block;}
.facilities-text-block > ul > li{padding: 7px 10px; background: var(--soft); color: #4f5360; list-style: none;}
.facilities-text-block > div{ width: 48%; padding: 28px; background: #f7f7f8;; margin: 10px 0; overflow:hidden;border-radius: 4px;}
.facilities-text-block > div p{color: #000;border-top: 1px solid var(--soft); padding-top: 14px; margin-bottom: 0}
.facilities-text-block .facilities-img{width: 100%}
.facilities-text-block > div:first-of-type .fa{ color:#07074e}
.facilities-text-block > div img{ width:100%; height:auto; display:block;    transition: all .3s;}
.facilities-text-block > div:hover img{ transform: scale(1.05);box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 50%);}

.page-title{width: 100%;background-image: url("images/silicone-rubber-injection-moulding.webp"); display: flex; }
.page-title.contactus-title{width: 100%;background-image: url("images/electrical-technology.webp"); display: flex; background-position: center;}
.page-title.vacancies-title{width: 100%;background-image: url("images/career-prospects.webp"); display: flex; }
.page-title > div{ color: #fff; max-width: 1280px; width: 100%; margin:50px auto}
.page-title > div > div{width: 55%}
.page-title > div > div h1{font-size: 39px;}
.page-title > div > div strong{ font-weight: 800; text-transform: uppercase;   color: #db0034; font-size: 16px; letter-spacing: 2px;}
.page-title > div > div p{font-size: 16px; line-height: 28px;}
.page-title .btn-page{ font-size: 14px; border: solid 2px #db0034; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 15px; display: inline-block; margin: 15px 0;}
.page-title{}

/*===================== Contact us ======================*/
.enquiry{ display:table;width:100%; margin:auto; }
.captcha {color:#666;}
.enquiry h2{}
.enquiry table{width: 100%}
.enquiry table tr{width: 100%}
.enquiry table tr td{padding:  5px 0}
.enquiry .btn1 {margin-top: 22px; font-weight: bold; padding: 12px 15px; color: white !important; border-radius: 1px !important; text-decoration:none}
.enquiry input, .enquiry select, .enquiry textarea{background-color: white; color: #666; font-family:Arial, Helvetica, sans-serif; padding: 12px 0; width: 100%; font-size: 16px !important; border: none; border-bottom: 1px solid #c0c0c0;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.disclaimer-text ul li,.disclaimer-text ol li{ padding:5px 0}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:50%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px; color: #214580 !important; background-color: transparent;}
.tcs-block > td > div {display: flex;flex-wrap: nowrap;align-items: center;justify-content: unset !important;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #202020 !important; font-weight:normal; text-decoration: none}

/*======================== THANK YOU & ERROR 4040 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

/*===========================FORM===========================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}


/*------------------ FOOTER --------------*/
.footer{ color:#1b1b35; width:100%;  background-color:#f5f5f5; display:table;}
.footer > div{text-align:left; width:100%; max-width:1280px; margin: auto; padding:50px 15px 15px; font-size:15px; line-height:22px; display: flex; flex-wrap: wrap; justify-content: space-between}
.contact-footer{width: 40%;display: flex; flex-wrap: wrap; justify-content: space-between}
.contact-footer ul{}
.footer .footer-logo{width: 10%; display: none}
.footer .footer-logo img{width: 100%; height: auto; display: block}
.footer > div > div:first-of-type{ }
.footer > div ul{ padding:0;margin: 0; color: #202020}
.footer > div > div strong{display: block; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; color:#1b1b35; position: relative; padding-bottom: 18px; width: 100%}
.footer > div > div strong:before {content: ""; background:#db0034; width: 60px; height: 4px; border-radius: 5px; position: absolute; left: 0; bottom: 0;}
.footer > div > div strong:after{content: ""; background:#db0034; width: 15px; height: 4px; border-radius: 5px; position: absolute; left: 65px;  bottom: 0;}
.footer > div ul li{ list-style:none}
.footer > div ul li a{ color:#202020;text-decoration: none;}
.footer > div ul li:hover a{ color: #1b1b35}

.footer .footer-social-media{display: flex; flex-wrap: wrap; gap:0 10px}
.footer .footer-social-media a{color: #1b1b35; height: 35px; width: 35px; display: flex; flex-wrap: wrap; border-radius: 3px; text-align: center; border: 1px solid #aeaeae;justify-content: space-around; align-items: center; background-color: #fff; text-decoration: none;}
.footer .footer-important-links{display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between;}
.footer .footer-important-links ul{ border-left: 1px solid #1b1b35; padding-left: 15px; width: 48%;}
.footer .footer-important-links ul li{padding: 5px 0; position: relative}
.footer .footer-important-links ul li:before { content: ""; background: #1b1b35; width: 10px; height: 1px; position: absolute; left: -15px; top: 50%;}

.footer .footer-address{}
.footer .footer-address li{padding: 5px 0}

.footer-bottom{padding: 12px 0; display: table; width: 100%; background-color:#f5f5f5;}
.footer-bottom > div{width: 100%; max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; border-top: solid 1px #1b1b35; padding: 0 15px; justify-content: space-between;}
.footer-bottom ul{ padding:0;}
.footer-bottom li{ float:left; padding-right:20px; list-style:none;color:#202020; font-size:12px}
.footer-bottom li a{ text-decoration:none; color:#202020}
.footer-bottom ul:last-of-type li a{font-weight: bold}


.row{clear: left;}
.row0{clear: left; line-height:1px;}

@media not all and (min-resolution:.001dpcm) {
}
@media (min-width: 1664px) and (max-width: 2560px){
	
}

@media only screen  and (min-width : 2280px){
}

@media screen and (max-width: 1280px){
}
@media (min-width: 1025px) and (max-width: 1330px){
	.footer{ padding:0 10px }
	
}

@media only screen and (max-width: 1024px){
	body{ display: table}
	
	
}
@media (min-width: 600px) and (max-width: 1023px){
	.csslider1 > .cs_description > label{top: 15% !important}
	.csslider1 > .cs_description > label > .cs_title .cs_wrapper{font-size: 40px;}
	
	.facts-block article{ padding: 20px 10px; min-height: unset}
	.page-title > div > div{width: 100%; padding: 0 15px}
	main>section:not(#hero):not(.facts-block):not(.innovation-block):not(.thesele-block):not(.contact-block){ padding: clamp(30px, 5vw, 170px) 0; width: 100%}
	
	.products-block.three-products-block article{width: 48%}
	.product-cta{ padding: 0 !important; margin: auto; width: 100%}
	.product-cta .row{padding: 0 15px}
	.product-cta article{padding: 15px 15px 0}
	.product-cta aside{ padding: 0 20px 20px;}
	
	.product-cta,.contact-form-block, .location-block, .ethics-block,.quick-block,.integration-block,.quality-block, .leadership-block, .about-block{margin: auto}
	.about-block >.container:first-child, .integration-block >.container:first-child{gap: 20px;}
	.capabilities-block article{width:48%}   
	.about-block >.container:first-child>p:last-child, .integration-block >.container:first-child>p:last-child{flex:unset}
	.facilities-text-block > div{ width: 50%; padding: 15px;}
	}


@media screen and (max-width:599px){
	body{display: block}
	.back_page{padding: 0}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.logo{width: 60%;left: unset;}
	.section-2, .section-section{width:100%;}	
	.section-header{width: calc(100% - 50px); float: right; height: 100%}
	.menu-top-container{height: 100%; justify-content: space-around;}
	.widget-container{width: 50%;}
	.intro-power-block > div > div,.intro-power-block > div,.intro-solutions > div > div,.intro-block > div > div{width: 100%}
	
	.intro-power-block > div > div > span,.intro-block > div > div > span,.intro-solutions > div > div > span{font-size: 32px; line-height: 36px;}
	
	.product-cta,.contact-form-block, .location-block, .ethics-block,.quick-block,.integration-block,.quality-block, .leadership-block, .about-block{margin: auto}
	.capabilities-block article,.aboutus-video,.facts-block article{width: 100%}
	.facts-block article{flex: unset;}
	.facts-block span{max-width:100%}
	.caphead-block p br, main section h2 br{display: none}
	.contact-form-block aside,.quality-block .container>div:first-child{position: unset}
	.about-block >.container:first-child>p:last-child, .integration-block >.container:first-child>p:last-child{flex:unset}
	.contact-form-block, .location-block, .ethics-block{padding: clamp(40px,5vw,165px) 0 !important}
	
	.leadership-block .container, .quality-block .container, .thesele-block .container, .contact-block .container{padding: 0 15px}
	.about-block >.container:first-child, .integration-block >.container:first-child{ gap: 20px;}
	.capabilities-block article div{ padding: 0 15px;}
	
	.facts-block article{ padding: 20px 10px; min-height: unset}
	.page-title > div > div{width: 100%; padding: 0 15px}
	main>section:not(#hero):not(.facts-block):not(.innovation-block):not(.thesele-block):not(.contact-block){ padding: clamp(30px, 5vw, 170px) 0;}
	
	.product-cta{ padding: 0 !important}
	.product-cta .row{padding: 0 15px}
	.product-cta article{padding: 15px 15px 0}
	.product-cta aside{ padding: 0 20px 20px;}
	
	.header-block{padding: 0 15px}
	.facilities-text-block > div,.facilities-text-block > ul > li,.facilities-text,.header-block > div,.header-block > p{width: 100%}
	.facilities-text-block > div{padding: 14px}
	
	.facilities-tabs{width: 100%; position: unset}
	
	.products-block{padding: 0 15px}
	.products-block article{padding: 15px}
	.products-block article,.location-block .container>div,.location-block figure{width: 100% !important}
	.contact-form-block aside,.location-block .container>div{flex:unset}
	.location-block h2{ font-size: clamp(39px, 6vw, 88px);}
	.quick-block article{min-height: unset; flex: unset; padding:20px 15px; width: 100%}
	.quick-block h2{ font-size: 32px;}
	.contact-form-block aside>p:nth-of-type(3){max-width: unset}
	.contact-form-block{padding: 0 15px !important}
	.contact-form-block .enquiry{padding: 15px}
	.enquiry table tr td{display: block}
	
	.ethics-block .container, .location-block .container{padding: 0 15px}
	.contact-form-block .enquiry{margin-bottom: 15px;}
	.contact-form-block aside h2{font-size: 38px;}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10%}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{height: auto; }
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.home-banner:before{content: ""; position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom:0;color: #fff; margin: 0; font-size: 20px; line-height: 26px; left: 0; width:100%; height:100%; z-index: 2;}
	.csslider1 > .cs_description > label{ top: 19% !important}
	.home-banner .cs_title h1{ font-size:26px}
	.home-banner .cs_title .cs_wrapper{ font-size:26px !important}
	.home-banner .cs_descr .cs_wrapper{ margin:0 0 0 0; font-size:20px; line-height:26px}
	.home-banner .cs_wrapper br{ display:none}
	.home-banner .btn-learn-more{ margin-left:15px; margin-top:15px}
	.home-banner .cs-title-align{ margin:0}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.home-banner .btn-banner{ margin-top:15px; padding:10px 15px}
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.mobile-banner > span br{ display:none !important}

	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}	
	.nav > li{ width: 100%;}
	.nav > li > span, .nav > li > a{ color: #ffffff;line-height: 50px; padding: 0 15px; width: 100%; display: block;}
	.dropdown-menu li{width: 100%}
	.nav > li a:hover, .nav > li:hover > span, .nav > li:hover > a{color: #f1f1f1}

	
	.footer-bottom li{padding: 0 11px 10px 0}
	.contact-footer{ width: 100%; margin-bottom: 15px;}
	.footer-bottom{padding: 0}
}

@media screen and (max-width: 1024px){
	
		/*-------- For all screen --------*/
	.menu-top-container{height: 100%; justify-content: space-around; padding: 0 15px}
	.logo{ width: 60%; max-width: 300px; left: 0; top: 0; right: 0; bottom: 0; margin: 0;}

	.section-1{height: 100px;}
	.section-2, .section-section{width:100%;}	
	.section-header{width: 100%; height: 100%}
	.widget-container{width: auto;}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:90% !important}
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}
	.nav > li{ width: 100%;}
	.nav > li > span, .nav > li > a{ color: #ffffff;line-height: 50px; padding: 0 15px; width: 100%; display: block;}
	.dropdown-menu li{width: 100%}
	.nav > li a:hover, .nav > li:hover > span, .nav > li:hover > a{color: #f1f1f1}

	
	.menu-top{ background-color:#db0034; position:fixed; top:0; height:100px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100; left: 0}
	#mainNav{padding:10px;overflow-y:auto; height:calc(100vh - 100px);}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:100px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .section-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .section-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}