@charset "utf-8";
/* CSS Document */


// Import the fonts
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('@{icon-font-path}@{icon-font-name}.eot');
  src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
       url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'),
       url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
       url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
       url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg');
}

img{ max-width:100%;}
*{ margin:0; padding:0;}
a{ color:#135cae;}
body{ background:url(../images/bg2.jpg) repeat-x 0 -16px #2b6d9d;  line-height: 1.4;}
.logo{ padding:5px 0;}
.nav-top{ margin-top:3px; float:right; margin-bottom:0px;}
.nav-top li{ list-style-type:none; float:left; padding:4px 14px; }
.nav-top li a{ color:#104394; font-size:13px;}
.navbar { background:url(../images/tmenubg2.jpg) repeat-x; padding:0; width:100%;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:10px 15px; color:#fff; text-transform:uppercase;}
.mainhom{ background:#ffffff; margin-bottom:30px; padding-bottom:10px; text-align: justify;min-height: 500px;}
#demo-oil, #demo-oil1{ border:3px solid #fff; margin-top:20px;}
.order-2 h2{ padding-top:20px; font-size:22px;}
.list-prod { padding-left:2px;}
.list-prod li{ list-style-type:none; background:url(../images/bullet.jpg) no-repeat  left 10px; padding-left:15px; padding-bottom:7px; float:left; margin-right:21px; width:46%;}
.icon-box { border-top:1px solid #d5d8cd;  float:left; padding:10px 0; }
h4.title{ font-size:20px; color:#225EAE; font-weight:bold;}
.nes-block{ margin-top:20px; font-size:15px; float:left; width:100%}
.footer-links li{ float:left; list-style-type:none; padding:5px 7px;}
.footer-links li a{ color:#03132a; font-size:14px;}
.copyright{ margin:20px 0 5px; }
.thum-img li{ float:left ; margin:0 5px; text-align:center; list-style-type:none;}

.title-cat{ background:#03132a; padding:7px; color:#fff; font-size:24px;}
.inner_left{ background:#2b6b9b}
.panel-title a{ color:#fff; font-size:14px;}
.panel-title{     background: #193c74; padding: 1px 8px 9px;border-radius: 0 14px; margin-bottom: 3px;}
.panel-group{ padding:0 7px;}
.level1{ padding:0;}
.level1 li{ list-style-type:none; padding:5px 0; border-bottom:1px solid #ccc;}
.level1 li a{ color:#fff;}
.fa-plus, .fa-minus{ float:right; margin-top:11px}

.top10{ margin-top:10px;}
.row10{ width:100%; float:left; margin:10px 0;}
.list { margin-left:20px}
.list li{list-style-type: square;}
.red{ color:#f00; display:inline-block; padding-right:2px;}
.enq-form input{ width:100%; padding:5px; margin-bottom:5px;}
.enq-form textarea{ width:100%; padding:5px; margin-bottom:5px;}
CaptchaInput1{ width:70%; float:left;}
.capr{ width:14%; float:left;} 
.inp{ float:left; width:86%;}
input.submit{ width:120px; float:left; margin: 0  8px 0}
input.reset{ float:left; width:120px;}
.navbar-expand-lg .navbar-nav .nav-link:hover{ background:#03132a }
.mainhom table{ border:none; width:100%!important; margin-bottom:7px;}
.mainhom table tr td{ padding:5px; border:1px solid #949292;}
.mainhom table tr td p{ margin-bottom:0;}
.mainhom table tr td a{ color:#333;}
.panel-body ul{ padding-left:8px;}
.show .collapse{ display:block;}
.contar ul, .contar ol{ margin-left:20px;}
.contar ul li, .contar ol{ padding-bottom:5px;}
.mainhom .title{ font-size:22px;}
.fa-plus1{ background:url(/images/sprit.png) no-repeat -7px 0px; float: right; width: 17px; height: 23px; margin-top: 9px;}
.collapsed .actived{ background:url(/images/sprit.png) no-repeat -7px -47px;}
.mainhom table.enq-form tr td{ border:none; padding:1px 0;}
.mainhom .led table tr td { border:none;}
.lang{ float:left; width:45%; margin-top:4px;}
.rgd{/* position: absolute;top: 36px; background: #fff; width: 23%; */padding:1%;}
.rgd li{ float:left; list-style-type:none; padding-bottom:5px;}
.rgd li a{ padding:0 8px 0 3px;} 
.rgd img{ width:17px;}
.socald{ float:right;}
.socald li{ float:left; margin:0 5px; list-style-type:none;}
.socald li img{ width:43px; }
.socald li img:hover{ opacity: .7;}
.pdn{ padding:0;}
.notfoud{ text-align:center; padding:5% 0; width:100%; float:left;}
.notfoud h1{ border-bottom:1px solid #f00; padding-bottom:10px;}
.bord{ border:3px solid #fff; height:300px;}
.socald { margin:7px 0;}

.dropdown {
  float: left;

}
 .dropdown:hover .dropbtn {
  background-color: #03132a;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
top:42px;}
.dropdown-content a{  padding: 10px 6px; border-bottom: 1px solid;}
.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.pdf{color: #212529; background-color: #ffc107;margin-top: 10px;float: right; border-color: #ffc107;     display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit; padding:11px; border-radius:4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.pdf:before{content: "\f1c1";    padding-right: 5px;}
.pdf:hover{color: #212529;}
.dextop-hid{ display:none;}
.icon-box h4{ font-size:17px; margin:15px 0;}
.rmore{ background: #1d498a; color: #fff; padding: 5px 7px; font-size: 11px; float: right;}
.rmore:hover{ background:#020b23; color:#fff; text-decoration:none;}

@media (max-width:800px){
.lang{ width:100%;}
.rgd{ float:right;} 
.navbar-toggler{ width:100%; color:#fff; text-align:left;} 
.mr-auto{ background:#1e5fd2}
.mr-auto li{ border-bottom:1px solid #fff;}
.footer-links{ padding:0!important}
.footer-links li a{ font-size:13px;}
.footer-links li{ padding: 5px 5px;}
.socald li img{width: 29px;}
}
@media (max-width:480px){
.logo{ padding:5px 0;}
.lang{    font-size: 14px; width: 62%; position: absolute; top:-117px;  left: 139px;}
.nav-top{ float:left;}
.bad2, .mob-hid{ display:none;}
.nav-top li:first-child{ padding-left: 0;}
.navbar-toggler{  width: 100%; padding: 5px 30px 1px 4px;  color: #fff; text-align:left;}
.list-prod li{ width:100%;}
.navbar{background: #1e5fd2;}
.capr{    width: 35%;}
.inp {float: left; width: 62%;}
input.reset, input.submit{width: 78px; margin: 0 2px 0;}
.nav-top li{ padding:2px 9px;}
.nav-top, .nes-block{ margin-top:0;}
.thum-img li{    width: 28%;}
.about-container h2{ font-size: 1.3rem;}
.dextop-hid{ display:block;}
#demo-oil{    margin: 5px 0;}
.mainhom{    margin-bottom: 11px;}
.footer-links li a{ font-size: 12px;}
.footer-links li{    padding: 5px 8px;}
.socald li img{ width: 23px;}
.mr-auto li{ border-bottom:1px solid #fff;}
.mod{ float:left; width:100%;}
.top10{margin-top: 0; width: 53px;text-indent: -77px;overflow: hidden; padding: 1px;}
.bord{height: 170px;}
.mainhom .title{font-size: 20px;text-overflow: ellipsis;width: 235px;overflow: hidden;white-space: pre;}
.mainhom .wow .title{width: 100%;}
}
@media (max-width:360px){
.lang{top: -109px;left: 120px;}
.rgd li a{ padding:0 1px 0 2px}


}
@media (max-width:320px){
.lang{left: 100px;top: -96px;}
.rgd li a{ padding:0 1px 0 2px}
.rgd img{width: 12px;}
}