@charset "utf-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@import url('fonts/stylesheet.css');

*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html, form, section{height:100%;}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family: "MorebiRoundedMedium"; font-size:16px;line-height:1.7;color:#323232;}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#4a4746;text-decoration:none;}
a:hover, a:focus{color:#006cb5;text-decoration:none;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
p{margin:0 0 10px}
b{color:#0066b3;}
body{opacity:0;}
ul, ol {list-style:none !important;}
@media(max-width:540px){body{font-size:12.5px;}
}
.scrollup{position:fixed;bottom:10px;right:5px;display:none;z-index:1;font-size:24px;padding:0px 8px 3px;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#0b64a7!important;}
a.scrollup:hover{color:#073c65!important;}
.clear{clear:both;}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
.border{border:1px solid #ccc !important;}
.no-border{border:none !important}
.no-border-l{border-left:none !important;}
.no-border-r{border-right:none !important;}
.no-border-t{border-top:none !important;}
.no-border-b{border-bottom:none !important;}
.border-r-white{border-top:1px solid #fff !important}
.border-l-white{border-top:1px solid #fff !important}
.border-t{border-top:1px solid #ccc !important}
.border-b{border-bottom:1px solid #ccc !important}
.no-shadow{box-shadow:none !important}
.no-margin{margin:0 !important;}
.no-margin-r{margin-right:0 !important;}
.no-margin-l{margin-left:0 !important;}
.no-margin-b{margin-bottom:0 !important;}
.no-margin-t{margin-top:0 !important;}
.no-margin-x{margin-left:0 !important;margin-right:0 !important;}
.no-margin-y{margin-top:0 !important;margin-bottom:0 !important;}
.marg-t{margin-top:30px !important;}
.marg-l{margin-left:30px !important;}
.marg-b{margin-bottom:20px !important;}
.marg-ftr-t{margin-top:20px !important;}
.no-pad{padding:0 !important;}
.no-pad-l{padding-left:0 !important;}
.no-pad-r{padding-right:0 !important;}
.no-pad-t{padding-top:0 !important;}
.no-pad-b{padding-bottom:0 !important;}
.no-pad-x{padding-left:0 !important;padding-right:0 !important;}
.no-pad-y{padding-top:0 !important;padding-bottom:0 !important;}
@media (max-width:767px){.text-center-mo{text-align:center!important}
.text-left-mo{text-align:left!important}
.text-right-mo{text-align:right!important}
}
.pad-t{padding-top:40px !important;}
.pad-b{padding-bottom:40px !important;}
.pad-t-nav{padding-top:10px !important;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.red{color:#c80000;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0px;padding:0px 0px;width:100%;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 0px 0 5px;border:none;vertical-align:top;}
ul.social_media li:first-child{margin-left:0;}
ul.social_media li a{display:block;font-size:16pt;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;font-size:15px;}
ul.social_media .fa{padding:0px;margin:0px;font-weight:300;color:#FFF;border:3px solid #FFF;width:45px;border-radius:50px;height:45px;line-height:40px;text-align:center;}
ul.social_media .fa:hover{color:#fff}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
.fa-facebook:hover{background:#3b5998;}
.fa-google:hover{background:#3f85f4;}
.fa-google-plus:hover{background:#d13f2d;}
.fa-linkedin:hover{background:#0275b5;}
.fa-youtube:hover{background:#ce332d;}
.fa-youtube-play:hover{background:#ce332d;}
.fa-tumblr:hover{background:#274152;}
.fa-twitter:hover{background:#4dc8f1;}
.fa-pinterest:hover{background:#cb2028;}
.fa-instagram:hover{background:#3e739d;}
.map-container{width:100%;height:100%;border:0px;float:left;padding:0;margin:0;}
.map-container iframe{width:100%;height:175px;border:0px;pointer-events:none;}
.footer .map-container iframe{height:175px;}
.copyright-container {background:#778188;}
.copyright{text-align:left;margin:10px 0;color:#fff;font-size:13px;}
.copyright a {color:#fff;}
.centered{float:none!important;margin:0 auto;}
.h1,.h2,h1,h2{font-family:inherit;font-weight:400;line-height:normal;color:inherit;color:#006cb5;}
.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:normal;color:inherit;color:#000;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:36px}
.h2,h2{font-size:26px}
.h3,h3{font-size:22px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.txt-15 {font-size: 15px !important;}
.txt-16 {font-size: 16px !important;}
.txt-17 {font-size: 17px !important;}
.txt-18 {font-size: 18px !important;}
.light-text{font-weight:500!important;color:#0066b3!important;}
.btn-link{text-decoration:none!important;}
.wrapper{position:relative;padding-top:142px;background:#FFF;width:100%;margin:0 auto;text-align:left;float:none;box-shadow:#DDD 0px 2px 10px 6px;}
.wrapper{height:auto !important;min-height:calc(100% - 301px);margin:0 auto;}
.footer{position:relative;width:100%;margin:0 auto;}
.footer, .push{clear:both;}
@media(max-width:992px){wrapper{padding-top:160px;}
}

.table-head {background: #0083dc !important;}

.wrapper-home{padding-top:0px !important; background:none !important; box-shadow:#DDD 0px 2px 10px 6px;}
.header-home {background-color:transparent !important; border-top:0px solid transparent !important; border-bottom:1px solid #fff !important;}
.logo-home img{filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1);}
.contact-details-home {box-shadow:none !important; background:none!important;}
.contact-details-home:before {border-left:none!important;border-bottom:none!important;border-right:none !important;}
.contact-details-home li {border-left:none!important;}
.contact-details-home li a{color:#fff !important;}

.header{width:100%;border-top:3px solid #006cb5;border-bottom:1px solid #006cb5;display:table;z-index:999;margin-bottom:0 !important;background-color:#f4f4f4;}
.header .container{display:table;position:relative;width:100%;max-width:1170px;padding:0 0!important;}
.header .header-left{display:table-cell;width:25%;padding-left:20px;}
.header .header-right{display:table-cell;width:75%;vertical-align:top;}
.top-panel{display:table;width:100%;position:relative;}
.top-nav-collapse .logo img{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.contact-info{text-align:right;vertical-align:top;}
.contact-info .contact-details{margin-top:0;padding:0 20px;list-style:none;margin-bottom:5px;float:right;position:relative;background:#FFF;box-shadow:#e7e7e7 1px 4px 1px;}
.contact-info .contact-details:before{content:' ';position:absolute;top:0;left:-94px;border-left:47px transparent solid;border-bottom:47px transparent solid;border-right:solid 47px #FFF;}
.contact-info ul.contact-details li.hghlght-color, .contact-info ul.contact-details li.hghlght-color *{color:#006cb5;}
.contact-info ul.contact-details li{border-left:1px solid #e7e7e7;display:inline-block;color:#7d7d7d;padding:13px 10.5px;font-size:14px;}
.contact-info ul.contact-details li:first-child{border:0;}
.contact-info ul.contact-details li a{color:#7d7d7d;}
.contact-info ul.contact-details li a:hover,
.contact-info ul.contact-details li.active a, .dropdown-menu li a.active{color:#0066b3!important;}
.contact-info ul.contact-details li.active a{font-weight:600;}
.contact-info ul.contact-details li .fa{color:#006cb5;padding:5px 0 5px 7px;border-radius:50px;}
.contact-info ul.contact-details li.hghlght-color{padding:0 0;font-size:11.5pt;}
.navbar-nav{padding:0 !important;margin-top:20px;}
.navbar-nav> li > a{font-size:13.5pt;text-transform:uppercase !important;color:#778188;padding:10px 22px !important;position:relative;}
.navbar-nav> li > a.active {color:#006cb5;}
.navbar-nav> li.home-link > a{color:#fff !important;}
.navbar-nav> li.home-link > a.active{color:#000 !important;}
.navbar-nav> li.home-link > a:hover{color:#000 !important;}
.navbar-nav> li:last-child > a{border-width:0;}
.navbar-nav> li.open > a{background-color:transparent !important;border-color:#fff !important;}
.navbar-nav> li > a .fa{margin-left:2px;}
.dropdown-menu li a{font-size:13px;color:#778188 !important;}
.dropdown-menu li a:hover{font-size:13px;color:#006cb5 !important;}
.logo{transition:all 200ms ease-out;margin:15px 0;}
.logo h1{margin-bottom:0;}
.navbar-nav > li.current > a{color:#1b569a;}
.top-nav-collapse .sub-logo img{opacity:0;height:0;padding:0;margin-top:-15%;}
.top-nav-collapse .logo{}
.navbar-default .navbar-toggle{background-color:#006cb5;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#ffcb05!important;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff !important;}
.blue-band{background:#0066b3;border-bottom:#1675bc 1px solid;clear:both;padding:5px 21px;}
.blue-band i{color:#e8e8e8;font-size:11pt;font-weight:400;}
.header .container:first-child{z-index:1;}
.top-nav-collapse .blue-band{margin-top:-38px;position:relative;z-index:0}
.navbar-nav > li.static-pos{position:static!important;}
.navbar-nav > li.static-pos .dropdown-menu{top:100%!important;}
.navbar-nav > li.static-pos .product-navlist{max-height:480px;overflow:auto;}
.navbar-nav > li.static-pos .product-navlist::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#999;cursor:pointer;}
.navbar-nav > li.static-pos .product-navlist::-webkit-scrollbar{width:6px;cursor:pointer;}
.navbar-nav > li.static-pos .product-navlist::-webkit-scrollbar-thumb{background-color:#333;}
.navbar-nav > li.static-pos .product-navlist::-webkit-scrollbar-thumb:hover{background-color:#222;}
.navbar-nav > li > ul > li{border-left:#DDD dashed 1px;margin:3px 0;}
.navbar-nav > li > ul > li > a{padding:10px 10px;color:#778188!important;font-size:10.5pt;text-transform:uppercase;}
.navbar-nav > li > ul > li > a:hover {font-size:10.5pt; background:#9fc6e2;}
.navbar-nav > li.dropdown .dropdown-menu{ border:2px solid #006cb5;}
.dropdown-menu .menu-row{display:table;table-layout:fixed;width:100%;}
.dropdown-menu .menu-row > div{display:table-cell;float:none;border:#DDD solid;border-width:0 1px 1px 0;padding:0 15px 10px 15px;vertical-align:top;}
.dropdown-menu .menu-row > div h3{font-weight:500;margin:0 0;}
.dropdown-menu .menu-row > div h3 a{font-size:10.5pt;color:#0066b3;text-transform:uppercase;}
.dropdown-menu .menu-row > div h3 a.active{font-weight:600;}
.dropdown-menu .menu-row > div h3.big{font-size:10.5pt;text-transform:uppercase;}
.dropdown-menu .menu-row > div ul{padding:0 0;margin:0 0 0;}
.dropdown-menu .menu-row > div ul li{display:inline-block;padding:0 0 0 10px!important;color:#778188 !important;float:left;width:50%;}
.dropdown-menu .menu-row > div ul li:before{content:'\f0c8';font-family:FontAwesome;font-size:6px;margin-left:-8px;margin-right:4px;margin-top:7px;float:left;}
.dropdown-menu .menu-row:last-child > div:last-child{padding-top:10px}
.dropdown-menu .menu-row:first-child{padding-top:10px!important;}
.dropdown-menu .menu-row:last-child > div:last-child ul li:before{display:none;}
.dropdown-menu .menu-row:last-child > div{border-bottom:0;}
ul.menu-section {width: 100%; margin: 0px; padding: 0px; max-width:250px; left:auto !important;}
ul.menu-section li {display: block; border-bottom: 1px dashed #ddd;}
ul.menu-2section {width: 100%; margin: 0px; padding: 0px; max-width: 400px; left:auto !important;}
ul.menu-2section li {display: inline-block; width: 49%; border-bottom: 1px dashed #ddd;}
.call-mob{margin:8px 5px 0 10px;display:inline-block;}

.call-mob{margin:8px 5px 0 10px;display:inline-block;}
ul.industries-navlist{padding:0 10px!important;}
ul.industries-navlist li{width:24.5%;margin:0 0;}
ul.industries-navlist li h3.big{font-size:10.5pt;font-weight:normal;margin:0 0;text-transform:uppercase;}
ul.industries-navlist li a:hover{background:none!important;text-decoration:underline;}
ul.industries-navlist.dropdown-menu li a.active{font-weight:600!important;}
ul.industries-navlist li:first-child,
ul.industries-navlist li:nth-child(5),
ul.industries-navlist li:nth-child(9),
ul.industries-navlist li:nth-child(13){border-left-color:transparent;}
@media(min-width:1301px){.header .header-right{width:78%;}}
@media(max-width:1023px){.dropdown-menu .menu-row{background:none!important;}
.dropdown-menu .menu-row > div{display:block;padding:0 20px 15px 15px;border-color:#000;border-width:0 0 1px 0;}
.logo{float:left;}
.header .header-left, .header .header-right{vertical-align:middle;}
}
@media(max-width:990px){.dropdown-menu .menu-row{background:none!important;}
.dropdown-menu .menu-row > div{display:block;padding:0 20px 15px 15px;border-color:#000;border-width:0 0 1px 0;}
.dropdown-menu .menu-row > div ul li{display:block;width:100%;float:none;}
}
@media (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait){.header-right{width:80% !important;}
.navigation{float:none !important;}
.logo{}
.top-nav-collapse .logo{margin-bottom:2px;}
}
@media(min-width:992px){.navbar-nav> li.dropdown > a:before{opacity:0;content:'';position:absolute;bottom:-24px;z-index:1;left:0;right:0;display:table;width:0;margin:auto;border-left:8px transparent solid;border-right:8px transparent solid;border-bottom:solid 8px #006cb5;transition:all 200ms ease-in-out;}
.navbar-nav> li.open > a:before{opacity:1;}
.navbar-nav > li.active .dropdown-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms;}
.dropdown-menu{border-width:2px !important;border-top:none !important;padding:0px 0px !important;}
.navbar-right .dropdown-menu{right:auto !important;}
.dropdown-menu{margin-top:0px!important;border-radius:0px !important;border:0px !important;}
.navbar-right{margin-right:0 !important;width:100%;}
}
@media(max-width:992px){
ul.industries-navlist{padding:0 0!important;}
ul.industries-navlist li{display:block;width:100%;}

ul.menu-section {max-width: 100%; border: 2px solid #006cb5; background:#eaeaea;}
ul.menu-section li {display:block; width: 100%; border-bottom:none;}	
ul.menu-2section {max-width: 100%; border: 2px solid #006cb5; background:#eaeaea;}
ul.menu-2section li {display:block; width: 100%; border-bottom:none;}
	
.wrapper{padding-top:120px;}
.navbar-default .navbar-offcanvas{background-color:#275498 !important;}
.contact-info, .top-panel, .sub-logo{display:none;}
.header .header-left{width:40%;}
.header .header-right{text-align:right;}
.logo, .sub-logo-mobile img{margin:0 0;}
.navbar-nav> li > a{padding:10px 10px !important;color:#FFF!important;font-size:10.5pt;}
.navbar-nav> li > a:hover{background:#024271!important;}
.navbar-nav> li{border-bottom:1px solid #2471ad;}
.navbar-nav> li.dropdown > a:after{content:'\f107';font-family:FontAwesome;float:right;}
.navbar-nav> li.current > a{color:#ffcb05!important;}
.dropdown-menu .menu-row:first-child{padding-top:0!important;}
.dropdown-menu .menu-row > div h3{margin-top:8px;color:#040404;text-transform:capitalize;}
.dropdown-menu li a{color:#333 !important;font-size:13px!important;}
.navbar-toggle{margin:0 15px 0 15px !important;}
.top-nav-collapse .logo{}
.top-nav-collapse .logo img{max-width:80%!important;}
.top-nav-collapse .navbar-toggle{}
.top-panel-mobile{background-color:#f2b129;padding:20px;transition:all 200ms ease-out;color:#00aeef;font-weight:700;text-align:center;font-size:15px;}
}
@media only screen and (min-device-width:981px) and (max-device-width:1024px) and (orientation:landscape){.header .header-left{width:26%;}
.header .header-right{width:74%;}
.sub-logo img{height:115px !important;margin-top:5px;}
.top-nav-collapse .logo{height:75px !important}
.top-nav-collapse .sub-logo img{display:none;}
.top-nav-collapse .sub-logo{opacity:1;}
.navbar-nav> li > a{padding:5px 8px !important;}
.navigation{float:none !important;}
.contact-info ul.contact-details li{font-size:14px;}
}
@media(min-width:768px) and (max-width:1024px){ul.our-solutions li{width:32.72%!important;padding:0 15px 9px!important;}
}
@media(max-width:768px){.wrapper{padding-top:115px;}
.dropdown-menu .menu-row > div ul li:before{margin-top:10px;}
.dropdown-menu .menu-row > div ul li a{padding:5px 0;display:block;}
}

@media(max-width:480px){.header .container:first-child{padding:0 10px!important;}
.call-mob{font-size:97%;font-weight:600;margin-left:5px;}
.logo img{padding:5px 0;}
.wrapper{padding-top:95px;}
}
@media(max-width:380px){.wrapper{padding-top:48px;}
}
@media (max-width:480px){.navbar-nav .open .dropdown-menu{}
.navbar-nav .open .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#666;cursor:pointer;}
.navbar-nav .open .dropdown-menu::-webkit-scrollbar{width:10px;cursor:pointer;}
.navbar-nav .open .dropdown-menu::-webkit-scrollbar-thumb{background-color:#333;}
.navbar-nav .open .dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#222;}
}
@media (max-width:640px){.heading{font-size:1.4em!important;}
.header .header-left{width:40%;padding-left:5px;}
}
@media (max-width:560px){.heading{font-size:1.6em!important;}
}

.heading{color:#002f53;text-transform:capitalize;font-weight:normal;}
.white{color:#fff;}
<!--left menu-->
ul.sub-nav{text-align:left!important;padding:0!important;border:0;margin-bottom:15px;}
ul.sub-nav li{width:100%;padding:1px 0;margin-bottom:3px;}
ul.sub-nav li a{border:#EEE solid 1px;padding:5px;font-size:10pt;background:#f0f0f0;}
ul.sub-nav li.active a{border-color:#0066b3;color:#0066b3;}
ul.sub-nav li a:hover{color:#0066b3;}
ul.sub-nav li img{width:55px;}
ul.sub-nav li h4{width:80%;font-size:10.5pt;}
ul.sub-nav li a.active{border-color:#0066b3;border-width:1px;}
ul.sub-nav li a.active h4{color:#1b569a;}
ul.side-bar li + li a{}
ul.side-bar li a:before{content:'\f105';background:#0066b3;color:#FFF;font-family:FontAwesome;margin-right:8px;width:30px;line-height:30px;display:inline-block;text-align:center;border-radius:5px;font-size:21px;}
ul.side-bar li.active a{color:#0066b3;font-weight:600;}
ul.side-bar li.active a:before{color:#ffcb05;}

ul.sub-nav ul { border:#fff solid 1px; border-top:none; background:#f0f0f0; -webkit-padding-start:0px;}
ul.sub-nav li {margin-bottom:0px;}
ul.side-bar li li a:before{content:'\f105';background:none;color:#727d84;font-family:FontAwesome;margin-right:8px;line-height:22px;display:inline-block;text-align:center;border-radius:5px;font-size:21px;}
ul.side-bar li li a:hover:before {color:#0066b3; !important;}

ul.sub-nav li.active ul { border:#0066b3 solid 1px; border-top:none; background:#f0f0f0; -webkit-padding-start:0px;}
ul.sub-nav li.active li a{border:none; padding:5px 0px;font-size:10pt; color:#727d84; font-weight:normal;}
ul.sub-nav li.active li a:hover {color:#0066b3; !important;} 
ul.side-bar li.active li.active a {color:#0066b3; !important;}
ul.side-bar li.active li.active a:before {color:#0066b3; !important;}
ul.side-bar li.active li a:hover:before {color:#0066b3; !important;}
ul.side-bar li.active li a:before{content:'\f105';background:none;color:#727d84;font-family:FontAwesome;margin-right:8px;line-height:22px;display:inline-block;text-align:center;border-radius:5px;font-size:21px;}


@media (max-width:768px){.contact-bx{width:50%;float:left;}
ul.sub-nav li a{background:none!important;border:0!important;border-bottom:1px #FFF solid!important;color:#FFF!important;}
ul.sub-nav li h4{color:#FFF!important;}
ul.sub-nav li{margin:0!important;}

ul.sub-nav li ul { background:#fff !important;}
ul.side-bar li li a {color:#727d84 !important;}
ul.side-bar li.active li a {color:#727d84 !important;}
ul.side-bar li.active li.active a {color:#0066b3 !important;}

}

@media(min-width:992px){.inner-left-panel{border-right:1px solid #000;padding-right:40px!important;}
.side-bar{padding-left:40px!important;}
}
.navigation .panel { background:none !important;}


/*xxxx MENUEND xxxx*/
/* xxxx HOME PAGE START xxxx */
/* Visual Panel Start */
.home-visual-panel { width:100%; margin:0px 0px 0px 0px; padding:0px; background-image:url(images/home-bg.jpg); background-size:cover; background-position:fixed; height:100vh;}
h2.slider-text  { color:#fff; font-size:40px; font-weight:bold;}
.slider-white-text { color:#fff; font-size:20px;  }
.slider-button {padding:10px 30px; margin-top:15px; font-size:20px; color:#fff; background:#006cb5; border:1px solid #006cb5; width:auto; display:inline-block;}
.slider-button:hover {background:transparent; color:#fff; border:1px solid #fff;}
@media (max-width:768px) {.slider-text {top:5%; width:75%;}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
h2.slider-text {font-size:20px; top:2%; width:90%;}
.slider-white-text {font-size:14px;}
.slider-button {padding:5px; color:#fff; background:#006cb5; width:auto; display:inline-block;}	
}
@media only screen and (max-width: 479px) and (min-width: 220px){
.home-visual-panel{display:none;}}
/*Visual Panel End*/

h2.home-page-heading { font-size:48px; padding:0px; margin:0px; position:relative; padding-top:22px;}
h2.home-page-heading:before {content:""; position:absolute; top:0; width:73px; height:5px; background:#006cb5;}

h2.home-page-heading2 { font-size:48px; padding:0px; margin:20px 0px; position:relative; padding-top:22px; color:#7b8286;}
h2.home-page-heading2:before {content:""; position:absolute; top:0; width:73px; height:5px; background:#7b8286;}

h2.home-blue-heading { font-size:48px; padding:0px; margin:0px; position:relative; padding-top:22px; color:inherit;}
h2.home-blue-heading:before {content:""; position:absolute; top:0; width:73px; height:5px; background:#006cb5;}

h2.home-grey-heading { font-size:48px; padding:0px; margin:0px; position:relative; padding-top:22px; color:#fff; text-align:center;}
h2.home-grey-heading:before {content:""; position:absolute; top:0; width:73px; height:5px; background:#fff; left:47%;}

a.product-image { position:relative; display:block;}
a.product-image:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; op-acity:0.71; backg-round:#171d22; transition:all 0.2s ease-out;}
a.product-image:hover:before {opacity:0.95; background:#006cb5;}
a.product-image .product-content{position:absolute; bottom:10%; right:20px; transition:all 0.2s ease-out; text-align:right;opacity:0.71; background:#171d22; padding: 0px 10px; border-radius: 5px;}
a.product-image .product-content h3 {color:#fff; display:inline-block; font-size:24px; font-weight:normal; font-family: "MorebiRoundedRegular";}
a.product-image:hover .product-content { bottom:35%;}
.home-right-arrow {color:#fff; vertical-align:text-bottom; margin-bot--tom:5px; margin-left:10px; padding:10px; border:1px solid #fff; font-size:20px;}
.home-right-arrow:hover {color:#999; border:1px solid #999;}

.home-service {border-right:1px solid #3c3c3c; border-top:1px solid #3c3c3c; padding:20px 0px;}
.home-service figure { text-align:center !important;}
.home-service h3 {color:#fff !important; text-align:center;}
.home-service p {color:#858585; text-align:center;}

.btn-home { margin:85px 0px 0px 0px;}
.btn-home a {border:2px solid #fff; padding:10px; color:#fff; float:right;}
.btn-home a:hover {border:2px solid #006cb5; color:#006cb5; background:#fff;}
.home-col-section {height:380px; position:relative; box-shadow:2px 2px 10px #ccc;}
.home-col-section a h3 {padding:0px 10px;}
.home-col-section a:hover h3 {color:#778188;}
.home-more {position:absolute; right:20px; bottom:0; font-size:18px;}

.homepage-product {background:#fff; padding:50px 0px;}
.homepage-material {background:#313131; padding-bottom:50px;}
.font-size-17pt {font-size:17pt !important;}
.img-width-max-150px {max-width: 150px !important;}
.img-width-max-160px {max-width: 160px !important;}
.p-tb-70 {padding:70px 0px;}
.width-100-percent {width: 100% !important;}
.txt-center{text-align: center !important;}

/*--- Material Grade Section CSS ---*/
 .chemical-box { width:100%; margin:0px; padding:0px;}
.chemical-box ul { width:100%; margin:0px; padding:0px;}
.chemical-box ul li{ width:15%; margin:0px 0.5%; padding:0px; float:left; list-style:none;}
.chemical-box-small {border:2px solid #fff; width:75px; height:75px; border-radius:10px; padding:2px; margin:0px;}
.chemical-box-small2 {border:2px solid #fff; width:70px; height:70px; border-radius:10px; padding:2px; margin:0px 5px 5px 5px; display: inline-block;}
.chemical-box-big {border:2px solid #fff; width:150px; height:150px; border-radius:10px; padding:2px; margin:0px; text-align:center;}
.chemical-number { text-align:left; font-size:16px; line-height:12pt; color:#fff;}
.chemical-formula {text-align:center; font-size:24px; margin-top:0px; line-height:24pt; color:#fff;}
.chemical-name {text-align:center; margin-top:10px; font-size:16px; line-height:0pt; color:#fff;}
.chemical-label { text-align:center; display:block; border-top:2px solid #fff; border-bottom:1px solid #fff; width:100% !important; padding:5% 0px !important; margin-top:15px !important; font-size:18px; color:#fff;}
		 .chemical-box-small2 .chemical-name {font-size:12px;}
		 .chemical-box-small2 .chemical-formula {line-height:22pt;}
/*For Big Box*/
.chemical-box-big .chemical-number{ font-size:22px; }
.chemical-box-big .chemical-formula{ font-size:80px; margin-top:30px;}
.chemical-box-big .chemical-name{font-size:22px; margin-top:35px; line-height:16pt;}
.chemical-box ul li a:hover .chemical-box-small,.chemical-box ul li a:hover .chemical-box-big { border:2px solid #006cb5; color:#006cb5;}
.chemical-box ul li a:hover .chemical-number, .chemical-box ul li a:hover .chemical-formula, .chemical-box ul li a:hover .chemical-name, .chemical-box ul li a:hover .chemical-label {color:#006cb5;}
@media (max-width:768px) { 
.home-standard-col {border-right:none; border-bottom:none;}
.chemical-box ul li {width:48%; text-align:center; margin-bottom:15px; display:inline-block;}
.chemical-content-box {width:100%; max-width:180px; display:inline-block;}
}
@media only screen and (max-width: 767px) and (min-width: 220px) {
h2.home-page-heading {font-size:20px; line-height:28pt;}
h2.home-page-heading span {font-size:16px;}	
.home-standard-col {border-right:none; border-bottom:none;}
.chemical-box ul li {width:100%; text-align:center; margin-bottom:15px; display:inline-block;}
	}
/*--- Material Grade Section CSS ---*/


a.standard-home:hover {filter: drop-shadow(5px 5px 3px #aaa); 
				}
.standard-image {width:100%; max-width:130px; display: inline-block; padding: 20px;}


/*--- Service Section CSS ---*/
.home-hexagon-section {margin:0px; padding:50px 0px; float:left; width:100%; display:block; background:url(images/home-pro-bg.png) no-repeat right; background-attachment:fixed;}
.home-hexagon-section1 {margin:0px; padding:15px 0px; float:left; width:100%; display:block; background:url(images/home-pro-bg.png) no-repeat right; background-attachment:fixed;}
.hexagon3-left {float:left; width:45%; padding:0px 0px;}
.hexagon3-right {float:right; width:50%;}
.hexagon3-right h2 { font-size:50px; padding-bottom:10px;}
.hexagon3-right p {font-size:16px;}

.hexagon3 {position: relative; width: 143px; height: 83px; margin: 19px 0; border-left: solid 5px #005ba9; border-right: solid 5px #005ba9;
 color:#005ba9 !important;}
.hexagon3 h3 { color:#005ba9; text-align:center; display:block; font-size:16px; margin-top: 3px;}

.hexagon3:before,.hexagon3:after {content: ""; position: absolute; z-index: 1; width: 100px; height: 100px; -webkit-transform: scaleY(0.6) rotate(-45deg);
  -ms-transform: scaleY(0.6) rotate(-45deg); transform: scaleY(0.6) rotate(-45deg); left: 16.519px;}
.hexagon3:before {top: -50px; border-top: solid 7.0711px #005ba9; border-right: solid 7.0711px #005ba9;}
.hexagon3:after {bottom: -50px; border-bottom: solid 7.0711px #005ba9; border-left: solid 7.0711px #005ba9;}
.hexagon3 .content-box{ position:absolute; text-align:center; width:100%; top:-20px; z-index:9999;} 
.hexagon3 .content-box img { max-width:60px; height:auto; width:100%;}
img.manufacturing-icon {max-width:80px !important;}
img.fabrications-icon {max-width:110px !important; margin-top:7px;}
img.outsourcing-icon {max-width:75px !important;}
img.coatings-icon {max-width:100px !important;}
img.surface-treatment-icon{ max-width:100px !important;}

ul.hexa-list { width:100%; margin:0px; padding:0px; text-align:center;}
ul.hexa-list li { margin:0px; padding:0px 10px; list-style:none; display:inline-block; max-width:143px;}

.hexagon3:hover { cursor:pointer; background:#005ba9;}
.hexagon3:hover:before,.hexagon3:hover:after { background:#005ba9; }
.hexagon3:hover h3 {color:#fff }
.hexagon3:hover .content-box img { filter:brightness(0) invert(1);}

.hex-white-brd{border-right: solid 5px #fff; border-left: solid 5px #fff;}
.hex-white-brd:before {border-top: solid 7.0711px #fff; border-right: solid 7.0711px #fff;}
.hex-white-brd:after {border-bottom: solid 7.0711px #fff; border-left: solid 7.0711px #fff;}
.hex-white-brd:hover { background:#fff;}
.hex-white-brd:hover:before,.hex-white-brd:hover:after { background:#fff; }
.hex-white-brd:hover .content-box img { filter:none !important;}
.manufacturing,.stock-clearance,.fabrications,.outsourcing,.coatings,.surface-treatment { display:none}
/*--- Service Section CSS ---*/

/* xxxx HOME PAGE END xxxx */

/*PIPE PAGES START*/
.pipes-section {border:1px solid #ccc; box-shadow: 5px 5px 5px #ccc; padding: 5px; margin: 10px 0px;}
.pipes-section .img-left {width: 150px; float: left; margin-right: 10px;}
.pipes-section .img-right {width: 150px; float: right;}

/*PIPE PAGES END*/
/* xxxx Button Collection xxxx */
.btn-catalogue {color: #fff; background-color: #006cb5; border-radius: 5px; margin-bottom: 10px !important; padding: 6px 5px !important; }
.btn-catalogue:hover,.btn-contact:hover {color: #006cb5; background-color: #fff; border:1px solid #006cb5;}
.btn-contact {color: #fff; background-color: #006cb5; border-radius: 5px; margin-bottom: 10px !important; padding: 6px 5px !important; width: 100%; max-width: 200px; }

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.btn-form{font-size:10px !important;}
}

@media(min-width:1024px){.pull-right-lg{float:right !important;}
.pull-top-50{margin-top:-50px;}
}
@media(min-width:768px){.pull-right-md{float:right !important;}
}

/*xxxxxxxxxx ALL PAGES xxxxxxxxxx*/

.body-inside{min-height:470px;}
.body-inside h1{font-weight:500;font-size:26px;margin-bottom:10px;}
.breadcrumb{background-color:transparent !important;padding:15px 20px!important;font-size:10pt;}
.breadcrumb .fa-home{color:#00aeef;font-size:16px;}
.breadcrumb a{color:#777;}
.breadcrumb > li + li:before{content:"\f105" !important;font-family:FontAwesome !important;color:#646464 !important;}


.about-us {background:url(images/about-us-bg.png) no-repeat center center; background-attachment:fixed; min-height:450px !important;}


.contact-form{max-width:760px;margin:0 auto;padding:15px 15px;background:#EEE;}
.contact-form .row{margin:0 -5px;}
.contact-form .form-group textarea{resize:none;}
.contact-form .form-group.col-1{width:100%;float:left;padding:0 0 0px;}
.contact-form .form-group.col-1 > div{padding:0 0;}
.contact-form .form-group.col-2{width:50%;float:left;padding:0 5px 5px;}
.contact-form input.form-control, .career-form select.form-control{height:35px;border:#DDD solid 1px;}
.contact-form .form-group.col-1 > div > label{font-size:14px;font-weight:normal;vertical-align:middle;margin-top:8px;}
.contact-form .form-group{margin-bottom:10px;}
.contact-form .btn{background:#0066b3;color:#FFF;width:100%;max-width:200px;text-transform:uppercase;font-weight:600;padding:10px 12px;}
.contact-form .btn:hover{background:#0066b3;color:#ffcb05;}
.contact-form .verification_box .captcha-code input{width:100%;height:40px;}
.contact-form .verification_box:before{display:none;}

@media (max-width:540px){ul.product-interest-list li{width:100%;}
.contact-form{margin-bottom:12px;}
.contact-form .form-group.col-1 > div > label{margin-top:0;}
.contact-form input.form-control{height:30px;}
}

/*xxxxxxxxxx ALL PAGES xxxxxxxxxx*/

/*XXXXXXX FOOTER START XXXXXX*/

.footer {padding:20px 0px; border-top:5px solid #006cb5; border-bottom:2px solid #006cb5; background:#f4f4f4;}
.footer h2 {padding:0px 0px 20px 0px; line-height:0;}
ul.footer-menu { width:100%; margin:0px; padding:0px;}
ul.footer-menu li { width:100%; margin:0px; padding:0px; list-style:none;}
ul.footer-menu li a{ color:#4a4746; font-family: "MorebiRoundedRegular";}
ul.footer-menu li a strong {font-family: "MorebiRoundedMedium"; font-size:18px; color:#006cb5;}
ul.footer-menu li a:hover{ color:#778188;}

ul.contact {padding:0; margin:0px;}
ul.contact li { font-family:"MorebiRoundedMedium", Arial, Helvetica, sans-serif; text-decoration:none; border-top:solid 1px rgba(210, 215, 217, 0.75); margin:0px; padding:5px 0px 5px 35px; position:relative; font-size:14px; line-height:20pt; width:90%; }
ul.contact li:before { color:#006cb5; display:inline-block; font-size:1.5em; height:1.125em; position:absolute; left:0; line-height:1.125em; width:1.5em; to-p:1em; font-family: 'FontAwesome';  }
ul.contact li:first-child { border-top:0; margin-top:0; padding-top:0;}


ul.follow-list { width:100%; margin:0px; padding:0px 0px 0px 0px; text-align:right;}
ul.follow-list li { display:inline-block; margin:0px; padding:0px 19px 0px 0px; font-size:24px; }
ul.follow-list li:last-child{ padding:0px; }
ul.follow-list li a { color:#fff; text-decoration:none; display:block; text-align:center;}
ul.follow-list li a .fa { color:#fff; }
ul.follow-list li a:hover .fa{ color:#006cb5 !important; background:none !important; }
ul.follow-list li a .fa {font-size:20px;}
.qr-image {width:100%; max-width:124px; text-align: center;}
/*XXXXXXX FOOTER END XXXXXX*/