@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@100;300;500;700;900&display=swap');

*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:Montserrat, Arial, Helvetica, sans-serif; margin:120px auto auto auto; max-width:1663px; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#57adec;}
a:visited{color:#88c9f4;}
a:hover{ color:#88c9f4;}
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-link,.quick-enquiry-block,.menu-top>label,#mobi-toggle-search,.mobi-only,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:110px; 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:#4d9ad3;  border-radius:4px;  color: #fff !important; text-decoration:none}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; max-width:1140px; margin:20px auto; font-size:16px; color:#000; top:0px; padding:15px; line-height: 1.8em;}
.back_page ul,.back_page p{text-align:justify; font-weight:300}
.back_page-block{ position:relative; display:table; width:100%}
.back_page-block:before{ content:""; position:absolute; left:-25%; top:0; bottom:0; background-color:#ededed; width:50%; z-index:-1;}

.motor-control{position:absolute; visibility:hidden; z-index:999999;}
.motor-control-1{max-width:1663px; width:100%; height:120px; z-index:100;  background-color:#000; position:fixed; top:0;border-bottom: 6px solid #58b0ee}
.motor-control-header{ max-width:1280px; margin:auto; height:100%; display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
.motor-control-2{ position:relative; width:100%;}
.motor-control-section{ max-width:1280px; margin:auto auto;}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:45%; left:6%}

.menu-top label{display: none}
.nav{margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav > li{color:#fff; position:relative; list-style:none}
.nav > li:first-of-type:before{ display:none}
.nav > li > a{display: inline-block; color:#fff; font-weight: 500; line-height:110px; font-size:1.6em; text-decoration:none; transition:all .3s;}
.nav .prod-overview{ background-color: #58b0ee}
.nav .prod-overview a{ color: #fff !important}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:#58b0ee}

.dropdown-menu li{ position:relative; list-style: none;border-bottom:1px solid #f1f1f1; width:100%}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:0; margin:0; display: none; background-color:#f8f8f8; min-width:250px; left:0; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px}
.dropdown-menu a{color:#6f6f6f; transition:background-color .3s; text-decoration:none; padding:10px 15px; display:block; width:100%}

.products-dropdown{ min-width:500px;}
.products-dropdown > li{width:48%}
products-dropdown > li > ul > li:hover a{ background-color:transparent}
products-dropdown > li:hover a{ background-color:transparent}
.products-dropdown > li > ul > li:hover > a{ background-color: #01AEF0; color:#58b0ee}
.products-dropdown > li > ul{padding:0;}


/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:flex !important; flex-wrap:wrap;justify-content: space-between;}
}

.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; width:18%; top:0 }
.logo a{ text-decoration:none;}
.logo a strong{ color:#fff; position: absolute; bottom: 0px; left: 11px; font-size: 9px; text-transform: uppercase;}
.logo img{ display:block}

.widget-container{width:16%; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.widget-container > a{ text-decoration:none; border: solid 2px #01aef0; padding:11px 17px; font-size:18px; color:#fff; font-weight:500 }

/*===================== SEARCH ======================*/
.search { position: relative;  font-weight: normal; height: 32px; padding: 5px; border-radius: 30px; font-size: 18px; border: 2px solid #01AEF0; background-color: #01AEF0; width: 32px !important;display: flex; justify-content: space-around; align-items: center; }
.search a { text-align: center; text-decoration: none;transition: all .3s; }
.search a:hover{opacity:.7}
.search a i { color: rgb(255, 255, 255); }
.search .fa { margin: auto; width: 100%; height: auto; display: block; }
.search .fa-window-close { opacity: 0.8; position: absolute; top: 3px; font-size: 22px; left: 3px; display: none; }

.search-box{position: absolute; right:0px; padding:5px; top:100%; z-index:101; background-color:#fff; color: #fff; border-radius: 4px; font-size: 18px; width:100%; transition:all .3s;border-bottom: 4px solid rgb(74 147 215); }
.search-box input{border: none; padding:5px; width:100%; height:62px; color: #2e5da9; font-size: 32px; border-bottom: 1px #58b0ee solid;outline: 0;}
.search-box span{cursor: pointer;}
.search-box > div{ position:relative !important; max-width:830px; width:100%; margin:auto;padding-bottom: 15px; left:17%}
.search-box > div > span{ position:absolute; right:3px; float:right; height:40px; width:40px !important; border-radius:30px; font-size: 33px; border: solid 2px #58b0ee; background-color:#58b0ee; top:14px; display: flex; align-items: center; justify-content: center; padding-left: 3px; }
.search-box > div a{ color:#fff; display: block; width: 100%; text-align: center;}

.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;}

.search-box ::-webkit-input-placeholder {color: #58b0ee;}
.search-box ::-moz-placeholder{color: #58b0ee;}
.search-box :-ms-input-placeholder {color: #58b0ee;}
.search-box :-moz-placeholder {color: #58b0ee;}

.home-banner{ display:flex; margin:auto; position:relative; max-width:1663px; width:100%;text-align:center; background-color: #f5f5f5;}
home-banner::before{content:"";width:100%;height:100%;position:absolute;background: rgba(0,0,0,.5);top:0;left:0;right:0; z-index: 2;}
.home-banner .cs_title .cs_wrapper strong,.home-banner .cs_title .cs_wrapper{ font-size:50px; text-align:left; line-height:60px; text-transform:uppercase}
.home-banner .cs_title .cs_wrapper strong{ margin:0; }
.home-banner .cs_descr .cs_wrapper{ font-size:19px; line-height:32px}
.home-banner .btn1{ font-size: 18px; padding: 15px 5px; display:table; margin-top:30px; transition:all .3s; text-decoration:none; border-radius:0}
.home-banner .btn1:hover{ background-color:#fff; color:#000 !important; font-size:18px;text-shadow:none}

.event-block{ max-width: 1280px; margin: auto; display: flex; margin-top: 25px}
.event-block img{ width: 100%; height: auto; display: block}

.pop-up-45{position: fixed; z-index: 999999999; bottom: 0; left: 0; width:100%; background:rgb(0 0 0 / 80%); height:130px; text-align:center; display: none}
.pop-up-45-close{position: absolute; right:40px; top:6px; cursor: pointer; color: #fff; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 14px;line-height: 28px; padding:0 8px; background-color:#00b1f1}
.pop-up-45 img{border-radius:4px; display:block;box-shadow: 0 0 10px 2px #010101;}
.pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:4%; max-width:1140px; position: relative; margin:auto; width:100%; padding:0 10px; display:flex; justify-content: space-around; align-items: center; height: 100%;}
.pop-up-45 > div > div{ display:flex; align-items: center; justify-content: space-around; flex-wrap: wrap;}
.pop-up-45 > div > div h2{ width:100%; font-weight:normal; text-align:center; color:#fff}
.pop-up-45 > div p, .pop-up-45 > div p a{ color:#fff; margin:0; font-size:16px}
.pop-up-45 > div p{ width:100%}
.pop-up-45 > div a{ text-decoration:underline}

.categories-block{ display: flex; width: 100%; margin-bottom: 45px; flex-wrap: wrap}
.categories-block > div{ max-width:1280px; margin:40px auto; display:flex; background: url("images/electronic-motor-control-solutions.webp") no-repeat; justify-content: space-around; flex-wrap:wrap; width: 100%; background-size: cover;}
.categories-block > span{ width: 100%; margin-top:30px; text-align: center; display: block; font-weight: 600; font-size: 30px; text-transform: uppercase; line-height: 40px;}
.categories-block > span strong{ color: #55aae2}
.categories-block > div > div{min-width:14%; border-top-left-radius: 3px; border-top-right-radius:3px; margin:1.5% 0; overflow:hidden; display: flex; align-items: center; margin-bottom: -26px;}
.categories-block > div > div a > div:last-of-type{ position:relative; display:flex;overflow: hidden; z-index: 1;}
.categories-block > div > div a > div:first-of-type{ height:258px}
.categories-block > div > div h2{ font-size:16px; font-weight:300; color:#fff; margin:0; background-color:#55aae2; padding:5px 10px 5px 10px; position:relative; height:48.8px; width:140px; left:3px}
.categories-block > div > div h2:after{ content:""; position:absolute; right:-35px; top:0; display:block; width:72px; height:50px; background-color:#55aae2; transform: rotate3d(1, 1, 1, 45deg); z-index: -1;}
.categories-block > div > div img{ max-height:130px; margin: auto; display: none}
.categories-block > div > div a{ color:#3593d6; text-decoration:none; width: 100%;}
.categories-block > div > div a .fas{ font-size:32px}

.service-block{display:table; max-width:1663px; width:100%; padding:50px 0; margin:auto; background-color:#fff}
.service-block > div{ max-width:1280px; margin: auto; display:flex; flex-wrap:wrap;justify-content:space-between; }
.service-block > div > span{font-weight: 600; font-size: 32px; color: #57aeec; padding: 34px 0;}
.service-block > div > strong{ width:100%; font-size:29px; color:#343741; font-weight:normal; display:block; margin-bottom:33px}
.service-block > div > p{font-size:16px; line-height:28px;    text-align: justify;}
.service-block > div > p a{ color:#000}
.service-block > div > p:last-of-type{ margin:0; }
.service-block > div > div{ width:15%; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.service-block > div > div img{ height: auto; display: block;}
.categories-block > div p{font-size: 15px; text-transform: none; line-height: 26px; color: #646464; margin-top:0; text-align:justify}
.service-block > div > div strong{ font-size:22px;width:100%; margin-top: 20px; display:flex; justify-content: space-around; align-items: center;}
.service-block > div > div strong a{ text-decoration:none; color: #231f20; display: flex; align-items: center;}
.service-block > div > div strong a .fas{ font-size:14px; margin-left: 10px;}
.service-block > div > div p{ font-size:16px; line-height:26px; margin-bottom:0; border-bottom: 4px solid #58b0ee; padding-bottom:23px}

.service-repair-block{ background-color: #55aae2; display: flex; flex-wrap: wrap;padding:50px 0;}
.service-repair-block > div{ max-width: 1349px; width: 100%; margin: auto}
.service-repair-block > div > div{ width: 100%; max-width:725px; margin:10px auto; color: #fff; font-size: 30px; display: flex; flex-wrap: wrap; align-items: end;}
.service-repair-block > div > div:last-of-type{justify-content: end;}
.service-repair-block > div > div:last-of-type img{margin-left: unset;}
.service-repair-block > div > div:last-of-type p{ text-align: right}
.service-repair-block > div p{ font-weight: 300; margin: 0}
.service-repair-block > div > div > div:first-of-type{ margin-right: 40px}
.service-repair-block > div > div > div img{ display: block; margin-left: auto; height: auto; width: 100px;}
.service-repair-block > div > div > div strong{ display: block; margin-top: 10px; font-size: 36px}

.footer-stripe{ max-width: 1024px;margin: auto; width: 100%; text-align: center}
.footer-stripe p{ font-size: 32px; text-transform: uppercase; font-weight: 600;}

.home-intro{ display:flex; flex-wrap:wrap; max-width:1663px; width:100%; margin:0 auto 120px auto}
.home-intro > div:first-of-type{ background-color:#58b0ee; padding:0 71px 0 0}
.home-intro > div:first-of-type > div{ padding:10% 7% 11% 7%}
.home-intro > div:first-of-type .btn1{background-color:#fff; color:#58b0ee !important; text-decoration:none; border-radius: 26px;text-transform: uppercase; padding:14px 28px; font-size:14px; border: 0 solid #fff; transition:all .3s }
.home-intro > div:first-of-type .btn1:hover{ opacity:.9}
.home-intro > div{ width:50%; color:#fff; position:relative}
.home-intro > div:last-of-type{  top:10%}
.home-intro > div p{ font-size:18px; line-height:32px}
.home-intro > div h3{font-weight: normal; font-size: 36px; margin-top:0}
.home-intro > div img{ width:110%; height:auto; display:block; position:relative;top: 10%;left:-10%;}

.intro-logo{width: 100%; display:table; text-align:center; background-color:#55aae2; padding-top:25px}
.intro-logo > div{ position:relative; width:100%; padding-bottom:20px}
.intro-logo > div > div{max-width: 1280px;display: table;margin:0px auto;position:relative;width:100% !important;overflow:hidden;}
.intro-logo > div > div > a {position:relative; display:inline-block; width:17%; height:auto; margin-left:1.5%; margin-right:1.5%; cursor: pointer; overflow:hidden}

.intro-logo > div > div > a > img{width: 100%; max-height:100px; object-fit: contain;}
.fade-out-brands{opacity: 0; transition: all 0.5s}
.intro-logo > div > span{font-size:35px;color:#fff; padding: 0 20px; display:block; margin:26px 0; text-transform: uppercase; width: 100%; font-weight: 700;}
.intro-logo > div .btn1{ margin:auto; }

.intro-news{ margin-bottom:50px; text-align:center}
.intro-news > .btn1{color: #fff; text-decoration: none; margin-top: 35px; background-color: #231f20;}
.intro-news > span{ text-align:center;font-size: 32px; line-height: 40px; font-weight:normal; color: #424242; margin-bottom:35px; display:block; margin-top:26px}
.menu_blog { display:flex; flex-wrap:wrap; max-width:1280px;justify-content:space-between; margin:auto; width:100%}
.menu_blog .snippet-img{position: relative; height: 145px; background-size: cover; background-position: center;}
.menu_blog .snippet-img > p{position: absolute; z-index: -1; width: 100%; padding: 10px;}
.menu_blog .snippet-text > div{ height:90px; font-size: 14px; line-height: 23px; text-align: left;}
.intro-news .menu_blog > div{ width:31%;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.125); border-top: 5px solid #2375bb; padding:28px }
.snippet-text > strong a{ text-decoration:none; line-height:24px; color:#3a3a3a; font-size:18px; }
.snippet-text >  strong{text-align:left; display:block; margin:13px 0}
.snippet-img{ height:145px}
.snippet-text > span > a{ text-decoration:none; color:#4a93d7; font-size:14px}

.home-industries-block{ background-color:#fff; padding-top:40px}
.home-industries-block > div{ width:100%; max-width:1280px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; text-align: center;}
.home-industries-block > div p{ width: 100%; font-size:20px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px}
.home-industries-block > div > span{ font-weight: bold; width: 100%;font-size:34px; text-transform: uppercase; display: block;margin-bottom: 30px;}
.home-industries-block > div > span h1{ width: 100%;font-size:34px; text-transform: uppercase;  display: inline;}
.home-industries-block > div > div{ width:13%; text-align:center}
.home-industries-block > div > div strong{ font-weight:300; font-size:18px; text-transform:uppercase; display:block; margin-top:20px}
.home-industries-block > div > div > a{ text-align:center; text-decoration:none; color:#000}
.home-industries-block > div > div > a span{ height:70px; width:82px; display:table; background:url(images/icons/industries.webp) no-repeat;background-size: cover; background-position: 0 0; margin:auto}
.home-industries-block > div > div:nth-of-type(2) > a span{ background-position-x:17%}
.home-industries-block > div > div:nth-of-type(3) > a span{ background-position-x:34%}
.home-industries-block > div > div:nth-of-type(4) > a span{ background-position-x:50.8%}
.home-industries-block > div > div:nth-of-type(5) > a span{ background-position-x:68%}
.home-industries-block > div > div:nth-of-type(6) > a span{ background-position-x:84.5%}
.home-industries-block > div > div:nth-of-type(7) > a span{ background-position-x:100%}

.brands-logo{ width:100%; display:flex; margin: auto; margin-top:25px;flex-wrap: wrap; justify-content: space-between;}
.brands-logo > div{ position:relative; width:30%; margin-bottom:3%;}
.brands-logo > span:nth-of-type(4n+5){ margin-right:0}
.brands-logo > div > img{width:100%;  height:auto; display:block}
.brands-logo > div > span{ display:block;margin-top: -40px; margin-left: 30px;}

.page-title{display:table; position:relative; width:100%; background:url(images/varispeed-supports-customers.png) no-repeat; background-size: 100% 100%; min-height:272px}
.page-title:before{ content:""; width:100%; position:absolute; bottom:-48px; left:38%; background:url(images/icons/arrow.png) no-repeat; background-size: cover; height: 143px; width: 96px;}
.page-title > div > div{ width:46%}
.page-title > div > div h1 strong{font-weight: 400;}
.aboutus-title{ background:url(images/motor-control-automation-solutions.jpg) no-repeat;background-size: cover;}
.contact-page-title{background:url(images/contactus-banner.jpg) no-repeat; background-size:cover;}
.page-title > div{ max-width:1140px; width:100%; margin:auto; position:relative; color:#fff; display: flex; justify-content: space-between; padding:0 15px; }
.page-title > div h1{ font-size:48px; height:118px; font-weight: 300; text-align:right}
.industrial-title{background:url(images/industrial-products.jpg) no-repeat; background-size:cover;}
.quality-assurance-title{background:url(images/customer-support-services.jpg) no-repeat; background-size:cover;}
.careers-title{background:url(images/careers-banner.jpg) no-repeat; background-size:cover;}
.electrical-manufacturing-title{background:url(images/quality-products.jpg) no-repeat; background-size:cover;}
.page-title.general-page-title:before{left:26%;}
.solutions-title h2{font-size: 40px; font-weight: 400;}
.training-title > div > div h2{ font-weight:300; font-size:32px; line-height:40px; text-align:right; margin:36px 0}
.industries-title:before{ content:""; width:100%; position:absolute; top:0; left:0; background:url(images/top-industries.jpg) no-repeat; height:260px;background-size: cover;}
.faq-title:before{ content:""; width:100%; position:absolute; top:0; left:0; background:url(images/faq-top.jpg) no-repeat; height:260px;background-size: cover;}
.career-title:before{ content:""; width:100%; position:absolute; top:0; left:0; background:url(images/career.jpg) no-repeat; height:260px;background-size: cover;}

.training-img{ position:relative}
.training-img img{ width:100%; height:auto; border-radius:4px;}
.supports-customers-block h2{ width:100%; bottom:10px; left: 35px; color:#58b0ee; font-size:30px}
.text-block h1{ margin-top:10px}

.training-strip{ background-color: #50a1d8; display: flex; flex-wrap:wrap; justify-content:space-between;}
.training-strip > div{ max-width: 1140px; width: 100%; margin: auto; padding:  10px 0}
.training-strip > div > span{ font-size:40px; color: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.training-strip > div > span b{ font-weight: 800; font-size:65px}
.training-strip-info{max-width: 1140px; width: 100%; margin: auto; }
.training-strip-info > div > p{ text-align: center}

.training-place24,.training-info24,.training-place,.training-info{display:flex; flex-wrap:wrap; justify-content:space-between;}
.training-block-info24:not(.active),.training-block-info:not(.active){ visibility: hidden}

.training-block-info24:not(.active) > *{ display: none !important}
.training-info24 > div,.training-info > div{ width: 31%; display: flex; position: relative; flex-wrap: wrap}
.training-place24 > div,.training-place > div{position: relative; min-width: 29%; overflow: hidden}
.training-info24 > div p,.training-info > div p{ text-align: center}
.training-info24 > div p:last-of-type,.training-info > div p:last-of-type{ margin-top: 0}
.training-info24 a,.training-info a{ text-decoration: none}
.training-info24 .date-block24,.training-info .date-block{display:flex; flex-wrap:wrap; justify-content:space-between;}
.training-info24 .date-block24 > div,.training-info .date-block > div{ display: flex; width: 100%; align-items: stretch; flex-wrap: wrap; margin: 4px 0;
    font-weight: 800; font-size: 19px;}
.training-info24 .date-block24 > div > div,.training-info .date-block > div > div{ width: 50%; text-align: center; border: solid 3px #57adec;}
.training-info24 .date-block24 > div > div:first-of-type,.training-info .date-block > div > div:first-of-type{ background-color:#57adec;color: #fff; display: flex; align-items: center; justify-content: space-around; }
.training-place24 .btn2,.training-place .btn2{ color:#fff; transition:all .3s; text-decoration: none; display:flex; background-color:#9398a0; height:60.8px; align-items: center; padding: 5px 10px 5px 10px; width:88%; font-size: 28px; font-weight: 800; justify-content: space-evenly;}
.training-place24 .active-tab24 .btn2,.training-place .active-tab .btn2{ background-color: #50a1d8}
.training-place24 .active-tab24 .btn2:after, .training-place .active-tab .btn2:after{  background-color: #50a1d8 !important}
.training-place24 .btn2:after,.training-place .btn2:after{ content:""; position:absolute; right:3px; top:-3px; display:block; width:72px; height:63px; background-color:#9398a0; transform: rotate3d(1, 1, 1, 65deg); z-index:-1;transition:all .3s; }

.training-place24 .btn2:hover,.training-place .btn2:hover{ background-color:#50a1d8; color:#fff}
.training-place24 .btn2:hover:after,.training-place .btn2:hover:after{background-color:#50a1d8;}
.bottom-strip{ margin-top: 50px}
.bottom-training-place24 .btn2,.bottom-training-place .btn2{ background-color: #9398a0}
.bottom-training-place24 .btn2:after,.bottom-training-place .btn2:after{  background-color: #9398a0}

.supports-customers-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0;}
.supports-customers-block > h2{ margin-top:0}
.supports-customers-block > div{ width:46%}
.supports-customers-block > div:last-of-type{ width:52%}
.supports-customers-block > div ul strong{ margin-left:-20px}
.supports-customers-block > div ul{ font-weight:300; line-height:28px; margin:0}

.value-proposition-block:before{ content:""; width:100%; position:absolute; top:0; left:0; background-color:#4d9ad3; height:260px}
.value-proposition-block > div > div:last-of-type{ width:22%;}

.services-title > div > div{display:flex; flex-wrap:wrap; flex-direction: column; justify-content: space-between; width:250px}
.services-title > div > div img{ width:100%; height:auto; display:block}
.services-title > div > div > span{ display:block; width:64.5%}

.certificates{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px auto}
.certificates > div{display:flex; flex-direction:column; align-items: center; width:27%; margin-bottom:3%}
.certificates > div img{border: 1px solid #999; border-radius:4px; width:100%; height:auto; display:block}
.certificates > div .btn1{margin-top: 10px;font-size:16px;transition:all .3s;text-decoration: none;display:flex;background-color:transparent;height:48.8px;align-items: center;padding: 5px 10px 5px 10px;width:100%; position:relative; font-weight:normal; border-radius:0; overflow:hidden;}
.certificates > div .btn1:after{ content:""; position:absolute; right:1px; top:0; display:block; width:72px; height:50px; background-color:#4d9ad3; transform: rotate3d(1, 1, 1, 45deg); z-index:-1;transition:all .3s; }
.certificates > div .btn1:before{ content:""; position:absolute;top:0; display:block; width:88%; height:100%; background-color:#4d9ad3;  z-index:-1;transition:all .3s; left:0 }

.certificates > div .btn1 .fas{opacity: .5;}
.certificates > div .btn1:hover{ opacity:.8}

.values-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:30px}
.values-block > div{box-shadow: 0 22px 34px 0 rgba(0,20,117,.07); background-color:#fff; width:48%;padding: 20px;}
.text-block-img {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;    margin: 30px 0;}
.text-block-img > div{ width:32%}
.text-block-img > div img{ width:100%; height:auto; display: block; border: 1px solid #b4b4b4; border-radius: 5px; padding: 4px;}

.intro-sub{ display:table; width: 75%; margin-left: auto; font-size:18px}
.aboutus-intro{display:flex; flex-wrap:wrap; justify-content:space-between; }
.aboutus-intro > h2{font-size:42px; font-weight: 800; text-transform: uppercase; line-height: 47px; width:24%; margin-top:20px; margin-left:-55px}

.sub-page{display: flex; flex-wrap: wrap;justify-content: space-between; max-width:1663px; margin:auto;font-size:16px; color:#000; top:0px; line-height: 1.8em; overflow:hidden; background-color:#86d3f4}

.sub-text-block > h2{ font-size:40px; font-weight: 400;}
.bespoke-manufacturing-form{ margin-top:30px}
.bespoke-manufacturing-form table{ width:100%}
.text-block.mission-vision-block{display: flex; flex-wrap: wrap;justify-content: space-between; }
.text-block.mission-vision-block > div{ width:32%;display: flex; flex-wrap: wrap;justify-content: space-between; background-color: #f3f3f3; padding: 20px; padding-bottom: 0;border-radius:4px}
.text-block.mission-vision-block > div h2{ margin-top:0}
.text-block.mission-vision-block > div > span{ width:15%}
.text-block.mission-vision-block > div > span img{ width:100%; height:auto; display:block}
.text-block.mission-vision-block > div > span:last-of-type{ width:82%; color:#261d18}
.mission-vision-main{ max-width:1280px}

.brand-essence-block{ color:#261d18; margin-top:40px}
.brand-essence{display: flex; flex-wrap: wrap;justify-content: space-between; margin-bottom:40px}
.brand-essence h3{ width:100%; margin-bottom:0}
.brand-essence ul{ width:30%}
.brand-essence-block ul {background-color: #f3f3f3; padding: 20px; border-radius:4px}
.brand-essence-block ul li{ list-style:none; display: flex; align-items: baseline;}
.brand-essence-block ul li .fas{ margin-right: 15px;color: #55a9e7;}

.services-repairs-ul{ padding-left:20px; margin-top:30px;}
.services-repairs-ul strong{ margin-left:-20px; font-weight:normal; margin-bottom:10px; display:block}
.quality-assurance-block{ background-color:#dff0f8; width:100%; display:table; padding:40px 50px; position:relative; margin-top:40px}
.quality-assurance-block:before{ content:"";background:url(images/icons/quote.png) no-repeat; width:85px; height:85px; background-size: contain; display:block; position:absolute; top:-50px; right:40px}
.quality-assurance-block > h2{ margin-top:0; font-size:36px}

.career-block{ margin-bottom:50px}
.career-block > div > div{ display: flex; justify-content: space-between;}
.career-block > div > div:first-of-type{ margin:20px 0 30px}
.career-block > div > div > span{ width:25%}
.career-block > span{font-size: 35px;}

.career-versatile-block{display: flex; flex-wrap: wrap;justify-content: space-between; border-top: solid 2px #58b0ee;     border-bottom: solid 2px #58b0ee; padding:35px 0; margin:35px 0}
.career-versatile-block > div{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between;}
.career-versatile-block > div h2{ font-size:18px; text-transform:uppercase; margin-bottom:0}

.documents-list{ display:table; margin-top:50px; width:100%}
.documents-list h2{ margin-top: 50px}
.documents-block{box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.28); margin: 10px 0}
.documents-block p{padding: 10px; margin:0;}
.documents-block h3{ margin:0px; padding: 10px; font-size: 24px; font-weight: normal; cursor: pointer; color:rgba(255,255,255,1); background-color:#55a9e7; transition:all 0.5s; display: flex}
.documents-block h3 .fas, .documents-block h3 .fa{ margin-right:10px !important}
.documents-block h3:hover{background-color: #6ac9f3; color:#fff;}
.documents-info{ display:none;padding: 20px 35px; }
.documents-info ul{ padding: 0; margin: 0}
.documents-info > div{ width:100%; display:table; border-bottom:1px solid #c1c1c1;transition:all 0.5s;background-color:rgb(68, 108, 170); color:rgba(255,255,255,.6)}
.documents-info > div:hover a,.documents-info > div:hover{color:#fff; background-color: rgba(7,7,78,1)}
.documents-info > div:hover a{ border:solid #fff 2px}
.documents-info > div > div{ width:50%; float:left; font-size:20px; padding:20px 10px}
.documents-info > div > div:first-of-type{ padding:27px 12px}
.documents-info .btn2{border-radius: 4px;padding: 8px 12px; display: inline-block;  border: 2px solid rgba(255,255,255,.6); font-size: 14px; color:rgba(255,255,255,.6); font-weight:600; float:right;transition:all 0.5s}

.industries-block img{width:100%; height: auto; display:block}
.industries-block{ width:100%; display:flex; flex-wrap: wrap;justify-content: space-between; margin-top:40px}
.industries-block > div{ width:48%; margin-bottom:30px;}
.industries-block > div h2{position:relative; margin: 0;background-color: #4d9ad3;color: #fff;font-weight: normal;display: flex; align-items: center; width:165px; padding: 5px 10px 5px 10px;font-size:16px; left:30px;text-transform: uppercase;line-height: 20px; height:48.8px}
.industrial-food-beverage-block h2{ min-width:72%}
.industries-block > div h2:after{ content:""; position:absolute; right:-35px; top:0; display:block; width:72px; height:50px; background-color:#4d9ad3; transform: rotate3d(1, 1, 1, 45deg); z-index: -1;}

.industries-block > div > div{ display:block; position:relative}
.industrial-food-beverage-block > div:first-of-type span,.industries-block .industries-block-img span{ display:block; width:100px; position:absolute; right:20px; bottom:20px}
.industrial-food-beverage-block > div:last-of-type span,.industries-block .industries-text-block span{ position:relative; top:-23px; overflow:hidden; display:block; z-index:1; width:100%}
.industries-block > div > div span img{ width:100%; height:auto; display:block}
.industrial-food-beverage-block{ width:100% !important}
.industrial-food-beverage-block > div:last-of-type{ display:flex; flex-wrap: wrap;justify-content: space-between; }
.industrial-food-beverage-block > div:last-of-type div{ width:48%}

.journey-block{ width:100%; display:flex; flex-wrap: wrap;justify-content: space-between; padding-bottom:20px; margin-top:50px; }
.journey-block > h2{ font-size:30px; margin-bottom:30px}
.journey-block > div{ width:31%; position:relative}
.journey-block > div img{ width:100%; height:auto; display:block}
.journey-block > div span{position: relative; top: -23px; left:30px; overflow: hidden; display: block; z-index: 1; width: 100%;}
.journey-block > div h2{position:relative;height: 28px;margin: 0;background-color: #4d9ad3;color: #fff; display: table;min-width: 50%;padding: 10px 15px;font-size: 22px; text-transform: uppercase; font-weight: 300;}
.journey-block > div h2:after{ content:""; position:absolute; right:-35px; top:0; display:block; width:72px; height:50px; background-color:#4d9ad3; transform: rotate3d(1, 1, 1, 45deg); z-index: -1;}

.versatile-block{ width:100%; display:flex; flex-wrap: wrap;justify-content: space-between; padding-bottom:20px; margin-top:20px; }
.versatile-block > h2{ font-size: 30px; margin-bottom: 30px;}
.versatile-block > div{ width:30%; position:relative; text-align:center; border-bottom:solid 5px #58b0ee; margin-top:25px}
.versatile-block > div p{ text-align:center; }
.versatile-block ~ strong{ font-size: 34px; margin-top: 40px; margin-bottom: 20px; display: block;}

.sub-text-block .versatile-block > div h2{font-size: 20px; text-transform: uppercase;}

.quality-assurance{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin-top:55px;color:#fff}
.quality-assurance > div{ width:70%}
.quality-assurance > div p strong{ font-size:20px}
.quality-assurance > div:last-of-type{ width:25%; margin-top:20px}
.quality-assurance > div:last-of-type p{ text-align:center; margin-top:0}
.quality-assurance > div span{ display:flex; flex-wrap:wrap; flex-direction: column; align-items: center;}
.quality-assurance > div span strong{ display:block; margin-top:10px}
.quality-assurance > div span:last-of-type{ border-top: solid 4px #fff; padding-top:20px}

.back_page-bg{ position:relative;width:100%; display:table; margin-bottom:60px}
.back_page-bg .sub-text-block h3{ color:#56ace1}
.back_page-bg .back_page{ margin-top:0; padding-top:0}
.back_page-bg .quality-assurance { }
.back_page-bg h3{ margin:0}
.back_page-bg:before{ content:""; width:100%; display:table; background-color:#58b0ee; position:absolute; height:100%; top:0; left:0; background-size: cover;}

.value-proposition-block > div > div{ position:relative; width:500px}
.value-proposition-block > div > div > span{ width:31.5%}
.engineering-solutions{ position:absolute; font-size:18px; width:55%; right:0; bottom:0 }
.engineering-solutions > strong{ display:block; line-height:22px}
.engineering-solutions > strong:last-of-type{ color:#000; margin-top:30px; margin-bottom:6px}

.investing-block{display:flex; flex-wrap: wrap;justify-content: space-between; margin-top:50px; margin-bottom:80px}
.investing-block > div{ width:23%; text-align:center; border:solid 4px #000}
.investing-block > div p{ text-align:center; margin-top:10px; line-height:24px}
.investing-block > div img{ width:100%; height:auto; display:block}
.investing-block > div h2{ margin-bottom:0; font-size:20px;}

.what-we-do-block{display:flex; flex-wrap: wrap;justify-content: space-between; margin-bottom:20px}
.what-we-do-block > div{ width:48%; position:relative}
.what-we-do-block > div > p:first-of-type{ margin-top:0}
.what-we-do-block > div > p:last-of-type{ margin-bottom:0}
.investing-block ~ h2{ font-size:30px}
.what-we-do-block > div:last-of-type{ background-color:#dff0f8; color:#4d9ad3; display: flex; align-items: center; text-align: center; flex-wrap: wrap; font-size:26px; padding:0 90px}
.what-we-do-block > div:last-of-type:before{ content:"";background:url(images/icons/motion-drives.png) no-repeat; width:85px; height:85px; background-size: contain; display:block; position:absolute; top:-50px; left:40px}
.what-we-do-block > div:last-of-type strong{ font-weight:normal; line-height:38px}

.product-overview-block{ max-width:1140px; margin:40px auto; display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-overview-block > div{ width:31.5%; border-top-left-radius: 3px; border-top-right-radius:3px; margin:1.5% 0; overflow:hidden;}
.product-overview-block > div a > div:last-of-type{ position:relative; display:flex;overflow: hidden; top: -23px; z-index: 1;}
.product-overview-block > div h2{ font-size:16px; font-weight:400; color:#fff; margin:0; background-color:#55aae2; padding:5px 10px 5px 10px; position:relative; height:48.8px; width:140px; left:30px;line-height: 20px}
.product-overview-block > div h2:after{ content:""; position:absolute; right:-35px; top:0; display:block; width:72px; height:50px; background-color:#55aae2; transform: rotate3d(1, 1, 1, 45deg); z-index: -1; }
.product-overview-block > div img{ width:100%; height:auto; display:block}
.product-overview-block > div a{ color:#3593d6; text-decoration:none}
.product-overview-block > div a .fas{ font-size:32px}

.services-main-block{display: flex; justify-content: space-between; flex-wrap: wrap; }
.services-main-block > div > h1{ width:100%; font-size:40px; text-align: center; text-transform:uppercase; font-weight:900; color:#24262e; margin-top:0; line-height:42px}
.services-main-block ul{ padding-left:20px}
.services-main-block >  div > h1 strong{ font-weight:normal}
.services-main-block >  div > span{display: block; width: 18%; height: 1px; background-color: #88c041; margin-bottom:30px}
.services-main-block > div{ width:43%; position:relative}
.product-img:before{ content:""; position:absolute; border: solid 5px #58b0ee; width: 100%; height:92%; top: 7%; right: 6%; z-index: -1;}
.product-img{ width:48% !important; min-height:343px}
.services-main-block >  div img{ width:100%; height:auto; display:block;box-shadow: 2px -2px 2px 1px rgb(0 0 0 / 20%);}
.sub-call2action-block{ width:100%; max-width:1282px; display: flex; flex-wrap: wrap;justify-content: space-between; margin:30px auto;}
.sub-call2action-block .btn2{ color:#fff; font-size:16px; transition:all .3s; text-decoration: none; display:flex; background-color:#4d9ad3; height:60.8px;align-items: center; padding: 5px 10px 5px 10px; width:82%}
.sub-call2action-block .btn2:after{ content:""; position:absolute; right:3px; top:-3px; display:block; width:72px; height:63px; background-color:#4d9ad3; transform: rotate3d(1, 1, 1, 65deg); z-index:-1;transition:all .3s; }

.sub-call2action-block .btn2:hover{ background-color:#58b0ee; color:#fff}
.sub-call2action-block .btn2:hover:after{background-color:#58b0ee;}
.sub-call2action-block li{ list-style:none; width:16%; overflow:hidden; display:flex; position:relative}
.sub-call2action-block ul{ padding:0; width: 100%; display: flex; justify-content: space-between; flex-wrap:wrap; margin:0}

.aboutus-main-block{ margin-top:20px}
.aboutus-main-block > div > p:first-of-type{ margin-top:0}
.aboutus-main-block ul li{ list-style:none; display: flex; align-items: baseline;}
.aboutus-main-block ul li .fas{ color:#58b0ee; margin-right:15px}
.aboutus-main-block > ul{ padding:0; margin-top:50px}
.aboutus-list > h2{ margin-top:0}
.aboutus-list ul{ padding:0}
.aboutus-list li{ list-style:none; display:flex; align-items: baseline;flex-wrap: wrap; justify-content: space-between;    line-height: 24px; padding-bottom: 10px;}
.aboutus-list li span{ width:93%}
.aboutus-list li .fas{color: #89c13c; margin-right: 10px;}
.aboutus-list li ul{ width:100%; margin-top:10px; padding: revert;}
.aboutus-list li ul strong{ margin:10px 0; display:block}
.research-development-img:before{height: 85%;}

/*===================== DOWNLOAD ======================*/
.download-brochure{ display:block; padding:0px; margin:0px; color:#494848; font-weight:bold; font-size:11px;}
.download-brochure div{position:relative; float:left; width:120px; height:230px; margin-right:5px; margin-left:5px; text-align:left;}
.download-brochure img{border:#CCCCCC 1px solid; margin-bottom:2px; width:100px; height:140px;}
.download-brochure img:hover{opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.download-brochure a{font-size:11px; margin:0px; text-align:left; padding:0px; position:relative; float:left; margin-top:5px;}
.download-brochure h3{ font-size:11px; color:#000; height:25px; position:relative; float:left; width:130px; margin-top:2px; margin-bottom:2px; line-height:12px; font-size:11px; color:#000; font-weight:normal; text-transform:capitalize;}

/*====================== CONTACT US =============================*/
.contactus-block{ width:100%; display:table; margin-top:30px}
.contactus-block h2{ font-weight:normal;}
.contactus-block > h2{ font-weight:normal; text-align:center; font-size:30px; text-transform:uppercase; height: 50px; position: relative; color:#57adec;}
.contactus-block > h2:after{content:'';position:absolute;bottom:-8px;left:50%;width:10px;height:10px;background-color:#fff;-webkit-transform:translate(-50%) rotate(45deg);-ms-transform:translate(-50%) rotate(45deg);transform:translate(-50%) rotate(45deg);border:3px solid #53a5e4;z-index:2}
.contactus-block > h2:before{content:'';position:absolute;bottom:-3%;left:50%;background-color:#53a5e4;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:3px;width:140px;}

.contactus-form > div{ float:left; width:40%}
.contactus-form > div:last-of-type{ padding-left:50px} 
.contactus-form > div:last-of-type > div > div{ float: left}
.contactus-form > div:last-of-type > div > div:first-of-type{ width:12%;}
.contactus-form > div:last-of-type > div > div:last-of-type{ float:right; width:82%;border-left: 3px solid #53a5e4; padding-left: 25px;}
.contactus-form > div:last-of-type > div > div:last-of-type > a{ display:block}
.contactus-form > div:last-of-type > div > div:last-of-type strong{ }
.contactus-form > div:last-of-type > div > div:last-of-type > span{ display:block; margin-bottom:10px}
.contactus-form > div p{ margin-bottom:0}
.contactus-form > div:last-of-type > div > div:first-of-type .far,.contactus-form > div:last-of-type > div > div:first-of-type .fas{font-size: 28px; color:#fff; background-color:#53a5e4; width:40px; height:40px; text-align:center; padding: 4px;border-radius: 4px; line-height: 32px;}
.contactus-form > div:last-of-type > div a{ color:#000; text-decoration:none}
.contactus-form > div:last-of-type > div{ width:100%; display:table;margin-bottom:30px; transition:all .3s;padding: 10px;}
.contactus-form > div:last-of-type > div:hover > div:last-of-type{border-left: 3px solid #fff;}
.contactus-form > div:last-of-type > div:hover{ background-color:#53a5e4; color:#fff; }
.contactus-form > div:last-of-type > div:hover h3,.contactus-form > div:last-of-type > div:hover a{ color:#fff}
.contactus-form > div:last-of-type > div:hover .fa{ background-color:#fff !important; color:#53a5e4 !important}
.contactus-form h2{ font-size:30px; line-height:35px; margin-bottom: 45px; color:#53a5e4}
.contactus-form > div > div h3{ margin:0;font-size: 16px; text-transform: uppercase; color:#53a5e4; text-align:left}
.contactus-form h2 > strong{ color:#010101; position:relative}
.contactus-form h2 > strong:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;background-color:#53a5e4;border:1px solid #53a5e4;z-index:2}
.contactus-form .enquiry{width:60%;}
.contactus-form .enquiry table{ width:100%}
.enquiry select { color:#999}
.enquiry a{ text-decoration:none; color:#fff !important; font-weight:600}
.enquiry a:hover{ opacity:.9}
.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{ border: solid 1px #ccc; background-color:#f4f4f4; padding:12px 10px;  width:100%; margin-bottom:4px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px;}
.enquiry textarea{border: solid 1px #ccc; background-color: #f4f4f4; width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px}

.contactus-extra-info{ width:100%;  padding:50px 0;background-color: #55aae2; display:table; margin-bottom:0}
.contactus-extra-info > div{ max-width:1140px; margin:auto; width:100%;display:flex; flex-wrap:wrap; justify-content:space-between;}
.contactus-extra-info > div > div{ width:32%; overflow: hidden;}
.contactus-extra-info > div > div h2{color:#000; margin:0;padding:20px 15px 10px; font-size: 24px;}
.contactus-extra-info > div  ul{ padding:0 15px 0; min-height: 140px;}
.contactus-extra-info > div ul li{ list-style:none; color: #fff; padding: 5px 0; font-size:16px;display: flex; justify-content: space-between; line-height:22px}
.contactus-extra-info > div ul li a{ text-decoration:none; color: #fff; display: flex; flex-wrap: wrap; width:100%}
.contactus-extra-info > div > div > ul > li > span,.contactus-extra-info > div > div > ul > li > a > span{ width: 90%;}
.contactus-extra-info > div ul li .fas{ color:#fff; margin-right:10px}
.contactus-extra-info iframe{ display:block; height:auto; width:100%}

.disclaimer-text ul{ padding:0 0 0 20px; margin:0}
.disclaimer-text li{ padding:5px 0; line-height:26px}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:42%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff;}
.tcs-block div {display: flex;flex-wrap: nowrap;align-items: center;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px;}
.tcs-block > td > div > label > span > a{color: #53a5e4 !important; font-weight:normal}

.login-details, .contactus-map{margin-top:15px; width:100%; margin-left:auto; margin-right: auto; }
.login-details p{ padding:0 5px}
.login-details{display: flex; flex-wrap: wrap; justify-content: space-between; width:60%; margin:auto; margin-top:30px; margin-bottom:30px}
.login-details textarea{font-family: inherit; font-size: 14px;}
login-details > div{ width:48%}

.bbbee-certificate{ display: flex; flex-wrap: wrap; justify-content: space-between; width:60%; margin:auto}
.bbbee-certificate .pdf{ margin-bottom:-28px; text-align:center; white-space:nowrap}
.bbbee-certificate .pdf a{font-size:16px; text-decoration:none; color:#01aef0 !important; font-weight:600; display: flex; justify-content: space-around;}
.bbbee-certificate .pdf span{ position:relative; bottom:5px}
.bbbee-certificate > div:last-of-type img{ border:solid 2px}
.bbbee-certificate > div img{ display:block}

.career-block-form h2{ margin-top:10px; }
.training-details  input, .training-details textarea, .career-block-form input, .career-block-form textarea{width:100%; padding:10px; margin: 10px 0; background-color:rgba(1, 174, 240, 0.13); border: solid 1px rgba(42,120,182, .4); border-radius:4px; }
.training-details input[type=tel]{ text-indent:10px}
.training-details input[type=button]{ background-color: #01AEF0; color: white; text-transform: uppercase; cursor: pointer; transition: all .5s;}
.training-details div:first-of-type{ border:none; margin-top:-20px}
.career-block-form textarea ::placeholder{ visibility:visible !important}
.career-block-form b{ font-size:14px}
.career-block-form input[type=button]{background-color:#01AEF0; color: white; text-transform:uppercase; cursor: pointer; transition: all .5s; }
.career-block-form input[type=button]:hover{background-color: white; color: rgba(42,120,182, 1); }

/*======================== 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:#4a93d7; padding:0 10px; width:100%; display:table;background-color:#000; font-size:14px; line-height:32px}
.footer-bottom > div,.footer > div{display:flex; flex-wrap:wrap; max-width:1280px; margin:auto; text-align:left; }
.footer > div{ padding:45px 0 15px}
.footer > div a{ color:#4a93d7}
.footer > div > div strong{ margin-top:0; margin-bottom:10px; display:block}
.footer > div > div strong a{ color:#d4d4d4; font-size:17px}
.footer-bottom > div ul,.footer > div ul{ padding:0; margin:0}
.footer > div > div:last-of-type .fab{ color:#d4d4d4; font-size:30px}

.footer > div > div:last-of-type ul{display: flex; flex-wrap: wrap; height:100%; flex-direction: row-reverse;}
.footer-bottom > div ul li,.footer > div ul li{ list-style:none}
.footer-bottom > div a,.footer > div a{ text-decoration:none; }
.footer div div{ position:relative; float:left; width:25%;}
.footer > div > div:last-of-type ul li:last-of-type{ height:0}
.footer > div > div:last-of-type ul li:last-of-type img{ max-width:300px; width:100%; display:block; height:auto}

.footer-bottom{ background-color:#000; color:#d4d4d4}
.footer-bottom > div,.footer-bottom > div ul{display: flex; flex-wrap: wrap;}
.footer-bottom > div ul a{color:#d4d4d4}
.footer-bottom > div ul li{ padding-right:15px}
.footer-bottom > div{ padding:15px 0; font-size:12px}

.footer-regions{ padding-top: 0 !important;}
.footer-regions ul{ display:flex;margin: 0; padding: 0; justify-content: space-between; width: 70%;}
.footer-regions ul li{ list-style:none; color:#fff;}

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

/*@media (min-width: 1664px) and (max-width: 2560px){*/
@media screen and (min-width: 1664px){
	body{ max-width:100%}
	.motor-control-1{width:100%;max-width:100%}
	/*.csslider1{max-width:100% !important}*/
	.home-banner,.service-block{max-width: 100%;}
	.home-banner{ max-height:none}
	
}

@media screen and (max-width: 1280px){
	.back_main, .back_page, .motor-control
	, .footer > div, .motor-control-section, .intro-container{width: 100%}
}

@media only screen and (max-width: 1024px){
	body{ display: table}
	.widget-container{ width:20%; padding-right: 15px;}
	.service-block{ padding:50px 15px}
	.categories-block{ padding:10px}
	.home-industries-block > div > div strong{font-size: 16px;}
	.home-industries-block{padding-bottom: 26px 15px;}
	.menu-top{ left:2%}
	.logo{ width:23%}
	.industrial-food-beverage-block h2{ width:81%}
	.sub-call2action-block .btn2{ font-size:13px; width: 78%;height: 57.8px;}
	.footer-bottom > div{ padding:15px}
	.home-banner .cs_descr .cs_wrapper{ font-size:16px}
}

@media (min-width: 800px) and (max-width: 1023px){
	.widget-container{ width:20%}
	.motor-control-1{ padding:0 15px}
	.categories-block{ padding: 0 !important}
	.categories-block > div{background-size: cover;}
	.logo{width: 23%;}
	.menu-top{ left:4%}
	.home-banner .cs_title .cs_wrapper h1{ font-size:40px}
	.csslider1 > .cs_description > label{ left:0; top: 25px;}
	.home-banner .cs_descr .cs_wrapper{font-size: 16px;}
	.categories-block{ padding:0 15px}
	.footer-bottom > div{ padding:15px}
	.categories-block > div > div a > div:first-of-type{ height: 190px}
	.categories-block > div > div h2 br{ display: none}
	.categories-block > div > div h2{width: 104px; font-size: 14px;}
	.categories-block > div > div{ width: 15%}
	.service-block > div > div strong{margin-top: 10px; font-size: 18px;}
}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto; left:unset;}
	.nav > li > a{ padding:0 8px !important; font-size: 14px;} 
	.widget-container{ width:23%; padding-right:10px}
	.widget-container > a{ font-size:16px; padding:11px 14px}
	.logo{ left:5px}
	.logo a strong{ bottom:-20px; width: 70%;}
	.categories-block{ padding:0 15px}
	.footer div div{ width:50%}
	.home-industries-block > div > div{ width:31%;margin-bottom: 3%;}
	.home-industries-block > div > div:nth-of-type(7) > a span{ background-position-x: 102%;}
	.footer-bottom > div{ padding:15px 10px}
	.service-block{ padding:50px 10px}
	.home-banner .cs_title .cs_wrapper h1{font-size: 35px; line-height: 40px;}
	.home-banner .cs_descr .cs_wrapper{ font-size: 12px;}
}

@media screen and (max-width:599px){
	body{display: block; margin-top:100px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only-link{ display:block}
	img{max-width: 100%; height: auto}
	.logo{max-width:156px; width:100%; left:0; top:0; height:80%}
	.motor-control-1{ height:100px}
	.motor-control-2, .motor-control-section{width:100%;}	
	.motor-control-header{ width:calc(100% - 50px); float:right;justify-content: space-around;}
	.widget-container{width:41%;justify-content:end; height:100%; padding-right:2px;}
	.widget-container > a{order:1; padding:7px 12px; font-size:16px; white-space: nowrap;width: 100%; text-align: center;}
	.search-box > div{ left:0}
	.search-box input{ font-size:24px}
	.search-box > div > span{ width:32px !important; height:32px}
	.search-box{ border-radius:0}
	
	.service-repair-block > div > div >div strong{font-size: 26px;}
	.service-repair-block > div > div > div img{width: 70px;}
	.service-repair-block > div p{font-size: 22px;}
	
	.product-overview-block > div{ width: 100%}
	.documents-info{ padding: 0}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ display:block ; height: 340px; background:url(images/motor-control.webp) no-repeat; background-size: cover; }
	.csslider1{ height:100%}
	.mobile-banner{ 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:54%}
	.home-banner .cs_title .cs_wrapper strong, .home-banner .cs_title .cs_wrapper{font-size:32px; line-height:44px;}
	.home-banner .btn1,.home-banner .cs_title .cs_wrapper strong br{ display:none}
	.csslider1 > .cs_description > label{ padding:0 !important}
	.home-banner .banner-title strong{font-size: 25px;padding: 0 15px; line-height:30px;text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);}
	.home-banner .cs_title .cs_wrapper{ padding:15px 10px; font-size:26px; margin-bottom:0; padding-bottom:0}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin: 0; padding:0 10px; font-size:20px; line-height:26px}
	.home-banner .banner-title h1 strong br{ display:none}
	.home-banner .cs-title-align{ margin:0}
	.mobile-banner > span strong{ 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}
	.quick-enquiry-block{ position:fixed; display:block;bottom: 2%;left: 4%; background-color:#2d2d2d;border-radius: 4px; z-index:9}
	.csslider1 > .cs_description > label{ top:0 !important; left:0 !important; transform: unset !important;}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.csslider1 > ul,.home-banner::before,.mobile-banner > span br{ display:none !important}
	
	.service-block > div > strong{ font-size:20px;line-height: 33px; margin-bottom:10px}
	
	.categories-block > div{ width:100%; background: none; margin: 0 0 40px auto;}
	.categories-block > div a > div:last-of-type{ left:11px}
	.categories-block > div p{ padding:0 15px}
	.categories-block > div > div img{ display: block; max-height: 125px}
	.categories-block > div > div a > div:first-of-type{ height: auto}
	.categories-block > div > div{ width: 50%; margin-bottom: 6%;}
	.categories-block > div > div h2{width: 100px; font-size: 14px; height: 46px; padding: 5px}
	.categories-block > div > div h2 br{ display: none}
	.service-block{ padding: 20px 15px}
	
	.home-industries-block > div > span h1{font-size: 30px;}
	.service-block > div > div{ width:50%; padding:20px 0; margin-bottom:0}
	.service-block > div > div strong{font-size: 20px;}
	.home-industries-block > div{justify-content: space-around;}
	.home-industries-block > div > div:nth-of-type(7) > a span{background-position-x: 101%;}
	.home-industries-block > div > div{ width:33%; margin-bottom:9%}
	.home-industries-block > div > div strong{ font-size:17px}
	.home-intro > div{ padding:0 !important; width:100%}
	.home-intro > div img{ top:0; left:0; width:100%}
	.intro-logo > div > div > a{ width:47%}
	.intro-logo > div > span{ font-size:23px; width:100%}
	
	.page-title > div h1{ white-space:normal; font-size: 34px; height:78px}
	.services-title > div > div{ width:100%}
	.services-title > div > div > span{ width:32%}
	.page-title:before{height: 60px; width: 40px; left: 22%; top: 67%;}
	.training-title > div > div h2{ line-height:24px;font-size: 17px;margin: 12px 0;}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ min-width:100%; margin:10px 0}
	.service-repair-block > div > div{ padding: 0 15px; font-size: 28px}
	.service-repair-block > div p br{ display: none}
	.footer-stripe{ padding: 0 15px}
	.footer-stripe p{font-size: 26px;}
	
	.sub-call2action-block ul li{ width:100%; margin-bottom:10px}
	.sub-call2action-block ul{justify-content:space-around; margin:auto; width:90%}
	.sub-call2action-block{ margin:0 auto 30px}
	.sub-call2action-block .btn2 br{ display:none}
	.supports-customers-block > div:last-of-type,.supports-customers-block > div{ width:100%}
	.supports-customers-block > div ul{ padding-left:20px}
	.sub-call2action-block .btn2{ padding:10px;min-width:89%;justify-content: space-around;text-align: center;}
	.industries-block > div h2{left:0}
	.sub-text-block > h2{ font-size: 35px;}
	.solutions-title h2{font-size: 20px;line-height: 34px;}
	.quality-assurance > div{ width:100% !important}
	.back_page-bg:before{height:100%;}
	.brands-logo span{ width:49%; margin-right:0}
	.documents-block h3{ font-size:20px}
	.tcs-block div input{ width:9%}
	.contactus-extra-info > div > div{ width:100%; margin-bottom:20px}
	.contactus-extra-info{ margin-bottom:30px}
	
	.training-strip > div{ padding:10px 15px; }
	.training-strip > div > span{justify-content: normal; font-size: 24px;}
	.training-strip > div > span strong{margin-right: 10px;}
	.training-strip > div > span b{ margin-left: 10px; font-size: 42px;}
	.training-info24 > div, .training-info > div{width: 100%}
	.training-block-info24:not(.active), .training-block-info:not(.active){ display: none}
	.training-place24 > div, .training-place > div{min-width: 90%; margin: 3px 0}
	
	.career-versatile-block > div{ width:50%}
	.career-block > div > div{flex-wrap: wrap;}
	.career-block > div > div > span{ width:auto}
	
	.quality-assurance-block{ padding:40px 20px}
	.quality-assurance-block > h2{ line-height:36px}
	.value-proposition-block > div > div:last-of-type,.what-we-do-block > div,.investing-block > div,.versatile-block > div,.journey-block > div,.industrial-food-beverage-block > div:last-of-type div,.industries-block > div{ width:100%}
	.investing-block > div,.versatile-block > div{ margin-bottom:20px}
	.what-we-do-block > div:last-of-type{ padding:30px; margin-top:60px}
	.engineering-solutions{ position:unset; width:100%; color:#000}
	.page-title{min-height: 120px;}
	.page-title > div h1{ font-size:20px;}
	.page-title > div{ flex-wrap:wrap; }
	.page-title > div > div{width:auto}
	.page-title > div > div:last-of-type{ width:60%}
	.value-proposition-block > div h1{ font-size:31px}
	.engineering-solutions > strong{ margin-top:10px}
	
	.brands-logo a{ width:47%; margin-right:0}
	.brands-logo{justify-content:space-between}
	.brands-logo > div{ width:100%}
	.certificates > div{ width:100%; margin-bottom:10%}
	
	.career-block table td{ display:block; width:100% !important; text-align: left !important; padding: 3px 7px; height: unset;}
	
	.contactus-form > div{ width:100% !important}
	.contactus-form > div:last-of-type{ padding:0}
	.contactus-extra-info > div{ width:100%}
	
	
	/*=============== 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}
	
	/*=============== 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%}
	.nav > li{ width:100%}	
	.nav > li > a{ width:100%; line-height:45px; color:#fff !important}
	.dropdown-menu{margin-left: 20px}
	
	.footer-regions{ display: none !important}
	.footer{ padding:0 15px}
	.footer-block > div{ width:100% !important; margin-bottom: 30px;}
	.footer-block > div:last-of-type{ margin-bottom: 0}
	.footer > div{ padding:15px 0 0}
	.footer > div > div:last-of-type ul{justify-content: space-between;}
	.footer > div > div:last-of-type ul li:last-of-type img{ max-width:210px}
	.footer-bottom{padding-bottom: 50px;}
	.footer-bottom > div > ul{ justify-content: space-between;}
	.footer-bottom > div > ul > li{ padding:5px 0}
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#58b0ee; width:250px;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:102px;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 ~ .motor-control-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .motor-control-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}