@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Trirong);@import url(https://fonts.googleapis.com/css?family=Karma);body {font-size: 14px;line-height: 24px;margin: 0;padding: 0;font-family: 'Roboto', sans-serif;} a:focus, a:hover, a:active {outline: medium none !important;} p{margin: 0;} .ul{padding: 0;margin: 0;} .li{padding: 0;margin: 0;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .navbar-brand{display: none;} .navbar-collapse {padding: 0;} .navbar-toggle {background-color: #00AAF0;} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #00AAF0;} .navbar{min-height: auto !important;margin-bottom: 0px;} .maincontainer{float: left;width: 100%;} .headercontainer {float: left;width: 100%;background: #ffcf3d;padding:5px 0;} .logodiv{float: left;width: 100%;} .logodiv2{float: right;} .menuH {float: left;width: 100%;} .navbar-inverse {background: none;border: none;} .menuH ul {padding: 0;margin:0 auto;} .menuH ul li {float:left;list-style: none;} .menuH ul li a {text-decoration: none;font-size: 16px;text-transform: uppercase;float: left;width: 100%;font-family: 'Karma', serif;padding: 10px 12px;} .navbar-inverse .navbar-nav > li > a {color: #494949;} .menuH ul li a:hover{color:#000;background-color: #00aaf0;} .menuH ul li.selected a{color:#000;background-color: #00aaf0;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#000;background-color: #00aaf0;} .bannerContainer {float: left;width: 100%;} .bannerContainer img{float: left;width: 100%;} .pagecontainer {float: left;width: 100%;padding: 40px 0;} .pageHead {float: left;width: 100%;font-family: 'Trirong', serif;font-size: 35px;line-height: 35px;margin-bottom: 10px;border-bottom: 1px solid;} .pagecontent{float: left;width: 100%;text-align: justify;} .pageImg{margin:0 5px;float:right;} .articlesSection {float: left;width: 100%;background-color: #ffcf3d;padding: 20px 0;border-bottom: 2px solid #af3b08;} .produtHead {float: left;width: 100%;font-family: 'Trirong', serif;font-size: 40px;line-height: 40px;} .articleHead {float: left;width: 100%;color: #fff;} .articleHead {float: left;width: 100%;color: #af3b08;font-family: 'Trirong', serif;font-size: 20px;font-weight: bold;border-right: 1px solid ;} .articleHead img {display: inline;} .articleDesc {float: left;width: 100%;padding: 10px 0;font-size: 21px;} .articleDesc a{text-decoration: none;color: #af3b08;} .produtsSection {float: left;width: 100%;text-align: center;padding: 40px 0;} .productsDescription {float: left;width: 100%;border-left: 6px solid #0196D7;border-right: 6px solid #FFCF3D;border-top: 6px solid #ffcf3d;border-bottom: 6px solid #0196D7;margin: 10px 0;} .productsDescription img{display: inline;} .productsDescription a {float: left;width: 100%;font-size: 15px;text-transform: uppercase;background: rgba(228, 227, 227, 0.38);} .socialSection {float: left;width: 100%;background-color: rgba(221, 221, 221, 0.2);padding: 20px 0;} .socialDiv {float: left;width: 100%;border: 1px solid RGBA(0, 0, 0, 0.4);text-align: center;padding: 20px 0;background: #fff;margin: 10px 0;} .socialDiv a{text-decoration: none;color: #000;font-weight: bold;font-size: 16px;} .socialDiv img{display: inline;transition: 0.5s;} .socialDiv img:hover{transition: 0.5s;transform:rotate(360deg);} .footerContainer {float: left;width: 100%;padding: 5px 0;background-color: #4d4e4e;color:#fff;text-align: center;} .footerContainer a{text-decoration:none;color:#fff;} .footerContainer a:hover{color: #ffcf3d;} .arrowbottom {bottom: 50px;position: fixed;right: 5px;text-align: center;float: right;opacity: 0;z-index: 1 !important;right: -5%;transition: 0.3s;} .visible {opacity: 1;right: 0%;transition: 0.3s;} .fa-arrow-circle-o-up {font-size: 36px !important;line-height: 36px !important;color: #0196d7;} .fa-arrow-circle-o-up:hover {color: #444;} .caret {display: none;} .dropdown-menu {background: none;border-radius: 0;border: none;} .dropdown-menu li {width: 100%;margin-bottom: 1px;background-color: rgba(255, 255, 255, 0.95);} .dropdown-menu li a {padding: 5px 15px !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #fff;color: #494949;} .selected .dropdown-menu li a {background-color: rgba(255, 255, 255, 0.95) !important;} .selected .dropdown-menu li a:hover {background-color: #00aaf0 !important;} @media(min-width:768px) and (max-width:4000px){.dropdown:hover .dropdown-menu {display: block;}} @media(min-width:1201px) and (max-width:4000px){} @media(min-width:992px) and (max-width:1200px){.menuH ul li a {font-size: 15px;padding: 10px 6px;} .productsDescription a {min-height: 90px;}} @media(min-width:768px) and (max-width:991px){.menuH ul li a {padding: 10px 7px;font-size: 12px;} .industrail h4 {font-size: 35px;line-height: 35px;} .productsDescription a {font-size: 17px;min-height: 50px;} .socialDiv a {font-size: 11px;}} @media(min-width:640px) and (max-width:767px){.produtsSection .col-sm-2 {float: left;width: 50%;} .enquirySection {position: fixed;right: -21px;top: 160px;} .enquirySection img {width: 50%;}} @media(min-width:480px) and (max-width:639px){.enquirySection {position: fixed;right: -21px;top: 160px;} .enquirySection img {width: 50%;}} @media(min-width:320px) and (max-width:479px){.pageImg {margin: auto;float: none;display: table;} .enquirySection {position: fixed;right: -21px;top: 160px;} .enquirySection img {width: 50%;}} @media(min-width:320px) and (max-width:767px){.menuH ul li {width: 100%;} .industrail h4, .produtHead {font-size: 30px;} .articlesSection {text-align: center;} .articleHead {border: 0px;} .productsDescription img {margin: auto;} .carousel-indicators {display: none;} .carousel-inner > .item > img, .carousel-inner > .item > a > img {line-height: 1;min-height: 150px;} .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #000;background: none;} .dropdown-menu li a {padding: 5px 20px !important;} .buttonsDiv a {width: 43%;}} h5 {font-weight: bold;text-transform: uppercase;color: #095274;} .prods {float: left;width: 100%;border: 1px solid #121212;margin: 10px 0;background-color: rgba(221, 221, 221, 0.29);} .prods h4 {float: left;width: 100%;padding: 10px;margin: 0;border-bottom: 1px solid #0A0A0B;font-family: 'Trirong', serif;text-transform: uppercase;font-size: 20px;color: #090909;} .innerProds {float: left;width: 100%;margin: 10px 0;padding: 10px;} .innerProds ul {padding:0;margin:0;} .innerProds ul li {list-style: none;} .innerProds ul li::before {content:'\f061';font-family:fontawesome;margin-right:5px;color: #00aaf0;padding:4px 0;} .pagecontent2 {float:left;width:100%;display:none;} .page2Desc {float: left;width: 100%;border: 1px solid #000;text-align: center;margin-top: 5px;} .indusDesc {float: left;width: 100%;border-bottom: 1px solid #000;font-size: 14px;padding: 21px 0;} .page2Desc img {margin: auto;display: inline;padding: 35px 20px;} .galleryitem a {float: left;width: 100%;box-shadow: 0 0 10px 1px rgb(237, 237, 237);} .gallerydiv img {margin: auto;} .desc {padding: 15px 0;float: left;width: 100%;font-size: 16px;color: #000;} .content-points {padding: 0;margin: 0;} .content-points li {background-color: #00aaf0;float: left;width: 100%;margin-bottom: 2px;list-style: none;} .content-points li a {color: #201B0C;font-size: 18px;text-decoration: none;} .content-points li a span{padding:5px 0;transition:0.5s;} .content-points li .fa{padding: 13px;background-color: #ffcf3d;margin-right: 5px;} .content-points li:hover .fa{transition:0.5s;background-color:#ddd;} .content-points li:hover a span{transition:0.5s;padding-left:10px;} th, td {text-align: center;} .calculate {float: left;width: 100%;background-color: rgba(221, 221, 221, 0.42);text-align: center;border: 1px solid;} .calculate form {border-top: 1px solid #000;float: left;width: 100%;border-bottom: 1px solid #000;} .calc {float: left;width: 100%;padding: 10px;} .calc strong {float: left;width: 100%;} .calc input {float: left;width: 100%;} .buttonsDiv {float: left;width: 100%;text-align: center;padding: 15px 0;} .buttonsDiv a {background-color: #ffcf3d;padding: 5px 10px;margin: 0px 10px;width: 44%;float: left;color: #000;font-weight: bold;border-radius: 6px;} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}