@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:arial; font-size:14px; background-image:url(../images/wpaper.png)}
.profile-area{ margin:0px; padding:0px 0 0 0px;}
.profile-area h1{ font-size: 23px;
background: #0c8476;
color:#fff;
padding: 12px;
border-radius: 6px 6px 0 0; margin:0px;}
.form-inner-area{ margin: 0;
padding: 20px;
background: #efeeee;}
.btn-blue {
    background: #0095e5;
    background-image: none;
    border: none;
    color: #fff;
    font-size: 21px;
    font-weight: normal;
    line-height: 47px;
    border-radius: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: uppercase;
    margin: 4px 0 0px 0 !important;
    padding: 0;
}

.profile-area p{ font-size:14px; text-align:justify}
.profile { margin:0 0 11px 0; background:#FFF; padding:5px 11px 25px 20px;-webkit-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);}
.profile:hover {-webkit-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); -moz-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58);} 

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1;background-color:white}
#cycler img.active{z-index:3}
.container-width{ width:1340px; margin:0 auto}

.bgnew{ background:#112f77;}

.bshadow { margin:0 0 11px 0; background:#FFF; padding:5px 11px 25px 20px;-webkit-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);}
.profile:hover {-webkit-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); -moz-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58);}

.slider-right{ margin:0px; padding:0px}

.padspace{ margin:0px; padding:25px 0}
.readindex {
    margin: 0px 0 -15px 0;
    padding: 11px 8px;
    font-size: 14px;
    text-align: right;}
.readindex a{ margin:0px; padding:8px 14px; background:#020000; color:#FFFFFF; text-decoration:none; border-radius:3px}
.readindex a:hover {background: #039; color: #fff;}
.pro { margin:11px 0; background:#FFF; padding:0px;-webkit-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35); border-bottom:5px solid #0A479A; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.pro:hover {-webkit-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); -moz-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); border-bottom:5px solid #d80a75; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;} 
.proimg img{ width:100%; height:180px;}
.proname{ margin:0px; padding:8px 8px 8px 8px; font-size:14px; font-weight:bold; height:56px; text-transform:uppercase}
.procode{ margin:0px; padding:8px 8px 8px 8px;}
.procode strong{ font-weight:bold; color:#780406;}
.prodesc{ margin:0px; padding:0 8px; height:100px; font-size:14px; overflow:auto}
.readi{ margin:8px 0; padding:11px 8px; font-size:14px;  text-align:right}
.readi a{ margin:0px; padding:8px 14px; background:#0A479A; color:#FFFFFF; text-decoration:none; border-radius:3px}
.readi a:hover{ background:#0B7D54; color:#fff}
.top-head{ background:#0A479A; color:#FFFFFF; font-size:16px; margin:0px; padding:8px 11px; border-radius:3px 3px 0 0}
.top-headb{ background:#0A479A; color:#FFFFFF; font-size:16px; margin:0px; padding:8px 11px; border-radius: 3px 3px 0 0;}
.logo{ margin:0px; padding:15px 0;}
.clfix{ clear:both}
.wcolor{ margin:0px; padding:0px; background:#FFF}
.proarea{ margin:0px; padding:25px 11px;  background:#FFF;}
.bgb{ background:url(../images/gray.png)}
/*inner*/
.rightlink{ margin:0px; padding:0px}
.rightlink ul{ list-style-type: none;  margin: 0;  padding: 0;}
.rightlink li {
  border-bottom: 1px solid #ccc;
}
.rightlink li:last-child {
  border: none;}
.rightlink li a {
	padding:3px 6px; 
  text-decoration: none;
  color: #000;
  display: block;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

.rightlink li a:hover {
	color:#03F;
	font-size: 16px;
  background: #E8E9EA;
}

.pro-content { margin:0px; padding:0px;}
.pro-content h1{ font-family: 'Open Sans', sans-serif; margin:0px; padding:11 0px;}
.pro-content p{ font-size:14px; margin:0px; padding:11px  0;}

.fotlink{ margin:0px; padding:0 0 15px 0;}
.fotlink h3{ font-size:18px; font-weight:bold; margin:0px; padding:11px 0;}
.fotlink ul{ margin:0px; padding:0px;}
.fotlink li { margin:0px 0; padding:0px;  list-style-type:none}
.fotlink li a{color:#252222;  text-decoration:none;  padding:2px 0 2px  5px; display:block}
.fotlink li a:hover{  color:#990000;  text-decoration:none;  background:#f8f8f8;}

.righh-cat{ background:#036; color:#FFF; font-size:16px;padding:11px; font-weight:bold; margin:0px;}
.fotlinka{ margin:0px; padding:41px 0 15px 0}
.fotlinka ul{ margin:0px; padding:0px;}
.fotlinka li { margin:0px; padding:2px 0; list-style-type:none}
.fotlinka li a{ color:#252222; text-decoration:none;}


.foothead { background:#0A479A; color:#FFFFFF}
.copyright{ margin:0px; padding:8px 0; text-align:center}
.copyright p{ margin:0px; padding:0px}


@media (max-width:768px) {
.proname{ height: auto;}

.prodesc{height: auto;}
.readi{ margin:8px 0; padding:11px 8px; font-size:14px;  text-align:right}
.readi a{ margin:0px; padding:11px 15px; background:#020000; color:#FFFFFF; text-decoration:none}	
}

.paging{ margin:0px; padding:15px 16px; text-align:right }
.paging a{ color:#fff; margin:0px; padding:6px 11px; border:1px solid #0B7D54; background:#0B7D54; border-radius:3px }
.paging a:hover{border:1px solid #0A479A; background:#0A479A; text-decoration:none}
#pselect {border:1px solid #0A479A; background:#0A479A }
/*new css*/
.proN { margin:11px 0; background:#FFF; padding:0px;-webkit-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35); border-bottom:5px solid #0A479A; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.proN:hover {-webkit-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); -moz-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); border-bottom:5px solid #F00; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;} 
.proimgN img{ width:100%; height:180px;}
.pronameN{ margin:0px; padding:8px 8px 8px 8px; font-size:14px; font-weight:bold; height:56px; text-transform:uppercase}
.procodeN{ margin:0px; padding:8px 8px 8px 8px;}
.procodeN strong{ font-weight:bold; color:#780406;}
.prodescN{ margin:0px; padding:0 8px; height:100px; font-size:14px; overflow:auto}
.readiN{ margin:8px 0; padding:11px 8px; font-size:14px;  text-align:right}
.readiN a{ margin: 0px; padding: 8px 14px; background: #0A479A; color: #FFFFFF; text-decoration: none;border-radius: 3px;}
.readiN a:hover{ background:#0B7D54; color:#fff}
.address{font-size:15px;line-height: 26px;background: #fff;padding: 25px 30px;}
/*slidr right*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #23527c;
}
.navbar-inverse {
    background-color: #23527c;
    border-color: #23527c;
}
.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 0px;
}
.panel-default > .panel-heading {
    color: #fff;
    background-color: ##0A479A;
    border-color: #0A479A;
}
.padtop{ margin-bottom:0px; padding-bottom:20px; border-bottom:2px #CCC solid}




.procat { margin:11px 0; background:#FFF; padding:0px;-webkit-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
-moz-box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35);
box-shadow: 5px 2px 48px -13px rgba(0,0,0,0.35); border-bottom:5px solid #0A479A; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height:270px;}
.procat:hover {-webkit-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); -moz-box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); box-shadow: 2px 3px 24px -6px rgba(0,0,0,0.58); border-bottom:5px solid #d80a75; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;} 
.procatimg img{ width:100%; height:150px;}
.procat-name{ margin: 0px;
padding: 8px 8px 8px 8px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background: #0A479A;
color: #fff;
text-align: center;
border-radius: 5px 5px 0 0;
}

.viewproduct {
    margin: 11px 0;
    padding: 5px 8px;
    font-size: 14px;
    text-align: left;
}
.viewproduct a{ margin:0px; padding:8px 14px; background:#0A479A; color:#FFFFFF; text-decoration:none; border-radius:3px}
.viewproduct a:hover{ background:#0B7D54; color:#fff}

.hwidth{ background:#112f77; width:100%; padding:0 0 5px 0;}


@media only screen and (min-width:320px) and (max-width:1169px)
{
  .hwidth{ display:none}
  .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
}
}
@media (min-width: 1170px) {
.bgnew{ display:none}	

}