/*-----------------------------------------------------------------------------------

	Template Name: Royalsteel Construction template 
	Template URI: http://usdtheme.com
	Description: This is html5 template
	Author: usdtheme
	Author URI: http://usdtheme.com
	Version: 1.0

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------  
	 CSS INDEX
	===================

	1. Theme Default CSS (body, link color, section etc)
	2. Header Area
	  2.1 mainmenu
      2.2 dropdwon menu

	3. Suscribe Area
	4.Service Area
	5.Project Area
	6.About Area
	7.Review Area
	8.Blog Area
	9.Brand Area
	10.Footer Area
	11.Home Page-2 Area
	12.Home Page-3 Area
	13.Home Page-4 Area
	14.Home Page-5 Area
	15.Home Page-6 Area
	16.service Page Css
	17.About Page Css
	18.project Page Css
	19.Blog Css
	20.Blog Details Css
	21.Contact us Css

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
	color: #444;
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', sans-serif;
   margin: 0 0 10px;
   color: #444;
   font-weight: 600;
   line-height: 1.5;
}
 a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover {
  color: #FBB700;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
#scrollUp {
  background: #000 none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 2px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 45px;
  line-height: 40px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 45px;
}
#scrollUp:hover {
	background: #FBB700;
	opacity: 1;
	border: 1px solid #FBB700;
}
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('../images/preloader.gif') no-repeat center center; }
.clear{
	clear:both;
}
body {
  background: #fff none repeat scroll 0 0;
  color: #444;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/*----------------------------------------*/
/*  2.Header Area 
/*----------------------------------------*/
.topbar-left ul li {
	display: inline-block;
}
.topbar-area {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  color: #fff;
}
.topbar-left ul li a {
  color: #ddd;
  display: block;
  font-weight: 400;
  margin-right: 20px;
  padding: 10px 0;
  text-decoration: none;
}
.topbar-left ul li a i {
	color: #FBB700;
	font-size: 16px;
	padding-right: 7px;
}
.topbar-right>ul>li {
	float: right;
}
.topbar-right ul li a:hover {
	color: #FBB700;
}
.topbar-right>ul>li>a {
  border-left: 1px solid #777;
  color: #ddd;
  display: block;
  font-size: 18px;
  padding: 10px 15px;
}
.topbar-right ul li:first-child a {
  
}
.header-area {
  background: rgba(0, 0, 0, 0.86) none repeat scroll 0 0;
  border-top: 2px solid #FBB700;
}
.header-area {
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  right: 0;
  z-index: 9999;
}
.logo {
  padding: 30px 0 39px;
}
.logo a {
  display: inline-block;
}
/*-------------------------------
  2.1 mainmenu 
--------------------------------*/
.mainmenu{
  float: right;
}
.mainmenu ul#nav>li {
  float: left;
  position: relative;
}
.mainmenu ul#nav > li > a {
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 94px;
  line-height: 90px;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
}
.mainmenu ul#nav> li> a{
  position:relative;
}
.mainmenu ul#nav > li > a::after {
  content: "";
  font-family: fontawesome;
  font-size: 17px;
  position: absolute;
  right: -3px;
  top: 1px;
}
.mainmenu ul li:nth-child(2) a:after{
	display:none;
}
.mainmenu ul#nav> li:hover>a:before{opacity: 1;}
.mainmenu ul#nav >li:hover>a,.mainmenu ul#nav >li.active >a {
  color: #FBB700;
}
/*-------------------------------
  2.2 dropdwon menu 
--------------------------------*/
.mainmenu ul#nav li ul.sub-menu {
  background: #333 none repeat scroll 0 0;
  border-top: 3px solid #FBB700;
  position: absolute;
  top: 115%;
  transition: all 0.3s ease 0s;
  width: 220px;
  opacity: 0;
  visibility: hidden;
}
.mainmenu ul#nav li ul.sub-menu li {
  border-bottom: 1px solid #666;
  padding: 0;
  width: 100%;
}
.mainmenu ul#nav li:hover ul.sub-menu{top:100%;opacity:1;z-index:999;visibility:visible}
.mainmenu ul#nav li ul.sub-menu li a {
  color: #ddd;
  display: block;
  font-size: 13px;
  font-weight: 400;
  padding: 9px 20px;
  text-transform: capitalize;
}
.mainmenu ul#nav li:hover ul.sub-menu li a:hover{
	color:#FBB700;
	background: #fff;
}
.mainmenu ul#nav li ul.sub-menu li:last-child {
  border-bottom: 0px solid #ddd;
}
.stick .mainmenu ul#nav > li > a {
  color: #fff;
  height: 60px;
  line-height: 60px;
}
.stick .header-search {
  height: 60px;
  line-height: 60px;
}
.stick .logo {
  height: 20px;
}
.stick .logo a {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.stick span.search-button i,.stick .header-search input{
    color:#fff;
}
.header-area.stick {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.header-area.stick .mainmenu {
  float: right;
  padding: 15px 0;
}
.stick .mainmenu ul#nav li ul.sub-menu {
  top: 140%;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu{top:125%;opacity:1;z-index:999;visibility:visible}
.stick .mainmenu ul#nav >li:hover>a,.mainmenu ul#nav >li.active >a {
  color: #FBB700;
}
.stick span.search-button i,.stick .header-search input{color:#444}
.search-option-5 button.button {
  display: inline-block;
  border: none;
  background: none;
  padding: 0;
}
.search-option {
  background: #fff none repeat scroll 0 0;
  bottom: -22px;
  color: #444;
  display: none;
  position: absolute;
  right: 15px;
  width: 220px;
  z-index: 99999;
}
.search-option input {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  color: #444;
  display: block;
  float: left;
  font-size: 12px;
  font-style: italic;
  padding: 8px 10px;
  width: 180px;
}
.search-option button.button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #444;
  display: inline-block;
  float: right;
  font-size: 17px;
  line-height: 35px;
  padding: 0 10px;
  text-align: center;
}
.header-right-link a.main-search {
  color: #ddd;
  display: inline-block;
  float: right;
  font-size: 18px;
  line-height: 32px;
  padding: 29px 0 29px 30px;
  position: relative;
  text-align: center;
}
.search-option button.button:hover{
    color: #FBB700;
}
/*----------------------------------------*/
/*  2.1. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
  background: #323333 none repeat scroll 0 0;
  padding: 10px 0px ;
}
.mean-container .mean-bar::after {
  color: #ffffff;
  content: "";
  font-size: 21px;
  left: 5%;
  position: absolute;
  top: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.mean-container a.meanmenu-reveal:hover {
   color:#FBB700
}
.mean-container .mean-nav ul {
  list-style-type: none;
  margin: 20px 0px;
  padding: 0;
  width: 100%;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #444;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 13px 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
}
.mean-nav ul li.mean-last {
  margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
  color: #444;
  line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 99.7%;
}
.mean-container .mean-nav ul li:hover {
    background: #fff;
}
.mobile-menu .logo {
  left: 0;
  position: absolute;
  top: -25px;
}
/*------------------------------
  3. suscribe area
--------------------------------*/
.suscribe-area {
  background: #FBB700 none repeat scroll 0 0;
  padding: 30px 0;
}
.suscribe-text {
  display: block;
  padding: 10px 0;
}
.suscribe-text h3 {
  color: #fff;
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}
.sus-btn {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #FBB700;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin-left: 100px;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.sus-btn:hover {
  background: #FBB700 none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}

/*------------------------------
  4. Service Area
--------------------------------*/
.single-well > a {
	display: block;
}
.sec-head:hover {
	color: #FBB700;
}
.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 20px 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.midd-icons li {
	display: inline-block !important;
	margin-right: 10px;
}
.single-well ul li {
  color: #444;
  display: block;
  padding: 5px 0;
}
.single-well ul li i {
	color: #FBB700;
	padding-right: 5px;
}
.single-well p {
  color: #777;
  text-align: justify;
}
/*----------------------------------------
   5.Project Area 
----------------------------------------*/
.section-headline h3 {
  color: #444;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
}
.section-headline h3::before {
  background: #333 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 60%;
}
.section-headline h3::after {
  background: #FBB700 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 30%;
  z-index: 222;
}
.section-headline p {
  color: #444;
  font-family: lato;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 20px;
}
.area-padding {
  padding: 60px 0;
}
.project-area {
	
  background: #F1F1F1 none repeat scroll 0 0;
}
.single-awesome-project {
  float: left;
  overflow: hidden;
  
}
.first-item {
  margin-bottom: 30px;
}
.awesome-img{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.awesome-img > a {
  display: block;
  position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
	opacity: 1;
}
.single-awesome-project:hover .add-actions{
	opacity: 1;
    bottom: 0;
}
.awesome-img > a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}
.add-actions {
  bottom: 50px;
  display: block;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.project-dec {
  display: inline-block;
  float: left;
  padding: 15px 0;
}
.project-dec h5 {
  margin-bottom: 5px;
}
.project-dec h5 a:hover {
	color: #FBB700;
}
.project-dec h5 a {
  color: #ddd;
  font-size: 16px;
  text-decoration: none;
  text-transform: capitalize;
}
.project-dec span {
  color: #ddd;
}
.project-action-btn {
  float: right;
  padding: 19px 0;
  text-align: center;
  transition: all 1s ease 0s;
}
.project-action-btn li {
  display: inline-block;
  margin: 0 2px;
}
.project-action-btn li a i:hover {
	border: 1px solid #FBB700;
	color: #fff;
	background: #FBB700;
}
.project-action-btn li a i {
  border: 1px solid #ddd;
  color: #ddd;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  transition: all 0.4s ease 0s;
  width: 40px;
  border-radius: 50%;
}
/*----------------------------------------
  6.About Area 
----------------------------------------*/
.about-details .panel-default {
  border: 0 none;
  border-radius: 0;
}
.panel-body p{
  text-align: justify;
}
.about-text p{
	text-align: justify;
}
.event-content p {
	text-align: justify;
}
.about-details .panel-heading {
  border: 1px solid #FBB700;
  border-radius: 0;
  padding: 0;
  background: none;
}
.about-details h4.check-title a {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: normal;
  margin-left: 40px;
  padding: 8px 10px;
  text-decoration: none;
}
.about-details h4.check-title {
  color: #444;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.about-details a span.acc-icons {
	position: relative;
}
.about-details a span.acc-icons::before {
  background: #FBB700 none repeat scroll 0 0;
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 41px;
  left: -50px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -11px;
  width: 40px;
}
.about-details a.active span.acc-icons::before {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 24px;
  height: 42px;
  left: -50px;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: -11px;
  width: 40px;
}
.about-details .panel-heading h4 a.active {
  background: #FBB700 none repeat scroll 0 0;
  color: #fff;
}
.second-row {
  margin-top: 30px;
}
.about-head .sec-head {
  padding: 0 0 10px;
}
.event-content {
}
.event-content.head-team h5 {
  background: #FBB700 none repeat scroll 0 0;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
}
tab-menu {
    display: block;
    text-align: center;
}
.tab-menu ul.nav{
    margin: 0;
    padding: 0;
}
.tab-menu ul.nav li {
    border: medium none;
    display: inline-block;
}
.tab-menu ul.nav li a {
	color: #FBB700;
	border: 1px solid #FBB700;
}
.tab-menu ul.nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  color: #444;
  display: block;
  font-weight: 600;
  padding: 10px 20px;
  margin-right: 5px;
  text-transform: uppercase;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #FBB700 !important;
  border-color: #FBB700;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #fff !important;
  cursor: default;
  position: relative;
}
.tab-main-img a{
    position: relative;
    display: block;
}
.tab-main-img a:hover span.events-offer{
    height: 20%;
}
.tab-main-img a span.events-offer {
  background: rgba(242, 165, 0, 0.9) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  content: "";
  font-size: 20px;
  font-weight: 700;
  height:0%;
  left: 0;
  line-height: 70px;
  padding: 0;
  position: absolute;
  text-align: left;
  transition: all 0.5s ease 0s;
  width: 100%;
  padding: 0px 10px;
}
/*--------------------------------*/ 
/*  7. Reviews Area
/*--------------------------------*/
.reviews-area {
  display: block;
  position: relative;
  width: 100%;
}
.reviews-area {
  background: rgba(0, 0, 0, 0) url("img/background/back1.jpg") no-repeat scroll center top;
  background-attachment: fixed;
  background-size: cover;
}
.Reviews-content {
  padding: 50px 80px;
}
.head-overly {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testi-img {
  display: inline-block;
}
.testi-img img {
  border: 4px solid #FBB700;
  height: 100px;
  margin: 0 auto;
  transition: background 0.6s ease-out 0s;
  width: 100px !important;
}
.testi-text p {
  color: #fff;
  font-size: 17px;
  line-height: 1.5em;
  margin: 20px 0;
}
.testi-text > h4 {
  color: #FBB700;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.guest-rev {
  color: #fff;
  font-size: 16px;
}
.guest-rev > a {
  color: #FBB700;
  font-size: 14px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #FBB700;
  border-radius: 0;
  color: #FBB700;
  display: inline-block;
  font-size: 26px;
  height: 50px;
  line-height: 44px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 35px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover {
  color: #fff;
  background: #FBB700;
  border: 2px solid #FBB700;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
  position: absolute;
  right: -80px;
  top: 50%;
  margin-top: -30px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  left: -80px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
}
/*----------------------------------------*/
/*  8. Blog Area
/*----------------------------------------*/
.blog-area {
  background: #f1f1f1 none repeat scroll 0 0;
}
.blog-carousel .image-blog {
    display: inline-block;
}
.img-blog {
  position: relative;
  display: block;
}
.single-blog .owl-buttons {
	display: none;
}
.single-blog a h4.sec-head {
  padding: 25px 0 10px;
}
.banner-box span.date-time {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #d0d0d0;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  height: 53px;
  left: 15px;
  line-height: 1.1;
  min-width: 53px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  top: 0;
}
.banner-box .date-time .days {display: block}
.banner-box .date-time .months {
    font-weight: normal;
}
.single-blog .blog-title {
  display: block;
}
.single-blog .blog-title span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.single-blog p {
  font-size: 13px;
	text-align: justify;
}
.single-blog p.author {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
.single-blog a.blog-btn:hover {
	color: #fff;
	background: #FBB700;
	border: 1px solid #FBB700;
}
.single-blog a.blog-btn {
  border: 1px solid #444;
  color: #444;
  display: inline-block;
  padding: 6px 25px 6px 10px;
  position: relative;
  transition: all 0.4s ease 0s;
}
.single-blog a:hover.blog-btn::after{
	opacity: 1;
	right: 2px;
}
.single-blog a.blog-btn::after {
  content: "";
  font-family: fontawesome;
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.5s ease 0s;
  color: #fff;
}
/*----------------------------------------*/
/*  9. brand Area
/*----------------------------------------*/
.single-brand-item a {
  border: 1px solid #FBB700;
  display: block;
}
/*----------------------------------------*/
/*  10. Footer Area
/*----------------------------------------*/
.footer-area {
  background: #252525 none repeat scroll 0 0;
  padding: 40px 0px;
}
.footer-head p {
  color: #ddd;
}
.footer-head h4 {
  color: #ddd;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.footer-img {
  padding-bottom: 20px;
}

.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
  border: 1px solid #ddd;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
}
.flicker-img > a {
  float: left;
  padding: 2px;
}
.footer-icons {
  margin-top: 30px;
}
.footer-contacts p span {
  color: #FBB700;
  font-weight: 700;
}
.popular-tag ul li {
    display: inline-block;
}
.footer-content {
  display: block;
  overflow: hidden;
}
.popular-tag ul li a:hover,.footer-icons ul li a:hover {
	background: #FBB700;
	border:1px solid #FBB700;
	color: #fff;
}
.popular-tag ul li a {
  border: 1px solid #ddd;
  color: #ddd;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 3px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: capitalize;
  transition: 0.4s;
  position: relative;
}
.footer-bottom-area {
  background: #333 none repeat scroll 0 0;
  padding: 10px 0;
}
.copyright-text a:hover{text-decoration: underline;color:#FBB700;}
.copyright-text a {
  color: #ddd;
}
.copyright-text p {
  margin-bottom: 0;
  color: #fff;
}
/*----------------------------------------*/
/*  11.home page 2 Area
/*----------------------------------------*/
.topbar-area2 {
    background: #fff none repeat scroll 0 0;
}
.topbar-area2 ul li a {
    color: #444;
}
.header-area2 {
    background: #fff none repeat scroll 0 0;
}
.header-area2 .mainmenu ul#nav li a {
  color: #444 !important;
}
.header-area2 .mainmenu ul#nav li ul.sub-menu li {
  border-bottom: 1px solid #ddd !important;
}
.header-area2 .mainmenu ul#nav li ul.sub-menu li:last-child {
  border-bottom: 0px solid #ddd !important;
}
.header-area2 .mainmenu ul#nav li a:hover {
  color: #fff !important;
}
.header-area2 .mainmenu ul#nav li ul.sub-menu {
  background: #fff none repeat scroll 0 0;
}
.header-area2 .header-right-link a.main-search {
  color: #444;
}
.header-area2 .search-option {
  border: 2px solid #FBB700;
}
.header-area2 .mainmenu ul#nav > li:hover > a, .mainmenu ul#nav > li.active > a {
  color: #FBB700 !important;
}
.header-area2 .mainmenu ul#nav li:hover ul.sub-menu li a:hover{
	color:#fff;
	background: #FBB700;
}
.reviews-2-area {
  background: rgba(0, 0, 0, 0) url("img/background/back1.jpg") no-repeat fixed center top / cover ;
  position: relative;
  overflow: hidden;
}
.reviews-2-area .brand-items {
  background: #FBB700 none repeat scroll 0 0;
  display: inline-block;
  float: left;
  overflow: hidden;
  padding: 69.50px 40px;
  width: 50%;
  z-index: 1;
}
.review-content-2 {
  float: right;
  overflow: hidden;
  padding: 70px 40px;
  width: 50%;
  background: rgba(0,0,0,0.70);
}
.brand-carousel-2 .single-brand-item {
  float: left;
  padding: 10px;
  width: 33.33%;
}
/*----------------------------------------*/
/*  12.home page 3 Area
/*----------------------------------------*/
.topbar-area3 {
  background: #fff none repeat scroll 0 0;
}
.topbar-area3 .topbar-left ul li a i {
  border: 1px solid #FBB700;
  color: #FBB700;
  font-size: 16px;
  height: 24px;
  line-height: 22px;
  margin-right: 7px;
  padding: 0;
  text-align: center;
  width: 24px;
}
.topbar-area3 .topbar-right ul li a:hover {
  border: 1px solid #FBB700;
  background: #FBB700;
  color: #fff;
}
.topbar-area3 .topbar-right ul li a {
  border: 1px solid #FBB700;
  border-radius: 100%;
  color: #FBB700;
  display: block;
  font-size: 18px;
  height: 36px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  width: 36px;
}
.topbar-area3 .topbar-right ul li:first-child {
	margin-right: 0;
}
.topbar-area3 .topbar-right ul li {
  margin-right:6px;
}
.topbar-area3 .topbar-left ul li a {
  color: #444;
}
.topbar-area3 .topbar-right > ul {
  padding: 5px 0px;
}
.header-area3 {
  border-top: 1px dashed #FBB700;
}
.header-area3.stick {
  border-top: 2px solid #FBB700;
}
.service-area-3 {
  background: rgba(0, 0, 0, 0) url("img/background/back2.jpg") no-repeat fixed center top / cover ;
}
.service-area-3 {
  position: relative;
  width: 100%;
  height: auto;
}
.overly-3 {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.section-headline-3 h3 {
  color: #444;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
}
.section-headline-3 h3::before {
  background: #333 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 60%;
  right: 0;
  margin: auto;
}
.section-headline-3 h3::after {
  background: #FBB700 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 30%;
  z-index: 222;
  right: 0;
  margin: auto;
}
.section-headline-3 {
  margin-bottom: 40px;
}
.project-area-3 {
  background: #ecece6 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  13.home page 4 Area
/*----------------------------------------*/
.reviews-4-area {
  background: url(img/background/back2.jpg);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
}
.work-left-text {
  background: #FBB700 none repeat scroll 0 0;
}
.work-left-text {
  float: left;
  text-align: center;
  width: 50%;
  overflow: hidden;
}
.work-right-text {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  float: right;
  height: 100%;
  overflow: hidden;
  padding: 141px 0;
  width: 50%;
}
.work-right-text h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}
.work-right-text h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
}
.work-right-text .sus-btn {
  margin-left: 0;
  margin-top: 20px;
}
.single-awesome-4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 33.33%;
}
.single-awesome-4 .add-actions {
  padding: 10px 20px;
}
.footer-area-4 {
  background: #fff none repeat scroll 0 0;
}
.footer-area-4 .footer-head p,.footer-area-4 .footer-head h4 {
  color: #444;
}
.footer-area-4 .popular-tag ul li a:hover,.footer-area-4 .footer-icons ul li a:hover {
	color: #fff;
	border: 1px solid #FBB700;
}
.footer-area-4 .popular-tag ul li a,.footer-area-4 .footer-icons ul li a  {
  border: 1px solid #444;
  color: #444;
}
.footer-bottom-area-4 {
  background: #FBB700 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  14.home page 5 Area
/*----------------------------------------*/
.single-well-5 {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}
.single-left-img {
  float: left;
  width: 17%;
}
.single-well-content {
  float: right;
  width: 83%;
}
/*--------------------------------*/
/*  15.Home page 6 Area
/*--------------------------------*/
.well-6:hover {
  box-shadow: 3px 3px 6px #FBB700, -3px -3px 6px #FBB700;
}
.well-6 {
  padding: 10px;
  border-radius: 5px;
}
.fun-fact-area {
  background: rgba(0, 0, 0, 0) url("img/background/back1.jpg") repeat scroll 0 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}
.fun-fact-area {
  padding: 100px 0;
  position: relative;
}
.head-overly {
  background: rgba(0, 0, 0, 0.74) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fun_text > a:hover{
	background: #FBB700;
	border: 2px solid #FBB700;
}
.fun_text > a {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 40px;
  height: 100px;
  line-height: 96px;
  margin-bottom: 40px;
  width: 100px;
  border: 2px solid #fff;
}
.fun_text {
  padding: 20px 0;
}
.fun_text span {
  color: #ddd;
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 15px;
}

.fun_text > h6 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}
.item-indicator.indicator-6.owl-carousel.owl-theme .owl-controls .owl-nav div {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #fbb700;
  border-radius: 0;
  color: #fbb700;
  display: inline-block;
  font-size: 26px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 35px;
}
.item-indicator.indicator-6.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  left:0;
  position: absolute;
  top:50%;
  margin-top: -30px;
}
.item-indicator.indicator-6.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  position: absolute;
  right:0;
  top:50%;
  margin-top: -30px;
}
/*----------------------------------------*/
/*  16.service page Area
/*----------------------------------------*/
.breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("img/background/ser.jpg") no-repeat scroll center top / cover ;
  background-attachment: fixed;
}
.overly-bread {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.breadcrumb-area {
  display: block;
  height: auto;
  overflow: hidden;
  padding: 60px 0;
  position: relative;
  width: 100%;
}
.breadcrumb-head {
  padding: 50px 0;
}
.breadcrumb-head ul li:last-child {
  border-right: 0 none;
}
.bread-heading {
  font-size: 34px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.breadcrumb-head ul li {
  border-right: 2px solid #444;
  color: #444;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding: 0 10px;
  position: relative;
}
.bread-first {
  font-weight: 600 !important;
}
.single-page-head {
  padding-bottom: 30px;
}
.left-menu li:first-child {
	margin: 0px 0px 2px
}
.left-menu li {
  display: block;
  margin: 2px 0;
}
.build-img .page-img {
  padding-bottom: 0;
}
.left-menu ul li.active a {
  background: #FBB700 none repeat scroll 0 0;
  color: #fff;
}
.left-menu ul li a:hover {
	color: #fff;
	background: #FBB700; 
}
.left-menu ul li a {
    background: #eee none repeat scroll 0 0;
    color: #444;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
    position: relative;
    text-transform: capitalize;
	text-decoration: none;
}
.left-menu ul li a::after {
  content: "";
  font-family: fontawesome;
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 15px;
}
.left-contact {
    background: #eee none repeat scroll 0 0;
    padding: 0 20px 20px;
}
.left-cont-info ul li {
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 15px 0;
}
.left-cont-info ul li a {
    color: #444;
}
.left-cont-info ul li a i {
    color: #ec5c4d;
    font-size: 16px;
    margin-right: 10px;
}
.left-side-icons ul li a {
  border: 1px solid #ccc;
  color: #444;
}
.left-side-tags ul li a {
  border: 1px solid #ccc;
  color: #444;
  padding: 5px 8px;
}
.left-tags {
  background: #eee none repeat scroll 0 0;
  padding: 0 20px 20px;
}
.page-content h3 {
  font-size: 22px;
  font-weight: 600;
  padding: 15px 0 0;
}
.single-page a.page-btn:hover {
	color: #fff;
	background: #FBB700;
	border: 1px solid #FBB700;
}
.single-page a.page-btn {
  border: 1px solid #444;
  color: #444;
  display: inline-block;
  padding: 6px 25px 6px 10px;
  position: relative;
  transition: all 0.4s ease 0s;
}
.single-page a:hover.page-btn::after{
	opacity: 1;
	right: 2px;
}
.single-page a.page-btn::after {
  content: "";
  font-family: fontawesome;
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.5s ease 0s;
  color: #fff;
}
.single-page {
  margin-bottom: 30px;
  overflow: hidden;
}
.page-content > p {
  padding-bottom: 10px;
  text-align: justify;
}
.page-content .sec-head {
  padding: 0 0 15px;
}
.page-img {
  padding-bottom: 25px;
}
.elec-page {
  padding-bottom: 0;
}
/*----------------------------------------
	17. About-us page
/*----------------------------------------*/
.about-page {
  background: #f5f5f5 none repeat scroll 0 0;
}
.about-skills-area {
  background: #f5f5f5 none repeat scroll 0 0;
}
.team-hover ul li a {
    color: #fff;
}
.team-hover ul li:last-child a {
  margin-right: 0 !important;
}
.team-hover {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  bottom: -70px !important;
  left: 0;
  margin: auto;
  opacity: 0 !important;
  padding: 15px 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.4s ease 0s;
}
.single-member:hover .team-hover{
	opacity: 1!important;
	bottom: 0 !important;
}
.single-member .team-img {
    display: block;
    position: relative;
	overflow: hidden;
}
.single-member .team-img a {
    display: block;
}
.team-content {
    background: #ccc none repeat scroll 0 0;
    padding: 10px;
}
.team-content h4 a:hover {
	color: #FBB700;
}
.team-content h4 a {
    color: #444;
}

.team-content p {
    margin-bottom: 0;
}
.team-content h4 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.our-skill-team{
  padding-top: 30px;
}
.skill .progress .lead {
  bottom: -30px;
  color: #222;
  font-size: 12px;
  font-weight: normal;
  left: 0;
  margin: 0;
  position: absolute;
  z-index: 99;
}
.skill .progress .lead span {
  color: #222;
  font-size: 16px;
  margin-left: 10px;
}
.progress-bar {
  background-color: #FBB700;
}
.skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 5px;
  margin-bottom: 70px;
  overflow: visible;
  position: relative;
}
.skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  position: relative;
  padding: 0 5px;
}
.skill .progress-bar > span:before,.skill .progress-bar > span:after{
	border: medium solid transparent;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;}
	.skill .progress-bar > span:before{border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
/*----------------------------------------
	18. Project page
/*----------------------------------------*/
.pst-content {
  padding-left: 10px;
}
.project-menu {
  margin-bottom: 40px;
  text-align: center;
}
.project-menu li {
    display: inline-block;
}
.project-menu li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #FBB700;
  color: #FBB700;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0 4px;
  padding: 8px 17px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.project-menu li a.active,.project-menu li a:hover{
    border-color: #FBB700;
    background: #FBB700;
    color: #fff;
    text-decoration: none;
}
.portfolio-2 .single-awesome-project {
  float: left;
  overflow: hidden;
  width: 33.34%;
}
.portfolio-3 .single-awesome-project {
  float: left;
  overflow: hidden;
  width: 25%;
}
/*----------------------------------------
	19. Blog page
/*----------------------------------------*/
.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 15px 10px;
  text-transform: uppercase;
}
.left-blog {
  background: #eee none repeat scroll 0 0;
  margin-bottom: 30px;
}
.left-blog li {
    border-bottom: 1px solid #ddd;
    display: block;
}
.left-blog ul li a:hover {}
.left-blog ul li a {
  color: #444;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-transform: capitalize;
}
.recent-single-post {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
}
.post-img {
  display: inline-block;
  float: left;
  padding: 0 5px;
  width: 35%;
}
.pst-content {
    display: inline-block;
    float: left;
    width: 65%;
}
.pst-content p a:hover,.left-blog ul li a:hover {
	color: #FBB700;
}
.pst-content p a {
  color: #444;
  font-size: 15px;
}
.blog-tags {
  padding: 1px 0;
}
.left-blog li:last-child {
  border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
	color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
  padding: 0 10px;
}
.blog-1 .banner-box {
  margin-bottom: 30px;
}
.left-tags .left-side-tags ul li {
    border-bottom:0;
}
.left-tags .left-side-tags ul li a {
  padding: 7px;
}
.left-side-tags h4 {
  margin-bottom: 15px;
}
/*----------------------------------------*/
/*  20.	Blog Details css
/*----------------------------------------*/
.post-information h2 {
    color: #363636;
    font-size: 26px;
    text-transform: uppercase;
}
.post-information {
    padding: 20px 0;
}
.post-information .entry-meta span a {
    color: #444;
    display: inline-block;
    padding: 10px 0;
}
.entry-meta span a:hover {
  color: #FBB700;
}
.post-information .entry-meta {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
}
.post-information .entry-meta span i {
    padding: 0 10px;
}
.entry-content > p {
    color: #444;
}
.entry-meta > span {
  color: #444;
}
.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid #FBB700;
  font-size: 17.5px;
  font-style: italic;
  margin: 0 0 20px 40px;
  padding: 22px 20px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #FBB700;
  border-color: #FBB700;
  color: #fff;
  cursor: default;
  z-index: 3;
}
.social-sharing {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 30px 0;
}
.social-sharing > h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
}
.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}
.sharing-icon a {
    border: 1px solid #444;
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
}
.sharing-icon a:hover {
	color: #FBB700;
	border: 1px solid #FBB700;
}
.single-blog .author-avatar {
  float: left;
  margin-right: 10px;
}
.single-blog .author-description h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 5px;
}
.author-info {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 30px 0;
  padding: 15px;
  width: 100%;
}
.single-post-comments {
  margin-bottom: 60px;
  max-width: 650px;
}
.comments-heading h3, h3.comment-reply-title {
  border-bottom: 1px solid #e8e8e9;
  color: #444;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.comments-list ul li{margin-bottom: 25px;}
.comments-list-img{float: left;
margin-right: 15px;}
.comments-content-wrap {
  border: 1px solid #ccc;
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 80px;
  padding: 10px;
  position: relative;
}
.comments-content-wrap::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.author-avatar {
  display: inline-block;
  float: left;
  width: 10%;
}
.author-description h2 {
    color: #777;
    font-size: 20px;
    text-transform: uppercase;
}
.author-description h2 a {
    color: #000;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
  color: #909295;
  line-height: 18px;
  margin-bottom: 5px;
  margin-top: 15px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
  margin-top: 60px;
}
h3.comment-reply-title{}
span.email-notes{color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;}
.comment-respond p {
  color: #444;
  margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;}
.comment-respond textarea#message-box{
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;height: 130px;
width: 100%;
}
.comment-respond input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #FBB700;
  border-radius: 0;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 14px;
  margin-top: 20px;
  padding: 10px 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.comments-content-wrap span a {
    color: #000;
}
.comments-content-wrap span a:hover {color: #FBB700;}

.comment-respond input[type=submit]:hover{
    border:1px solid #FBB700;
    color: #fff;
    background: #FBB700;
}
.single-blog .blog-pagination {
	border-top: 1px solid #e5e5e5;
	margin:0;
	padding-top:30px;
}
/*----------------------------------------*/
/*  21.	Contact Us  CSS
/*----------------------------------------*/
.contact-page-area {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 50px 0 70px;
}
.map-area {
  margin-bottom: 60px;
}
.contact-area {
  margin: 50px 0 0;
}
.contact-info {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.contact-info h3, .contact-form h3 {
  border-bottom: 1px solid #c2c2c2 !important;
  color: #444;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  text-transform: uppercase;
  line-height: 20px;
}
.contact-info h3:before{
	content: "\f007";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
	vertical-align: text-bottom;
}
.contact-info ul li{
	border-bottom: 1px solid #e8e8e9;
	float: left;
	font-size: 12px;
	line-height: 40px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.contact-info ul li i{
	font-size: 16px;
	margin-right: 5px;
	width: 20px;
}
.contact-info ul li a:hover {text-decoration: underline;}
.contact-info ul li a {
  color: #FBB700;
}
.contact-form h3 {
  margin-bottom: 30px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 40px;
  padding-left: 20px;
  width: 100%;
  margin-bottom: 16px;
}
.contact-form textarea#message{
	border: 1px solid #ccc;
	border-radius: 0;
	height: 180px;
	padding: 20px;
	width: 100%;
}
.contact-form input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 0;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  margin-top: 16px;
  padding: 11px 24px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
    color:#fff;
    border: 1px solid #FBB700;
    background:#FBB700;
}







































@media screen and (max-width:240px){
  #logo img {max-width:200px;}
}
@media screen and (max-width:768px) and (min-width:601px){
  #logo img {max-width:150px;}
  #logo{margin-top:25px;}
}

@media screen and (max-width:240px){
  a.navbar-brand.visible-xs-inline.hidden-md.hidden-lg
  {font-size:0.9em;font-weight:bold;}
  .media-heading{margin-top:-10px;}
  }
@media screen and (max-width:375px){
  #searchform input {max-width:100%;}
}


#logo img{
  margin:0px auto;
}

@media screen and (max-width:768px){
  #header-margin{
  margin-top:0px;

}
}
#categories-btn{
  background:#CDCECF;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
  margin-left:0;
}


img{
  display:black;
  max-width:100%;
  height:auto;
}
#logo img{
  margin:0px auto;
}

.flag{
  display: inline-block;
  _display: inline;
  margin: 0 1px 0 0;
  width: 16px;
  height: 11px;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img{
  width: 100%;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.navbar, .list-group-item:first-child,
.list-group-item:last-child, .btn, .panel, .thumbnail, .well,
.form-control, .breadcrumb, .pagination>li:first-child>a,
.pagination>li:first-child>span, .pagination>li:last-child>a,
.pagination>li:last-child>span, .pagination,
.nav-tabs>li>a{
  border-radius: 0;
}
.list-group-item{
  border: 0;
}
.thumbnail{
  padding: 0;
  margin-bottom: 26px;
  border: 1px solid lightgray;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    background: white;
    position: relative;
}
.thumbnail.new{background:none;border:1px solid #CDCACA;}
.thumbnail.new:hover{
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 
}
div#choose_us h2 img.imag-one{margin-left:40px;}
.go-btn{
  text-align:center;
  margin-bottom:20px;
  margin-top:15px;
}

span.glyphicon.glyphicon-play.go{
  padding:15px;
  background:#47515d;
  margin-top:-2px;
  color:#fff;
  font-size:17px;
}
a span.go-text{
  font-weight:600;
  padding:15px 20px;
  text-shadow:1px 1px 0px #000000;
  font-size:15px;
}
a.new_pd{
  padding:13px 0;
  bottom:3px;
}
a.new_pd:hover,.about a.about-more:hover,.home_product .home_product_box .box_right span a:hover{
  text-decoration:none;
}
.caret-right{
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid #000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  padding-right:10px;
}
.panel{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.no-padding{
  padding: 0;
}
.panel-body.no-padding p{
  word-wrap:break-word;
}
.no-margin{
  margin: 0;
}
address{
  line-height: 1.8;
}
#checkcode{
  display: inline-block;
  width: 80%;
}
#lang-bar{
  float:right;
  margin-bottom:10px;
  padding-top:20px;
}

#lang{
  padding-right:0;
}
#searchform{
  margin-top:45px;
}

#searchform input{
  width:100%;
  height:37px;
  padding:10px;
}
#searchform input:focus{
  outline:none;
}
#header-name{
  padding-top:40px;
}
@media screen and (max-width:768px){
  #header-name{
  padding-top:20px;
}
}
@media screen and (max-width:375px){
  #header-name {padding-top:0;}
}
h2.media-heading strong{
  font-size:26px;
  text-transform:uppercase;
  color:#4a4a4a;
}

@media screen and (max-width:768px){
  h2.media-heading strong {font-size:19px;}
}
.col-md-1.header-top-color1{
  border-bottom: 3px solid #A8A8A8;
  width:9%;
}
.col-md-9.header-top-color1{
  border-bottom: 3px solid #A8A8A8;
  width:75%;

}
@media screen and (max-width:600px) and (min-width:320px){
  .col-md-9.header-top-color1{
  width:72%;}
}
@media screen and (max-width:319px) and (min-width:240px){
  .col-md-9.header-top-color1{
  width:65%;}
}
@media screen and (max-width:384px) and (min-width:240px){
  .col-xs-6{width:100%}
}
.col-md-2.header-top-color2{
  width:13.5%;
  margin:0 8px;
}
#logo .text-muted{
  font-size: 12px;
  line-height: 14px;
}
.navbar-toggle .icon-bar{
  background:#fff;
}
.cate-bar{
  margin-right:0;
}
a.navbar-brand{
  color:#fff;
}
.container-fluid>.navbar-collapse{
  margin-left:0!important;
  margin-right:0!important;
}
.navbar{
    margin:0;
  border: 0;
  min-height:40px;
  box-shadow:1px 5px 20px #BAB8B8;
}

.nav>li#nav_home{
  border-left:1px solid #5C5B5B;
}
.nav>li{
  
}
.navbar-nav>li>a{
  font-size: 15px;
  text-transform: uppercase;
  padding: 22px 22px;
  font-weight:600;
  word-spacing:0.4em;
}
@media screen and (max-width:240px){
  .navbar-nav>li>a{font-size:12px;padding:5px 25px;}
}
@media screen and (max-width:768px) and (min-width:738px){
  .navbar-nav>li>a{padding:12px 5px;font-size:14px;font-weight:normal;}
}
@media screen and (max-width:1024px) and (min-width:976px){
  .navbar-nav>li>a{padding:20px 9px;}
}
@media screen and (max-width:1365px) and (min-width:1025px){
  .navbar-nav>li>a{padding:22px 18px;}
}
.box_right h3,.sol_more{
  text-transform:uppercase;
 }
 div#header-margin .col-md-3{padding:0;}
 ul.lang-bar{list-style:none;padding-left:0;}
 ul.lang-bar li{float:left;width:95px;}
 #lang-bar a{color:#000;}
.nav>li:hover{
  max-height:74px;
  
}
.nav>li>a:hover{
  background:none;
}

.nav>li>a:focus{
  background-color:rgba(255, 255, 255, 0.1) !important;
}
.nav-tabs>li{
  width:100%;
}
.nav-tabs>li:hover{
  border-bottom:none !important;
}
.main-content{
  margin-top: 20px;
}
@media screen and (max-width:736px){
  .main-content{margin-top:0.5em;}
}
ul.clear{
  list-style:none;
}
.box_left{
  float:left;
}
.box_left img{
  margin-right:15px;
}
.box_right,.box_left{
  padding:0;
}
.box_right{
  border:1px solid #DDDADA;

}
.home_product_box{
  margin:15px 0;
}
.home_product h2{
  font-size:25px;
  text-align:center;
  padding:20px 0px 10px 0px;
  font-weight:600;
  text-transform:uppercase;
}
.pro-title p{
  font-size:16px;
  padding-bottom:10px;
  line-height:24px;
  text-align:center;
  padding-right:15px;
}
@media screen and (max-width:1024px) and (min-width:976px){
  .pro-title p{ margin-bottom:14px; }
}
.home_product p{
  font-size:14px;
  padding-bottom:15px;
  color:#696868;
}
@media screen and (max-width:1024px) and (min-width:976px){
  .home_product p{  padding-bottom:5px;}
}
.home_product .home_product_box  h3,.home_product .home_product_box  h1{
  font-size:16px;
  margin-top:25px;
  
  margin-bottom:0;
  min-height:34px;
  text-transform:capitalize;
  font-weight:600;
  
}
@media screen and (max-width: 768px) and (min-width: 737px){
  .home_product .home_product_box  h3,.home_product .home_product_box  h1{margin-top:210px;}
}
.home_product .home_product_box .box_right span{
  margin:0 0 0 10px;
  display:block;
  text-align:center;
  padding:5px;
  color:#fff;
}
.home_product .home_product_box .box_right span a{
  font-size:14px;
  line-height:30px;
  
}
.box_right a{
  padding-right:20px;
  color:#333;
}
.box_right:hover{
  border:1px solid #F5B8B8;
}
.widget .title,
.product-showroom .panel-title,
.content-wrapper .panel-title{
  margin-top: 0;
  font-size: 20px;
  line-height: 30px;
  font-family: Arial,sans-serif;
  font-weight:600;
  margin-bottom:0;
  border-bottom:1px solid #ECEAEA;
  padding-bottom:10px;

}

@media screen and (max-width:240px){
  .widget .title, .product-showroom .panel-title, .content-wrapper .panel-title{font-size:16px;}

}
.app-title h2{
  font-size: 20px;
  line-height: 30px;
  font-family: Arial,sans-serif;
  font-weight:600;
  margin-bottom:0;
  text-transform:capitalize;
}
p.mid_desc{
  font-size:17px;
  margin-top:10px;
}
h3.product-title{
  text-transform:uppercase;
  font-size:20px;
  color:#4A4A4A;
  font-weight:600;
  margin-top:0;
}
.widget .content{
  border:1px solid #E4E2E2;
  padding:15px;
  margin-top:15px;
}
.certifictae{
  padding:20px 0;
}
span#article-sapn{
  float:right;
  color:#A9A9A9;
}
span#article-sapn:hover{
  color:#2b90f5;
}
.content h4{
  margin:0;
  line-height:0;
  font-size:15px;
  font-weight:600;
}
.border-bottom{
  width:15%;
}
.border-bottom-about{
  width:18%;
}

h2.panel-title,.widget-title{
  border-bottom:1px solid #ECEAEA;
}
#category .title,.widget .sidebar-title,p.pd-inquiry,.widget .title{
  border-bottom:1px solid #DDDBDB;
  margin-bottom:0;
  padding-bottom:10px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  font-weight:600;
  font-size:20px;
  text-transform:uppercase;
}

.main-product{
  text-align:center;
  margin:2% 0;
}
.main-product .main-pd-title{
  background:url(../img/bg_lines.jpg) repeat-x left 15px;
}
.main-product h1 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    padding: 0 30px;
    text-shadow: 0 3px 0 #E6E6E6;
    text-transform: uppercase;
  font-size:1.5em;
  font-weight:600;
}
.main-pd-title h1 span{
    color:#ff0000;
  padding-left:10px;
  font-size:25px;
}
.category .thumbnail{
  margin-bottom: 25px;
}

/*鎵嬫媺椋庣惔*/
.list-group>li:hover>ul{display: inherit;}
ul.list-group.sub{position: absolute;
display: none;
top: 5px;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border: 1px solid #ddd;
border-left: none;
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
box-shadow: 3px 3px 4px rgba(0,0,0,.13);
width: 260px;
background-color: #fff;
z-index: 100;}
.list-widget .sub:last-child{
  margin-bottom: 0;
}
/*鎵嬫媺椋庣惔*/
.list-group>li.pro:hover>ul{display: inherit;}
ul.list-group.sub.pro{position: absolute;
display: none;
top: 5px;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border: 1px solid #ddd;
border-left: none;
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
box-shadow: 3px 3px 4px rgba(0,0,0,.13);
width: 260px;
background-color: #fff;
z-index: 100;}
.list-widget .sub:last-child{
  margin-bottom: 0;
}

.list-widget>.list-group{
  margin-bottom: 0;
}
.list-widget .list-group-item{
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
}
.list-widget .list-group-item a{
  display: block;
  padding: 10px 0;
  font-size:14px;
  color:#6E6B6B;
  border-bottom:1px solid #E4E2E2;
  text-transform:capitalize;
}
.list-widget>.list-group>.list-group-item>a{
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
}
.list-widget .list-group-item a:hover{
  text-decoration: none;
  background:#F2F2F2;
}
#showroom-border{
  margin:15px;
}
#categ-middle{
  padding-right:0;
}
#main-middle{
  padding-left:0;
}
.list-group-item .caret-right{
  border-left-color: #696565;
}
.list-widget .sub{
  margin-top: 3px;
  margin-left: 15px;
}
.list-widget .sub:last-child{
  margin-bottom: 0;
}
.list-widget .sub .list-group-item a{
  color: #4A4A4A;
}
.list-widget .sub .list-group-item a:hover{
  color: #4A4A4A;
}
.list-product-widget .media-heading{
  font-size: 14px;
}

.list-product-widget .media-object{
  border: 1px solid #ccc;
}
.list-product-widget .media:hover .media-object{
  border-color: #086ccc;
}
.sidebar-widget{
  margin-bottom: 10px;
}
@media screen and (max-width:736px){
  .sidebar-widget{margin-bottom:0.5em;}
}

.sidebar-widget .openinquiry{
  margin-top: 10px;
}
.openinquiry{
  border: 0;
}

.product-showroom .panel-heading,.panel-heading.no-padding{
  margin-bottom: 8px;
}

.product-showroom .panel-title,
.content-wrapper .panel-title{
  display: block;
  position: relative;
  text-transform:uppercase;
}
.product-showroom .categ-title{
  text-transform:capitalize;
}
.product-showroom .panel-title .more,
.content-wrapper .panel-title .more{
  float:right;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  padding: 0 6px;
  background: #4b4b4b;
  margin-top:6px;
}
.product-showroom.new .panel-title{
  border:none;
  margin-top:30px;
  font-size:25px;
}

h1.pd-title{
  font-size:18px;
  font-weight:600;
  margin-top:0;
  color:#4A4A4A;
  padding-top:15px;
  border-top:1px solid #E4E2E2;
  text-transform:capitalize;
}
.content-wrapper{
  padding:0 15px;
}
a.about-more{
  color:#2b90f5;
}
.thumbnail.pro{
    border-left:1px solid #E4DFDF;
  border-right:1px solid #E4DFDF;
  border-top:1px solid #E4DFDF;
}
.prd-shadow-index{
  background:url(../img/bg-prod.jpg) no-repeat left top;
  padding-top:14px;
}
.prd-shadow{
  background:url(../img/bg-prod2.jpg) no-repeat left top;
  padding-top:7px;
}
.thumbnail .caption{
  padding: 5px 5px;
  
}
@media screen and (max-width:240px){
  .thumbnail .caption{height: 50px;;}
}
.thumbnail .caption h3{
  font-size: 13px;
  margin: 10px;
  text-align:center;
  text-transform:capitalize;

}

.clear{clear:both;}
#toTop{
  float:right;
  margin-top:-34px;
}

.tab-pane{
  border: 1px solid #ccc;
  border-top: 0;
  padding: 20px;
}
#tab-product-catalogue{
  padding-left: 0;
  padding-right: 0;
}
#tab-product-catalogue dl{
  margin-left: 20px;
}
#tab-product-catalogue dl a{
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
}
#tab-product-catalogue dt{
  margin-bottom: 5px;
}
#tab-product-catalogue dd{
  margin-bottom: 5px;
}
#tab-contact-info .well{
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
#tab-pop-search a{
  color: #666;
  font-size: 12px;
}
#footer-copyright{
  padding:30px 0;
  border:1px solid #fff;
}
#copyright p{
  font-size: 14px;
  margin: 8px 0;
}
#contact-form .form-group{
  margin-bottom: 8px;
}
#contact-form label{
  font-size: 12px;
  margin-bottom: 0;
}
#contact-form .form-control{
  height: 28px;
  font-size: 12px;
}
.input-group{
  width:100%;
}
#contact-form .input-group-addon{
  padding-top: 5px;
  padding-bottom: 5px;
}
#contact-form textarea.form-control{
  width: 100%;
  height: 120px;
}
.form-control:focus{
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(240, 99, 104,.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(240, 99, 104, 0.6);
}
  

.breadcrumb{
  font-size: 14px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 0;
  margin-top:20px;
  color: black;
}
.breadcrumb>li{
  float:left;
}
ol.breadcrumb li a{
  
  text-transform:capitalize;
}

.breadcrumb>.active{
  color:black;
  text-transform:capitalize;
}
.pagination>li>a,
.pagination>li>span{
  color: #777;
  padding: 5px 15px;
  margin-right: 3px;
  background: #f9f9f9;
  
}
.pagination>li>a.current, .pagination>li>a:hover{
  color: #000;
  background: #eee;
  border:1px solid #C5C3C3;
}
.pagination>li>a.current:hover{
  background: #ff0000;
}
.addthis_sharing_toolbox{
  margin-top: 20px;
}
.get-in-touch{
  position: relative;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #bbb;
  border-top: 0;
  background: url(../images/mail.png) 0 0 repeat-x #fff;
}
.get-in-touch h3{
  font-size: 18px;
  margin-top: 10px;
}
.get-in-touch label{
  font-size: 12px;
  text-align: left !important;
}
.get-in-touch input{
  height: 30px;
}
.get-in-touch input[type=text],
.get-in-touch input[type=email],
.get-in-touch textarea{
  font-size: 12px;
  color: #242729;
  background: #EBF1F5;
}
.get-in-touch textarea{
  font-size: 14px;
  height: 130px;
}
.get-in-touch input:focus,
.get-in-touch textarea:focus{
  outline: 0;
  background: #fff;
}
#product-description{
  margin-top: 20px;
  border: solid 1px black;
  border: 1px solid #ccc;
  min-height: 580px;
}
#sidebarc-about{
  margin-left:10px;
  margin-right:10px;
}

#product-description .nav-tabs li a,
#product-center .nav-tabs li a{
  color: #555;
  font-weight: bold;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-top-width: 2px;
  background: #f5f5f5;
}
@media screen and (max-width:320px) and (min-width:241px){
  #product-description .nav-tabs li a{ padding:10px 7px; font-size:13px;}
}
#pager{
  margin-top: 10px;
}
#pager span{
  color: #333;
  margin-right: 10px;
  font-weight: bold;
}
#pager p{
  font-size: 12px;
}
#pager p a{
  text-transform:capitalize;
  font-weight:600;
}
#footer ul.list-inline.article-list a{
   border-bottom:none;
   padding:0;
   font-size:13px;
   text-transform:capitalize;
}
ul.list-inline.article-list li{
  display:block;
}
.article-list{
  margin-left: 0;
}
.article-list a{
  font-size: 14px;
  display: block;
  color: #696868;
  padding: 2px 0;
  
}
ul.dropdown-menu{
  top:inherit;
  min-width:206px;
}
ul.dropdown-menu>li{
  border-bottom:1px solid #fff;
  position: relative;
}
ul.dropdown-menu>li>ul{
  display: none;
}
ul.dropdown-menu>li:hover>ul{
  display: block;
}
ul.dropdown-menu>li>ul.sub{
  position: absolute;
  top: 0;
  left: 315px;
  width: 250px;
}
#product-center .nav-tabs li a{
  font-size: 12px;
}
#product-center{
  margin-top: 20px;
}
.required{
  color: red;
  font-weight: bold;
}
#logo a.pull-left{
  border:none;
}
img.media-img.img-responsive{
  max-width:250px;
}
.media-left, .media>.pull-left{
  padding-right:0;
}
a.pull-left{
  border:1px solid #C9C6C6;
  margin-right:10px;
}
.related_pd img{
  float:left;
  margin-right:10px;
}
.related_pd{
  margin-top:20px;
  min-height:100px;
}
h4.media-heading{
  padding-top:30px;
  padding-left:10px;
  padding-right:10px;
}
h4.media-heading a{
  font-size:13px;
  text-transform:capitalize;
}
.all_pd p{
  font-size:17px;
  padding-top:20px;
  padding-bottom:10px;
  border-bottom:1px solid #E4E2E2;
  font-weight:600;
  margin-bottom:30px;
}
.all_pd p a{
  color:#ff0000;
}
img.item-img.img-responsive{
  padding-right:10px;
  float:left;
}
img.flag-img{
  padding-right:8px;
}
.foot-menu ul.list-inline{
  text-align:center;
}
.media{
  margin-top:20px;
  border:1px solid #E4E2E2;
}
.media .media-name{
  height:100px;
}
.product-showroom .content,.contact-btn{
  padding-top:10px;
}
.content{
  font-size:13px;
}
.content span{
  padding-right:10px;
  margin-bottom:11px;
  
}
.btn-primary{
  border:none;
  text-transform:uppercase;
  font-weight:600;
  font-size:14px;
}
a#openinquiry-btn{
  text-transform:uppercase;
  font-weight:600;
  font-size:14px;
  padding:7px 10px;
}

p.chance-line1{
  padding-left:110px;
  margin-bottom:0;
}

ul.list-group.sub{display: none;}
ul.list-group.sub li a{padding-left:25px;}
ul.list-group.sub li a:hover{padding-left:15px;}
.list-group li:hover ul{display: inherit;}

div.address{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
div.media-body.hidden-xs{margin-top: 20px;}
.navbar-nav>li:hover>ul{display: inline;}
div.other-links.clearfix a{color: #333;}
div.media-body{font-size: 12px;}
div.other-links.clearfix{margin-top: 5px;border-top: 1px solid #ddd;} 
#livechat{position: fixed;
right: 0;
z-index: 9999;
}
.live1{
margin-left: 35px;
position:absolute;
top:65px;
font-size:12px;
font-weight:bold;
}
.live2{
margin-left: 35px;
position:absolute;
top:102px;
font-size:12px;
font-weight:bold;
}
.live3{
margin-left: 35px;
position:absolute;
top:139px;
font-size:12px;
font-weight:bold;
}
#openinquiry-inquiry{
width:110px;
}
a.toptip{color: #333;
font-size: 12px;
padding: 10px;
text-decoration: none;}
.lc{float: right;
margin-top: 20px;
margin-bottom: 20px;}
.btn-sm, .btn-group-sm>.btn{line-height: 1.4;border-radius:0;}
button.btn.btn-primary.sider{width: 110px;
font-size: 12px;
padding: 5px 0px;}
.btn-primary span{
  font-size:17px;
  padding:5px;
}
button#btnContactUs{
  margin-right:15px;
}
.dropdown-menu>li>a{
  text-transform:capitalize;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
  font-weight:600;
}
p.company-p{
  font-weight:600;
}
.cont-2 p{
  text-align:justify;
}
#gmaps{
  min-height:250px;
  margin-top:20px;
  margin-bottom:20px;
}
.tab-content p{
  word-wrap:break-word;
}
.tab-content img{
  max-width:100%;
}
table img{
  max-width:100%;
}
#dropdown-menu-left{
  left:initial;
}
h3.pro-title{ 
  line-height:2.1em;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
}
#footer-list{
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
}
#footer{
  margin-top:20px;
  padding-bottom:20px;
  padding-top:10px;
}
#footer .container{ 
}
#pop-search{
  max-height:256px;
  overflow:hidden;
}
.well{background-color:none;}

ul.list-inline li{
  padding-top:3px;
}

#copyi-row ul.list-inline{
  margin-top:5px;
}
.carousel-control.left,.carousel-control.right{
  background-image:none!important;
}

#categ-main{
  margin-top:25px;
  margin-bottom:10px;
}
.alignleft {
  float:left;
  margin:0 10px 18px 0;
}
.about-top{
  margin-top:25px;
}
.ovh {overflow:hidden;}
.ovh h2{

  font-size: 18px;
  text-align:center;
  color:#FF0000;
  
}
.col-md-4.col-sm-4.col-xs-6.bg{
  background:#F9F9F9;
  margin:0 13px;
  max-width:360px;
  
}
.ovh .bg{
  margin: 0 0 10px 0;
}
.bg img{
  margin:0 auto;
}
.ovhinner{
  max-height:120px;
  overflow:hidden;
}
.sol_more{
  color: #2b90f5;
  display: block;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:24px; 
}
@media screen and (max-width:1024px) and (min-width:976px){
  .sol_more{  margin-bottom:14px; }
}
#sidebar-list-contact{
  border:1px solid #E4E2E2;
}
#sidebar-list-contact .content{
  padding:10px;
}
h3.sidebar-title{
  margin-top:0;
}
.detail-num{
  padding:20px 10px;
  background:#F4F4F4;
  border-radius:10px;
}
p.share-text{
  padding-top:15px;
  font-weight:600;
  font-size:14px;
}
#pd-detail-row{
  margin:0;
}
#gallery-cer{
  padding-bottom:15px;
}
p.gallery-text{
    max-width:300px;
  font-size:16px;
  padding-top:10px;
  text-align:center;
  min-height:55px;
}
#pd-gallery{
  padding-top:20px;
}
ul.dropdown-menu.list-group>li.list-group-item{
  padding:7px 10px;
}
ul.dropdown-menu.list-group>li>a{
  padding:0;
}
ul.dropdown-menu.list-group>li.list-group-item>ul.list-group.sub>li.list-group-item{
  padding:3px;
}
ul.dropdown-menu.list-group>li.list-group-item>a:hover{
  background:#fff;
}
ul#minMax2 li{
  list-style:none;
  padding-top:35px;
  margin-right:3px !important;
}
@media screen and (max-width:1024px) and (min-width:976px){
  #fudong{ display:none;}
}
.additional-info-1{
    background: url(../img/bg-1_b.jpg);
    padding: 3% 0;
    margin-top:30px;
}
.additional-info-1_chart{
  margin-bottom:20%;
}
.additional-info-1_chart span{
  color: #F01717; 
  display: inline-block;
}
.additional-info-1_chart > div > span{
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  left: 0;
  top: 70px;  
  width: 100%;
  position: absolute;
  text-align: center;
  color:#fff;
  text-shadow:1px 1px #000;
  
}
@media screen and (max-width:768px){
  .additional-info-1_chart > div > span{ 
  font-size: 13px;
  line-height: 15px;
  top: 30px;  
  }
}

.additional-info-1_title{
  font-size: 50px !important;
  line-height: 50px !important;
  font-weight: 500;
  vertical-align: top;
  left: 0 !important;
  top: 0px !important;
  text-transform:uppercase;
}
@media screen and (max-width:768px){
  .additional-info-1_title{ 
  font-size: 30px !important;
  line-height: 10px !important;
  
  }
}

.additional-info-2_title{
  font-size: 50px !important;
  line-height: 58px !important;
  font-weight: 500;
  vertical-align: top;
  left: 0 !important;
  top: 55px !important;
}
.additional-info-3_title{
  font-size: 40px !important;
  line-height: 40px !important;
  font-weight: 500;
  vertical-align: top;
  left: 0 !important;
  top: 55px !important;
}

.additional-info-1_title span{
  font-size: 40px;
  margin-top: -18px;
  vertical-align: top;
}
.about{
   font-size: 14px;
  left: 0;
  top: 195px; 
  width: 100%;
  position: absolute;
  text-align: center;
}
@media screen and (max-width:768px){
  .about{ 
  top: 120px; 
  
  }
}
.about a.about-more,.pd a.about-more{
  padding:7px 20px;
  color:#fff;
  text-transform:uppercase;
  font-weight:600;
}

 .font-color{
  padding:10px 0;
  border-top:1px solid #ECEAEA;
  
 }
 .font-color span{
  padding-top:5px;
 }
.row.contact-form{
  margin:15px;
} 
.share-tools{
  margin-top:-30px;
}.foo-contact{
  font-size:17px;
}

.article-title h2 a{
  color:#696868;
  font-size:17px;
  font-weight:600;
  text-transform:capitalize;
  }
  .read_more {
  margin-top: 2%;
}
img.gerlly-border.img-responsive{
  border-radius:2em;
  padding-top:15px;
  padding-bottom:15px;
}
.csSlideOuter{
  border-top:1px solid #E7E5E5;
  border-bottom:1px solid #E7E5E5;
  margin-bottom:35px;
  padding-top:7px;
} 
ul.csPager.cSpg{
  display:none;
}
span.glyphicon.glyphicon-tags{
  color:#989797;
}
.thumbnail:hover{
  background:#EDEDED;
}
.list-unstyled a{
  text-transform:capitalize;
  font-size:13px;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#192634;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(255, 255, 255, 0.1) !important;
  border-bottom:6px solid #ff0000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* /Shutter Out Horizontal */

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#ff138c;
  padding:0 13px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;

}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #192634;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#choose_us p,#home_pd p{
  padding:10px 200px;
  text-align:center;
}



@media (min-width: 992px){ul.product_list.grid > li.first-in-line{clear:none;}}
.pagination>li>a.current:hover{background: #ff138c;border: white solid 1px;}

.tab-pane{border: none;}
.media{border: none;position: relative;}
.media a{border: 0px;font-size: 14px;}
.media div{margin: 0px; padding: 0px;}
.media a img{border-radius:15px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.media .p-right a:last-child{background: #ff138c;display: block;color: white;text-align: center;width:70%;
height: 32px;line-height: 32px;position: absolute;bottom: 10px;font-size: 14px;}
.nav-tabs>li>a{margin-right: 0px;}
.list-unstyled li{float: left;}


.blog_list .read_more a {background-color: #ff138c;line-height:32px;height: 32px;width: 107px;
  display: inline-block;padding: 0px;text-align: center;}