*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:90px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080;text-decoration: none}
a:visited{color: #808080;}
a:hover{ color:#708ac7;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block;padding:12px;min-width: 150px;text-align:center;font-size:14px;font-weight:bold;background: #2d5cac;border-radius:4px;color: #fff!important;}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000; top:0px; padding:15px; margin-top:5px;line-height: 1.8em;}
.back_page p{text-align:left;}

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

.section-2{ position:relative; width:100%;}
.section-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{width: 70%; justify-content: flex-end; display: flex; flex-wrap: wrap; align-content: space-between; height: 100%;}

/*================= MENUS ======================*/
.map-icon{border-left: 1px solid #efeff0; border-right: 1px solid #efeff0;}
.map-icon a{display: block; margin: 0 15px}
.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; border: 2px solid transparent;}
.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:13px; position:relative; color: rgb(15, 15, 15); text-decoration: none; text-transform: capitalize; padding:8px 30px; display: block; cursor: pointer}
.user-block > ul > li .fa-fw{margin-right: 3px; font-size:12px; align-items:center;}
.user-block > ul > li:hover > span,.user-block > ul > li:hover > a{}
.menu-top{ position:relative; display: flex; flex-wrap: wrap; align-items: center; justify-content:flex-end; width: 100%;}

.menu-top label{display: none; }
.nav{margin:0; padding:0; display: flex; flex-wrap: wrap; align-items: center;}
.nav > li{float: left; position:relative; list-style:none; padding: 0 45px;}
.nav > li > a{ position: relative}
.nav > li:after{ content:""; background-color:#2d5cac; width:2px; height:15px; display:block; position:absolute;right: 0; bottom: 0; top: 0; margin: auto;}
.nav > li:nth-child(3):after{display: none!important}
.nav > li{color:#000000}
.nav > li > span,.nav > li > a{display: inline-block;color:#000;text-transform: capitalize;font-weight: normal;line-height: 88px;font-size:18px;text-decoration:none;transition:all .3s;background-color:transparent;border-bottom: solid 4px transparent;cursor: pointer}
.nav > li > span > .fa-fw,.nav > li > a > .fa-fw{color: #2d5cac;}
.nav > li > span:hover, .nav > li:hover > span,.nav > li > a:hover, .nav > li:hover > a{border-radius: 2px;border-bottom: solid 4px #0c4a7c}
.contactus-btn{padding-right: 0 !important;}
.contactus-btn:after{display: none!important}
.contactus-btn a{font-weight: normal !important;padding: 10px 20px 6px !important;line-height: unset  !important;color: #2d5cac !important;border-bottom: 1px solid #2d5cac!important;border: 1px solid #2d5cac;align-items: center;justify-content: center;background-color: #ffffff !important;box-shadow: 0 8px 24px rgba(46, 92, 184, 0.25);overflow: hidden;}
.contactus-btn a > .fa-fw{color: #2d5cac!important;}
.contactus-btn a:hover > .fa-fw{color: #fff!important}
.contactus-btn a:hover{color: #fff!important;transition: all .3s;background-color: #2d5cac!important;border: 1px solid #2d5cac; border-bottom: 1px solid #2d5cac !important;}
.dropdown-menu li{position:relative;list-style: none;border:1px solid #f1f1f12e;width: 100%;transition: all .3s;background-color: #fff;color: #202020;}
.dropdown-menu li::before{content: '';position: absolute;width: 21px;height: 21px;opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;top: 0;left: 0;border-top: 2px solid #2d5cac;border-left: 2px solid #2d5cac;}
.dropdown-menu li:after{content: '';position: absolute;width: 21px;height: 21px;opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;bottom: 0;right: 0;border-bottom: 2px solid #2d5cac;border-right: 2px solid #2d5cac;}
.dropdown-menu li:hover{color: #fff!important;}
.dropdown-menu li:hover:after,.dropdown-menu li:hover:before{ opacity: 1}
.dropdown-menu li:last-of-type{border-bottom: solid 2px #0c4a7c;}
.dropdown-menu .view-products{background:#0c4a7c;}
.dropdown-menu .view-products a{color:#fff; }
.dropdown-menu.double-menu{ min-width: 500px; justify-content: space-between;}
.dropdown-menu.double-menu li{width: 49%}
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgba(255,255,255,.9) !important; min-width:250px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px;left: 0}
.dropdown-menu span,.dropdown-menu a{display: block;color: #000;transition:background-color .3s;text-decoration: none;font-weight: normal;font-size: 14px;padding:10px 15px;text-transform:uppercase;white-space: nowrap;align-items: center;align-content: center;}
.dropdown-menu li:hover a{color: #000 !important;background-color: rgb(187 198 230 / 38%);}
.user-block .dropdown-menu a{font-size: 12px; min-width: 200px; text-transform: capitalize;}
.user-block .dropdown-menu{ min-width: 200px}

.promotional-products a{ border: solid 2px #0c4a7c !important;border-radius: 25px;padding: 2px 25px !important;transition: all .3s;}
.promotional-products a:hover{ border: solid 2px #0c4a7c !important;border-radius: 0;padding: 2px 25px !important;}

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

.logo{ width:19%; height: auto; }
.logo img{ display:block; position: relative; width: 100%; height: auto;}
.widget-container{width:20%; float:left;}

.tricolor-block{width: 100%; display: flex;}
.tricolor-block > span{width: 33.33%;padding: 6px 0;}
.tricolor-block > span:nth-of-type(1){background-color: #bbc6e6;}
.tricolor-block > span:nth-of-type(2){background-color: #708ac7;}
.tricolor-block > span:nth-of-type(3){background-color: #2d5cac;}

.home-banner{ display:flex; margin:auto; position:relative; max-width:1663px; width:100%; overflow:hidden}
.home-banner:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: .4; background-color: #000;}
.home-banner img{width: 100%; height: auto; display: block}
.home-banner > div{ position:absolute; color: #fff; padding:80px 15px; bottom: 0; right: 0; left: 0; top: 0; width: 100%; max-width: 1349px; margin: auto; display: flex; flex-wrap: wrap ; justify-content: space-between; align-items: baseline;}
.home-banner > div > div > strong{font-size:16px; text-transform: uppercase; display: block; margin-bottom: 18px;}
.home-banner > div > div{width: 50%}
.home-banner > div > div:last-of-type{width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: baseline;}
.home-banner > div h1{font-size: 50px; line-height: 64px; margin-top: 0}
.home-banner > div > div > p{font-size: 32px; line-height: 40px}

.home-banner > div .btn-banner{position: relative;overflow: hidden;display: inline-block;padding: 12px;min-width: 150px;text-align: center;font-size: 14px;font-weight: bold;background: #2d5cac;border-radius: 4px;color: #fff !important;text-decoration: none;}
.home-banner > div .btn-banner b{font-weight: bold; position: relative; z-index: 2}
.home-banner > div .btn-banner:hover{ transition: color .3s ease;}
.home-banner > div .btn-banner:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #708ac7; z-index: -1; -webkit-transform: rotate(-45deg) translate3d(0, -3em, 0); transform: rotate(-45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;  -webkit-transition: all .3s ease; transition: all .3s ease;}
.home-banner > div .btn-banner:hover:before{opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1); z-index: 1}
.home-banner > div > div > span{background-color: hsla(0, 0%, 100%, .15);border: 1px solid #565656;padding: 30px 24px;max-width: 440px;width: 70%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 5px 0;}
.home-banner > div > div > span > span{width: 80%}
.home-banner > div > div > span p{font-size: 14px; margin-top: 0}
.home-banner > div > div > span strong{margin: 16px 0; display: block; font-size: 20px;}
.home-banner > div > div > span a{text-decoration: none;}
.home-banner > div > div > span .fa-fw{height: 40px; width: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; border: solid 1px #fff; color: #fff; border-radius: 40px; font-size: 18px;text-decoration: none;}
.home-banner .text-alternator{display: block}
.home-banner .text-alternator .school-text{color:#D1E1E9}
.home-banner .text-alternator .cursor-blink{color:#D1E1E9}

.home-intr{max-width: 1280px;margin: 131px auto 70px;position: relative;}
.home-intr > div {display: flex;flex-wrap: wrap;}
.home-intr > div > div:first-of-type{width: 75%;background-color: #f0eeec;padding: 65px 120px;}
.home-intr > div > div:first-of-type h2{font-size: 66px;color:#003b60;position: absolute;top: -24%;left: -6%;font-style: italic;font-weight: normal;text-transform: uppercase;}
.home-intr > div > div:first-of-type strong{font-size: 19px;color:#003b60;width: 59%;display: block;line-height: 27px;font-weight: normal}
.home-intr > div > div:first-of-type p{font-size: 16px;color:#323232;width: 53%;line-height: 30px;margin: 10px 0 40px;}
.home-intr > div > div:first-of-type a{text-decoration: none;text-transform: uppercase;background-color: #2d5cac;font-weight: normal;color: #fff;}
.home-intr > div > div:last-of-type {position: absolute;right: 0;top: -25%;width: 51%;}
.home-intr > div > div:last-of-type img{width: 100%;height: auto;display: block}


.home-intro-bg{background-color: #ecf1fd;padding: 20px 0}
.home-intro{max-width: 1280px;margin: 60px auto 90px;}
.home-intro h2{font-size: 60px;color: #33363b;text-align: center;margin-bottom: 20px;text-transform: capitalize}
.home-intro h2 span{font-weight: normal}
.home-intro > div {display: flex;flex-wrap: wrap;justify-content: space-between;background-color:#2d5cac ;padding: 40px 0 0;color: #fff}
.home-intro > div > div {width: 49%;}
.home-intro > div > div:first-of-type Img {width: 100%;height: auto;display: block}
.home-intro > div > div:last-of-type {padding: 20px;align-content: center;}
.home-intro > div > div:nth-child(2) > span{display: block;font-size: 16px}
.home-intro > div > div:nth-child(2) > strong{font-size: 30px;display: block;margin: 20px 0;font-weight: normal;line-height: 40px;}
.home-intro > div > div:nth-child(2) > p{font-size: 18px;line-height: 30px;}
.home-intro > div > div:nth-child(2) > p > a{color: #fff;}

.isotec-banner{width: 100%; margin: auto;background: url("images/isotec-watermark-banner.webp") no-repeat; position: relative; background-size: cover; background-attachment: fixed;padding: 40px 0}
.home-categories{max-width: 1280px;display: flex;flex-wrap: wrap;margin: 60px auto}
.home-categories h2{font-size: 60px;font-weight: bold;text-align: center;margin: auto;width: 100%;color: #33363b;}
.home-categories h2 span{font-weight: normal;}
.home-categories p{font-size: 18px;line-height: 32px;text-align: center;max-width: 860px;margin: 20px auto;}
.home-product-categories{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.home-product-categories > div{width: 32%;overflow: hidden;border-radius: 8px;color: #000;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.home-categories > div > div > div:nth-child(1){width: 100%}
.home-categories > div > div > div:nth-child(2){width: 100%;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .2);transition: filter .25s ease, transform .25s ease;}
.home-categories > div > div:hover > div:nth-child(2){background-color: rgb(251.5, 251, 250.25);}
.home-categories > div > div > div:nth-child(1) img{width: 100%;height: auto;display: block;transition: filter .25s ease, transform .25s ease;}
.home-categories > div > div:hover > div:nth-child(1) img{transform: scale(1.025); filter: brightness(1.1);}
.home-categories > div > div > div:nth-child(2) > a{display: block;padding: 25px;text-decoration: none;color: #000}
.home-categories > div > div > div:nth-child(2) > a{display: block;padding: 25px;text-decoration: none;color: #000;position: relative;    transition: all .2s ease-in-out;}
.home-categories > div > div > div:nth-child(2) > a::before{background-color: #2d5cac; bottom: 0;content: "";height: 3px;left: 0;position: absolute;right: 0;transition: width .3s ease-out;width: 0;}
.home-categories > div > div:hover > div:nth-child(2) > a::before{width: 100%;}
.home-categories > div > div > div:nth-child(2) > a > strong{font-size: 22px;text-transform: capitalize}
.home-categories > div > div > div:nth-child(2) > a > p{text-align: left;font-size: 16px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0;width: 100%;}
.home-categories > div > div > div:nth-child(2) > a > p span{color: #3b77b5;transition: filter .25s ease, transform .25s ease;}
.home-categories > div > div:hover > div:nth-child(2) > a > p span{width: 3%;transition: filter .25s ease, transform .25s ease;}
.home-categories > div > div > div:nth-child(2) > a > p span > .fa-fw{color: #3b77b5}

.home-bg{background-color: #e2e2e2;padding: 100px}
.home-services{max-width: 1280px;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.home-services > div{width: 47%}
.home-services > div:first-of-type{padding-right: 40px}
.home-services > div:first-of-type h2{font-size: 50px;line-height: 60px;margin: 0 0 10px;font-weight: normal;color: #33363b;text-transform: uppercase;}
.home-services > div:first-of-type h2 span{display: block;padding-left: 65px;}
.home-services > div:first-of-type p{font-size: 18px;line-height: 32px;margin: 0;}
.home-services > div:last-of-type {display: flex;flex-wrap: wrap;justify-content: space-between}
.home-services > div:last-of-type > div{width: 45%;background-color: #FFFFFF;box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);transition: transform 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;}
.home-services > div:last-of-type > div:hover{background-image: initial;background-color: #f7f7f7;transform: scaleX(0.99) scaleY(0.99) !important;}
.home-services > div:last-of-type > div a{text-decoration: none;color: #000;display: flex;height: 100%;flex-wrap: wrap;padding: 20px;text-align: center;}
.home-services > div:last-of-type > div a h3{position: relative;font-size: 20px;padding-bottom: 10px;text-align: center;width: 100%;}
.home-services > div:last-of-type > div a h3::before{content: "";width: 100%;height: 1px;border-top: 5px solid rgb(45 92 172);position: absolute;left: 0;top: 100%;z-index: 10;}
.home-services > div:last-of-type > div a span{font-size: 14px;width: 100%;}
.home-services > div:last-of-type > div a p{font-size: 14px;margin-top: 10px;font-weight: normal;line-height: 28px;}

.our-services-bg{background-color: #202020;color: #fff;}
.our-services-bg > div{max-width: 1280px;margin: auto;padding: 60px 0;}
.our-services-bg > div h2{font-size: 60px;font-weight: bold;text-align: center;margin: 0 auto 40px;width: 100%;color: #fff;}
.our-services-bg > div h2 span{font-weight: normal}
.service-block {display: flex;flex-wrap: wrap;gap: 45px;width: 100%;justify-content: space-between;}
.service-block > div{width: 30%;display: flex;justify-content: space-between}
.service-block > div span:first-of-type{width: 20% }
.service-block > div span:first-of-type > a{background-color: #2d5cac;color: #fff;width: 80px;height: 80px;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;text-decoration: none;}
.service-block > div span:first-of-type > a > .fa-fw{font-size: 28px;transition: filter .25s ease, transform .25s ease;}
.service-block > div:hover span:first-of-type > a > .fa-fw{transform: scale(1.6); filter: brightness(1.1);}
.service-block > div span:last-of-type {width: 75% }
.service-block > div span:last-of-type h3{font-size: 18px;font-weight: bold;margin: 5px 0 0;position: relative;padding-bottom: 5px;}
.service-block > div:hover span:last-of-type h3::before{width:50%}
.service-block > div span:last-of-type h3::before{background-color: #2d5cac; bottom: 0;content: "";height: 3px;left: 0;position: absolute;right: 0;transition: width .3s ease-out;width: 0;}
.service-block > div span:last-of-type h3 a{text-decoration: none;color: #fff}
.service-block > div span:last-of-type p{font-size: 14px;margin-bottom: 5px;line-height: 20px;min-height: 40px;}

/*--- Page Title ---*/
.page-title{background: url(images/isotec-watermark-banner.webp) no-repeat;position: relative;background-size: cover;background-attachment: fixed;box-shadow: 0 0 5px rgba(0, 0, 0, .2); background-position: 0 92px, 0% 0px;}
.page-title > div{max-width: 1280px;width: 100%;margin: 0px auto;display: flex;flex-wrap: wrap;padding: 50px 15px;}
.page-title-style > div{width: 50%; color: #fff}
.page-title-style > div p{font-size: 18px; line-height: 28px}
.page-title-style div > h1,.page-title > div > h1{color: #202020;font-size: 44px;width: 100%;margin: 15px 0}
.separator-block{width: 50%; display: flex;}
.separator-block > span{width: 30%;height: 5px;background: #bbc6e6;}
.separator-block .separator-two{background:#2d5cac}

/*====================== CONTACT US =============================*/
.contactus-block{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top: 20px }
.contactus-block h2{ width: 100%; font-weight: normal;text-align: center}
.contactus-block p{width: 100%;text-align: center}
.contactus-block > div{ width: 31%; box-shadow: 6px 4px 18px rgb(0 0 0 / 8%); border: solid 1px #292929; border-radius: 4px; padding:30px 15px 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; transition: .3s all; background-color: #fff;}
.contactus-block > div:hover{ box-shadow:none}
.contactus-block > div > span strong{ display: block; font-size: 20px; color: #000; margin-bottom: 5px;}
.contactus-block > div > span:first-of-type{width: 105px;height: 70px;border-radius: 0 50px 50px 0;background-color: #708ac7;color:#fff;font-size: 34px;display: flex;align-items: center;justify-content: space-around;}
.contactus-block > div:nth-of-type(2) > span:first-of-type{background-color: #2B2B2B;}
.contactus-block > div:nth-of-type(3) > span:first-of-type{background-color: #2d5cac;}
.contactus-block > div > span:last-of-type{ width:60%; line-height: 24px}
.contactus-block > div > span:last-of-type > a{ display: block; margin: 5px 0}

.enquiry-table{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px auto;}
.enquiry-table > span{width: 100%; text-align: center}
.enquiry-table > p{text-align: center; width: 100%}
.enquiry-table > span p{text-align: center; font-size: 20px}
.enquiry-table > div{ width: 49%}
.enquiry-table iframe{ width:100%; display: block; border-radius: 4px}
.enquiry-table h2{ width: 100%;padding: 0 3px; font-weight: normal; }
.enquiry-table > div table{ width:100%; margin-top: -10px;}
.enquiry-table > div table tr{}
.enquiry-table > div table tr > td > label{ font-weight:bold;margin-bottom: 2px; font-size: 13px;}
.register-seller-form table tr > td, .enquiry-table > div table tr > td{ padding:0 3px; width: 50%}
.register-seller-form table tr > td h4, .enquiry-table > div table tr > td h4{ font-size:28px; color:#333; margin:0}
.register-seller-form table .footer-form{  display: flex; justify-content: space-between; align-items: center; margin-top:45px; margin-bottom:-20px}

.branches-block > div{ width:100%; font-size:18px; color: #3b3b3b; position:relative; padding-bottom: 15px}
.branches-block > div > div > strong{ font-size:20px;color: #00348c; display: block; width: 100%; border-top: 1px solid #00348c; padding-top: 17px; margin-top: 10px;}
.branches-block .contactus-img img{ width:100%; height:auto; display:block; transition: .3s all}
.branches-block .contactus-img { width:100%; height:auto; position:relative; overflow: hidden}
.branches-block .contactus-img span{top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgb(0 0 0 / 35%); opacity:0; transition:all .3s}
.branches-block .contactus-img:hover img{ transform: scale(1.1);}
.branches-block > div span{ display:block;}

.register-seller-form .btn1{ width: unset}
.enquiry-table .contact-footer-form{display: flex; justify-content: space-between; align-items: center;}

.enquiry select { color:#999}
.enquiry .btn1{ text-decoration:none; color: #fff}
.enquiry .btn1 span{ border:solid 2px #00275d; border-radius:50px; display: flex; align-items: center; justify-content: space-around; width:18px; height:18px; margin-left:10px}
.enquiry .btn1 span .fas{margin-left: 4px;}
.enquiry a:hover{ opacity:.9}
.enquiry input[type="password"],.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{border: solid 1px #666666;padding:12px 10px;width:100%;margin-bottom:4px;}
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px;}
.enquiry textarea{border: solid 1px #666666;width:100%;font-family: Arial, Helvetica, sans-serif;padding:13px 10px;margin-bottom:4px}

.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: #2d5cac !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:#000; width:100%; background-color:#fff; display:flex; flex-wrap: wrap;}
.footer > div{padding: 0 15px; width: 100%; margin: auto; max-width: 1280px; font-size: 16px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer > div:first-of-type{padding: 70px 0 }
.footer > div > div > div > span{font-weight:900; text-transform: uppercase; font-size: 24px}
.footer > div > div{width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer > div > div > div{width: 50%;}
.footer > div:first-of-type > div > ul{width: 45%; border-left: 1.5px solid #000; padding-left: 30px;}
.footer > div:first-of-type > div > ul > li a{padding: 10px 0 5px; display: block}
.footer > div > div:first-of-type > div > ul{margin-top: 20px;}
.footer > div > div:first-of-type > div > ul li a{padding: 5px 0}
.footer > div > div:first-of-type > div > a{padding: 15px 30px;box-shadow: inset 0 0 0 2px #000; color: #000; text-transform: uppercase; display: inline-block; margin-top: 20px; font-weight: bold; letter-spacing: 1px}
.footer > div > div:last-of-type > div > ul{}
.footer > div > div > ul > li > a{}
.footer > div:nth-child(1) > div:nth-child(1) > ul > span{font-weight:900; text-transform: uppercase; font-size: 24px}
.footer > div > div > div > ul li a{ display: block; font-size: 18px;}

.footer > div > div > ul a{}
.footer .newsletter-footer > div{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.footer .newsletter-footer{background-color: #e2e2e2; padding: 25px;}

.footer .newsletter-footer .fa-fw{border: 2px solid #000; border-radius: 100%; color: #000; height: 40px; width: 40px; display: flex; align-items: center; justify-content: space-around;}
.footer .newsletter-footer > div > span{}
.footer .newsletter-footer > div > ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 27%}
.footer .newsletter-footer > div > p{width: 70%; font-size: 14px; line-height: 20px; margin: 0}
.footer .newsletter-footer > div > a{ background-color: #000; box-shadow: inset 0 0 0 2px transparent; color: #fff; padding: 14px 28px; border-radius: 4px;}
.footer .newsletter-footer > div > a:hover{ background-color: #fff; box-shadow: inset 0 0 0 2px #000; color: #000;}

.footer > div ul {margin: 0; padding: 0; list-style: none}
.footer > div > div > ul > li:last-of-type{ padding:0}
.footer > div a{ text-decoration:none;color:#333;}

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

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

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

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

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

@media only screen and (max-width: 1024px){
	body{ display: table}
	
	
}
@media (min-width: 800px) and (max-width: 1023px){
	
	.menu-top:after{left: -15.6%;}
	}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.menu-top:after{left: -15.6%;}
	
}

@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: 80%;left: 50px;margin: auto;}
	.section-2, .section-section{width: 100%}
	
	.section-header{width: calc(100% - 50px);float: right;}	
	.widget-container{width: 50%;}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10%}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{height: auto; }
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:100%; left:0 !important}
	.home-banner .cs_title h1{ font-size:26px}
	.home-banner .cs_title .cs_wrapper{ padding:0 15px; font-size:26px}
	.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}
	.home-banner .btn-banner{ margin-top:15px; padding:10px 15px}
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.mobile-banner > span br{ display:none !important}
	.mobile-banner > span br{ display:none !important}
	.home-banner > div > div:last-of-type {display: none}
	.home-banner > div > div > strong {margin: 20px 0}
	.home-banner > div{padding: 20px 15px}
	.home-banner > div > div{width: 100% !important}
	.home-banner > div h1 {font-size: 36px; line-height: 40px;}
	.home-banner > div > div:last-of-type{display: none}
	
	
	
	.home-intr {margin: auto;}
	.home-intr > div > div:first-of-type {width: 100%;padding: 15px!important}
	.home-intr > div > div:first-of-type h2 {position: relative;top: 0;left: 0;font-size: 50px;}
	.home-intr > div > div:first-of-type strong {width: 100%}
	.home-intr > div > div:first-of-type p {width: 100%}
	.home-intr > div > div:last-of-type{ position: relative; right: 0;top: 0;width: 100%;}
	
	.isotec-banner {padding: 15px}
	.home-product-categories > div {width: 100%;margin-bottom: 20px}
	
	.our-services-bg > div {padding: 15px}
	.service-block > div {width: 100%;}
	.service-block {gap:20px}
	
	
	.footer > div > div{width: 100%}
	.footer > div > div > div{width: 100%}
	.footer > div:first-of-type > div > ul{width: 100%; padding-left: 0}
	.footer .newsletter-footer{ margin: 30px 0 0; width: 100%}
	.footer .newsletter-footer > div > ul {width: 50%;margin: 10px 0}
	.footer > div:first-of-type > div > ul{border-left:none; margin-top: 20px;}
	.footer > div:first-of-type{padding:  70px 15px 20px}
	.footer-bottom {padding: 15px}

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

@media screen and (max-width: 599px){
	.menu-top{background-color: #2d5cac;width:250px;position:fixed;top:0;height:102px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100;left: 0;}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 102px)}
	.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:102px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .section-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .section-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}