/*---------------------------------------------------------------
Template Styles for Fuchs.com.au
Version: 2.2
---------------------------------------------------------------*/
/* Standards & overrides */

body { 
    font-family: 'open sans', arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    color: #1d282c;
    background-color: rgba(0,78,158,.1);
    background-image: url(/media/bgd.png);
}
h1 {
	font-size: 30px; 
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}
h2 {
	font-size: 24px;
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}
h3 {
	font-size: 22px;
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}
h4 {
	font-size: 20px;
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}
h5 {
	font-size: 16px;
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}    
h6 {
	font-size: 14px;
	font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    color: #004e9e;
}
a { 
	color: #004e9e; 
	outline: none; 
	text-decoration: none; 
}
a:hover, a:focus, a:active { 
	color: #e2001a; 
	outline: none; 
	text-decoration: none; 
}
a.Altlink1:link  { 
	color: #505050; 
	outline: none; 
	text-decoration: none; 
}
a.Altlink1:hover, a.Altlink1:focus, a.Altlink1:active { 
	color: #505050; 
	text-decoration: underline; 
}
a.Altlink2:link  { 
	color: #FFF; 
	outline: none; 
	text-decoration: none; 
}
a.Altlink2:hover, a.Altlink2:focus, a.Altlink2:active { 
	color: #FFF; 
	text-decoration: underline; 
}
p { 
	margin-bottom: 10px; 
}
b {
	font-weight: 700;
}
figure { 
	margin-bottom: 6px; 
	position: relative; 
}
.clear { 
	clear: both;  
	line-height: 0; 
}
img {
	max-width: 100%;
}
strong {
	font-weight: bold;
}
.container.fullwidth {
	width: 100%;
}
.container.fullwidth .col-md-12 {
	padding: 0px;
}
.fixed{ 
	position:fixed;
}
ul, ol {
	list-style: none;
	list-style-position: none;
	margin: 0;
	padding: 0;
}
/* template Styles */

.site_wrapper {
  width: 100%;
  margin: 0 auto 0 auto;
  /*overflow-x: hidden;*/
}  

.main_content{ 
	max-width:1110px; 
	width:100%; 
	margin:0 auto; 
	float:left !important; 
}
.header-top { 
	background: #004e9e;
	color: #fff;
	padding: 10px 0 15px 0;
	position: relative;	
	font-size: 14px;
}
.header { 
	background: #004e9e;
	color: #fff;
	font-size: 14px;
	padding: 10px 0 10px 0;
	position: relative;	
	margin-bottom: 50px;
}
.header-top { 
	text-transform: uppercase;
}

.header-portal { 
	padding-bottom: 15px;
}
/* Header styles */
.btn a, .btn { 
	border: 1px solid #efefef;
  	padding: 6px 12px;
  	font-size: 15px;
  	font-weight: 400;
 	 line-height: 1.42857143;
 	 text-align: center;
 	 white-space: nowrap;
  	border-radius: 4px;
  	color:  #084379; 
  	background: #ddd;
}
.btn a:hover { 
	background: #00549f; 
	color: #fff;
}
.btn-group {
	margin-bottom: 15px;
	width: 100%; background: #ddd; border-radius: 4px;
	}

.login_btn_portal {  
	text-decoration:none; 
	font-size:14px;
	color:#fff; 
	float: left;
}	
.logo-block { }
.logo {
 	position: absolute;
    height: 80px;
    background: #fff;
    text-align: center;
	width: 49%;
    top: -18px;
    }
.logo:first-child {margin-left: 5px;
    left: 0; }
.logo:last-child {right: 0;}
.logo:last-child img {width: 83%;}
.logo img {
    background: #fff;
    padding: 5px;
}

.login_btn_portal a { color: #fff; margin: 0 10px;} 
.login_btn btn:hover, .login_btn:hover, .login_btn_portal btn:hover{ text-decoration:none; color:#fff; background-color:#e00019;}


.header-portal .search-container { padding: 0 10px; }
.header-portal .search-container a { color: #fff !important; }


#hide {
    background: #fff;
    width: 100%;
    padding: 18px;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 999999;
    display: none;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.35);
}
#hide input {color: #111; width: 100%; padding: 6px 12px;
    background-color: #fff; font-size: 21px;     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  border: 1px solid #004e9e;}
#hide input:focus {border-color: #9d9d9d #c5c5c5 #c5c5c5 #9d9d9d;}    
#hide button {display: inline-block; color: #fff; background: #40899e; border: 0; border-radius: 4px; font-size: 21px;}
#hide i {color: #004e9e; }
#hide button {
    position: absolute;
    z-index: 2;
    top: -2px;
    right: 15px;
    bottom: 1px;
    background-color: #FFF;
}
#hide button {
    padding: 5px 11px 2px;
    background: 0 0;
}

.header-portal .login-container {padding-top: 10px;}


/* All navigation styles  */
.navbar {
  position: relative;
  min-height: 0; 
  margin-bottom: -3px;
  border: 1px solid transparent;
}
.nav_area span, .login_btn_portal span {border-right: 1px solid rgba(255,255,255,.4); font-weight: 400; padding: 0 5px;}

.navbar-default { 
	background-color:#004e9e; 
	border:none; 
	border-radius:0;
	font-size: 16px;
	font-weight: 700;
	}
.navbar-nav > li { color:#fff; list-style: none !important; }
.navbar-default .navbar-nav > li > a { 
	color:#fff; 
	font-size:15px; 
	font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";
	list-style: none;
	padding: 2px 5px 2px 15px;
  	line-height:21px;
  	border-right: 1px solid rgba(255,255,255,.4);
  	margin-bottom: 5px;
}

.navbar-default .navbar-nav > li i { 
	display: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a{ 
	color: #87a2c0; 
}

.nav_area .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	color: #fff;
	background: none;
}

.nav_area_portal .navbar-nav > .dropdown > a:hover{
	background-color:#333; 
	border-bottom:2px solid #e00019;
	color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {color: #979797; background: #fff;}

.navbar-default .navbar-nav>.open>a {
	background-color:#00549f; 
	border-bottom:2px solid #00549f;
}
ul.nav li.dropdown:hover > ul.dropdown-menu
{ display: block; }

.nav_area .dropdown-menu, .nav_area_portal .dropdown-menu {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 1em;
    margin: 0;
    text-align: left;
    list-style: outside none none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.35);
}

.nav_area_portal .dropdown-menu:before {
	width: 45px;
    height: 32px;
    position: absolute;
    overflow: hidden;
    z-index: 1001;
    display: none;
    top: 0;
    left: 10px;
}
.nav_area .dropdown-menu > li > a, .nav_area_portal .dropdown-menu > li > a	{ color:#1d282c; 	font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";
	font-size:16px;  }


.dropdown-menu > li > a:hover{ color:#979797 !important; background: #fff; }

/* End navigation styles */

.tight-right {padding-right: 0;}
.tight-left {padding-left: 0;}
.tight {padding: 0;}

/* Home page styles */

.add h1{
	margin:0; 
	font-family: inherit;
	font-weight: 700;
	font-size:34px; 
	color:#fff; 
	padding: 19px 10px 0px; 
	line-height: 19px;
}
.add_area{ 
	padding:0 !important;
}
.add{ 
	padding:0 0 10px 0; 
	background:url(../images/_template-images/add.png) no-repeat center center #000; 
	min-height:190px;
	position: relative;
	bottom: 0;
}
.add span{
	/*margin:0;*/  
	font-family: inherit;
	font-weight: 400;
	font-size:19px; 
	color:#fff; 
	padding:0 10px;
}
.add .google_playstore{ padding:10px; }
.add .google_playstore img{ margin-top:9%;}
.add .android_appstore{ padding:10px; }
.add .android_appstore img{ margin-top:1%;  }

.right_add_area{ 
	/*margin:15px 0;*/  
	padding:0 !important;
}
.add_right{ 
	margin-bottom: 10px;
	padding:10px; 
	background:url(../images/_template-images/right_bg.png) no-repeat top left #000;  
	min-height:134px;
}
.add_right h1{
	margin:0; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 700;
	font-size:30px; 
	color:#fff; 
	line-height: 1em; 

}
.add_right span{
	margin:0; 
	font-weight:700; 
	font-family: inherit;
	font-size:45px; 
	color:#fff; 
	line-height: 1em; 
} 
.add_right a { 
	text-decoration:none; 
	color:#fff; 
	border:1px solid #fff;  
	text-align:center;  
	display:block; 
	line-height:25px; 
	font-size:14px; 
	font-weight:bold; 
	padding: 3px 9px;
}
.add_right a:hover{ 
	background: #fff; 
	color: #000;
	text-decoration:none; 	
}
.image-bank img {padding-bottom: 10px;}
.carousel-control {
  font-size: 30px;
}
.leftCarouselCtrl {vertical-align: baseline !important ;}
.rightCarouselCtrl {position: absolute; top: 0px;}
.leftCarouselCtrlInside, .rightCarouselCtrlInside {
 display: none;
}
.carousel-inner > .item > img {
	width: 100%;
}

.space5 { height: 5px; clear: both;}
.space10 { height: 10px; clear: both;}
.space15 { height: 15px; clear: both;}
.space20 { height: 20px; clear: both;}
.space25 { height: 25px; clear: both;}
.right { float: right;}
.left { float: left;}


ul.news_content, ul.hot_news_content, .news_content_listing, .training_cntent_listing { 
	margin:0; 
	padding:0; 
	list-style: none;
	width: 100%;
	background: #fff;
	}
ul.news_content li, ul.hot_news_content li { 
	margin:0; 
	padding: 8px 15px; 
	list-style: none;
	background: #fff;
	}
.news_content li a, .hot_news_content li a  {
	color: #05437a; 
	background:none; 
	cursor:pointer; 
	}
.news_content li a:hover, .hot_news_content li a:hover{ color:#e00019;}	

.hot_news_content img{ 
	display: none;
	}
.news a {
	font-family: 'open sans', arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: .4em;
	color: #05437a; 
	padding: 0px; 
	margin: 0 !important; 
	background:none; 
	cursor:pointer; 
	}
.news a:hover{ color:#e00019;}
.news_content p, .hot_news_content p {
	margin: 0px; 
	font-family: 'open sans', arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: .8em;
	color: #9fa0a1; 
	padding: 5px 0 0 0 ; 
	text-transform: uppercase;
}
.training-image {margin-bottom: 10px;}
h4.training-head:before {
    position: static;
    display: inline;
    font-family: 'FontAwesome'; 
    content: "\f019";
    padding: 0 8px 20px 0;
    font-weight: 700;
    font-size: 21px;
    vertical-align: top;
    color: #046fce;
}
h4.training-head:hover:before {color: red;}
.navigation_portal { 
	background: #fff;
	border-top: 3px solid #004e9e;
	margin-top: 25px;
}
.navigation_portal_details { 
	padding: 0 15px 25px 15px;
}
.navigation_portal_details i { 
	color: #ccc;
}
.navigation_portal_details.fuchsFocus { 
	text-align: center;
}
.navigation_portal_details.fuchsFocus img { 
	width: 60%;
	height: auto;
	margin: 0 auto 15px auto;
	box-shadow: 5px 5px 5px grey;
	clear: both;
}
/*.navigation_portal_details.fuchsFocus:after { 
	content:'DOWNLOAD FUCHS IN FOCUS';
	display: block;
}*/
.navigation_portal h1 {
	font-size:21px; 
	color:#004e9e; 
	padding: 15px; 
	line-height: 38px;
	margin: 10px 0 0 0;
}
.portal_updates {
	margin:0 0 10px 0; 
	color:#fff; 
	padding: 10px; 
	font-weight:400;
	background:#333;
}
.portal_updates a {
	color:#fff; 
}
.portal_updates h4 {
	color:#fff; 
	text-transform: uppercase;
	font-size: 16px;
}
.portal_updates span {
	color:#fff; 
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e20019;
	margin-right: 5px;
	padding: 3px 6px;
	min-width: 18px;
}
ul.content-updates li {list-style: none; padding: 6px 0;}
ul.content-logs li {list-style: square; padding: 6px 0; margin: 0 0 0 15px;}
.last_login {
	color: #FFF;
	font-size: 11px;
	text-align: right;
	margin-top: 20px;
	text-transform: uppercase;
}


.product_nav{ margin:6px  0; padding:0;}
.product_nav ul{ margin:0; padding:0; list-style:none; width: 100%}
.product_nav ul li{ margin:0; padding:0;}
.product_nav ul li a{
	text-decoration:none; 
	font-family: inherit;
	font-size:18px;
	font-weight:normal; 
	display:block;  
	text-align:left; 
	color:#004a9b; 
	line-height:36px;
	background:url(../images/_template-images/nav-icon.png) no-repeat center right 12px; 
	background-color:#fff; 
	padding:0 12px;
	text-transform:uppercase; 
	margin:0px 0 5px 0px; 	
	border-bottom: 1px solid #cfcfcf; 
	}
.product_nav ul li a:hover{color:#e00019; background:url(../images/_template-images/arrow_hover.png) no-repeat center right 12px;
 background-color:#fff;}
.product-description-detail {padding: 15px; border: 1px solid #ddd; margin: 0 15px;}
.product_cat{ margin:padding:0;}
.product_cat ul{ margin:0; padding:0; list-style:none; display: block; }
.product_cat li { list-style-type: none;
  list-style-position: none;  }
.product_cat li a{
	text-decoration:none; 
	font-family: inherit;
	font-size:15px;
	font-weight:normal; 
	display:block;  
	text-align:left; 
	color:#87888d; 
	background-color:#fff; 
	padding:10px 0;
	text-transform:uppercase; 
	margin:0px 0 5px 0px; 	
	border-bottom: 2px solid #cfcfcf; 
	}
.product_cat li a:hover{color:#00549f;
 border-bottom: 2px solid #00549f;}	
.product_cat li { margin:0; padding:0; list-style:none; } 

.product_cat ul li{ margin:0; padding:0; list-style:none; display: none; }

.product_cat li a:hover > .product_cat ul li
{ display: block; }
.product_cat ul li a{
	text-decoration:none; 
	font-family: inherit;
	font-size:15px;
	font-weight:normal; 
	display:block;  
	text-align:left; 
	color:#87888d; 
	background-color:#fff; 
	padding:10px 0;
	text-transform:uppercase; 
	margin:0px 0 5px 0px; 	
	border-bottom: 2px solid #cfcfcf; 
	}
.product_cat ul li a:hover{color:#00549f;
 border-bottom: 2px solid #00549f;}
 .product_cat ul li span {display: none;}
.product_cat span {
 	float: right;
 	font-size: 24px;
 	color:#cfcfcf; 
 	position: relative;
 	top: -5px;
 	}
 	.product_cat span a:hover {
 	color:#00549f; 
 	}

.product_category img {
	padding: 0 0 10px 0;
	}
	.product_category div a {
	text-decoration:none; 
	font-family: inherit;
	font-size:16px;
	font-weight:normal;  
	text-align:left; 
	color:#87888d; 
	background-color:#fff; 
	text-transform:uppercase; 
	margin:0px 0 15px 0; 	
	border-bottom: 2px solid #00549f; 
	display: block;
	padding: 10px 0;
	position: relative;
	min-height: 200px;
	}
.product_category div a:hover {
	color:#e20018; 	
	border-bottom: 2px solid #e20018; 
	}
.product_category img:hover {
	opacity: 0.8; 
	}	
.product_category i {
  float: right;
}
.product_category_parent h4 {
	font-family: inherit;
	font-size:21px;
	font-weight:normal;  
	color:#87888d; 
	text-transform:uppercase; 
	margin-top: 0;
	}	
.product_category_parent {
	padding-bottom: 10px;

	}	
.product_category_hr {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin-bottom: 15px;
}
h1 span {color: #949293;}
h1 span i {font-size: 21px !important; }

.add_below_nav{ 
	padding:0;
	clear: both;
}
.add_below_nav img { 
	background-color:#fff; 
	padding:9px 12px; 
	margin:0 auto 10px auto; 
	border-bottom: 1px solid #cfcfcf;
	}

/* side nav  */

.side-nav-wrap {
	    /*height: 240px;*/
	    cursor: pointer;
	}
.side-nav-wrap .side-nav-1st {
		background: #3371b1;
		max-width: 45px;
		text-align: center;
		padding: 15px 5px;
		margin: 0 0 1px 0;
		position: fixed;
		right: 0;
		top: 35%;
	}
.side-nav-wrap .side-nav-2nd {
		background: #3371b1;
		max-width: 45px;
		text-align: center;
		padding: 15px 5px;		
		margin: 0 0 1px 0;
		position: fixed;
		right: 0;
		top: calc(35% + 9em);
	}
.side-nav-wrap .side-nav-1st:hover, .side-nav-wrap .side-nav-2nd:hover {
		background: #084379;
	}


	@-ms-viewport { width: auto !important; overflow-y: auto; }		
	div.side-nav-1st span, div.side-nav-2nd span {
		display: inline-block;
		max-width: 50px;
	}
	.side-nav-1st img, .side-nav-2nd img {
		display: inline-block;
    	margin-bottom: 6px;
	}
	.side-nav-1st:hover img, .side-nav-2nd:hover img {
		display: inline-block;
    	margin-top: -6px;
    	margin-right: 6px;
	}




.extra{ background-color:#fff; margin:5px 0; padding:0; min-height:74px; width:92%;}

.slider_area{ padding:0;}
.slider_area_motorsport { padding: 0; max-height: 315px; overflow: hidden; }

.slider_area .carousel-caption {
    right: 20%;
    left: 6%;
    padding-bottom: 0 !important;
}


.divCarouselCaptionWrapper {
  display: none;
}

.biggerTextCarouselCaption, .biggerTextCarouselCaption:hover { font-size:44px; line-height: 1.1em; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);font-weight: 700; color:#fff; text-align:left;color: #fff;}
.smallerTextCarouselCaption {  font-size:44px; 	line-height: 1.1em;opacity: 1; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);font-weight: 500; color:#fff; text-align:left; color: #fff;}


.panel-default>.panel-heading {
 margin: 0;
  font-size: 24px;
  color: #fff;
  background: #00549f;
}

.panel-title {
 
  font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 400; 
	line-height: 1.8em;

}
.panel-title>a {
  color: #fff;
  text-decoration: underline;
}
.our-teams { 
	padding:0;
}
.our-teams h1 {
	margin:0 0 5px 0; 
	font-family: inherit;
	font-size:18px; 
	color:#fff; 
	padding: 0 8px; 
	line-height: 36px;
	font-weight:400;
	background: #004e9e;
}
.our-teams img {
	margin:0 0 5px 0; 
}
.container_youtube {
  background: #4F4B4B;
  padding-bottom: 5px;
}
.login_row {
	margin: 30px 0;	
}

.login_panels a, a.login_panels {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px 0;
	text-align: center;
	display: block;
	color: #fff;
	background-image:
	linear-gradient(
	black, #333);
	margin: 0;
}
.login_panels a:hover {
	color: #fff;
	background-image:	
	linear-gradient(
	#00549f, #084379);
}
.login_panels_portal_alt a, a.login_panels_portal_alt {
	padding: 15px;
	display: block;
	text-align: left;
	color: #fff;
	background: #004e9e !important;
	min-height: 90px;
	text-align: center;
	margin-top: 25px;
	filter: none !important;
}
.login_panels_portal_alt a:hover {
	color: #fff;
	background-image:	
	linear-gradient(
	#e20019, #ee20019);
}
.login_panels_portal_alt img { vertical-align: middle; padding-right: 15px;}
.login_panels_portal_alt h2 { line-height: 1.2em; text-transform: uppercase; font-size: 21px;}

.login_panels_portal_body {
	margin-top: -10px;
	padding: 15px 20px 80px 20px;
	display: block;
	text-align: center;
	background: #fff;
	filter: none !important;
}
.login_panels_portal_body_2 {
	position: absolute;
	left: 15%;
	top: 90px;
	margin-top: -10px;
	padding: 15px 20px;
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	-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;
	background: #fff;
	box-shadow: 5px 5px 5px #ccc;
	filter: none !important;
}

.login_panels_portal_body li {
    list-style-type: square;
    list-style-position: outside;
    margin: 0 0 0 25px;
    padding: 3px 18px;
    text-align: left;
}
.btn_portal a, a.btn_portal { 
  	padding: 10px 25px;
  	font-size: 15px;
  	color:  #FFF; 
  	background: #e20019;
  	margin-top: 15px !important;
  	text-transform: uppercase;
}
.btn_portal a:hover, a.btn_portal:hover { 
	background: #333; 
}

.portal_message {
	margin-top: 25px;
	padding: 25px 0 15px 20px;
	background: #fff;
	border-top: 3px solid #004e9e;
}
.portal_message img {
	float: right;
	padding-left: 15px;
}
.portal_message h1 {
	line-height: 1.1em; 
	color: #004e9e;
}


.above_footer{ padding-bottom:60px !important;}

 .left_service_area{ padding: 25px 15px;}
 
 .middle_service_area h2{ 
	margin:0; 
	color:#87888d; 
	text-align:right;
	font-size: 21px;
	font-family: inherit;
	font-weight: 400; 
	line-height: 1.3em;
	display: block;
	}
 .socials{ float: right; }
  .socials i { font-size: 32px; line-height: 30px; }
 .socials a{ display: inline-block; margin:10px 5px 0 0; text-align: center; color: #ccc; border: 2px solid #b5c5c5; width: 45px; height: 45px; }
  .socials a:hover{ color:#ccc; border: 2px solid #ccc;}
  .socials a i{ color:#b5c5c5; padding: 5px;}
  .socials a:hover i{ color:#ccc; }
 .socials a img{ }
 .social-wrap {
    padding: 30px 0;
    background: #fff;
	}

 .right_service_area h2{
 	margin:0; 
 	color:#87888d; 
 	padding-bottom:9px;
 	font-size: 21px;
	font-family: inherit;
	font-weight: 400; 
	line-height: 1.3em;
 }
  .right_service_area form{ margin: 0 padding: 0 }
 .right_service_area input[type="text"]{ 
 	color:#87888d; 
 	padding:0 2%; 
 	font-family: "Helvetica Neue", 
 	Helvetica, Arial, sans-serif;
 	font-weight:bold; 
 	width:75%; 
 	line-height: 35px;
 	height: 40px;
 	border:1px solid #bdbdbf; 
 	border-radius:3px; 
 	float: left;
 }
 .right_service_area .go_btn{ 
 	text-decoration:none; 
 	color:#fff; 
 	width:20%; 
 	border-radius:3px; 
 	text-align:center; 
 	background:#43484c;
 	line-height:38px;
  	height: 40px;	
 	float: right;
 	}
.right_service_area .go_btn:hover{ text-decoration:none; color:#fff; background-color:#e00019;}

.footer{ background-color:#b5c5c5; }
.left_ftr p{ 
	font:15px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:#333333; 
	margin:0; 
	padding:15px 0 0 0;
	text-align: left;
}
.left_ftr p a { 
	color:#333333; 
}

.rit_ftr{ float:right;}
.rit_ftr a { font-size: 20px; margin-left: 5px;color: #fff}
.rit_ftr img{ margin:15px 0px;}

.left {float: left;}
.left {float: right;}





/*Following Page Styles*/

.page_content, .page_content_product { 
	background-color:#fff;
	margin: 0;
	min-height: 500px;
	padding: 0 0 30px 0;
	}
.page_content_pad { 
	padding: 15px;
	margin-top: 25px;
	border-top: 3px solid #004e9e;
	}
.page_content p{ 
	color:#4d4e56;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:14px; 
 	color:#4d4e56; 
 	padding: 0; 
 	font-weight:normal; 
 	margin-top: 3%;
 	}

/*.no_padding {
	margin: 0;
	padding: 0;
}*/

ul.breadcrumbs {margin:0; padding:0; list-style:none; }
ul.breadcrumbs li{ list-style:none;  margin:0; padding:0 10px 0 0; display:inline; background:none; color:#bababd; }
ul.breadcrumbs li a{ text-decoration:none; color:#bababd; font-size:14px; margin:0; padding:0px; font-weight:normal;}
ul.breadcrumbs li i{padding-left: 8px;}
ul.breadcrumbs li:last-child i{ display: none;}
.about_us{ float:left;}

 h1.about_us_first_heading{margin:10px 0px; font-family: font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);font-weight: 500; 
 font-size:28px; color:#00519e; padding: 0; font-weight:bold; padding-bottom:9px;}
 h1.lubrication_area{margin:10px 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:21px; color:#4d4e56; padding: 0; font-weight:bold; padding-bottom:9px;}
 ul.children-nav{ margin:0; padding:0; list-style:none;}
 ul.children-nav li{ background:url(../images/_template-images/bullet.png) no-repeat center left; margin:0; padding:1px 18px; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);font-size:14px;
font-weight:normal; width:92%;  display:block;  text-align:left; color:#4d4e56;}

.add_pic{ margin:0; padding:0;}
.add_pic img{ float:right; margin-top:80%;}

.about_us_nav{ margin:0; padding:0; min-height:90px; padding-bottom:10px;}
 .about_us_nav h1{margin: 10px 0 0 10px; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 400; 
 font-size:28px; color:#3a3c48;}
 .about_us_nav ul{ margin:0; padding:0; }

.about_us_nav ul li a {
	margin:0 0 0 10px; 
	padding:0; 
	border-bottom:1px solid #004e9e; 
	text-decoration:none; 
	font-family: inherit;
	font-size:21px;
	font-weight:500; 
	width:92%; display:block;  
	text-align:left; 
	color:#004e9e;
	line-height:35px;
	background:url(../images/_template-images/arrow2.png) no-repeat center right ; 
	padding:3px 12px; 
	margin:0;
}
.about_us_nav ul li a:hover { 
	color: #e20018;
	border-bottom:1px solid #e20018;
	}

.page_content li {
	list-style-type: square;
	list-style-position: outside;
  	margin: 0 0 0 25px;
  	padding: 3px 18px;
	text-align: left;
}
.product-box {
 text-decoration: none;
 display: block;
margin-top: 20px;
}

.product-box a {
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 25px 0;
	text-align: center;
	display: block;
	color: #fff;
	background-image:
	linear-gradient(
	black, #333);
	min-height: 140px;
}
.product-box a:hover {
	color: #fff;
	background-image:	
	linear-gradient(
	#00549f, #084379);
	  -webkit-transition: width .5s linear;
  transition: width .5s linear;
}
.product-box h4 a:hover {
	color: #fff;
}

.product-box img {
	display: none;
}
.product_cat_name {
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 0;
	text-align: center;
	display: block;
	color: #fff;
	background-image:
	linear-gradient(
	#08447a, #0153a5);
	text-transform: uppercase;
	margin-bottom: 15px;
}


.product-box-listing .product-description h4 {
	color: #004e9e !important;
}
.product-box-listing .product-description h4:hover {
	color: #e2001a;
}

.product-description { 
display: block;  min-height: 90px;  padding-bottom: 16px;
  border-bottom: 3px solid #046fce;
  -webkit-transition: border-bottom .5s linear;
  transition: border-bottom .5s linear;
  padding: 0 15px;
  }
.product-description:hover {
   border-bottom: 3px solid #e2001a; 
   background: #f4f4f4;
   }

.product-box-listing .product-description:hover h4 {
   color: #e2001a !important;
   }


.product-box .product-description img {
	  display: none;
}


.product-image {padding: 8px; border: 3px solid #efefef; text-align: center; margin: 0 auto;}
.product-image img {width: 100%;}

.product-image-test {padding: 8px; border: 3px solid #efefef; text-align: center; margin: 0 auto;}
.product-image-test img {text-align: center; margin: 0 auto;}

.product-box-listing .product-description { display: block;  padding: 15px;
  border-bottom: 3px solid #046fce; color: #4d4e56;
  -webkit-transition: border-bottom .5s linear;
  transition: border-bottom .5s linear;}
.product-box-listing .product-description:hover  {
   border-bottom: 3px solid #e2001a;}
.product-box-listing .product-description p { margin: 0 0 10px 0}
.product-image-detail {float: right; padding: 0 0 15px 15px; }
.product-box .product-description h4 {
	  text-transform: uppercase;
	  color: #fff !important;
}
.product-box .product-description h4:hover {
	  color: #e00019;
}
.news_content_listing a {
 text-decoration: none;
 display: block;
margin-bottom: 10px;
	min-height: 40px;  
	padding-bottom: 15px;
  	border-bottom: 3px solid #046fce;
  -webkit-transition: border-bottom .5s linear;
  transition: border-bottom .5s linear;
  }
.news_content_listing a:hover {
   border-bottom: 3px solid #e2001a;
  text-decoration: none;  
  background: #efefef;
}

.news_content_listing .news-description h4 {
	  display: block;
	  line-height: 1.2em;
}
.news_content_listing .news-description span, .news_content_details span, .news_content_details span a {
	  color: #87888d;
	  font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 400; 
}
.news_content_details span a { padding: 0 5px; }
.news_content_details span a:hover {
	text-decoration: underline;
}
.news_content_listing .news-description p, .news_content_details p, .news_content_details p a {color: #4d4e56;}
.news_content_listing .news-description img {
	  display: none;
}
.news-details {
	display: block; 
	clear: both;
}
.news-details img {
	display: block;
	margin: 25px auto;
}
.news_content_listing .news-description h4:before {
  position: static;
  display: inline;
  font-family: 'FontAwesome';
  content: "\f054";
  padding: 0 8px 15px 0;
  font-weight: 700;
  font-size: 15px;
  vertical-align: top;
  color: #046fce;
}
.news_content_listing .news-description h4:hover:before {
	color: #e20019;
}
.news-back {
	border-bottom: 2px solid #00549f;
	background: #efefef;
	color: #87888d;
	  font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 400; 
	font-size: 24px;
	margin: 50px 0 0 0;
	padding: 12px;
}
.news-back a {
	color: #87888d;
}
.product-image { 
	padding: 8px; 
	border: 3px solid #efefef; 
	text-align: center; 
	margin: 0 auto;
	}
.news-description { 
	display: block;  

   }

list-group-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
a.list-group-item-success {
  color: #084379;
}
a.list-group-item {
  color: #084379;
}
a.list-group-item i {
  float: right ;
}
.list-group-item-success {
  color: #084379;
  background-color: #efefef
  }
  
a.list-group-item-success:hover, a.list-group-item-success:focus {
  color: #e2001a;
  background-color: #b1cbe0;
}
a.list-group-item:hover {color: #e2001a;}

.ace-settings-btn a, .ace-settings-btn  {
  width: 50px;
  text-align: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  border-radius: 0px;
  color: #fff;
  background: #222;
  border: 0;
  margin-bottom: 1px;
} 

.ace-settings-btn a{
	padding: 0;
}

.ace-settings-btn a:hover, .ace-settings-btn:hover  {
  background: red;
} 

.tooltip-inner hr {
    padding: 0;
    margin: 4px 1px;
}
  
.news_content_listing .news-description p { margin: 0 0 10px 0}
.product-image-detail {float: right; padding: 0 0 15px 15px; }
input { height:37px; font: normal 16px/37px 'Helvetica'; color:#82817f; background: #fff; border: 1px solid #d3d3d3;padding: 0 40px 0 10px; margin: 0px; }
.contact_frm{ padding-bottom: 10px; }
.contact_frm label{ width: 100%; display: inline-block; font: bold 16px/20px 'Helvetica'; color:#82817f; padding: 0 0 3px; margin: 0px; }
.contact_frm input { width: 100%; display: inline-block; height:37px; font: normal 16px/37px 'Helvetica'; color:#82817f; background: #fff; border: 1px solid #d3d3d3;
padding: 0 40px 0 10px; margin: 0px; }
.contact_frm select { 
	width: 100%; 
	height:37px; font: 
	normal 16px/37px 'Helvetica'; 
	color:#82817f; 
	background: #fff; 
	border: 1px solid #d3d3d3;
	padding: 0 0 0 10px; 
	margin: 0px; 
	}
.media {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.media-releases {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
.media-releases a:before {
    position: static;
    display: inline;
    font-family: 'FontAwesome'; 
    content: "\f019";
    padding: 0 8px 20px 0;
    font-weight: 700;
    font-size: 21px;
    vertical-align: top;
    color: #046fce;
}
.media-releases a:hover:before {
	color: #e20019;
}
.media-releases H3 {
	color: #87888d;
}

.contact_frm textarea{ width: 100%; display: inline-block; height:90px; font: normal 16px/37px 'Helvetica'; color:#82817f; background: #fff; border: 1px solid #d3d3d3;
padding: 0 40px 0 10px; margin: 0px; resize: none; }
.contact_frm input[type="button"]{ width: auto; display: inline-block; height:40px; font: normal 16px/40px 'Helvetica'; color:#fff; background: #525252; border: none;
padding: 0 24px; margin: 20px 0 0; text-align: center; cursor: pointer;}

.contact_right {border-left: 3px solid #b1cbe0; padding-left: 15px;}


.contacts .navigation h2{
	margin: 0 0 10px 0; 
	font-family: inherit;
	font-size:16px; 
	color:#fff; 
	padding: 6px 10px 1px 10px; 
	font-weight:400;
	background:#00549f;
	text-transform: uppercase;
}
.contacts h2, h2.contacts {
	border-bottom: 2px solid #00549f;
	font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    color: #9fa0a1;
    background-color: #fff;
    text-transform: uppercase;
    margin: 0px 0 5px 0;
    padding: 5px 0;
}
.contacts h3, h3.contacts {
	font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";
    font-size: 16px;
    margin: 0;
    padding: 0;
    color:#00549f; 
}
.contacts i {color: #00549f; width: 18px; text-align: center; padding: 5px 0; }
.contact_left h1, .contact_left h2 { margin: 5px 0;}
.contact_team h2 span { font-size: 16px; text-transform: uppercase;}

.contact_left .panel-default>.panel-heading {
 margin: 0;
  font-size: 18px;
  background: none;
  color: #004e9e;
  text-decoration: none;
}
.contact_left .panel-default>.panel-heading a {
  color: #004e9e;
  text-decoration: none;
}
.contact_left .panel-default>.panel-heading i {
	float: right;
}
.contact_left .panel-title {
  font-family: 'open sans', arial, sans-serif, "Microsoft Yahei"; text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: 400; 
	line-height: 1.2em;
	text-transform: uppercase;
}


.contact_team .navigation h1{
	margin: 0; 
	font-family: inherit;
	font-size:16px; 
	color: #00549f; 
	padding: 5px 10px; 
	margin: 0;
	font-weight:400;
	background:#87888d;
}

.contact_left .navigation h1{
	margin: 0; 
	font-family: inherit;
	font-size:16px; 
	color:#fff; 
	padding: 1px 10px; 
	font-weight:400;
	background:#00549f;
}

.contact_left h2 span { font-size: 16px; text-transform: uppercase;}


 .categories ul {list-style: none;}
  .categories li {list-style: none; float: left; padding: 0; margin: 0;}
 .categories li a {text-transform: uppercase; border: 1px solid #c5d6db; padding: 5px 10px; border-radius:5px; margin: 0 0 0 5px;}
 .categories li a:hover {background: #333; color: #fff;}
 .categories li #cat-1 {background: #084379; color: #fff;}
  .categories li #cat-2 {background: #e2001a; color: #fff;}
 


.mission {text-align: center;}
.mission h2 {
	color: #b1cbe0;
	border-bottom: 3px solid #b1cbe0;
	font-size: 28px;
	font-family: inherit;
	font-weight: 700; 
	line-height: 2em;
	margin: 10px 0;
}
.search-container input#search::-webkit-input-placeholder {
   color: #ccc;
   padding: 0 10px;
}
.search-container input#search:-ms-input-placeholder {  
   color: #ccc;  
}
li.search-points, .search-points li {list-style: none; text-transform: uppercase; color: #ccc; font-size: 12px; list-style-type: none;
  list-style-position: none;}
li.search-content, .search-content li {list-style: none; text-transform: italic;list-style-type: none;
  list-style-position: none; padding-bottom: 15px;}


@media only screen (min-width:991px) and (max-width:1199px){
	.container{ width:100%;}
	.latest_news_area h1 { margin: 10px 0px 0px 0; width:100%}
	.news { margin: 0px 0px 5px 0px; width: 100%;}
	.navigation h1{ margin: 10px 0px 0px 0; width:100%}
	.product_nav ul li a{ width:100%}
	.australia_btn{margin: -8px 0px 0px 4px;}
	.login_btn_area{ float:left !important; width: 100% !important;}
	.slider_area{ padding:0 !important;}
	.slider_area .carousel-inner > .item > a > img, .carousel-inner > .item > img{ width:100% !important;}
	.slider_area .carousel-caption h1 { font-size: 36px;}
	.right_service_area .go_btn{margin: 5px 9px;}
/*		.nav_area .navbar-default .navbar-nav > li > a{ padding-left:10px; padding-right:10px; color:#fff; font-size:14px; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";} 	
*/	
	.add_below_nav img{ padding:10px 15px !important;}
	.add_below_nav .company_pic_1 { padding: 23px 0px !important;}
	.search-container input#search {
  		width: 180px;
	}
	.add_right a { 		
  		line-height: 21px;
  		font-size: 12px;
 		 padding: 3px;
		}
	
}

@media only screen and (max-width:991px){
	.above_footer{ padding-bottom:140px !important;}
	.container{ width:100% !important;}
	.search_login_area input[type="text"] { width: 50%;}
	.right_service_area input[type="text"]{ width:100% !important;}
	.right_service_area .go_btn{margin: 5px 9px;}
	.left_service_area p{ font-size:18px;}
	.left_service_area h1 { font-size:18px;}
	.australia_btn{ margin: 8px 0px 0px 8px; line-height: 25px; font-size: 12px; padding: 0px 6px;}
	.new_zealand_btn { margin: 8px 0px 0px 8px; line-height: 25px; font-size: 12px; padding: 0px 6px;}
/*	.nav_area .navbar-default .navbar-nav > li > a{  padding-left:2px; padding-right:3px; color:#fff; font-size:13px; font-family: 'open sans', arial, sans-serif, "Microsoft Yahei";} 	
*/	.add_right{ background-color:#000; min-height:180px;}
}



@media only screen and (max-width:767px){
	.header-portal img, .header img {text-align: center; margin: 0 auto;} 
	.search-container {	margin: 5px;  }
	.above_footer{ padding-bottom:240px !important;}
	.nav_area .navbar-default .navbar-brand { color:#fff !important;}
    .navbar-default {
        position: absolute;
        top: 0;
        right: 5px;
        width: 50%;
        z-index: 2000;
    }
    .logo {width: 25%;}
	.logo:first-child {margin-left: 325px;} .logo:last-child {right: 0;}
	.latest_news_area h1 { margin: 10px 0px 0px 0; width:100%}
	.news { margin: 0px 0px 5px 0px; width: 100%;}
	.navigation h1{ margin: 10px 0px 0px 0; width:100%}
	.product_nav ul li a{ width:100%}
	.australia_btn{margin: 8px 0px 0px 4px;}
	.news_content{ float:none !important;}
	.socials {display: inline-block; text-align: center; margin: 0 auto; float: none !important;}
	.socials i { font-size: 28px; height: 30px;}
	.middle_service_area{ text-align: center;}
	.right_service_area{ float:left !important; width:100% !important;  text-align: center;}
	.left_service_area{ text-align: center;}
	.left_service_area h2 { background: none;}
	.middle_service_area h2 { text-align: center; }
	.middle_service_area a i {color: #fff;min-width: 28px; width: auto; height: auto;}
	.location-search input[type="text"]{ width: 75% !important;}
	.location-search select { width: 75% !important;}
	.locator-categories li a {padding: 5px;margin: 0 0 0 5px;background: #fff;font-size: 12px;}
	.locator-categories img {width: 70%;}
	.middle_service_area a{ float:left !important; margin:10px 8px 10px 0; padding: 5px;}
	.add h1{/*text-align: center !important*/;}
	.add span { float: left !important;/*text-align: center !important;*/ width: 100% !important; padding-bottom:2%;}
	.add .google_playstore img{ margin-top:0 !important;}
	.add .android_appstore {padding: 10px; float: left !important;}
	.add_right{background-size: contain !important; background-color:#343741;}
	.add_right span{ float:left !important;}
	.login_btn_area{ float:left !important; width: 100% !important;}
	.add_pic img { float: none;  margin-top: 5%;}

	.slider_area .carousel-caption h1 { font-size: 25px;}
	.right_service_area h1{ width:100% !important;}
	.right_service_area input[type="text"]{ width:40% !important; float:none !important;}
	.right_service_area .go_btn{ margin:5px; float:none !important; padding: 10px;}
	.add { background: transparent url("../images/add.png") no-repeat scroll right top; background-size:contain !important;
	background-color:#000; }

	.add_below_nav img{ padding:10px 15px !important;}
	.add_below_nav .company_pic_1 { padding: 23px 0px !important;}

}


@media only screen and (max-width:480px){


    .logo {width: 40%;}
	.logo:first-child {margin-left: 68px;} .logo:last-child {right: 0;}

}