/*
  Theme Name: OSI Hardware
  Author: NDIC Team
  Description: This theme features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more.
  Version: 1.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: osihardware
*/

@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700";

@font-face {
    font-family: 'icons';
    src: url('fonts/icons.eot');
    src: url('fonts/icons.eot?#iefix') format('embedded-opentype'),
    url('fonts/icons.ttf') format('truetype'),
    url('fonts/icons.woff') format('woff'),
    url('fonts/icons.svg?#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before { content: "\e900"; }
.icon-facebook:before { content: "\e901"; }
.icon-linkedin:before { content: "\e902"; }
.icon-twitter:before { content: "\e903"; }
.icon-instagram:before { content: "\e904"; }
.icon-phone:before { content: "\e905"; }
.icon-arrow-up:before { content: "\e906"; }
.icon-arrow-right:before { content: "\e907"; }
.icon-arrow-down:before { content: "\e908"; }
.icon-arrow-left:before { content: "\e909"; }
.icon-close:before { content: "\e90a"; }



*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}


article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    background-color: #fff;
    /*color: #252525;*/
	color: #000;
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

a {
    background-color: transparent;
    color: #8fc213;
    text-decoration: none;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #5c7c0c;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#808080;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
}
h1, h2 {font-weight:bold;}
h2, .h2 {font-size: 1.5rem;}
h3, h4, .h4, h5, h6 {color:#000;}
h1 {
	font-size: 2.6rem;
    font-weight: 400;
    color: #6d6d6d;
}

.blog-excerpt-grid .blog-excerpt-title a {
    font-size: 1.9rem !important;
    font-weight: 400 !important;
	color: #6d6d6d !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.lead {
    color: #188648;
    font-size: 1.125rem;
    font-weight: 400;
}

img {
    vertical-align: middle;
    border-style: none;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-padded {
    padding: .75rem;
}

.heading {
    color: #252525;
    font-size: 1.75rem;
    font-weight: 300;
    padding-bottom: .75rem;
}


/* GRID */

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.row-sm {
    margin-left: -10px;
    margin-right: -10px;
}

.row-sm [class^='col-'],
.row-sm [class*=' col-'] {
    padding-right: 10px;
    padding-left: 10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
.justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
.justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
.justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
.align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
.align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }


/* Blockquotes */

.blockquote {
    font-size: 1.25rem;
    margin: 0 0 1rem;
    padding-right: 2rem;
}

#section-inventory .blockquote-center {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
}

.blockquote-text, .quote {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: .875rem;
	text-align:center;
	color:#000;
}

.blockquote-author, .author {
    color: #757473;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    font-weight: normal;
    margin-top: 1rem;
	padding-bottom:40px;
	clear:both
}
.blockquote-author strong, .author strong{
	color: #000;
}
.blockquote-text:before, .quote:before {
	color: #000;
	content: "\201C";
	font-size: 4em;
	line-height: 0;
    display: block;
    margin-top: 23px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}
.blockquote-text:after, .quote:after {
	color: #000;
    content: "\201D";
    font-size: 4em;
    line-height: 0;
    display: block;
    margin-top: 34px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
}
.sidebar-logo{padding-bottom:15px;}
@media (max-width:991px){aside#secondary{text-align:center;}}
@media (min-width: 992px){
	.blockquote-text, .quote {font-size: 1.2rem;}
	.sidebar-logo{ width:100%;}
}
.blockquote-text:before,
.blockquote-text::after,
.quote:before,
.quote:after{display:none;}

@media (max-width:767px){
	#section-inventory, #section-inventory .vc_column-inner {
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
}

/* Buttons */

.btn,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit],
.home .gform_wrapper .gform_page_footer input[type=submit] {
    border-radius: 0.25rem;
    border: 1px solid transparent;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.25rem 1rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.home .gform_wrapper .gform_page_footer input[type=submit],
.home .gform_wrapper .gform_footer input.button {
    font-size: .875rem !important;
	margin:0 !important;
	display: block;
    width: 100%;
}
.btn-black,
.home .gform_wrapper .gform_footer input.button, 
.home .gform_wrapper .gform_footer input[type=submit], 
.home .gform_wrapper .gform_page_footer input.button, 
.home .gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #252525;
    color: #ffffff;
}

.btn-black:hover,
.home .gform_wrapper .gform_footer input.button:hover, 
.home .gform_wrapper .gform_footer input[type=submit]:hover, 
.home .gform_wrapper .gform_page_footer input.button:hover, 
.home .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #ffffff;
    color: #252525;
}

.btn-lime,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #8fc213;
    color: #ffffff;
}

.btn-lime:hover,
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #a0d915;
    color: #ffffff;
}

.btn:hover, .btn:focus,
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    text-decoration: none;
}

.btn:focus, .btn.focus,
.gform_wrapper .gform_footer input.button:focus, 
.gform_wrapper .gform_footer input[type=submit]:focus, 
.gform_wrapper .gform_page_footer input.button:focus, 
.gform_wrapper .gform_page_footer input[type=submit]:focus {
    outline: 0;
}

.btn.disabled, .btn:disabled,
.gform_wrapper .gform_footer input.button:disabled, 
.gform_wrapper .gform_footer input[type=submit]:disabled, 
.gform_wrapper .gform_page_footer input.button:disabled, 
.gform_wrapper .gform_page_footer input[type=submit]:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled),
.gform_wrapper .gform_footer input.button:not(.disabled), 
.gform_wrapper .gform_footer input[type=submit]:not(.disabled), 
.gform_wrapper .gform_page_footer input.button:not(.disabled), 
.gform_wrapper .gform_page_footer input[type=submit]:not(.disabled) {
    cursor: pointer;
}

.btn-block {
    display: block;
    width: 100%;
}


/* Forms */

.form-group {margin-bottom: 1rem;}

.form-label,
.gform_wrapper label.gfield_label {
    display: block;
    font-size: .875rem !important;
    font-weight: 700;
    margin-bottom: .25rem;
}
.home .gform_wrapper label.gfield_label {
	line-height:1 !important;
	margin-bottom:0 !important
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea, .gform_wrapper select{
    background-clip: padding-box;
    border: 1px solid #d8d8d8;
    border-radius: 0.15rem;
    display: block;
    font-size: .5rem;
    font-weight: normal;
    line-height: 1.5;
    padding:.5rem !important;
}

body.home .gform_wrapper ul li.gfield{margin-top:7px;}
body.home .gform_wrapper .top_label div.ginput_container{ margin-top:4px;}
.form-control,
.home .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.home .gform_wrapper select.gfield_select,
.home .gform_wrapper .textarea {
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
    color: #ffffff;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 0.4375rem 0.75rem;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
    width: 100%;
}
.home .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.home .gform_wrapper select.gfield_select,
.home .gform_wrapper .textarea {
    padding: 0.3rem 0.75rem;
}
.form-control:focus,
.home .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.home .gform_wrapper .textarea:focus {
    background-color: #ffffff;
    color: #8fc213;
    outline: 0;
}
.home .gform_wrapper .textarea{max-height:70px;}
.form-control::-ms-expand,
.home .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-expand  {
    background-color: transparent;
    border: 0;
}

.form-control::-webkit-input-placeholder,
.home .gform_wrapper input::-webkit-input-placeholder { color: #ffffff; opacity: 1; }
.form-control::-moz-placeholder,
.home .gform_wrapper input::-moz-placeholder { color: #ffffff; opacity: 1; }
.form-control:-ms-input-placeholder,
.home .gform_wrapper input:-ms-input-placeholder { color: #ffffff; opacity: 1; }
.form-control::-ms-input-placeholder,
.home .gform_wrapper input::-ms-input-placeholder { color: #ffffff; opacity: 1; }
.form-control::placeholder,
.home .gform_wrapper input::placeholder { color: #ffffff; opacity: 1; }

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 0.5;
}

select.form-control:not([size]):not([multiple]),
.home .gform_wrapper select.gfield_select:not([size]):not([multiple]) {
    height: calc(2.3125rem + 2px);
}

select.form-control:focus::-ms-value,
.home .gform_wrapper select.gfield_select:focus::-ms-value {
    background-color: #fff;
    color: #8fc213;
}
.home .gform_wrapper select.gfield_select option{ color: #8fc213;}
.home .gform_wrapper ul.gform_fields li.gfield{padding-right:0;}

.gform_wrapper .gform_footer{margin-top:0 !important; padding-bottom:0 !important;}
.home .gform_wrapper{margin:0;}

.home .gform_wrapper .top_label input.medium#input_1_5{width:100%;}
.home .gform_wrapper #extensions_message_1_5{ display:block; font-size:12px;}
.home .gform_wrapper #input_1_2_1_container label,
.home .gform_wrapper #input_1_2_2_container label{ font-size:10px;}
/*.home .gform_wrapper .ginput_complex .ginput_left#input_1_2_1_container, 
.home .gform_wrapper .ginput_complex .ginput_right#input_1_2_2_container {
    min-height: auto !important;
}*/

#main ul#gform_fields_1{padding-left:0;}

/* Navs */
.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.nav-link {
    display: block;
    padding: 0.5em 1em;
}

/* Sections */
.section {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.section-white {
    background-color: #ffffff;
    color: #000;
}
@media (min-width: 992px){
	.section-white>.container>.row>.col-lg-4{
		-webkit-flex: 0 0 22%!important;
		-ms-flex: 0 0 22%!important;
		flex: 0 0 22%!important;
		max-width: 22%!important;
		order:2;
	}
	.section-white>.container>.row>.col-lg-8{
		-webkit-flex: 0 0 78%!important;
		-ms-flex: 0 0 78%!important;
		flex: 0 0 78%!important;
		max-width: 78%!important;
		order:1;
		padding-right:85px;
	}
	.blockquote-text{margin-top:15px;}
	.blockquote-text, .blockquote-author {text-align: left;}
}

/* UTILITIES */

.text-black { color: #000000 !important; }
.text-green { color: #188648 !important; }
.text-lime { color: #8fc213 !important; }

.block-lightgreen{ background: #cdf2a8 !important; padding:1.5rem;}
.block-mediumgreen{ background: #70ad47 !important; padding:1.5rem; margin:5px 0}

.block-green { background: #188648 !important; padding:1.5rem;}
.block-gray { background: #ccc !important;padding:1.5rem; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }

.separator {
    background-color: #e0e0e0;
    display: block;
    height: 1px;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    width: 100%;
}

.divider {
    margin-left: .5rem;
    margin-right: .5rem;
}

/* PAGE starts here */
#page {
    background-color: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: auto;
    min-height: 100vh;
    overflow: hidden;
    padding-top: 89px;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
.admin-bar #page {min-height: calc(100vh - 32px);}

/* Header */
#header {
    background-color: #ffffff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.admin-bar #header {top: 32px;}
#header-top {
    background-color: #188648;
    color: #ffffff;
    padding-bottom: .375rem;
    padding-top: .375rem;
}
#header-top .menu li.nav-link {
    padding: 0;
}
#header-top .menu a.nav-link {
    padding-left: .75rem;
    padding-right: .75rem;
}
.systain {padding-left: 1.5rem;}
#header-main {
    color: #252525;
    padding-bottom: 1em;
    padding-top: .75rem;
    -webkit-transition: padding .1s ease-in-out;
    -moz-transition: padding .1s ease-in-out;
    -o-transition: padding .1s ease-in-out;
    transition: padding .1s ease-in-out;
    width: 100%;
}
.logo {
    height: 2rem;
    -webkit-transition: height .1s ease-in-out;
    -moz-transition: height .1s ease-in-out;
    -o-transition: height .1s ease-in-out;
    transition: height .1s ease-in-out;
}
.smaller .logo {height: 2rem;}
.slogan {
    border-left: 1px solid #e1e1e1;
    color: #188648;
    font-size: .9rem;
    line-height: 1.2;
    margin-left: 1.25rem;
    padding-bottom: .625rem;
    padding-left: 1rem;
    padding-top: .625rem;
    vertical-align: middle;
}
.smaller .slogan {
    /*font-size: .75rem;*/
    line-height: 1.2;
    margin-left: 1.25rem;
    padding-bottom: .4375rem;
    padding-left: 1rem;
    padding-top: .4375rem;
}
.menu .nav-link {
    color: inherit;
    font-size: .875rem;
    font-weight: 600;
    padding: 0.3125rem .75rem;
    text-transform: uppercase;
}
.menu .nav-link:first-child {padding-left: 0;}
.menu .nav-link:last-child {padding-right: 0;}
.menu .nav-link:hover,
.menu .nav-link.active {
    color: #8fc213;
    text-decoration: none;
}
.menu .nav-link.phone {padding-right: 0;}

/* NAVIGATION: Mobile */

#navigation {
    align-items: center;
    background-color: #188648;
    color: #ffffff;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 100%;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2;
}

#navigation .nav-link {
    color: #fff;
    font-size: 1rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

#navigation.open {z-index: 9;}

#nav-toggle,
#nav-close {
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    color: inherit;
    font-size: 2rem;
    height: 2rem;
    padding: 0;
    width: 2rem;
}

#nav-toggle:hover,
#nav-toggle:focus,
#nav-close:hover,
#nav-close:focus {
    color: #8fc213;
    cursor: pointer;
    outline: none;
}

#nav-close {
    position: fixed;
    right: 2rem;
    top: 2rem;
}

/* MAIN section */
#main {background-color: #eee;}
#main ul{margin-left:0; padding-left:18px;}
/* Page header */
h1, .page-header, .inventory h2.heading {
    color: #808080;
    font-size: 2rem;
    line-height: 1.1;
    margin-bottom: 1.75rem;
	font-weight:700;
}
@media (min-width:992px) {
	h1, .page-header, .inventory h2.heading {
		font-size: 3rem;
		margin-top: -.375rem;
	}
}

/* SECTION: Hero */
.section-hero {
    background-color: #ffffff;
	background-image: url(images/slide.jpg);
    /*background-image: url(images/bg/hero.svg);*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
	background-attachment:fixed;
	background-size:100% 100%;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
    line-height: 1.66667;
    max-height: 26rem;
    position: relative;
    z-index: 1;
}
.hero_container {white-space: normal;}
.hero-brand {margin-bottom: 1.25rem;}
.hero-heading,
.section-hero p {
    margin-bottom: 0.75rem;
    margin-top: 0px;
}
.section-hero p.firstpara {
	clear:both;
	padding-top:20px;
}
.hero-heading {
    font-size: 1.375rem !important;
    font-weight: bold !important;
}
#slideone .hero-brand{
	float:left;
	margin:0 25px 0 0;
}
#slide3 h2{font-weight: normal; font-size:.9rem; padding:.5rem 0; color:#000}
#slide3 h3{font-weight: bold;font-size:.75rem; padding:0; margin:0; color:#000}
html .ls-container #slide3 img, body .ls-container #slide3 img, #ls-global .ls-container #slide3 img {
    max-width: 100% !important;
}
@media (min-width:992px) {
	h1.hero-heading {font-size: 2rem !important;}
	#slide2{max-width:680px; margin:0 auto;}
	#slide2 .hero-heading{ text-align: center;}
	#slide3 h2{font-size:1.625rem;}
	#slide3 h3{font-size:1.375rem;}
	#slide3 p{font-size:1.125rem;}
	#slide3{max-width:1000px; margin:0 auto;}
	.section-hero {height: 100vh;}
}
@media (min-width:1200px) {
	#slideone .hero-brand{
		margin:10px 25px 0 0;
	}
	h1.hero-heading {
		line-height:1;
		font-size:2.5rem !important;
	}
	.section-hero p { font-size:1.125rem;}
}
@media (max-width:767px) {
	#layerslider_1{ height:260px !important;}
	.hero_container{padding-left: 35px; padding-right: 35px;}
	.hero-heading, .section-hero p{ margin-bottom:.5rem;}
	.hero-heading{font-size:1rem !important;}
	.section-hero p, .section-hero strong{font-size:.9rem !important;}
	/* Slide 1 */
	#slideone .hero-brand{
		margin:0 10px 15px 0;
		width:120px;
	}
	.section-hero p.firstpara {
		padding-top:0;
		font-size:1rem;
	}
	/* Slide 2 */
	#slide2 .hero-brand{width:190px;}
	/* Slide 3 */
	#slide3 h2 {margin:0 !important;}
	#slide3 h3 {font-size: .9rem !important;}
}
@media (max-width:991px) {
	.section-hero p, .section-hero strong{font-size:.9rem !important; line-height:1.3 !important}
	#slide3 h3 {font-size: .9rem !important; line-height:1.3 !important}
}
@media (max-width:575px) {
	#layerslider_1{ height:290px !important;}
	#slide2 .hero-brand{width:150px;margin:0 0 5px 0;}
	/* Slide 3 */
	#slide3 img {width: 20% !important;}
}
/* SECTION: Inventory */
#section-inventory {
    background-color: #ffffff;
    color: #808080;
}
#section-inventory .slide-prev,
#section-inventory .slide-next {
    top:-8px;
}
@media (min-width:768px) {
	#section-inventory .slide-prev,
	#section-inventory .slide-next {
		top:0;
	}
}
.contact-block {margin-bottom: 1.5rem;}

/* SECTION: Category */
.category-items {
    background-color: #f3f3f3;
    margin: 20px 0 0 !important;
    padding: 30px;
}
.home .category-items {
    padding: 30px 0;
}
.category-items>.vc_column_container>.vc_column-inner  { padding:0 !important}
.category-item .vc_column-inner>.wpb_wrapper{
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	height:100%;
}
.category-item-image {
    margin-bottom: .5rem !important;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}
.category-item-image .vc_figure,
.category-item-image .vc_figure .vc_single_image-wrapper {
	width:100% !important;
}	
.category-item-image img {
    display: block;
    margin-bottom: 0;
    width: 100%;
}
.category-item-image:before {
    background-image: url('images/category_image.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.category-heading {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
	font-weight:600;
}
.category-item-text {
    color: #000;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 1.5rem !important;
}
.category-item-author {
    color: #8fc213;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1rem;
}

/* Contact form */
#contact-form {
    background-color: #8fc213;
    background-image: url("images/bg/form.svg");
    background-position: right top;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-top: 1.875rem;
    padding: 1.5rem 2rem;
}
.form-header {
    color: #252525;
    font-size: 1.75rem;
    font-weight: 600;
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding-bottom: .5rem;
}
.form-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 1.125rem;
    font-weight: 300;
    margin-top: 1rem;
    padding-top: .75rem;
    text-align: center;
}
.form-footer .phone {font-weight: 600;}

/* FOOTER */
#footer {
    background-color: #252525;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
#footer .nav-link {
    color: #ffffff;
    padding: 0.325rem 1rem;
}
#footer .nav-link:hover,
#footer .nav-link.active {
    color: #8fc213;
    text-decoration: none;
}
.footer-phone {
    color: #ffffff;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-left: 1.25rem;
    margin-top: 1rem;
    text-transform: uppercase;
}
.footer-phone:hover {text-decoration: none;}
.brand {
    border: 1px solid #4e4e4e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    text-align: center;
    width: 160px;
}
.brand-img {width: 100%;}
.bottom {
    color: #a2a2a2;
    font-size: .875rem;
    margin-top: 1.5rem;
}
.socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    max-width: 12rem;
    min-width: 9rem;
}
.social {
    color: #a2a2a2;
    font-size: 1rem;
}
.social:hover {
    color: #8fc213;
    text-decoration: none;
}
.copyright {margin-bottom: .625rem;}

@media (min-width: 576px) {
    .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
    .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
    .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
    .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
    .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
    .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }
    .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
    .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
    .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

    .d-sm-none { display: none !important; }
    .d-sm-inline { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }

    .text-sm-left { text-align: left !important; }
    .text-sm-center { text-align: center !important; }
    .text-sm-right { text-align: right !important; }
    .text-sm-justify { text-align: justify !important; }

    .container {max-width: 540px;}
}
@media (min-width: 768px) {

    .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
    .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
    .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
    .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
    .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
    .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }
    .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
    .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
    .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

    .d-md-none { display: none !important; }
    .d-md-inline { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }

    .text-md-left { text-align: left !important; }
    .text-md-center { text-align: center !important; }
    .text-md-right { text-align: right !important; }
    .text-md-justify { text-align: justify !important; }

    .container {max-width: 720px;}
    .heading {font-size: 2.375rem;}
    .img-padded {padding: 1.5rem;}
    .btn {padding: 0.4375rem 1.5rem;}
    #page {padding-top: 109px;}
    .logo {height: 2.375rem;}
    .menu .nav-link {padding: 0.5rem .75rem}
    .menu .nav-link.phone {padding-right: 2rem;}
    .section-hero {font-size: 1.125rem;}
    #section-inventory {
        /*padding-bottom: 2.5rem;
        padding-top: 0;*/
    }
    #contact-form {margin-top:0; }
    .form-header {font-size: 2rem; line-height:1;padding:0;}
    .form-footer {font-size: 1.25rem;}
    #footer {padding-top: 5rem;}
    #footer .bottom {padding-top: 3rem;}
}
@media (min-width: 992px){
    .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
    .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
    .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
    .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
    .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
    .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }
    .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
    .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
    .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

    .d-lg-none { display: none !important; }
    .d-lg-inline { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block { display: block !important; }

    .text-lg-left { text-align: left !important; }
    .text-lg-center { text-align: center !important; }
    .text-lg-right { text-align: right !important; }
    .text-lg-justify { text-align: justify !important; }

    .container {max-width: 960px;}
    .section {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    #page {padding-top: 110px;}
    .logo {height: 2.625rem;}
    #contact-form {
        margin-bottom: .625rem;
       /* margin-left: 1.625rem;*/
        padding:2rem;
    }
}
@media (min-width: 1200px){
    .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
    .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

    .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
    .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }
    .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
    .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
    .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; }
    .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
    .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
    .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; }

    .order-xl-1 { order: 1; }

    .d-xl-none { display: none !important; }
    .d-xl-inline { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block { display: block !important; }

    .text-xl-left { text-align: left !important; }
    .text-xl-center { text-align: center !important; }
    .text-xl-right { text-align: right !important; }
    .text-xl-justify { text-align: justify !important; }

    .container {max-width: 1140px;}
    #page {padding-top: 131px;}
    .logo {height:3.6rem;}
    .smaller .logo {height: 3.6rem;}
}


/* Accordion */
.cd-accordion-menu {width: 100%;margin: 0;-webkit-padding-start:0;}
.cd-accordion-menu ul {display: none;-webkit-padding-start:0;}
.cd-accordion-menu li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	list-style-type: none;
}
.cd-accordion-menu input[type=checkbox] {
	/* hide native checkbox */
	position: absolute;
	opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
	position: relative;
	display: block;
	padding: 5px 12px 5px 40px;
	background: #777;
	box-shadow: inset 0 -1px #555960;
	color: #ffffff;
	text-transform:uppercase;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background: #52565d;}
.cd-accordion-menu label {
	cursor: pointer;
	margin: 0 !important;
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(0,0,0,.7)
}
.cd-accordion-menu li.has-not-children label::before {
	position: absolute;
	top: 12px;
	left: 24px;
	display: inline-block;
	width: 8px;
	height: 8px;
	font-size: 6px;
	content: '\f0c8';
	font-family: FontAwesome;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.cd-accordion-menu li.has-children label::before {
	position: absolute;
	top: 12px;
	left: 24px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.cd-accordion-menu li.has-children label::after {
	position: absolute;
	top: 15px;
	left: 21px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {height: 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
	/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
	display: block;
}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
	background: #555;
	box-shadow: inset 0 -1px #41444a;
	padding-left: 56px;
}
.cd-accordion-menu ul a:before {
    position: absolute;
    top: 14px;
    left: 40px;
    display: inline-block;
    width: 8px;
    height: 8px;
    font-size: 4px;
    content: '\f0c8';
    font-family: FontAwesome;
}
.cd-accordion-menu ul ul a:before {
    left: 55px;
	color:#aaa;
}
.cd-accordion-menu ul ul a { font-size:11px; text-transform:none;}

.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {background: #3c3f45;}
.cd-accordion-menu ul label::before {left: 36px;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {left: 59px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {padding-left: 100px;}
.cd-accordion-menu ul ul label::before {left: 54px;}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {left: 77px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left: 118px;}
.cd-accordion-menu ul ul ul label::before {left: 72px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {left: 95px;}
.cd-accordion-menu li.has-not-children label {padding: 5px 12px 5px 30px;}
.cd-accordion-menu li.has-not-children a {
	padding: 0 12px 0 10px;
	box-shadow: none;
	text-decoration: none;
}
.cd-accordion-menu li.has-children ul label::before {left: 40px;}
.cd-accordion-menu li.has-children ul label::after,  .cd-accordion-menu li.has-children ul a::after {left: 37px}
.cd-accordion-menu li.has-children ul ul label,  .cd-accordion-menu li.has-children ul ul a {padding-left: 70px;line-height: 1.2;}
.cd-accordion-menu li.has-children ul ul label::before {left: 60px;}
.cd-accordion-menu li.has-children ul ul label::after,  .cd-accordion-menu li.has-children ul ul a::after {left: 57px;}
.cd-accordion-menu li.has-children ul ul ul label,  .cd-accordion-menu li.has-children ul ul ul a {padding-left: 154px;}
.cd-accordion-menu li.has-children ul ul ul label::before {left: 96px;}
.cd-accordion-menu li.has-children ul ul ul label::after,  .cd-accordion-menu li.has-children ul ul ul a::after {left: 125px;}
.cd-accordion-menu.animated li.has-children label::before {
	/* this class is used if you're using jquery to animate the accordion */
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}


/* Why OSI */

#why-osi{
	background:url(images/shadow.png) center top no-repeat, #b0db9e url(images/why-bg.jpg) center top no-repeat;
	padding:3.5rem 0;
	margin:0px auto 0;
	clear:both;
	color:#fff;
}
@media (max-width:767px){
	#why-osi{background-size:cover}
}

#why-osi h2{color:#fff;}
.vc_row-no-padding#why-osi .vc_inner.container{margin-left:auto !important; margin-right:auto !important;}
.vc_row-no-padding#why-osi .title{text-align:center;}
.vc_row-no-padding#why-osi .vc_inner.container .causes{ text-align:center; padding-left:2rem; padding-right:2rem;}
.vc_row-no-padding#why-osi .vc_inner.container img{ margin-bottom:1rem;}
.page-id-72 .section {padding-bottom:0;}

/* Home */
#home-slider .wpb_content_element,
#section-inventory .wpb_content_element{
	margin-bottom:0;	
}
#home-slider .vc_column-inner{padding:0 !important;}

#section-inventory .container,
.category-items .container{ margin:0 auto !important; float:none !important;}
.home .category-items{ margin:0 !important}
#section-inventory>.container>.vc_column-inner {margin-bottom:0 !important;}

#category .vc_column-inner { padding-top:0 !important}
#contact-form .vc_column-inner{ padding:0 !important}

@media (min-width:768px){
	#category{padding-right:20px !important;}
	.home .category-items{ padding-bottom:40px;}
}
@media (min-width:1200px){
	.home .category-items{ padding-bottom:70px; padding-top:70px;}
}
.ls-v6 .ls-nav-next {right:0!important;}
.ls-v6 .ls-nav-prev {left:0!important;}
.section-hero .ls-nav-prev:after, .section-hero .ls-nav-next:after {
    height: auto !important;
    line-height: normal !important;
    top: 25% !important;
    width: auto !important;
}
.ls-v6 .ls-nav-next:after {right:0 !important;}
.ls-v6 .ls-nav-prev:after {left: 0 !important;}
.ls-v6 .ls-nav-prev:after, .ls-v6 .ls-nav-next:after {
    top: 20% !important;
    margin-top: -16px;
    width: 10px !important;
    height:10px !important;
}
.section-hero .ls-nav-prev:after, .section-hero .ls-nav-next:after{ line-height:1 !important}
.ls-v6 .ls-nav-prev, .ls-v6 .ls-nav-next {
    width: 10px!important;
    height: 10px!important;
	background:none!important;
}

/* Home Product Grid */
.wpb_text_column.wpb_content_element.product-grid h3,
.wpb_text_column.wpb_content_element.product-grid-fifth h3, 
h3.blog-excerpt-title {
	font-weight:bold;
}
.wpb_text_column.wpb_content_element.product-grid img,
.wpb_text_column.wpb_content_element.product-grid-fifth img{
	max-height:150px;
	max-width: 100%;
}
@media (min-width:768px){
	.wpb_text_column.wpb_content_element.product-grid img,
	.wpb_text_column.wpb_content_element.product-grid-fifth img{
		max-height:100px;
		float:right;
		margin:0 0 10px 20px;
	}
	.wpb_text_column.wpb_content_element.product-grid h3,
	.wpb_text_column.wpb_content_element.product-grid-fifth h3,
	h3.blog-excerpt-title {
		line-height:1;
		font-size:20px;
		margin:0;
		padding:0;
	}
	.wpb_text_column.wpb_content_element.product-grid .lead,
	.wpb_text_column.wpb_content_element.product-grid-fifth .lead{
		font-size:16px;
		margin-bottom:.5rem;
	}
}
@media (min-width:992px){
	.wpb_text_column.wpb_content_element.product-grid {
		width: 50%;
		float: left;
		min-height:268px;
		padding-top:1rem;
		padding-bottom:1rem;
	}
	#category{width:70% !important;}
	#contact-form{width:30% !important;}
	.wpb_text_column.wpb_content_element.product-grid:nth-child(1n),
	.wpb_text_column.wpb_content_element.product-grid:nth-child(3n) {
		border-bottom:1px dotted #ccc;
		border-right:1px dotted #ccc;
		padding-right:1rem;
	}
	.wpb_text_column.wpb_content_element.product-grid:nth-child(2n),
	.wpb_text_column.wpb_content_element.product-grid:nth-child(4n) {
		border-bottom:1px dotted #ccc;
		border-right: none;
		padding-left:1rem;
	}
	.wpb_text_column.wpb_content_element.product-grid.one,
	.wpb_text_column.wpb_content_element.product-grid.two {
		padding-top:0;
	}
	.wpb_text_column.wpb_content_element.product-grid-fifth{padding-top:1rem; clear:both}
}
@media (min-width:1200px){
	.wpb_text_column.wpb_content_element.product-grid h3,
	.wpb_text_column.wpb_content_element.product-grid-fifth h3,
	h3.blog-excerpt-title {
		margin-bottom:0;
	}
	.wpb_text_column.wpb_content_element.product-grid h3,
	.wpb_text_column.wpb_content_element.product-grid-fifth h3,
	h3.blog-excerpt-title {
		font-size:30px;
	}
}
@media (max-width:991px){
	.wpb_text_column.wpb_content_element.product-grid {
		padding:2rem;
		border-bottom:1px dotted #ccc;
	}
	.wpb_text_column.wpb_content_element.product-grid-fifth{ border:none;padding:2rem;}
}
.section-hero .ls-nav-prev, .section-hero .ls-nav-next, .section-hero .slide-prev, .section-hero .slide-next {
    font-family: 'icons' !important;
}

/* Testimonial */

#testimonial{text-align:center; color:#252525; font-size:16px; font-weight:400; background:#fff}
#testimonial h1{color:/*#252525*/}
#testimonial strong{
	font-weight:600;
	font-size:18px;
	text-align:center
}
@media (min-width:1200px){
	#testimonial{padding:3rem 0;}
	#testimonial h1{ font-size:38px;}
}

/* Term Condition */
.term-condition ul,
.warrenty ul,
.term-condition ol,
.warrenty ol{
	padding-left:18px;
	margin-top:0;
}
.term-condition ul li,
.warrenty ul li,
.term-condition ol li,
.warrenty ol li{
	padding-bottom:15px;
}
.term-condition ul li ul,
.warrenty ul li ul,
.term-condition ol li ul,
.warrenty ol li ul{
	margin:10px 0 15px
}
.term-condition ul li li,
.warrenty ul li li,
.term-condition ol li li,
.warrenty ol li li{
	list-style-type: lower-roman
}

/* Contact Page */
#contact .gform_wrapper{margin:0;}
#contact .gform_wrapper ul.gform_fields li#field_3_1{ margin-top:0}
#contact-info .fa, #support .fa{
	min-width:20px;
	top:6px;
	color:#ccc
}
#support h3{
	margin-bottom:1.5rem;
}
#contact .gform_wrapper .gform_footer{padding-right:16px;}
#contact .btn:not(:disabled):not(.disabled), 
#contact .gform_wrapper .gform_footer input.button:not(.disabled), 
#contact .gform_wrapper .gform_footer input[type=submit]:not(.disabled), 
#contact .gform_wrapper .gform_page_footer input.button:not(.disabled), 
#contact .gform_wrapper .gform_page_footer input[type=submit]:not(.disabled){
	width:100%;
	font-size:.875rem;
}

/* BLOG */

figure{
	padding-left:0;
	padding-right:0;
	margin:0;
}
figure img{
	max-width:100%;
}
figcaption{font-style:italic; padding-top:15px; padding-bottom:25px; color:#808080;}

@media (min-width:992px){
	.fl-right{float:right; margin:5px 0 10px 25px;}
	.fl-left{float:left; margin:5px 25px 10px 0;}
	.half{width:50%;}
}

.block-mediumgreen .quote{color:#ffff00; text-align: left}
.block-mediumgreen .author{color:#000;text-align: left; padding:0}

.blog-excerpt-grid .blog-post-wrapper {
	padding-bottom: 3em;
}
.blog-excerpt-grid .blog-post-thumb,
.blog-excerpt-grid .blog-post-categories,
.blog-excerpt-grid .blog-excerpt-title, 
.blog-excerpt-grid .blog-post-pdf {
	padding-bottom: 1em;
}
.blog-excerpt-grid .blog-post-thumb {
	height: 300px;
}
.blog-excerpt-grid .blog-post-thumb img {
	max-height: 100%;
	max-width: 100%;
	margin: auto;
}
.blog-excerpt-grid .blog-excerpt-title a {
	color: #000000;
}
.blog-excerpt-grid .blog-post-categories a {
	color: #cccccc;
}

@media (max-width:974px){
	.blog-excerpt-grid .blog-post-thumb {
		height: 210px;
	}
}
@media (max-width:767px) {
	.blog-excerpt-grid .blog-post-thumb {
		height: auto;
		width: 100%;
	}
}
@media (max-width:991px) {
	/* Content and Sidebar Order */
	#main .section .container .row .col-xl-9{order:1;}
	#main .section .container .row .col-xl-3{order:2; padding-top:2rem;}
}
.osicategory-category-products-wrapper{padding-top:1.75rem;}
.tax-osicategory h1, .tax-osicategory .page-header{margin-bottom:.5rem;}