@font-face{
    font-family: "Montserrat-UltraLight";font-weight: 100;
    src: url("css/font/Montserrat-UltraLight.otf")format("opentype");
}@font-face{
    font-family: "Montserrat-Light.otf"; font-weight: 200;
    src: url("css/font/Montserrat-Light.otf")format("opentype"),
}@font-face{
    font-family: "Montserrat-Regular";  font-weight: 400;
    src: url("css/font/Montserrat-Regular.otf")format("opentype"),
}@font-face{
    font-family: "Montserrat-Medium"; font-weight: 500;
    src: url("css/font/Montserrat-Medium.otf")format("opentype"),
}@font-face{
    font-family: "Montserrat-Bold"; font-weight: 700;
    src: url("css/font/Montserrat-Bold.otf")format("opentype")
}@font-face{
    font-family: "Montserrat-ExtraBold"; font-weight: 800;
    src:url("css/font/Montserrat-ExtraBold.otf")format("opentype")
}
*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:'Montserrat-UltraLight', Arial, Helvetica, sans-serif; margin:100px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#4faae3; text-decoration: none}
a:visited{color:#4faae3;}
a:hover{ color:#4faae3;}
a:active{color: #4faae3;}
h1{font-size:2.6em; font-family: "Montserrat-Medium"}
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}
:target:before { content:""; display:block; height:150px; margin:-30px 0 0;  width: 100%}
	
.btn1{display: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:14px; font-weight:bold; background:#28a7e0;  border-radius:4px;  color: #fff }

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000; padding:15px; line-height: 1.8em; font-family: "Montserrat-Regular"; max-width: 1280px; margin: auto;}
.back_page p{text-align:left;}
.back_page h2,.back_page strong{font-family: "Montserrat-Bold";}

.section{position:absolute; visibility:hidden; z-index:999999;}
.motor-control-1{width:100%; height:100px; z-index:100;  background-color:#000; position: fixed; top: 0;}
.motor-control-header{ max-width:1280px; margin:auto; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%}
.section-2{ position:relative; width:100%;}
.section-section{ max-width:1440px; margin:auto auto;}
.menu-top-container{display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center; width: 72%; height: 100%; padding-top: 15px}

/*================= MENUS ======================*/
.menu-top{ position:relative; width: 100%; flex-wrap: wrap; display: flex; justify-content: flex-start;}
.menu-top > div{width: 100%}
.menu-top > div > ul{ width: 100%; flex-wrap: wrap; display: flex; justify-content:space-between}
.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav .fa-fw{color:rgba(79, 170, 227, 100) }
.nav > li{float: left; position:relative; list-style:none; color:#fff; transition: all .3s;}
.nav > li > span,.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1); text-transform:uppercase; padding:0 27px 10px;  line-height:43px; font-size:1.3em !important; text-decoration:none; transition:all .3s;letter-spacing: 1px;}
.nav > li:hover > span,.nav > li:hover > a{font-family: 'Montserrat-UltraLight'; cursor: pointer; color: #4faae3; ;text-shadow: 0 0 #4faae3, -1px 0 #4faae3, 0 -1px #4faae3, 0 1px #4faae3;}

.user-block{ position:relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;width: 100%; max-width: 1280px; margin: auto;}
.user-block > ul{ display: flex;align-items: center; margin: 0; padding: 0; justify-content: flex-end;}
.user-block .dropdown-menu{ left: 0; z-index: 999;}
.user-block ul > li{min-width: 100px; transition:all .3s}
.user-block > ul > li:last-of-type{width: auto; transition:all .3s}
.user-block > ul > li{position:relative; list-style: none}
.user-block > ul > li > span,.user-block > ul > li > a{font-size:14px; position:relative; color: #fff; text-decoration: none; text-transform: capitalize; padding:8px 20px; display: block; cursor: pointer; letter-spacing: 1px}
.user-block > ul > li .fa-fw{margin-right: 3px; font-size:12px; align-items:center;}
.user-block > ul > li > span:hover,.user-block > ul > li:hover > a{font-family: 'Montserrat-UltraLight'; cursor: pointer; color: #4faae3; ;text-shadow: 0 0 #4faae3, -1px 0 #4faae3, 0 -1px #4faae3, 0 1px #4faae3;}

.dropdown-menu li{width: 100%; position:relative; list-style: none;}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:5px 0; margin:0;border-top: 5px solid #4faae3; display: none; background-color:#000; min-width:250px; left:20px; position:absolute; font-size: 14px}
.dropdown-menu a{color:#fff; transition:background-color .3s;  padding:10px; display: flex; white-space: nowrap; font-family: 'Montserrat-UltraLight';}
.dropdown-menu a span{width: 20px; height: 20px; margin-right: 10px;}

.downloads-menu > li > a > span{background:url("images/icons/downloads-icons.webp") no-repeat; background-size: 185%; background-position: -8px -18px;}
.downloads-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -8px -48px;}

.aboutus-menu > li > a > span{background:url("images/icons/aboutus-icons.webp") no-repeat; background-size: 185%; background-position: -8px -11px;}
.aboutus-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -8px -36px;}
.aboutus-menu > li:nth-of-type(3) > a > span{background-size: 185%; background-position: -8px -56px;}
.aboutus-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -8px -80px;}
.aboutus-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -8px -109px;}
.aboutus-menu > li:nth-of-type(6) > a > span{background-size: 185%; background-position: -8px -134px;}
.aboutus-menu > li:nth-of-type(7) > a > span{background-size: 185%; background-position: -8px -156px;}

.products-menu > li > a > span{background:url("images/icons/products-icons.webp") no-repeat; background-size: 185%; background-position: -8px -18px;}
.products-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -8px -48px;}
.products-menu > li:nth-of-type(3) > a > span{background-size: 185%; background-position: -8px -75px;}
.products-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -8px -105px;}
.products-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -8px -133px;}

.application-menu > li > a > span{background:url("images/icons/application-icons.webp") no-repeat; background-size: 185%; background-position: -8px -10px;}
.application-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -8px -38px;}
.application-menu > li:nth-of-type(3) > a > span{background-size: 165%; background-position: -6px -58px;}
.application-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -8px -98px;}
.application-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -8px -128px;}

.industries-menu > li > a > span{background:url("images/icons/industries-icons.webp") no-repeat; background-size: 185%; background-position: -8px -10px;}
.industries-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -8px -45px;}
.industries-menu > li:nth-of-type(3) > a > span{background-size: 165%; background-position: -8px -68px;}
.industries-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -9px -112px;}
.industries-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -8px -145px;}
.industries-menu > li:nth-of-type(6) > a > span{background-size: 185%; background-position: -9px -176px;}
.industries-menu > li:nth-of-type(7) > a > span{background-size: 185%; background-position: -9px -207px;}

.services-menu > li > a > span{background:url("images/icons/services-icons.webp") no-repeat; background-size: 185%; background-position: -9px -12px;}
.services-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -9px -36px;}
.services-menu > li:nth-of-type(3) > a > span{background-size: 185%; background-position: -9px -60px;}
.services-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -9px -85px;}
.services-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -9px -108px;}

.knowledge-base-menu > li > a > span{background:url("images/icons/knowledge-base-icons.webp") no-repeat; background-size: 185%; background-position: -8px -14px;}
.knowledge-base-menu > li:nth-of-type(2) > a > span{background-size: 185%; background-position: -9px -116px;}
.knowledge-base-menu > li:nth-of-type(3) > a > span{background-size: 185%; background-position: -9px -141px;}
.knowledge-base-menu > li:nth-of-type(4) > a > span{background-size: 185%; background-position: -9px -166px;}
.knowledge-base-menu > li:nth-of-type(5) > a > span{background-size: 185%; background-position: -9px -166px;}

.download-centre{}

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

.portal-login {margin-top:25px;min-height:200px;}
.portal-login a{display:inline; background-color:#202020; text-decoration: none; color:#fff; padding:3px 10px;margin:auto auto; width:500px;}
.portal-login p{font-size: 16px; text-align: center; line-height:30px;margin-top:100px;}

/*================ Login Portal ===================*/
.sign-block-text{color: #fff; display: flex; align-items: center;}
.sign-block-text > span{ padding: 8px 10px !important; display: unset !important;font-size: 14px; position: relative; color: #fff; text-decoration: none; text-transform: capitalize;}
.sign-block-text > span:hover{font-family: 'Montserrat-UltraLight';
    cursor: pointer;
    color: #4faae3;
    text-shadow: 0 0 #4faae3, -1px 0 #4faae3, 0 -1px #4faae3, 0 1px #4faae3;}
.signin-dropdown{ position:absolute;background-color:#000000; font-size:14px; width:250px; z-index:101; top:33%; right:70%; transform: translate(50%, 20%); display:none; color: #fff; border-top: 5px solid #4faae3;}
.signin-dropdown ul{ padding:0; margin:0}
.signin-dropdown ul li{ list-style:none;}
.signin-dropdown ul li a{display: block}
.portal-dropdown ul li,.signin-dropdown ul li{ list-style:none}
.signin-dropdown ul{ padding:0; margin:0}
/*.signin-dropdown ul:first-of-type li{ text-align:center}*/
.signin-dropdown ul .btn1{ min-width:150px;font-size: inherit; margin: auto; color:#fff}
.signin-dropdown ul .btn1{background: transparent; color: #000 !important; text-transform: capitalize; padding: 10px 40px; min-width: unset;border: solid 2px #000; border-radius: 30px; font-weight: bold}
.signin-dropdown ul .btn1:hover{ text-decoration:none}
/*.signin-dropdown ul:first-of-type li:last-of-type a{ color:#000; font-weight: bold;}
.signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0}
.signin-dropdown ul:last-of-type,.signin-dropdown ul:nth-of-type(2){ display:flex;flex-wrap: wrap;border-top:1px solid #D9DAE4;}

.signin-dropdown ul:nth-of-type(2) li,.signin-dropdown ul:last-of-type li{ width:50%; border-right:1px solid #D9DAE4;text-align: center;}*/
.signin-dropdown ulli:last-of-type{ border-right:none}
.signin-dropdown ul li{ list-style:none; text-align:left;  }
.signin-dropdown ul:first-of-type li{ border-bottom:none}
.signin-dropdown ul li{display: inline-block;  width:100%}
.signin-dropdown ul li a{ color:#fff; font-weight: normal; text-decoration:none;padding:10px 20px;}
.portal-dropdown:before,.signin-dropdown:before{ content:"";border-style: solid; border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #4faae3; width: 0; height: 0; font-size: 0;  line-height: 0; position: absolute; bottom: 100%; right:60%; transform: translate(-50% , -50%); z-index: -1;}
.portal-dropdown:before{ bottom: 96%;}

#ExtContent_Popup .signin-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;transform:unset;position:relative; display:block; right: unset}
#ExtContent_Popup .signin-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{ min-width:150px; color:#fff}
#ExtContent_Popup .signin-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a{ color:#000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0; color: #404040;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{ width:100%; border-bottom:0; border-right:1px solid #D9DAE4;}
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup  .signin-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(2){display:flex;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #D9DAE4;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #D9DAE4;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li:first-of-type span{ display:none }
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }

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

/*=================== CLIENT ZONE ==========================*/
.zone-main{width:100%; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:5px auto; max-width: 1280px}
.zone-main p{font-size: 16px}
.zone-main p > a {color: #0080c5}
.zone-main p > a:hover {color:#001446}
.zone-tab{width:100%; height:40px;}
.zone-tab div a{position:relative; float:left; width:200px; height:40px; background: #F40000;  color: rgba(255,255,255,.8) !important; color:#fff; margin-right:5px; font-size:14px; padding-top:5px; text-align:center; text-decoration:none;}
.zone-tab div a:hover{opacity:0.8;}
.zone-section{position:relative; float:left; min-height:350px; max-width:1000px; width:100%; border:1px solid #c0c0c0; margin-bottom:30px;background-color:#fff;}
.zone-container-access{font-size:18px; font-weight:bold; text-align:center;padding-top:80px;}

.zone-form{width:980px; margin: auto;}
.zone-form table{width:100%}
.zone-form table td{padding:10px}
.zone-form table input[type=text],.login-register table input[type=password], .login-register table input[type=email], .login-register table select, .login-register table textarea{padding: 12px; width:100%; margin-top: 5px; border: #ccc solid 1px;}
.zone-form button{margin: auto}
.zone-form .btn1{padding: 15px 20px}
.zone-form h1{text-align: center}
.zone-form span{font-weight:normal; color:#808080; font-size:16px;}
.zone-form table input[type=file]{width:100px;}
.zone-form textarea{font-family:Arial, Helvetica, sans-serif;font-size:13px; padding:4px !important; margin:0px !Important; margin-top:3px !important;}
.zone-file{position:absolute; z-index:999;top:1px;right:1px;width:206px;height:38px;background-color:#EDEBEB;padding-left:40px;padding-top:4px;}

.zone-list-btn{position:relative; float:left; border-radius:3px; background-color:#f00; color:#fff !important; text-decoration:none; width:100px; text-align:center;}
.zone-list-btn:hover{opacity:0.7;}

.zone-dash-block{}
.zone-dash-block div{position:relative;float:left;width:160px;height:120px;border:1px solid #c0c0c0;margin:10px;text-align:center;font-size:16px;padding:10px;}
.zone-dash-block span{display:block; padding-top:20px;font-weight:bold; color:#f00;}

.zone-dash-table{}
.zone-dash-table span{font-weight:bold;color:#f00;}
.zone-dash-table table{width:1200px;}
.zone-dash-table table td{border:1px solid #c0c0c0; padding:5px;text-align:center;}
.zone-dash-table table td:nth-child(1){font-weight:bold; text-align:left;}
.zone-dash-table table tr:nth-child(1){font-weight:bold;}

.crm-result{font-size:10px;background-color:#F2F0F0; color:#202020;}
.crm-result td{text-align:center; font-size:10px; color:#404040; border:1px solid #E9E5E5;}
.crm-resultempty{margin-top:30px; margin-left:30px; margin-bottom:30px; color:#202020; font-weight:bold; font-size:18px; line-height:34px;}

.crm-button{display:block;height:30px; width:auto; font-size:12px !important;background-color:#fff; border:2px solid #202020; color:#202020 !important; text-align:center; padding-top:8px; padding-left:15px; padding-right:15px; text-transform:uppercase; border-radius:3px; font-weight:bold;}
.crm-button:hover{opacity:0.7; transition:all 0.75s ease;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.crm-button-list{display:block;height:20px;width:70px;font-size:11px;background-color:#F1F4F7; border:1px solid #11316E; color:#11316E !important; text-align:center; padding:0px !important; padding-top:3px !important; margin:0px !important; line-height:12px !important;}
.crm-button-list:hover{opacity:0.7; transition:all 0.75s ease;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }


/*======================== GENERAL FORMS ============================*/
.form-tabs{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin:0}
.form-tabs > div{position:relative; background-color:#202020;min-width:19.5%;  }
.partner-portal-tab > div{ width: 24.5%}
.form-tabs .active-tab{ background-color:#202020; position:relative }
.form-tabs .active-tab:before{ content:""; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #202020; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0);}
.form-tabs > div a{ color:#fff !important; display:block; padding:7px 10px; text-decoration:none; border-radius: 4px;}
.form-tabs-empty{background-color:#fff !important;}
.upload-document-section{width: 100% !important;justify-content: space-between;}
tr.upload-document-section > td{width:33% !important; padding-left: 10px;}

.form-container .upload-block > div{ display:flex; flex-wrap: wrap;}
.form-container .upload-block > div > span{ width:50%; background-color: #f9f9fa; padding-left: 10px;}
.form-container .upload-block > div > div{ width:50%; padding-left: 10px;}

.form-container{padding:20px; }
.form-container table{ width:100%; padding:5px 10px}
.form-container table tbody{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%}
.form-container table tr{ width:100%;display: flex; flex-wrap: wrap;  padding: 5px 0;}
.form-container table tr td{ width: 49%; display: flex; flex-wrap: wrap; align-items: center; font-size:14px}
.form-container table tr td textarea,.form-container table tr td select,.form-container table tr td input{ width:100%; border: solid 1px #001446; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#001446;}



/*==================== LOGO =======================*/
.logo{position:relative; width:20%;}
.logo img{width:100%; height: auto; display: block}

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

/*===================== SEARCH ======================*/
.search{ position:relative;font-weight:normal; width: 100%; height:32px; border: solid 1px #fff; align-items: center; justify-content: space-between; padding: 0 5px; display: flex; border-radius: 10px;}
.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{position:relative;text-align:center; padding:4px; color: #fff}
.search a img{display: block; filter: brightness(40%);}
.search input{ position:relative; border:none !important; color:#fff; height:100%; width: 88%; background: transparent;    outline: none;}

/*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}
.csslider1 h1,.csslider1 > .cs_description .cs_title .cs_wrapper{font-size: 40px; line-height: 46px}
.csslider1 h1{font-weight: normal; font-family: 'Montserrat-UltraLight'; margin: 0;}
.csslider1 > .cs_description .cs_title .cs_wrapper strong{color: rgba(79, 170, 227, 100); font-family: Montserrat-Bold}
.csslider1 > .cs_description .cs_descr .cs_wrapper{font-size: 18px; line-height: 28px; font-family: 'Montserrat-Regular'}
.home-banner .btn-banner{text-transform: uppercase; color: #000 !important; font-size: 14px; font-weight: bold; padding:6px 24px; background-color: #94c953; display: table; margin-top: 20px; border-radius: 11px; font-family: Montserrat-ExtraBold}

.notice-block{max-width: 1400px; width: 100%; margin:30px auto auto; display: flex; flex-wrap: wrap; padding: 7px 15px; }
.notice-block > div{ width: 100%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; border: solid 1px #61b4e5; padding: 0 15px; border-radius: 10px; align-items: center; background-color: #f3f3f3;}
.notice-block > div > span{width:20%}
.notice-block img{width: 100%; height: auto; display: block}
.notice-block > div{}
.notice-block > div p{ font-size: 23px; margin: 9px 0; line-height: 28px;}

.intro-product-block{max-width: 1400px; margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding:40px 15px}
.intro-product-block > div{ width: 23%; position: relative}
.intro-product-block > div span{position: absolute; top: 10%; right: 10%; color: #fff; font-size: 24px; text-align: right; line-height: 34px; font-family: Montserrat-UltraLight;}
.intro-product-block > div span strong{display: block; text-transform: uppercase; font-family: Montserrat-Bold}
.intro-product-block > div img{ width: 100%; height: auto; display: block}

.intro-logo{max-width: 1280px; margin: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; padding: 0 15px }
.intro-logo > div{width: 17%; display: flex; align-items: center}
.intro-logo > div:last-of-type{width: 14%; }
.intro-logo > div img{width: 100%; height: auto; display: block}

.page-title > div > div:last-of-type{width:90%}
.page-title > div > div h1{font-size: 52px; color: #28a7e0; margin: 0; font-family: "Montserrat-Bold";}
.page-title > div > div > span{color: #fff; font-size: 18px}
.page-title > div{max-width: 1280px; width: 100%; margin:70px auto; flex-wrap: wrap;  display: flex; justify-content: space-between; align-items: center; padding: 0 15px}

.page-title{ display: flex; max-width: 1663px; margin: auto}
.page-title .page-title-icon{width: 8%}
.page-title .page-title-icon img{width: 100%; height: auto; display: block}
.application-title{ background:url("images/varispeed-application.webp"); background-size: cover;}
.application-title > div > div h1{margin: 0; font-family: "Montserrat-Bold";font-size: 52px;}
.application-title > div{ } 

.aboutus-title{ background:url("images/about-varispeed-banner.webp"); background-size: cover;}
.africa-footprint-title{ background:url("images/africa-footprint-banner.webp"); background-size: cover;}
.research-development-title{ background:url("images/research-development-banner.webp"); background-size: cover;}
.product-partner-title{ background:url("images/product-partner-banner.webp"); background-size: cover;}
.product-partner-title{ background:url("images/product-partner-banner.webp"); background-size: cover;}
.site-audit-title{ background:url("images/site-audit-banner.webp"); background-size: cover;}
.executive-team-title{ background:url("images/executive-team-banner.webp"); background-size: cover;}
.quality-assurance-title{ background:url("images/quality-assurance-banner.webp"); background-size: cover;}
.commissioning-title{ background:url("images/commissioning-banner.webp"); background-size: cover;}
.field-service-on-site-repairs-title{ background:url("images/field-service-on-site-repairs-banner.webp"); background-size: cover;}
.drive-setup-title{ background:url("images/drive-setup-banner.webp"); background-size: cover;}
.industries-title{ background:url("images/varispeed-industries.webp"); background-size: cover;}
.retrofit-title{ background:url("images/retrofit-banner.webp"); background-size: cover;}
.solution-service-title{ background:url("images/solution-service-banner.webp"); background-size: cover;}
.industries-title > div > div h1{margin: 0; font-family: "Montserrat-Bold";font-size: 52px;}

.application-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px auto; width: 100%}
.application-block .application-text{width:68%;}
.application-block .application-text > p:first-of-type{margin-top: 0}
.application-block .application-text strong{font-family: "Montserrat-Bold"}
.application-block .application-img{width: 28%}
.application-block .application-img img{width:100%; height: auto; display: block; border-radius:10px}
.btn-application{ display: block; text-align: center; padding:4px 15px; color: #000 !important; background-color: #94c953; border-radius: 10px}

.application-nav-block{margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); background: #16100f; display: flex; flex-wrap: wrap; padding: 25px 0 10px;}
.application-nav-block > div{max-width: 1280px; margin:30px auto; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0 15px}
.application-nav > div{width: 23%; position: relative}
.application-nav > div h2{position: absolute; top:0; left: 0; width: 100%; text-align: right; color: #fff; background-color: rgb(0 0 0 / 35%); display: block; margin: 0; padding: 15px;font-family: "Montserrat-Bold"; font-size: 24px;}
.application-nav > div img{width:100%; height: auto; display: block}
.application-sub-logo{margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.application-sub-logo > div{width: 17%; display: flex; align-items: center}
.application-sub-logo> div:last-of-type{width: 14%; }
.application-sub-logo > div img{width: 100%; height: auto; display: block}

.solution-appplication{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.solution-appplication > div{display: flex; flex-wrap: wrap; justify-content: space-between; width: 48%; margin-bottom:35px}
.solution-appplication > div > a{ width: 48%; position:relative}
.solution-appplication > div h2{ text-align:center}
.solution-appplication > div > span{ width: 48%;}
.solution-appplication > div > span p{ margin-top:0;}
.solution-appplication .btn-application{font-family: 'Montserrat-Bold';}
.solution-appplication .btn-application p{font-family: 'Montserrat-Regular';}
.solution-appplication > div:last-of-type{padding:20px 40px; border: solid 5px #4faae3; border-radius: 40px; align-content: space-between;}
.solution-appplication > div:last-of-type a{ width: 100%; position:relative}
.solution-appplication > div:last-of-type p{ font-size:24px; font-family: 'Montserrat-Bold'; text-align: center;}

.solution-service > div h2{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 22px; text-align: left;}
.solution-service > div h2 span{width: 17%}
.solution-service > div h2 b{width: 80%; text-align: left;}
.solution-service > div h2 span img{display: block; width: 100%; height: auto}

.industries-block{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin:50px 0;}
.industries-block .industries-text{width: 65%}
.industries-block .industries-text strong{ font-family: "Montserrat-Bold";}
.industries-block .industries-text h2{ font-family: "Montserrat-Bold"; color: #28a7e0; margin: 0 0 0 20px}
.industries-block .industries-text > div{display: flex; flex-wrap: wrap; align-items: center; }
.industries-block .industries-text > div > span{width: 64px; height: 64px; background-color: #28a7e0; border-radius: 15px; overflow: hidden;display: flex; align-items: center; padding: 10px; justify-content: space-around;}
.industries-block .industries-text > div > span img{ width: 100%; height: auto; display: block}
.industries-block .industries-img{width: 32%;}
.industries-block .industries-img img{width: 100%; height: auto; display: block}

.industry-challenges{align-items: flex-start !important; margin-top: 30px;}
.industry-challenges ul{padding-left:15px; margin:0; width:30%}
.industry-challenges ul strong{margin-left:-15px}
.industry-challenges ul:last-of-type{width:60%}
.industry-challenges ul > li{ padding: 5px 0; line-height: 24px;}

.aboutus-sub-intro{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 70px 0;}
.aboutus-sub-intro p{width: 100%}
.aboutus-sub-text{width: 60%}
.aboutus-sub-text .subpage-strong{font-size:22px}
.aboutus-sub-text ul{padding: 0}
.aboutus-sub-text ul li{list-style: none; padding: 3px 0}
.aboutus-sub-text ul li .fa-fw{ color: #4faae3}
.aboutus-sub-text > span{display: block; width: 100%; margin: 30px 0}
.aboutus-sub-text h2{margin-top: 0; line-height: 32px}
.aboutus-sub-text img{width: 100%; height: auto; display: block}
.aboutus-sub-img{width: 34%}
.aboutus-sub-img img{width:100%; height: auto; display: block; border-radius: 20px;}
.application-nav-block.bottom-nav-block h2{background-color: transparent}

.aboutus-sub-text > div .btn-application{display: inline-block}
.product-partner h2{margin-bottom: 0; margin-top: 40px}
.product-partner strong{color: rgb(79 170 227)}
.product-partner p{margin-top: 0}

.quality-assurance-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 0;}
.quality-assurance-block .quality-assurance-text{width: 60%}
.quality-assurance-block .quality-assurance-text .btn-application{display: inline-block;}
.quality-assurance-block .quality-assurance-text h2 span{ color: #28a7e0;}
.quality-assurance-block .quality-assurance-img{ width: 37%}
.quality-assurance > div span img{width: auto; display: block; margin: auto}
.quality-assurance-block .quality-assurance-img img{ width: 100%; height: auto; display: block; border-radius: 15px}

.quality-assurance{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 0;}
.quality-assurance > div{width: 13%; text-align: center}
.quality-assurance > div strong{text-align: center; width: 100%; display: block; margin-top: 15px}
.quality-assurance > div p{text-align: center; line-height: 24px;}

.our-executive-team-block{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 50px 0 }
.our-executive-team-block > div{width: 49%; border: solid 1px rgb(79 170 227); margin-bottom: 2%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.our-executive-team-block .executive-team-text{ padding: 15px; width: 51%;}
.our-executive-team-block > div > div{width:49%;}
.our-executive-team-block img{width:100%; height: auto; display: block}
.our-executive-team-block > div > div strong{display: block}
.our-executive-team-block > div > div > span strong{color: rgb(79 170 227); line-height: 22px}
.our-executive-team-block > div p{margin-bottom: 0}

.footprint-img{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 50px; }
.footprint-img .footprint-products{width: 14%; display: flex; flex-direction: column; justify-content: space-between;}
.footprint-img .footprint-products > div{position: relative;}
.footprint-img .footprint-products span{position: absolute; top: 10%; right: 10%; color: #fff; font-size: 20px; text-align: right; line-height: 28px; font-family: Montserrat-UltraLight;}
.footprint-img .footprint-products span strong{display: block; text-transform: uppercase; font-family: Montserrat-Bold}
.footprint-img > div{width: 68%; }
.footprint-img > div img{width:100%; height: auto; display: block}

.application-sub-logo.research-development > div:first-of-type{width: 20%}
.application-sub-logo.research-development > div{width: 18%}
.intro-product-block.research-development-logo{padding-top: 0}

.application-block.services-subpage{}
.application-block.services-subpage .btn-service{display: inline-block}

.download-block{max-width: 1280px; margin: auto auto 30px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.download-block > div{width: 18%;}
.download-block > div > div { border: solid 2px #28a7e0; border-radius: 30px; padding: 15px 5px}
.download-block > div > div span{width: 30%; display: block; margin: auto;}
.download-block > div > div span img{width: 100%; height: auto; display: block}
.download-block > div > div h2{font-weight: normal; font-size: 18px; text-align: center; font-family: 'Montserrat-Regular';    margin-bottom: 0;}

.download-call2action{ display: flex; flex-wrap: wrap; max-width: 1023px; width: 100%; justify-content: space-between; align-items: center; margin:50px auto; border: solid 2px #28a7e0;  border-radius: 50px; padding: 20px;}
.download-call2action > span{width:12% }
.download-call2action > span img{width: 100%; height: auto; display: block}
.download-call2action .btn-application{width: 60%;}

/*===================== DOWNLOAD ======================*/
.download-certificate{ display:flex; flex-wrap: wrap; gap: 0 30px; padding:0px; margin:20px 0px; color:#494848; font-weight:bold; font-size:11px; }
.download-certificate > div{position:relative; width:24%; border: solid #CCC; padding:20px; margin-top:15px; text-align:center;}
.download-certificate img{margin-bottom:2px; width:auto; height:200px; transform:rotate(-8deg); box-shadow:0 5px 10px 1px #999}
.download-certificate > h2{ width:100%; font-size:32px; font-weight: normal; display: block; margin-top: 50px; color: #4faae3; letter-spacing: 1px;}
.download-certificate > h2::after {content: ''; display: block; width:65px; height: 6px; background: #4faae3; margin: 20px 0 0}
.download-certificate > h2 strong{ font-weight: normal}
.download-certificate h3{font-size: 1.8em; font-weight: normal; line-height: 22px;}
.download-certificate a{color: #4faae3; font-size: 16px}
.download-certificate a .fa-fw{font-size: 30px}
.download-certificate-block > div{width: 23%; padding: 0; border: 0}
.download-certificate-block  h3{margin: 0; min-height: unset; font-size: 16px;}
.download-certificate-block > div{font-weight: normal; font-size: 14px; margin-bottom: 15px;}
.download-certificate-block > div img{transform:rotate(0); width: 100%; height: auto}


/*===================== Contact us ======================*/
.enquiry{ display:table;width:100%; margin:auto; }
.captcha {color:#666;}
.enquiry h2{}
.enquiry table{width: 100%}
.enquiry .btn1 {margin-top: 22px; font-weight: bold; padding: 4px 15px;  text-decoration:none; background-color:#94c953; color:#000}

/*====================== 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{ font-family: 'Montserrat-Bold'; font-size: 22px;}
.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; font-weight:600}
.enquiry a:hover{ opacity:.9}
.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{ border: solid 3px #53a5e4; border-radius: 8px; padding:12px 10px;  width:100%; margin-bottom:4px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px; }
.enquiry textarea{border: solid 3px #53a5e4; width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px; color:#000}

.contactus-extra-info{ padding:50px 0;background-color: #171412; display:flex; margin-bottom:0; margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2);}
.contactus-extra-info > div{ max-width:1280px; margin:auto; width:100%;display:flex; flex-wrap:wrap; justify-content:space-between;}
.contactus-extra-info > div > div{ width:28%;}
.contactus-extra-info > div > div h2{color:#55aae2; margin:0;padding:20px 15px 10px; font-size: 18px; font-family: 'Montserrat-Bold';}
.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:#55aae2; 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}

.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: #fff}
.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: #1f427f !important; font-weight:normal}

/*======================== 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:#333; width:100%;  background-color:#000; }
.footer > div{max-width: 1280px; text-align:left; font-size:12px; line-height:22px; padding: 15px; display: flex; flex-wrap: wrap; width: 100%; margin: auto; justify-content: space-between; color: #4faae3}
.footer > div > ul{ padding:0; margin: 0; display: flex; flex-wrap: wrap;}
.footer > div .social-footer a{ color: #fff; background:#4faae3; padding: 4px; font-size: 14px; border-radius: 4px; margin: 0 10px 0 0 }
.footer > div > ul:nth-of-type(1){}
.footer > div > ul:nth-of-type(3){width: 20%}
.footer > div > ul:nth-of-type(2){ width: auto}
.footer > div > ul:nth-of-type(2) li a{padding: 0 15px}
.footer > div > ul li a{ color: #fff}
.footer > div > ul li{ list-style: none}
.footer > div > ul img{height: auto; width: 100%; display: block}

.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){
	
}
@media (min-width: 800px) and (max-width: 1023px){
	
	}

@media (min-width: 600px) and (max-width: 1024px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto; display: unset;}
	.user-block > ul:last-of-type{display: none}
	.user-block{margin: 0 auto; height: 100%; align-items: flex-end; flex-direction: column; align-content: flex-end;        justify-content: flex-start;}
	.widget-container{width: auto}
	.dropdown.mobi-only{display: block !important}
	.csslider1 > .cs_description .cs_descr .cs_wrapper br:last-of-type{display: none}
		.application-nav-block{margin: auto}
	.application-nav > div h2{font-size: 18px}
	.quality-assurance-block .quality-assurance-text,.our-executive-team-block > div,.application-block .application-text,.aboutus-sub-text,.industries-block .industries-text{width: 100%}
	.industries-block .industries-img{width: 100%; order: 1}
	.aboutus-sub-img { width: 50%; margin: 49px auto 0 auto;}
	.quality-assurance-block .quality-assurance-img,.application-block .application-img{width: 100%; margin-top: 20px}
	.footprint-img > div img{object-fit: cover; width: 100%; height: 100%; display: block;}
	.footprint-img > div{width: 50%}
	.footprint-img .footprint-products{width: 24%}
	.quality-assurance > div{width: 33%}
	.download-certificate > div{width: 31%}
	
}

@media screen and (max-device-width: 768px){	
	
}

@media screen and (max-width:599px){
	body{display: block}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.logo{width: 45%;}
	.section-2, .section-section{width:100%;}	
	.widget-container{width: 100%;}
	.menu-top-container{width: 50%; padding-top: 0}
	.user-block > ul:last-of-type{display: none}
	.user-block{margin: 0 auto; height: 100%;}
	
	.intro-product-block > div{width: 49%; margin-bottom: 20px; position: relative}
	.intro-product-block > div:before{content: ""; background: #000; opacity: 0.3; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
	.intro-product-block > div span{font-size: 20px}
	.intro-logo > div{width: 43% !important; margin-bottom: 20px}
	
	.home-banner .btn-banner{display: none}
	
	.page-title{ background-size: auto !important; background-position: bottom !important;}
	.page-title > div{margin: 50px auto}
	.page-title > div > div h1{font-size: 34px}
	.page-title > div > div:last-of-type{width: 100%}
	.page-title > div > div > span{ margin: 15px 0; font-size: 16px; display: block;}
	.page-title .page-title-icon img{display: none}
	
	.download-certificate > div{width: 100%}
	.download-block > div{ width: 100%; margin: 10px 0;}
	.download-call2action h3,.download-call2action .btn-application{width: 100%; text-align: center}
	.download-call2action > span { width: 23%; margin: auto;}
	
	.application-block .application-img,.application-block .application-text,.solution-appplication > div > a,.solution-appplication > div > span,.solution-appplication > div{width: 100%}
	.solution-appplication > div > span p{margin-top: revert}
	
	.aboutus-sub-text > div .btn-application,.quality-assurance-block .quality-assurance-text .btn-application,.application-block.services-subpage .btn-service{width: 100%; margin-bottom: 20px;}
	.application-nav-block{margin: auto}
	.application-nav > div{width: 49%; margin: 5px 0}
	.application-nav > div h2{font-size: 18px}
	.application-sub-logo > div{width: 22%}
	
	.application-text > .btn-application{margin-bottom: 20px}
	
	.quality-assurance-block .quality-assurance-img,.quality-assurance-block .quality-assurance-text{width: 100%}
	.intro-product-block{padding: 40px 0}
	.quality-assurance-block{margin: 0 0 50px 0}
	.quality-assurance > div{width: 100%; margin: 10px auto;}
	.quality-assurance > div > span{width: 20%; margin: auto; display: block}
	
	.industry-challenges ul:last-of-type,.industry-challenges ul,.industries-block .industries-text,.our-executive-team-block > div,.aboutus-sub-img,.aboutus-sub-text{width: 100%}
	.our-executive-team-block .executive-team-text,.our-executive-team-block .executive-team-text{width: 100%}
	.our-executive-team-block > div > div{margin: auto}
	
	.industry-challenges ul strong{margin-left: 0}
	.industries-block .industries-img{width: 100%; order: 1}
	.industries-block .industries-text > div{justify-content: space-between}
	.industries-block .industries-text h2{width: 75%}
	.industries-block .industries-text > div > span { width: 54px; height: 54px;}
	
	.contactus-form .enquiry{width: 100%}
	.enquiry table tr,.enquiry table td{display: block}
	
	.contactus-form > div{width: 100%}
	.contactus-form > div:last-of-type{padding-left: 0}
	.contactus-extra-info{margin: auto}
	
	.contactus-extra-info > div > div{width: 100%}
	.application-block.services-subpage{margin-top: 0}
	
	.footprint-img .footprint-products{width: 100%; flex-direction: revert;}
	.footprint-img .footprint-products > div{width: 49%;}
	.footprint-img > div{width: 100%; margin: 5px 0;}
	
	/*=============== 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 ==============*/	
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px; line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.home-banner .cs_title h1{ font-size:36px; line-height: 42px;}
	.home-banner .cs_title .cs_wrapper{ padding:0 15px; font-size: 36px !important; line-height: 42px !important;}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin:30px 0 0 0; padding:0 15px; font-size:20px; line-height:26px}
	.home-banner .cs_descr .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}
	
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.mobile-banner > span br{ display:none !important}
	
	.notice-block > div p{ font-size: 20px;}
	.notice-block > div > span{width: 100%}

	.footer > div > ul:nth-of-type(3) {width: 70%; margin-top: 11px;}
	
.footer > div > ul:nth-of-type(2) li a{padding:0 15px 15px 0}
.footer > div > ul:nth-of-type(2) li:first-of-type {padding-right: 15px}

.footer .social-footer{margin-bottom: 10px}


	/*=============== 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{align-content: flex-start;}	
	.dropdown-menu{margin-left: 20px}	
	.dropdown-menu a{white-space: normal}
	.sign-block-text > span{padding: 0 10px !important}
}

@media screen and (max-width: 1200px){
	.menu-top{ background-color:#000; 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)}
	
	.motor-control-header{width: calc(100% - 50px);margin: 0; float: right; padding: 0 10px;}
	.nav > li{width: 100%}
	.nav > li a{width: 100%; white-space: revert;}
	.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>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 ~ .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)}
}