﻿/*
Theme Name: VNC Theme - Responsive
Reset
-------------------------------------------------------------- */
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(fonts/VK-RlLrn4NFhRGqPkj6IwBTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(fonts/RPKDmaFi75RJkvjWaDDb0vesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(fonts/SHQzTQBI7152hSrIuGUiVBTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: local('Dosis Light'), local('Dosis-Light'), url(fonts/7aJzV14HzAOiwNTiPgucGfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(fonts/RlBXAIuiO5GvH9-0-JbBlw.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(fonts/4hYyXH_8WmbBLamf6WjLwg.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(fonts/NI3uVO_o2Ursx6Z1Lyy3oRTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(fonts/mAcLJWdPWDNiDJwJvcWKc_esZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(fonts/yeSIYeveYSpVN04ZbWTWghTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(fonts/O6SOu9hYsPHTU43R17NS5fesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(fonts/fP7ud4UTUWGxo-nV1joC1RTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(fonts/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'), url(fonts/NL7tQp6ch38l_aQukeablRTbgVql8nDJpwnrE27mub0.ttf) format('truetype');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 800;
  src: local('Dosis ExtraBold'), local('Dosis-ExtraBold'), url(fonts/nq3OPeKr7RUSF_YDJ1woxvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.6.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@font-face {
  font-family: 'opensans';
  src:url('fonts/opensans.ttf')  format('truetype');
  font-weight: bold;
  font-style: normal;
}*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	padding:0;
	margin:0;
	line-height:1.2;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}
h1,h2,h3,h4,h5{  font-family: Arial,Helvetica,sans-serif;}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #363636;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* Form fields, general styles first */
/*button,*/
 input[type="text"],
 input[type="email"],
 input[type="tel"],
 textarea {
	padding: 5px 11px;
	background-color: #ededed;
	border:none;
	font-size:13px;
	width: 218px;
	outline:none;
	color: #2d2d2d;
	margin-top: 0;
	margin-bottom: 0;
}
 #grid input[type="text"]{
	padding: .177em 0;
	width: 100%;
}
 ::-webkit-input-placeholder {
}

.site :-moz-placeholder { /* Firefox 18- */
}

.site ::-moz-placeholder {  /* Firefox 19+ */
}

.site :-ms-input-placeholder {
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
	height: 70px;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 0;
	border:none;
	margin: 0;
	outline:none;
}

input[type="submit"]:hover{
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}

.clearfix{
	clear:both;
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* ../images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
	font-size: 87.5%;
}

body.custom-font-enabled {
}
a {
	outline: none;
	color: #000;
}
a:hover {
	color: #0056a1;
	text-decoration:none;                                                                                                     
}
div.ppt{
	display:none !important;
}


/* Page structure */
.site {
	width: 100%;
	position:relative;
	margin:0;
	padding:0;
	overflow-y:hidden;
	overflow-x:hidden;
}
.wrapper {
	margin: 0 auto;
	position:relative;
	padding:0;
}

/* Header */

.site-header {
	width:100%;
	padding:0;
	min-width: 1130px;
	top: 0;
	z-index: 99999;
	    border-bottom: 1px solid #ddd;
}
.logo {
	display: block;
	float: left;
	height: 74px;
}
#site-navigation {
	float: right;
	margin-top:3px;
	margin-right:10px;
}
.slider-container{
	position:relative;
	width:100%;
}
.nav-menu .sub-menu li,
.nav-menu > li > a,
.footer-nav-menu li {
	padding:0 10px;
}
.footer-nav-menu #menu-item-140 {
top: 132px;
    margin-left: 600px;
    position: absolute;
}
.footer-nav-menu #menu-item-140:after {
	display: none;
}

.footer-nav-menu #menu-item-124 {
	
}

.footer-nav-menu #menu-item-124 .sub-menu .contact-li:nth-child(2) {
	display: none;
}
.nav-menu li a,
.footer-nav-menu li a{
	text-decoration:none;
}
.nav-menu{
	position:relative;
	margin: 0;
}
.nav-menu:after,
.footer-nav-menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.nav-menu .quote-active{
	position:absolute;
	height:7px;
	background-color:#FFCD00;
	right:0;
	bottom:0;
}
.nav-menu > li{
	display:block;
	float:left;
	position:relative;
	padding-bottom: 2px;
}
.nav-menu > li:hover a,
.nav-menu > li.current-menu-item a,
.nav-menu > li.current_page_parent a,
.nav-menu > li.current-page-ancestor a,
.archive li.menu-item-vnc,
.single-post .main-navigation li.menu-item-vnc{
	background-color:#21b14b;
}
.nav-menu > li > a{	
	color:#000000;
	font-size:15px;
	text-transform:capitalize;
	height:69px;
	line-height:69px;
	vertical-align:middle;
	padding:0 10px;
	display:block;
	font-weight:bold;
}
.nav-menu > li:hover > a,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current_page_parent > a,
.nav-menu > li.current-page-ancestor > a{
	color:#fff;
}
.nav-menu > li.menu-item-get-quote{
	border-bottom:1px solid #FFCD00;
	border-top:1px solid #FFCD00;
	height: 31px;
	line-height: 31px;
	margin-top: 18px;
	padding:0;
	margin-left:15px;
}
.nav-menu > li.menu-item-get-quote:hover{
	background-color:transparent;
	color:#5d6062;
	border-color:#5d6062;
}
.nav-menu > li.menu-item-get-quote > a{
	color:#FFCD00;
	height:inherit;
	width:inherit;
	padding:inherit;
	display:inherit;
	line-height: inherit;
	background-color:transparent;
}
.nav-menu > li.menu-item-get-quote > a:hover,
.nav-menu > li.menu-item-get-quote:hover > a{
	color:#0056a1;
	border-color:#0056a1;
}
.nav-menu > li > .sub-menu{
	left:0;
	display:none;
	position:absolute;
	background-color:#21b14b;
	border-bottom: 5px solid #fff;
	white-space: nowrap;
	padding:20px 10px;
	margin-top:2px;
	z-index:9999;
}
/*.nav-menu > li.menu-item-bearings > .sub-menu{
	width:614px;
	background-image:url(../images/submenu-back.png);
	background-repeat:repeat-x;
	background-position:top left;
}*/
.nav-menu > li > .sub-menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.nav-menu > li:hover > .sub-menu{
	display:block;
}
.nav-menu > li > .sub-menu li.menu-item-has-children{
	display:block;
	/*float:left;*/
	padding:0;
	margin-right:59px;
	margin-bottom:10PX;
}
.nav-menu > li > .sub-menu li.menu-item-has-children.menu-item-parts-accessories{
	margin-right:0;
}
.nav-menu > li > .sub-menu li .sub-menu a{
	font-size:13px;
	line-height:23px;
	color:#fff;
	background-color:transparent;
}
.nav-menu > li > .sub-menu > li{
	padding:0;
}
.nav-menu > li > .sub-menu > li > a,
.nav-menu > li > .sub-menu li.menu-item-has-children > a{
	
	font-size:13px;
	font-weight:normal;
	color:#fff;
	text-transform:capitalize;
	display:inline-block;
	position:relative;
	padding-right:16px;
	margin-bottom: 20px;
	line-height: 1;
}
.nav-menu > li > .sub-menu > li > a:after,
.nav-menu > li > .sub-menu li.menu-item-has-children > a:after{
	content:'»';
	font-size:24px;
	line-height:1;
	font-weight:500;
	
	position: absolute;
	right: 0;
	top: -4px;
	display: block;
}
.nav-menu > li > .sub-menu li a:hover,
.nav-menu > li > .sub-menu li.current-menu-item > a{
	color:#fff;
}
.footer-nav-menu li a{
	font-size:13px;
	color:#FFF;
}
.footer-nav-menu > li {
    display: block;
    float: left;
    position: relative;
    margin: 0 20px;
    width: 20.333%;
}
.footer-nav-menu > li.first{
	margin-left:0;
}
.footer-nav-menu > li.last{
	margin-right:0;
	padding-right:0;
}
.footer-nav-menu > li:after{
	content:url(../images/sep-footer-nav.png);
	position:absolute;
	right:-40px;
	top:0;
	height:335px;
	width:1px;
}
.footer-nav-menu > li.last:after{
	content:'';
}
.footer-nav-menu > li > a{
	
	color:#222;
	font-weight:500;
	font-size:16px;
	padding-bottom:10px;
	display:block;
	border-bottom:1px solid #474a4c;
	width:150px;
	margin-bottom:15px;
	text-transform:uppercase;
}
.footer-nav-menu > li.menu-item-bearings > a{
	width:210px;
}
.footer-nav-menu > li > .sub-menu > li{
	line-height:20px;
	padding-left:0;
}
.footer-nav-menu > li > .sub-menu > li.parent > a{
	font-size:13px;
	color:#212121;
	text-transform:uppercase;
	padding-bottom: 5px;
	padding-top: 10px;
	display: inline-block;
}
.footer-nav-menu > li > .sub-menu > li.parent.parent-first > a{
	padding-top:0;
}
.footer-nav-menu > li > .sub-menu > li.menu-item-catalog > a{
	color:#fff;
	width:210px;
	display:block;
	border-top:1px solid #474a4c;
	padding-top:10px;
	margin-top:10px;
}
.footer-nav-menu li a:hover,
.footer-nav-menu li.current-menu-item > a,
.footer-nav-menu > li > .sub-menu > li.current-menu-item.parent > a,
.footer-nav-menu > li > .sub-menu > li.parent > a:hover,
.footer-nav-menu > li > .sub-menu > li.menu-item-catalog > a:hover,
.footer-nav-menu > li > .sub-menu > li.current-page-ancestor > a,
.single-post li.menu-item-news > a,
.archive li.menu-item-news > a,
.archive li.menu-item-vnc > a,
.single-post li.menu-item-vnc > a {
	color:#212121;
}
.footer-nav-menu > li > .sub-menu > li.current-page-ancestor.parent > a{
	color:#969696;
}
.footer-nav-menu > li.last > a {
	width: 165px;
}
.footer-nav-menu li.contact-li,
.footer-nav-menu li.social-li{
	padding-right:0;
}
.footer-nav-menu li.contact-li span {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}
.footer-nav-menu li.contact-li span.short{
	color:#FFF;
	width: 18px;
}
.footer-nav-menu li.contact-li span.details,
.footer-nav-menu li.contact-li span.details a{
	color:#FFF;
}
.footer-nav-menu li.contact-li span.details a:hover{
	color:#212121;
}
.footer-nav-menu li.social-li{
	padding-top:10px;
}
.footer-nav-menu li.social-li a{
	display:inline-block;
	height:29px;
	width:29px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position: center center;
	margin-right:7px;
	line-height:31px;
}

/* Footer */


.site-footer {
}
#copyright{
	text-align:center;
	line-height:26px;
}
.footer-navigation a,
#copyright a{
	text-decoration:none;
}
#copyright a:hover{
	color:#FFCD00;
}
.contact-form div.wpcf7 img.ajax-loader{
	float: left;
}
.modal img.ajax-loader{
	margin: 2px auto 0px;
	display: block;
}
.contact-form .req_title {
	display: block;
	float: right;
	margin-right: 126px;
	margin-top: 2px;
	font-style: italic;
	font-size: 11px;
}
span[role=alert]{
	border: 1px solid;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	padding: 2px;
}


/* =Main content
-------------------------------------------------------------- */

.site-content,
.wrapper,
.hero,
.inner-wrapper {
	position:relative;
	width: 100%;
	margin:0 auto;
}
.site-content{
	background-color:#ffffff;
}
.home .site-content{
	padding-top:0;
	background-color:#fff;
	
	
	background-position: 50% 295px;
}
.site-content h1{
	clear:none;
}
.site-content.white,
.blog .site-content{
	background-color:#fff;
	border-bottom:17px solid #e2e2e2;
}
.site-content.grey{
	background-color:#e2e2e2;
	border-bottom:17px solid #fff;
}
.page-template-page-templatespage-bearings-sub-php .site-content.grey,
.page-template-page-templatespage-industries-sub-php .site-content.grey{
	border-color:#363738;
}
.page .site-content{
}
.site-content h1,
.site-content h1 *,
.widget-title{
	text-transform:uppercase;
	margin-bottom:6px;
}
.widget-title{
	text-transform:none;
}
.site-content p:last-child{
	margin-bottom:0;
}

img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin-left: 50px;
	margin-top: 5px;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.hero{
	overflow: hidden;
	
}
.hero-text {
	text-align: center;
	padding-top: 80px;
}
.hero-text h3{
	font-size: 55px;
	line-height: 75px;
	color:#383838;
	margin:0;
	
	font-weight: 400;
}
.hero-text h2{
	font-size: 65px;
	line-height: 75px;
	color:#383838;
	margin:0;
	
	font-weight: 400;
}
/*.hero-text h1{
	
	font-weight:300;
	font-size:66px;
	color:#fff;
	margin:0;
	margin-bottom: 10px;
}
.hero-text h2{
	
	font-weight:500;
	font-size:26px;
	color:#707478;
	margin:0;
}*/
/*.hero-text a{
	text-decoration:none;
	color:#FFCD00;
	display:inline-block;
	font-size:22px;
	line-height:35px;
	height:35px;
	vertical-align:middle;
	border-bottom:1px solid #FFCD00;
	border-top:1px solid #FFCD00;
	padding:0 8px;
	
}
.hero-text a:hover{
	color:#5d6062;
	border-color:#5d6062;
}*/
.horizontal_line{
	width:100%;
	height:1px;
	background-color:#ebebea;
}
.horizontal_line.last{
	margin-top:0;
}

/* Blog defaults */

.sidebar{
	width:22%;
}
.blog-content{
	width:68%;
}
.right-blog-sidebar .blog-content,
.right-blog-sidebar .sidebar{
	float:left;
}
.left-blog-sidebar .blog-content,
.left-blog-sidebar .sidebar{
	float:right;
}
.no-blog-sidebar .blog-content{
	width:890px;
}
.no-blog-sidebar .sidebar{
	display:none;
}
.right-blog-sidebar .blog-content{
	margin-right:90px;
	margin-left:0;
}
.left-blog-sidebar .blog-content{
	margin-left:0;
	width:700px;
}
.no-blog-sidebar .blog-content{
	margin-left:70px;
}
h1.blog-top {
	margin-bottom: 32px;
	display: block;
}
div.post{
	line-height:18px;
}
.blog div.post{
	border-bottom:1px solid #c9c9c9;
}
.post > h1{
	text-transform:none;
	margin-bottom: 15px;
}
.post h1 a{
	text-decoration:none;
	text-transform:uppercase;
	
	font-size:22px;
	font-weight:normal;
	color:#7b8085;
}
.post .post-details{
	font-size:12px;
	display:block;
	margin-bottom: 25px;
	margin-top: 10px;
	display:none;
}
.post a.read_more,
.post a.comments-link {
	display: block;
	text-decoration: none;
	font-size: 13px;
	margin-top:20px;
}
.post a.comments-link {
	text-align:right;
}
#commentform > p {
	display: block;
	position: relative;
}
.pagination {
	text-align: center;
}
.pagination *{
	text-decoration:none;
	margin-right:5px;
	font-size:14px;
}
.pagination span.current{
	color: #FFCD00;
}
.comment.list{
	margin-top:30px;
}
.comment.list h3#comments{
	margin-bottom: 10px;
}
.commentlist{
	margin-bottom:30px;
}
.comment-respond label{
	display:block;
}
.site textarea#comment{
	width:643px;
}
.sidebar-widget{
	margin-bottom:30px;
}
.sidebar-widget a{
	text-decoration:none;
}
.sidebar-widget li{
	margin-bottom:2px 0;
}
table[role="grid"] tbody > tr td:first-child{
	text-overflow: clip;
}




.what-we-do .block {
    margin-top: 0;
}
.what-we-do  .side-image {
    margin-right: 0!important;
    margin-top: 0!important;
    max-width: 50%;
       width: 50%;
}
.what-we-do .block .inner-content {
    width: 50%;
    padding: 40px 35px 0 40px;
    box-sizing: border-box;
}
.what-we-do .block .inner-content img {
	vertical-align: middle;
    margin-right: 30px;
}
    
.what-we-do .block .inner-content a {
    float: right;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 5px;
    text-decoration: none;
    margin-top: 15px;
    color: #FFCD00;
    border-top: 1px solid #FFCD00;
    border-bottom: 1px solid #FFCD00;
    margin-right: 0;
    
}
.what-we-do .bottom-contact {
    background: none!important;
    border: 0;
    padding-bottom: 25px;
    padding-top: 50px;
}
.what-we-do .bottom-contact a{
	margin-top: 10px;
	 
}
.what-we-do .site-content.white
{
	border-bottom: 0;
}
.what-we-do #content{
	    padding-bottom: 55px;
}
.home_bucket h2{ text-transform:uppercase;}
.brands{ padding:30px 20px 2px 20px; width:100%; color:#0056a1;}.brandsleft h2{ margin-bottom:10px; color:18px;}
.brleft{ float:left; width:45%; text-align:center;}.brleft img{ width:100%;}
.brandsleft li .bxb{ float:left;}.brandsleft li .blistinfo{ float:left; margin-left:10px;}.blistinfo{ width:71%;}
.blistinfo h5{ text-transform:uppercase; }
.brands li:nth-child(4n+0){ margin:0;}.mainpro{ padding:0px 0 20px 0}
.mainpro li{ float:left; margin-right:45px; width:22%; text-align:center;}.mainpro li:nth-child(4n+0){ margin:0;}
.mainpro li img{ width:100%;}.mainpro ul{ margin:0;}
.mainpro li img{  
 cursor: pointer;  
 transition: all 0.6s;  
 
            }  
.mainpro li img:hover{  
transform: scale(1.5);  
}
.mainpro li p{ font-weight:bold; font-size:18px;}

.contactf{height:100px; padding:0 20PX; font-size:16PX;}
.misc1{ background:#FFCD00; PADDING-bottom:25PX; color:#0056a1;}.misc1 h2{ font-size:22px;}
.footer-cta a.contactext{COLOR: #FFCD00;
    BORDER: 1PX SOLID #FFCD00;
    PADDING: 5PX 20PX;
    BORDER-RADIUS: 4PX;}
	.s-ico01 {
    background-position: -32px 0px;
    margin-left: 35px;
}
.s-ico {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.header-ico{ color:#8d9397; padding:0 10px; font-size:16px; line-height:30px; position:relative;}
.header-ico a{color:#8d9397; float:left;}.header-ico a.currents{color:#FFCD00;}
.s-form {
    display: none;
   position: absolute;
    right: -5px;
    top: 50px;
   background-color:#21b14b;
    width: 210px;
    height: 75px;
	z-index:999;
	border-top:9px solid #FFCD00;
}
.s-form span {
    display: block;
    margin: 22px 15px 0;
}
.s-form .s-input {
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 2px 5px;
    width: 170px;
    background-color: #FFFFFF;
    border: 1px solid #333;
	border-radius:6px;
}
.s-form button {
    font-size: 0px;
    background: none;
    margin: 0;
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
	border:none;
	margin-top:-55px;
	margin-right:12px;
	outline:none;
}
.s-form button .s-ico02 {
    /*background-position: -64px 0px;*/
	background-position: -32px 0px;
	margin-top:28px;
}
.top_right li{ float:left; margin-right:10px;}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background:none;
	color:#FFF;
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.top_right{margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;}
.top_right .fa {
    font-size: 18px;
}
.fa-twitter:before {
    content: "\f099";
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}
.fa-weibo:before {
    content: "\f18a";
}
i {
    display: inline-block;
    background: url(./../images/sprite_ico.png) no-repeat;
}
.tbzt{ color:#FFCD00;z-index: 6;
    white-space: nowrap;
    font-size: 200px;
    line-height: 200px;
    font-weight: 300;
    font-family: Impact, Charcoal, sans-serif;
    visibility: inherit;
    transition: none;
    text-align: left;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;}
.small_button{ background:#0c68b0; padding:5PX 17PX; color:#FFF; border-radius:2px; text-decoration:none; text-transform:uppercase;}
.small_button:hover{ background:#FFCD00; color:#fff;}
.true-icon {
    color: #ffffff;
    background-color: #0056a1;
}

.true-icon {
    float: left;
    width: 35px;
    height: 35px;
    background: #3b86c4;
    line-height: 35px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.true-icon-text {
    margin: 0 0 0px 32px;
	float:left;
}
.footer-cta{ float:left; margin-left:200px; margin-top:30px; color:#0056a1;}.footer-cta p{ margin:5px 0; }
.footer-cta #sub2{ padding:3px 5px; border:1px solid #888;}.footer-cta #email{ width:200px;}
.brandsleft{ float:left; width:35%;}.brandsright{ float:right; width:60%;}
.brleft p{ text-align:center; margin-top:20px;}.images_before_title IMG{ max-width:305px;}
.footer-nav-menu > li.menu-item-industries > a{ width:180px;}
.fa-check-circle{ background:none; padding-right:5px;}
.footer-search{ margin-left:10px; margin-top:30px;}
.inner{ width:1130px; margin:0 auto;}
.header-ico a{ text-decoration:none;}
.main{ padding-bottom:30PX;}
.mainl{ width:220px; float:RIGHT; padding:10px; background:#FFFFFF;border-top-left-radius: 8px;border-top-right-radius: 8px;word-wrap: break-word;}
.mainr {
    float: LEFT;
    width: 850px;
    padding-RIGHT: 30px;
    position: relative;
	min-height:500px;
    margin-top: -35px;
}
.subnavschraffur,.contactl h2,.navleft h2{ border-BOTTOM: 1px solid #D8D8D6;}
.mainnav{ padding:20px 0; color:#21b14b; font-size:15px; text-transform:uppercase;     text-align: right; font-weight:bold;}
.mainnav a{ color:#21b14b; text-decoration:none;}
.navleft li a{ text-transform:capitalize; color:#222324;}.navleft li a:hover{ color:#FFCD00;}
.navleft li{ margin:10px 0;}
a{ text-decoration:none;}.contactl{ padding:10px 0;}
.contactl p{ line-height:20px; padding-left:20px;}.contactl h2,.navleft h2{ padding-bottom:10px; margin-bottom:10px;}
.headline{padding:5px 0 15px 0; /*background:url("../images/img_divider.jpg") repeat-x bottom;*/ margin-bottom:10px; color:#21b14b;border-bottom: 4px solid;}.headline h2{ font-size:18px;}
.newsr{ float:right; color:#0c68b0;}.newslist li {border-BOTTOM: 1px solid #D8D8D6; padding-bottom:20px; margin-bottom:20px;}
.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#21b14b; color:#FFF; border-color:#21b14b; margin:0 2px;}
.pagelist a:hover{background:#21b14b; color:#FFF; border-color:#21b14b; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:#125081; font-weight:normal; margin:0 3px;}
.newsl {
	    position: relative;
}
.newsl .imagsl{
	position: absolute;
    top: -20px;
}
.newsl .imagsl img{
	    width: 30px;
}
#bigimage1 {
    position: absolute;
    display: none;
    z-index: 999;
	right:200px;
}
#bigimage2 {
    position: absolute;
    display: none;
    z-index: 999;
	right:200px;
	margin-top:150px;
}
#bigimage1 img ,#bigimage2 img{
    padding: 5px;
    background: #fff;
    border: 1px solid #e3e3e3;
    width: 120px;
    height: 120px;
}
.indusl {
    float: left;
    width: 22%;
}
.indusl img {
    width: 100%;
}
.indusr {
    float: right;
    width: 75%;
}
.indusr h4 {
    font-size: 16px;
	margin-bottom:5px;
}
.newsl {
    float: left;
    width: 80%;
}
.newsr {
    float: right;
    color: #0c68b0;
}
.akk_header:before, .akk_header.akk_open:before {
    color: #0c68b0;
}
.akk_header.akk_open:before {
    content: "\f13a";
}
.akk_header {
    width: 100%;
    position: relative;
    padding-left: 1.25em;
    cursor: pointer;
    border-top: 1px solid #bababa;
    padding: .8em 0 .8em 1.25em;
}
.akk_header h4{ font-size:15px;}
.akk_header:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    left: 0px;
    top: .95em;
}
.linel{width:1px; height:200px; background:#ccc; float:left; margin-top:40px;}
.mainpro li a:hover{ color:#fff;text-shadow: 0 2px 2px rgba(0,0,0,1);}.mainpro li a:hover p{ background-color:#0c68b0; padding:5px 0;}
.youtube_popup .view-all {
	padding:5px 14px;
	border-radius:4px;
    background: #21b14b;
	color:#fff;
	margin-top:5px;
	font-size:15px;
	display:inline-block;
	border-bottom: 4px solid #1a963e;
}
.main4 .view-all {
	padding:5px 5px;
	border-radius:4px;
    background: #21b14b;
	color:#fff;
	font-size:13px;
	display:inline-block;
	border-bottom: 4px solid #1a963e;
}

.newslist .view-all{
		padding:5px 14px;
	border-radius:4px;
    background: #0c68b0;
	color:#fff;
	margin-top:5px;
	font-size:15px;
	display:inline-block;
	float:right;
}
.youtube_popup .view-all:hover{ background:#FFCD00; color:#fff; border-bottom:4px solid #DBAF00;}
div#contact-form {
    width: 300px;
    float: right;
    margin-bottom: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
#contact-form h6 {
    font-size: 10pt;
    font-weight: bold;
    line-height: 14pt;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #666;
}
.wpcf7-text {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-top: 5px;
    padding: 3px;
	background:#fff;
}
.wpcf7-submit {
    width: 100px;
    height: 30px;
    font-size: 12px;
	background:#ededed;
}
#contact-form p {
    margin-bottom: 10px;
    line-height: 12pt;
}
.tabtitle{ border-bottom:1px solid #777;}
#cen_right_top2 .active2 {
    background: #c4c4c4;
    color: #F3F3F3;
	border-radius: 4px 4px 0 0;
	border:1px solid #777;
	border-bottom:none;
	margin-bottom:-1px;
}
#cen_right_top2 h3 {
    line-height: 35px;
    text-align: center;
    float: left;
    height: 35px;
    width: 182px;
    background-color: #f3f5f4;
    font-size: 16px;
    color: #333333;
    font-weight: lighter;
    cursor: pointer;
	border-bottom-color: #f3f5f4;
}
#cen_right_top2 .itemshow {
    font-size: 14px;
    display: none;
	padding:10px 23px;
	background:#c4c4c4;
	color:#F3F3F3;
	border:1px solid #777; border-top:none;
}
.tableft{ width:25%; float:left; margin-right:20px;}.tabright{ float:left; width:68%; margin-top:50PX;}.tableft img{ max-width:100%;}
.itemshow li{ border-bottom:2px solid #777; padding:10px 0;}.tabright h4{ font-size:15px; color:#0056a1; margin-bottom:10px;}
.itemshow li:last-child{ border-bottom:none;}
.ndate{ float:right; color:#0c68b0;}
.site-footer p{ margin:0;}
.fa-flash{ color:#FFCD00; margin-right:5px;}
#content .bgt{ width:280px; height:6px; 
background: -webkit-linear-gradient(left, #A51D12, #A51D12, #EBA836, #EBA836);
   background: -o-linear-gradient(left, #A51D12, #A51D12, #EBA836, #EBA836);
   background: -moz-linear-gradient(left, #A51D12, #A51D12, #EBA836, #EBA836);
   background: -ms-linear-gradient(left, #A51D12, #A51D12, #EBA836, #EBA836);
   margin:0 0 0 192px;
}
.newclass{ font-weight:bold; font-size:15px; margin-bottom:10px; color:#0056a1;}
.sub-menusitemap{ padding-left:15px; margin-top:10px;}
.nav-menusitemap li a{ font-weight:bold;}
.sub-menusitemap li a{ font-weight:normal;}
.nav-menusitemap{ margin-bottom:20px;}
.nav-menusitemap li{ margin-bottom:10px; float:left; max-width:150px; margin-right:10px;}
.searchall #keywords{
    border: 1px solid #464749;color: #21b14b;
    padding: 2px;}
.header1{ background:#21b14b; height:45px; line-height:45px;}.header1l{ float:left; width:25%;}.header1r{ float:right; width:75%;}
ul.social-network li {
    display: inline;
    margin: 0 5px;
    /* border: 1px solid #2D2D2D; */
    padding: 5px 0 0;
    width: 32px;
    display: inline-block;
    text-align: center;
    height: 32px;
    vertical-align: baseline;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: .3s ease-out;
}
.header1r ul.info li {
    float: right;
    padding-left: 30px;
    color: #FFF;
    font-size: 13px;
    line-height: 44px;
}
.header1r ul.info i {
    color: #FFCD00;
    font-size: 16px;
    font-style: normal;
    margin-right: 8px;
    display: inline-block;
    position: relative;
}
ul.social-network {
      list-style: none;
    margin: -8px 0 0 -20px;
}
.wthree-heading h2, .wthree-heading h3 {
text-align: center;
    color: #212121;
    font-size: 1.75em;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.tysty{
	    color: #22b14c;
}
.tittle-style {
    position: relative;
	margin-top:10px;
}
.tittle-style:before {
    content: "";
   /* background: #000;*/
    width: 7%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 46%;
}
.tittle-style:after {
    content: "";
    background: #22b14c;
    width: 8%;
    height: 2px;
    position: absolute;
    top: -2px;
    left: 45%;
    border-radius: 6px;
}
.wthree-heading p {
    color: #999999;
    font-size: 1.1em;
    margin: 1em auto 0;
    line-height: 1.8em;
    width: 65%;
    text-align: center;
}
.w3-welcome-grids, .about-bottom-grids, .w3-agileits-gallery, .testimonial-grids, .agile-team-grids, .blog-agileinfo, .address, .agileinfo-rate-grids {
    margin: 4em 0 0 0;
}
.w3-welcome-grid-info {
    padding: 1em;
    border: solid 4px #21b14b;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
	/*height:350px;*/
	overflow:hidden;
}
.w3-welcome-grid-info img {
    width: 100%;
	border: 1px solid #21b14b;
}
.w3-welcome-grid-info h4 {
    color: #212121;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    margin: 1em 0;
	text-align: center;
}
.w3-welcome-grid-info p {
    color: #999999;
    font-size: 1.1em;
    margin: 0;
    line-height: 1.8em;
}
.w3-welcome-grid-info:hover {
    background: #f7f7f7;
    border: solid 1px #ccc;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.main1 .col-md-3{ width:22.333%;}
.w3-welcome-grid-info:hover p {
    color: #212121;
}
.main1{ margin:60px 0 60px 0;}
.ovhover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.nz-recent-portfolio .post .nz-thumbnail:hover .ninzio-overlay, .loop .nz-portfolio-posts .portfolio .nz-thumbnail:hover .ninzio-overlay {
    opacity: 1;
}
.ninzio-overlay:hover {
    opacity: 1;
}
.widget_recent_portfolio .ninzio-overlay, .widget_nz_recent_entries .ninzio-overlay, .nz-gallery .gallery-item .ninzio-overlay, .flickr_badge_image .ninzio-overlay, .nz-recent-posts .ninzio-overlay, .nz-recent-portfolio .ninzio-overlay, .blog-post .post .ninzio-overlay, .nz-portfolio-posts .portfolio .ninzio-overlay, .nz-persons .person .ninzio-overlay, a[href$='.jpg'] .ninzio-overlay, a[href$='.jpeg'] .ninzio-overlay, a[href$='.png'] .ninzio-overlay, a[href$='.gif'] .ninzio-overlay, a[href$='.svg'] .ninzio-overlay, a.nz-single-image .ninzio-overlay, .woocommerce .product .ninzio-overlay {
    background-color: rgba(0,0,0,0.8);
}
.ninzio-overlay {
    background-color: rgba(0, 163, 136, 0.8);
}
.ninzio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    height: 227px;
    opacity: 0;
    color: #fff;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}
.ovhover:hover:after, .ovhover:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ovhover:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.ovhover:before, .ovhover:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.ninzio-overlay .overlay-content {
    position: absolute;
    top: 51%;
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    z-index: 5;
}
.ninzio-overlay .overlay-content .project-title {
    color: #ffffff;
    margin-bottom: 0;
}
.ninzio-overlay .overlay-content .project-title a {
    color: #ffffff;
	font-size:15px;
}
.nz-testimonials .name:before, .nz-highlight, .nz-thumbnail .post-date, .one-page-bullets .one-page-active a[href*="#"], .one-page-bullets a[href*="#"]:hover, .wp-caption .wp-caption-text, .nz-media-slider .flex-direction-nav a:hover, .post-gallery .flex-direction-nav a:hover, .woocommerce .product .onsale, .ui-slider .ui-slider-range, .nz-accordion .toggle-title.active, .post-sticky, .ninzio-slider-bullets span.current-bullet, .ninzio-overlay:before, .widget_mailchimp .icon, .nz-mailchimp .icon, .timer-item-wrap, .nz-media-slider .flex-control-paging li a.flex-active, .nz-media-slider .flex-direction-nav a, .post-gallery .flex-direction-nav a, .nz-mailchimp .subscribe .icon-checkmark, .ninzio-overlay .overlay-content .button, .post-social-share .share-message {
    background-color: #21b14b;
	color:#fff;
}

.overlay-content .button {
    text-transform: uppercase;
}
.button.round {
    border-radius: 250px;
}
button.small, .button.small, input[type="reset"].small, input[type="submit"].small, input[type="button"].small, .add_to_cart_button {
    padding: 10px 24px;
    font-size: 13px;
    line-height: 22px;
}
.ovhover:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.ovhover:before, .ovhover:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.main2 { margin:40px 0; }
.home #content .recent h3 a{ color:#212121;}
#copyright a {
    color: #fff;
}
.main4{     margin-bottom: 50px;overflow: hidden;}
.main4 li .bxb {
    float: left;
	width:20%;
}
.brandsleft li .blistinfo {
    float: left;
    margin-left: 10px;
}
.blistinfo {
    width: 78%;
	float:right;
	padding:5px;
	margin-top:10px;
}


.main4 li .bxb img{ max-width:100%;}
.owl-carousel .owl-item{ margin:0 1px;}

/****************************************************/
.lecent {
	float:left;
	width:50%;
}

.what-left {
    float: left;
    width: 15%;
    text-align: center;
}
.what-grid1 i {
    height: 60px;
    width: 60px;
    margin: 3px;
    font-size: 1.5em;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    background: #22b14c;
    color: #fff;
}
.what-right {
    float: right;
    width: 83%;
}
.what-grid1 h4, .what-grid h4 {
    font-size: 1.5em;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.what-grid1 p, .what-grid p {
    font-size: 14px;
    color: #777;
    padding-top: 10px;
}

.what-top1 {
    margin: 3em 0;
}
.inner-testimonials-w3ls {
    position: relative;
	width:50%;
	float:left;
}
.inner-testimonials-w3ls img {
    margin: 0 auto;
    max-width: 100%;
    float: left;
}

.testimonial-info-wthree {
    padding: 0em 0em 0em 2em;
    width: 50%;
    float: right;
    box-sizing: border-box;
	padding-bottom: 80px;
}
.testimonial-info-wthree h5 {
    font-size: 22px;
    text-transform: capitalize;
    color: #22b14c;
    margin-bottom: 30px;
}
.testimonial-info-wthree span {
    display: block;
    margin: 0.8em 0;
    font-size: 16px;
    letter-spacing: 1px;
 /*   font-style: italic;*/
    color: #404040;
}
.friendlists .owl-controls {
    position: absolute;
    bottom: 0;
    right: -30px;
}

.friendlists .owl-controls .owl-buttons .owl-prev{
    width: 35px;
    height: 49px;
    margin: 0;
    display: block;
    background: #22b14c url(../images/left.png) no-repeat 7px 11px;
    position: absolute;
    bottom: 12%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;	
	padding: 0px;
	border-radius: 0px;
    left: -110px;
}
.friendlists .owl-controls .owl-buttons .owl-next{
    width: 35px;
    height: 49px;
    margin: 0;
    display: block;
    background: #22b14c url(../images/right.png) no-repeat 4px 11px;
    position: absolute;
    bottom: 12%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
	padding: 0px;
	border-radius: 0px;
	left: -75px
}

.youtube_text:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    background: #212121;
    height: 145px
}

h6.w3l-style {
	color: #56d25b;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 600;
    position: absolute;
    bottom: -2%;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    left: -12.5%;
}
.post-body {
    
	
}
.nz-thumbnail{
	height:225px;
	margin-left:5px;
	margin-right:15px;
	border: 1px solid #333;
}
.nz-thumbnail img{
	max-height:225px;
}

/*************轮播图************/

.lunbo .imshouye {
    height: 555px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}

.tp-loop-wrap {
    position: absolute;
    max-width: 90%;
    margin: 257px 386px;
	z-index: 100;
}

.tp-mask-wrap {
	position: absolute;
    overflow: visible;
    height: auto;
    width: auto;
}
.bj-bang {
	z-index: 5;
 /*   border: 1px solid hsla(0,0%,100%,.5);*/
    visibility: inherit;
    transition: none;
    line-height: 22px;
    background: rgba(22, 27, 23, 0.37);
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 14px;
    min-height: 165px;
    min-width: 635px;
    max-height: 165px;
    max-width: 635px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
.bj-bang h1{
    color: #21b14b;
    padding: 5px;
    text-align: center;
    font-size: 28px;
}

.dcont-con {
    color: #FFFFFF;
    padding: 5px;
    overflow: hidden;
	text-align: center;
}

.lcont {
    width: 67%;
}

.btn-sm {
    background-color: white;
    transition: none;
    line-height: 21px;
    border-width: 2px;
    margin: 0px;
    padding: 12px 17px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 14px;
    border: 2px solid #fd6b0d;
    border-radius: 4px;
    margin-left: 30px;
}

.lont30 {
    margin-top: 25px;
}
.positionlun {
    position: relative;
}
.lunbo .owl-carousel .owl-item {
	    margin: 0px 0px !important;
}


.tsf-button {
    text-align: center;
    margin-top: 30px;	
}

.tsf-button .tf-button {
    padding: 10px;
    background: #21b14b;
    color: #FFFFFF;
    border: 1px solid #3fc265;
    transition: all 0.6s ease 0s;	
}
.tsf-button .tf-button:hover {
	 background: rgba(240, 248, 255, 0);
}

.prctlco li a{
    color: #21b14b;
    line-height: 18px;	
}

.table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
#sjtable th {
    text-align: center;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
#sjtable td {
    padding: 3px !important;
    white-space: nowrap;
    text-align: center;
}
.stocksearch {
    padding: 20px 0px;	
}
.btnstock {
    background: #21b14b;
    padding: 5px !important;
    color: #FFFFFF;	
}
.zhhhss{
    float: left !important;
    margin: 0 !important;
    font-size: 12px !important;
    margin-right: 7px !important; 
    margin-top: 6px !important;
	background: #000000 none repeat scroll 0 0;
    height: 5px;
    left: 0;
    top: 8px;
    width: 5px;
}
.navleft {
	padding-top: 22px;	
}

.stpo {
	margin: 0 auto;	
    padding-top: 30px;	
}
.stpo h3{
    padding-bottom: 10px;	
}
.stpo li {
	padding-bottom: 10px;
}
.sutbit {
	padding: 5px !important;
    background: #21b14b;
    color: #FFF;	
}
.scto {
	margin-top: 20px;	
}

.dyuss {
	width: 310px;
	height: 200px;
}
.dosisdd {
    overflow: auto;	
}
.side-menu .sszsdf a:after {
	content: '';
	
}
.navleft h3{    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1em;}
.navleft ul{ padding-left:20px;}

.py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.border-medium-gray {
    border-color: #d3d6d9;
}
.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.md-show {
    display: block!important;
}
.pr2 {
    padding-right: 1rem;
}
.paddings0 {
    padding: 0;
}
.fit {
    max-width: 100%;
}

.product-image {
    margin-bottom: -1rem;
    vertical-align: top;
    width: 120px;
}
.flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.mb1 {
    margin-bottom: .5rem;
}
.h3.semi-bold {
    margin: 0;
}

.semi-bold {
    font-weight: 600;
}
.block {
    display: block;
}
.black {
    color: #333;
}
.lg-px0 .h5 {
    margin: 0px 0 0 0;
}

.pt1 {
    padding-top: .5rem;
}
.m0 {
    margin: 0;
}
.md-right {
    float: right;
}

.btn-narrow {
    padding: 10px;
}
.semi-bold {
    font-weight: 600;
}
.btn-primary {
    color: #003e6f;
    background-color: #ffd853;
    border-color: rgba(0,0,0,.08);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}
.list-reset li{
    display: table;
    width: 100%;
}
.list-caracteristics {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0;
}
.list-caracteristics li {
    line-height: 140%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
    padding: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.list-caracteristics li p, .list-caracteristics li u {
    font-size: 13px;
    position: relative;
    display: inline-block;
    width: 50%;
}
.lisoxs{
	background: #21b14b;
    padding: 15px 20px;
    color: #ffffff;
}

.descriptionbox {
    border-top: 1px solid #eee;
    margin-top: 40px;
}

.descriptionbox {
    border-top: 1px solid #eee;
    margin-top: 40px;
    display: table;
    float: left;
    width: 100%;
}
.product-name{ font-size:20px;}
.qizsz a{
	    font-family: Arial, sans-serif !important;
		color: #333;
		font-weight:bold;
}
.tale{
    display: table;
    width: 100%;
    border-bottom: 2px solid #d3d6d9;	
}
.qty-content{ margin-bottom:20px;}
.qty-content .qty-desc {
    font-size: 20px;
    display: block;
    float: left;
    width: 25px;
    height: 40px;
    margin: 0;
    text-align: center;
    color: #000;
    border: 1px solid #e2e2e2;
    background: #fff;
    line-height: 40px;
}
.qty-content .qty {
    font-size: 15px;
    float: left;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    color: #000;
    border: 1px solid #e2e2e2;
    box-shadow: none;
	background:none;
}

.leftloot {
    float: left;	
}
.rightloo {
    float: right;		
}

.loiys {
	margin:0;
	width:100%;
}
.loiys span{
	float:left;
	margin-right:10px;
}
.loiys  li {
	float:left;
	margin-right:10px;
}
.loiys .inner{
	    position: relative;
}
.lpilosss {
    position: absolute;
    overflow: hidden;
    height: 18px;
    left: 35px;
}
