@charset utf-8;
/*
Theme Name: SixEightBlue
Theme URI: http://www.hoglab.com
Author: MrHOG
Author URI: http://www.hoglab.com
Description: A highly flexible and mobile first clean base theme to develop upon. It has as the basic WordPress functionality that can help any WordPress developer create their own WordPress theme.
Tags: white, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready
Text Domain: sixeightblue
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Version: 2.5
*/


/*
==========================================
  Font Styles
==========================================
*/
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

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

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin-webfont.eot');
    src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin-webfont.woff') format('woff'),
         url('fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
==========================================
  Base Styles
==========================================
*/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
}
*:focus {
  outline: none;
}
header, div, aside, footer, article {
  
}
html {
  height: 100%;
}
body {
  height: 100%;
  background: ;
  font-family: 'ralewayregular', Arial, sans-serif;
  color: #383d43;
}
h1, h2, h3, h4, h5, h6 {
  width: 100%;
  font-family: 'ralewaysemibold', Arial, sans-serif;
  font-weight: normal;
}
h1 {
  line-height: 50px;
}
a:link {
  color: #0090ff;
}
a:visited {
  color: #0090ff;
}
a:hover {
}
a:active {
}
p {
  margin-bottom: 15px;
}
hr {
  margin: 20px 0;
}


/*
==========================================
  Helper Classes
==========================================
*/
.fontOpenSansLight {
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
}
.fontOpenSans {
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.fontOpenSansSemi {
  font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.fontOpenSansBold {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}
.fontOpenSansExtra {
  font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
}
.fontRalewayExLight {
  font-family: 'ralewayextralight', Arial, sans-serif;
}
.fontRaleway {
  font-family: 'ralewayregular', Arial, sans-serif;
}
.fontRalewaySemi {
  font-family: 'ralewaysemibold', Arial, sans-serif;
}
.fontRalewayBold {
  font-family: 'ralewaybold', Arial, sans-serif;
}
.mainTitle {
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: normal;
}
.mainTitleMb40 {
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: normal;
}
.gradientBG {
  background-image: linear-gradient(to bottom right, #5b9fb2, #a1d3cb);
  color: #111;
}
.divideWide .divRowLeft {
  padding: 50px 70px 50px 0;
}
.divideWide .divRowRight {
  padding: 70px 0 50px 10px;
}
.divideFull .divRowLeft {
  padding: 80px 90px 80px 90px;
}
.heroRow {
  font-size: 20px;
}
.heroRow .bgMask {
  padding: 100px 0;
}
.titleWrapC, .contWrapC {
  text-align: center;
}
.heroTitle {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'open_sansbold', Georgia, Times, serif;
  font-size: 48px;
}
.secondaryTitle {
  margin-bottom: 20px;
  font-family: 'ralewaysemibold', Arial, sans-serif;
  font-size: 28px;
}
.logoBox {
  padding: 0 20px;
}
.bgGreen {
  background-color: #00990c !important;
}
.titleBoxGen {
  line-height: 100% !important;
  padding: 10px 15px;
  margin-bottom: 20px;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 24px;
}
.v-space-10 {
	padding: 10px 0;
}
.red-dot {
	vertical-align: middle;
	font-size: 29px;
	font-weight: bold;
	color: #6F0001;
}
.ps-note {
	font-size: 18px;
	font-style: italic;
}

/*
==========================================
  Main Structure Styles
==========================================
*/
/* ===================================== Main Wrap ===================================== */
#mainWrap {
  min-height: 100%;
}

/* ===================================== Header ===================================== */
#whatsup-chat {
  padding: 10px 10px;
  border-radius: 0 3px 3px 0;
  position: fixed;
  bottom: 40px;
  left: 0;
  z-index: 999999;
  background-color: #25D366;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  font-size: 36px;
  transition: all 0.5s ease;
}
#whatsup-chat a {
  color: #fff;
}
#whatsup-chat:hover {
  padding: 10px 15px;
}
#topBar {
  line-height: 40px;
  background-color: #161f25;
  color: #537188;
  transition: line-height 0.3s linear;
}
#topBar a {
  color: #0090ff;
}
#topBarL .topBarBtn {
  display: block;
  width: 100%;
  padding: 0 10px;
  float: left;
  text-align: center;
  background-color: #0090ff;
  color: #fff;
  font-size: 14px;
}
#topBarR {
  text-align: center;
  padding: 10px;
}
#topBarR ul li {
  display: inline;
  margin: 0 0 0 10px;
}
#mainHeader {
  position: static;
  z-index: 2;
  width: 100%;
}
#headContent {
  padding: 10px 0 0 0;
  box-sizing: border-box;
  background-color: #fff;
}
#logoWrap {
  position: relative;
  text-align: center;
}
.logoMax240 {
  max-width: 300px !important;
  transition: max-width 0.3s linear;
}
#scrollLogo {
  position: absolute;
  top: 10px;
  left: 0;
  opacity: 0;
}
.headBgActive #mainLogo {
  opacity: 0;
}
.headBgActive #scrollLogo {
  opacity: 1;
}
#headerRight {
  margin-bottom: 20px;
  text-align: right;
}

/* --- Main Menu --- */
#menuToggle {
  display: block;
  line-height: 50px;
  padding: 0 15px;
  border-radius: 3px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
}
#menuWrap {
  display: none;
}
#menuWrap ul {
  float: none;
  background-color: #eee;
}
#menuWrap ul li {
  float: none;
  margin-top: 0;
  margin-left: 0;
  border-bottom: 1px solid #fff;
  position: relative;
  text-align: center;
  list-style: none;
}
#menuWrap ul li a {
  line-height: 60px;
  padding: 0 5px;
  display: block;
  color: #000;
}
#menuWrap ul li ul {
  min-width: 100%;
  border: 1px solid #ddd;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  position: relative;
  top: 0;
}
#menuWrap ul li:hover > ul {
  visibility: visible !important;
  opacity: 1 !important;
}
#menuWrap ul li ul li {
  border: none;
  border-bottom: 1px solid #ddd;
  background-color: #aaa;
} 
#menuWrap ul li:nth-of-type(2) {
  max-height: 60px;
}
#menuWrap ul li:nth-of-type(2):hover {
  max-height: 500px;
}

#menuWrap li.menu-item-has-children > a:after {
  color: #fff;
  content: ' ▼';
  font-size: 10px;
  vertical-align: 1px;
}
#mainHeaderIn #menu-main-menu li.menu-item-has-children > a::after {
  color: #666;
  content: ' ▼';
  font-size: 10px;
  vertical-align: 1px;
}
#menu-main-menu li li.menu-item-has-children > a:after {
  color: #222;
  content: ' ►';
  font-size: 10px;
  vertical-align: 1px;
}
.row-menu {
  display: block !important;
}
@media(min-width: 860px) {
	.row-menu {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
  }
}

#manuExtra {
  line-height: 70px;	
}
/* --- Title --- */
#titleWrap {
  min-height: 50px;
  background-color: #ddd;
}
.btn-quote {
	display: block;
	line-height: 50px;
	padding: 0 10px;
	margin: 15px 0;
	border-radius: 3px;
	font-size: 14px;
	background: #111111;
	text-align:  center;
	color: #ffffff !important;
	transition: 0.3s ease;
}
.headBgActive .btn-quote {
	line-height: 44px;
}
.reverse-flex {
	flex-direction: row-reverse;
}


/* ===================================== Content ===================================== */
#mainBanner {
  min-height: 100px;
  max-height: 800px;
  margin-bottom: 0;
  overflow: hidden;
}
#inPageWrap {
  padding-top: 0;
}
.videoBanner {
  max-height: 800px;
  margin-top: -100px;
}
#mainContent {
  /*padding: 0 0 132px 0;*/
}
.mainIntro {
  width: 100%;
}
.boxContentF {
}
.boxContentF ul, .boxContentF ol, .boxContentL ul, .boxContentL ol {
  margin: 0 0 15px 20px;
}
.boxContentF h2, .boxContentF h3, .boxContentF h4, .boxContentF h5, .boxContentL h2, .boxContentL h3, .boxContentL h4, .boxContentL h5 {
  margin: 15px 0;
}

/* ===================================== Sidebar ===================================== */
.sidebarBox {
  margin-bottom: 40px;
}
.sidebarBox .woocommerce ul.products li.product, .sidebarBox .woocommerce-page ul.products li.product {
  margin-bottom: 10px;
}

/* ===================================== Footer ===================================== */
.mainTitleFt {
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: normal;
}
#mainFooter {
  /*min-height: 132px;
  margin-top: -132px;*/
  background-color: #121b1f;
}
#footerWrap {
}
#footerTop {
  min-height: 92px;
  padding: 20px 0;
}
#footerTop a {
  color: #6d8995;
}

.footerBox {
  padding: 10px;
}
.footerBox ul li {
  margin-bottom: 8px;
  list-style: none;
}
.footerBox h5 {
  margin-bottom: 15px;
  font-family: 'ralewaysemibold', Arial, sans-serif;
  font-size: 18px;
  color: #41534f;
}
#footerBar {
  min-height: 40px;
  line-height: 40px;
  background-color: #fff;
  font-size: 13px;	
}
#siteInfo {
  text-align: center;
}
#designInfo {
  text-align: center;
}


/*
==========================================
  Specific Page Styles
==========================================
*/
/* ===================================== Home ===================================== */
.homeFeatBox {
  padding: 0 10px 20px;
}
.homeFeatBox h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.featIcon {
  margin-bottom: 10px;
  font-size: 40px;
  color: #aac0ca;
}
.homeFeatTxt {
  margin-bottom: 5px;
}

.featLinkWrap {
  padding: 20px 0 0 0;
  text-align: center;
}
.featLinkWrap .btnPrimary, .fcButton .btnPrimary {
  display: block;
  max-width: 350px;
  padding: 20px 30px;
  margin: auto;
}
.acf-button {
  display: block;
  max-width: 350px;
  padding: 10px 15px;
  margin-right: 10px;
  border: none;
  float: right;
  background: #0090ff;
  font-size: 18px;
  color: #fff !important;
}

.featProdBox {
  margin-bottom: 20px;
  border: 1px solid #eee;
  border-radius: 2px;
}
.productHomeImage img {
  display: block;
  height: auto;
}
.productHomeDesc {
  padding: 20px;
  background-color: #f9f9f9;
}
.productHomeDesc h3 {
  color: #222 !important;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.productHomeDesc .price {
  color: #999;
  font-size: 14px;
}
.productHomeDesc .price span {
  color: #00990c;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.productHomeLink a {
  display: block;
  padding: 15px;
  border-radius: 0 0 2px 2px;
  background-color: #0090ff;
  color: #fff !important;
}


.chartDesc {
  margin-bottom: 50px;
}
.chartImgWrap {
  margin-bottom: 30px;
}
.chartImg {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2)
}
.chartTable table {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2)
}
.chartImg:nth-child(odd), .chartTable:nth-child(odd) {
  align-self: flex-start;
}
.chartImg:nth-child(even), .chartTable:nth-child(even) {
  margin: 20px 0 0 -20px; 
  position: relative; 
  z-index: 1; 
  /*align-self: flex-end;*/
}
.chartImg:nth-child(3), .chartTable:nth-child(3) {
  margin: 0 0 0 -20px;
}
.chartImg img {
  display: block;
}
.chartTable table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  background-color: #fefefe;
}
.chartTable table thead tr td {
  width: 100%;
  padding: 10px 0;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #eee;
  text-transform: uppercase;
}
.chartTable table tbody tr td {
  padding: 10px 20px;
  border: 1px solid #ddd;
  text-align: left;
}
.chartTable table tbody tr td:first-of-type {
  padding: 10px 20px 10px 25px;
  font-family: 'ralewaysemibold', Arial, sans-serif;
}
.chartTable table tbody tr td:last-of-type {
  width: 10%;
  font-size: 24px;
  color: #0CF;
}

/* ===================================== Delivery Quote ===================================== */
.standard-box {
  padding: 40px 15px 20px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.standard-box .faicon {
  font-size: 3em;
  font-weight:  700;
}


.faq-item {
  padding: 0;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.question {
  padding: 10px;
  margin: 0 !important;
  background-color: #f6f6f6;
  font-family: 'ralewayregular', Arial, sans-serif;
  cursor: pointer;
  color: #888;
}
.answer {
  display: none;
  padding: 10px;
  border-top: 1px solid #ddd;
}

/* ===================================== Shop ===================================== */
#shopPageWrap {
  padding-top: 0;
}
.woocommerce-products-header {
  margin-bottom: 40px;
}
#shopPageWrap h1, .woocommerce-page h2:first-of-type {
  line-height: 100% !important;
  padding: 10px 15px;
  margin-bottom: 20px;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 30px;
}
.cart_totals h2, #tab-description h2, .related h2 {
  font-size: 18px !important;
}
.products .product-category {
  border: 1px solid #eee;
  border-radius: 2px;
}
.woocommerce ul.products li.product a img {
  margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  display: block;
  padding: 15px;
  text-align: center;
  border-radius: 0 0 2px 2px;
  background-color: #0090ff;
  color: #fff !important;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.woocommerce ul.products li.product .count {
  background-color: transparent;
  color: #b7d9f3;
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 100%;
    clear: none;
}
/* ----- in category ----- */
.woocommerce-ordering .orderby {
  padding: 5px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    border: 1px solid #ddd;
	background-color: #f9f9f9;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
	line-height: 130% !important;
	background-color: transparent !important;
	color: #222222 !important;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.woocommerce-Price-amount {
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .added_to_cart {
  display: block;
  padding: 15px;
  text-align: center;
  border-radius: 0 0 2px 2px;
  background-color: #0090ff;
  color: #fff !important;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.woocommerce ul.products li.product .added_to_cart {
  background-color: #00990c;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #00990c;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { 
  background-color: #0090ff;
}
.woocommerce-result-count {
  color: #999;
  font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
  font-size: 20px;
}
.quantity .qty {
  padding: 9px 5px;
}

.shop_table .woocommerce-cart-form__cart-item .product-name a {
  margin-right: 15px;
}

/* ===================================== Single Product ===================================== */
#singleProdWrap {
  padding-top: 0;
}
/*.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1 !important;
}*/
.custom-message {
  clear: both;
  font-weight: 700;
}
.sku_wrapper, .posted_in {
  display: block;
}
.woocommerce .quantity .qty {
  height: 45px;
}

.unloading-container {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f6f6f6;
}

/* ===================================== Contact ===================================== */
.contactInfo {
  color: #999;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0 0 40px 10px;
  list-style: none;
}
.contactInfo li {
  margin-bottom: 15px;
}
#contactForm {
	padding: 20px 0;
	margin-top: 50px;
	border-top: 1px solid #ccc;
}
#contactForm fieldset {
  padding-right: 0;
  margin-bottom: 10px;
  border: none;
}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm input[type="tel"], #contactForm input[type="number"], #contactForm select {
  width: 100%;
  padding: 5px;
}
#contactForm textarea {
  min-width: 100%;
  max-width: 100%;
  padding: 0;
}
#contactForm input[type="submit"] {
  display: block;
  padding: 10px 25px;
  text-align: center;
  border: none;
  border-radius: 2px;
  background-color: #0090ff;
  color: #fff !important;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 5px 2px;
}
#pofw_product_options .field label span {
  font-size: 18px;
  font-family: 'open_semibold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#pofw_product_options .field .control .choice label span {
  font-size: 15px;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.pofw-product-options-wrapper .field .control select {
    padding: 5px;
}

/* ===================================== Woo Overwrite ===================================== */
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
  padding: 7px;
}
.woocommerce-EditAccountForm fieldset {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.woocommerce-MyAccount-navigation ul {
  margin-left: 20px;
  color: #999;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  padding: 15px;
  text-align: center;
  border-radius: 2px;
  background-color: #0090ff;
  color: #fff !important;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/* ===================================== Search ===================================== */
#sListWrap article {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}

/* ---------- Search Bar ----------- */
#searchBox {
  width: 100%;
  min-height: 50px;
  position: relative;
}
#formSearch {
  width: 100%;
  border: 1px solid #eeeeee;
  position: absolute;
  top: 5px;
  right: 0;
  box-sizing: border-box;
}
#formSearch #s {
  width: 77%;
  height: 40px;
  padding: 2px 10px;
  border: none;
  box-sizing: border-box;
  float: left;
  background: #fff;
  color: rgb(100,100,100);
}
#formSearch #searchsubmit {
  width: 23%;
  height: 40px;
  border: none;
  box-sizing: border-box;
  float: left;
  background: #0071ff;
  color: #fff;
  cursor: pointer;
}
#formSearch #searchsubmit i {
	font-size: 1.7em;
}

/* ===================================== Social ===================================== */
.socialWrap {
  padding: 20px 0 10px 0;
  text-align: center;
}
.socialWrap ul {
  width: 100%;
  list-style: none;
}
.socialWrap ul li {
  display: inline;
  margin: 20px 10px;
  font-size: 40px;
}
.legalWrap {
  padding: 10px 0 20px 0;
  text-align: center;
}
.legalWrap ul {
  width: 100%;
  list-style: none;
}
.legalWrap ul li {
  display: block;
  margin: 0 10px 20px;
}



#rate-confirmation-wrap .acf-field-wysiwyg {
  display: none;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
  border: 1px solid #999;
}
.ratec-list {
  list-style: none;
}
.ratec-list li {
  margin-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
.ratec-list li a {
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: #0090ff;
  color: #fff;
}


#confirmation-rate-wrap p {
	margin-bottom: 0;
}
#confirmation-rate-wrap, #confirmation-rate-wrap h2, #confirmation-rate-wrap h3, #confirmation-rate-wrap h4, #confirmation-rate-wrap h5 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif !important;
}
.release-date {
	text-align: right;
	padding-top: 25px;
	font-weight: 700;
}
#rt-left, #rt-right {
	padding: 0 5px;
}
.rt-box {
	margin-bottom: 10px;
}
.release-box-header {
	padding: 10px;
	background-color: #333;
	color: #fff;
}
.release-box-header h3 {
	padding: 0;
	margin: 0;
}
.release-box-subheader {
	padding: 5px;
	background-color: #333;
	font-size: 15px;
	color: #fff;
}
.rt-box-wrap {
	border: 1px solid #333;
	text-align: center;
}
.release-box-body {
    padding: 10px;
}
.release-box-body .release-title {
    font-size: 30px;
	font-weight: 700;
}
.mc-usdot {
  border-bottom: 1px solid #333;
  font-size: 12px;
}
.mc-usdot .box50 {
  padding: 0 10px;
}
.mc-usdot .box50:last-of-type {
  border-left: 1px solid #333;
}
.context-box {
  padding: 10px;
}
.release-box-body .release-title span {
	vertical-align: bottom;
    font-size: 14px;
	font-weight: 700;
}
.release-box-body h4 {
	margin: 0;
	font-weight: bold;
}
#release-box-rate {
	line-height: 200%;
	position: relative;
	font-size: 30px;
	font-weight: bold;
}
#release-box-rate img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.cargo-info {
	font-size: 20px;
	font-weight: 700;
}
.subheader-green {
	background-color: #046800 !important;
}
.subheader-red {
	background-color: #C00003 !important;
}
.cargo-details {
	line-height: 110%;
	font-size: 13px;
	font-weight: 700;
	color: #046800;
}
.cargo-warning {
	line-height: 110%;
	font-size: 13px;
	font-weight: 700;
	color: #C00003;
}
.box-notice {
	line-height: 110%;
	padding: 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #C00003;
}
.signdate-box {
	padding: 0 5px;
	text-align: center;
}
.signature-box, .date-box {
	margin-top: 50px;
	padding-top: 5px;
	border-top: 1px solid #333;
}
.disclaimer-box {
	padding: 50px 0 20px;
	text-align: center;
	font-size: 13px;
	font-style: italic;
	font-weight: 700;
}
.rc-contact-box {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}
#print-wrap {
	width: 100%;
	padding: 20px;
	text-align: center;
}
#print-wrap button {
	border: none;
	cursor: pointer;
}
.edit-btn .btnPrimary {
	display: block;
	max-width: 240px;
	margin: auto;
}


/*
==========================================
  Scripts and Plugins Styles
==========================================
*/
/* ----------------- Bx Slider ----------------- */
.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}
.bxslider li {
  position: relative;
  background-color: #000;
}
.bannerImg {
  opacity: 1;
}
.bxslider li .slideWrap {
  width: 100%;
  height: 100%;
  position: absolute;
}
.bannerImg img {
  display: block;
}
.bxslider li .slideWrap .container {
  max-width: 900px;
  height: 100%;
  position: relative;
}
.bxslider li .slideWrap .container .slideCont {
  width: 100%;
  height: 100%;
  padding: 10px 0;
  border-radius: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  letter-spacing: 0px;
  background-color: rgba(255,255,255,0.7);
  color: #222;
}
.bxslider li .slideWrap .container .slideCont h3 {
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  font-family: 'ralewaysemibold', Arial, Times, serif;
  font-size: 18px;
  font-weight: 100;
}
.bxslider li .slideWrap .container .slideCont p {
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.bxslider li .slideWrap .container .slideCont h3 span {
  color: #2c68d6;
}
.bxslider li .slideWrap .container .slideCont .btnPrimary {
  display: block;
  max-width: 280px;
  padding: 25px 30px;
  margin: auto;
  text-align: center;
  background-color: #00990c;
  color: #fff !important;
  font-size: 20px;
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -38px;
  outline: 0;
  width: 38px;
  height: 76px;
  text-indent: -9999px;
  z-index: 99 !important;
  display: none;
}
.bx-wrapper .bx-prev {
  left: 20px;
  background: url(images/slider/controls.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: 20px;
  background: url(images/slider/controls.png) no-repeat -38px 0;
}
.bx-wrapper .bx-prev:hover {
  background: url(images/slider/controls.png) no-repeat 0 -76px;
}
.bx-wrapper .bx-next:hover {
  background: url(images/slider/controls.png) no-repeat -38px -76px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  width: 100%;
  margin-top: -50px;
  z-index: 99;
}
.bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,0.5);
  text-indent: -9999px;
  display: block;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgba(255,255,255,1);
}
@media (min-width: 860px) {
  .bxslider li .slideWrap .container .slideCont {
	top: 40%;
	letter-spacing: 1px;
  }
}
@media (min-width: 620px) {
  .bxslider li .slideWrap .container .slideCont h3 {
	font-size: 46px;
  }
  .bx-wrapper .bx-controls-direction a {
	display: block;
  }
  .bx-wrapper .bx-pager {
	max-width: 100%;
	display: block;
	text-align: center;
	padding-top: 0;
  }
}





.face-container {
    position: relative;
    padding-bottom: 90%;
    padding-top: 0; height: 0; overflow: hidden;
} 
.face-container iframe,
.face-container object,
.face-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ----------------- Image SlideIn ----------------- */
.slideImgLeft {
  opacity: 0;
  transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -webkit-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
}
.come-in {
  transform: translateX(-250px);
  animation: come-in 0.8s ease forwards;
  opacity: 1;
}
.come-in:nth-child(odd) {
  animation-duration: 0.8s;
}
.already-visible {
  transform: translateX(0);
  animation: none;
  opacity: 1;
}

@keyframes come-in {
  to { transform: translateY(0); }
}
.slideImgRight {
  opacity: 0;
  transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -webkit-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
}
.come-in2 {
  transform: translateX(250px);
  animation: come-in 0.8s ease forwards;
  opacity: 1;
}
.come-in2:nth-child(odd) {
  animation-duration: 0.8s;
}
.already-visible2 {
  transform: translateX(0);
  animation: none;
  opacity: 1;
}

@keyframes come-in2 {
  to { transform: translateY(0); }
}
.slideImgBott {
  opacity: 0;
  transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -webkit-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
}
.come-in3 {
  transform: translateY(-80px);
  animation: come-in 1s ease forwards;
  opacity: 1;
}
.come-in3:nth-child(odd) {
  animation-duration: 0.8s;
}
.already-visible3 {
  transform: translateY(0);
  animation: none;
  opacity: 1 !important;
}

@keyframes come-in3 {
  to { transform: translateY(0); }
}

.slideImgTop {
  opacity: 0;
  transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -webkit-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
}
.come-in4 {
  transform: translateY(80px);
  animation: come-in 1s ease forwards;
  opacity: 1;
}
.come-in4:nth-child(odd) {
  animation-duration: 0.8s;
}
.already-visible4 {
  transform: translateY(0);
  animation: none;
  opacity: 1 !important;
}

@keyframes come-in4 {
  to { transform: translateY(0); }
}
/* ----------------- Back to Top ----------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 60px;
  position: fixed;
  bottom: 30px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 3px 0 0 3px;
  border-right: 5px solid #0071ff;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .5s 0s, visibility 0s .5s;
  -moz-transition: opacity .5s 0s, visibility 0s .5s;
  transition: opacity .5 0s, visibility 0s .5s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .5s 0s, visibility 0s 0s;
  -moz-transition: opacity .5s 0s, visibility 0s 0s;
  transition: opacity .5s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: rgb(0,0,0);
  opacity: 1;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  padding-bottom: 20px;
}
.products li .woocommerce-loop-product__link .woocommerce-loop-product__title {
	line-height: 120%;
	color: #333 !important;
}


/*
====================================================================================================================================================-----
  Responsive Styles
  -This styles are a complement or overwrite of the sixeightblue.css file
====================================================================================================================================================-----
*/
@media(min-width: 580px) {
  .bxslider li .slideWrap .container .slideCont h3 {
	font-size: 24px;
  }
  .bxslider li .slideWrap .container .slideCont p {
	font-size: 24px;
  }
}
@media(min-width: 720px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: calc(100% - var(--wp--style--block-gap, 0em)/2)!important;
    flex-grow: 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
    margin-left: var(--wp--style--block-gap,0em)!important;
	margin-top: 10px;
  }
}
@media(min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: calc(100% - var(--wp--style--block-gap, 2em)/2)!important;
    flex-grow: 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
    margin-left: var(--wp--style--block-gap,2em)!important;
	margin-top: 0;
  }
}
@media(min-width: 860px) {
  #topBarL .topBarBtn {
	display: block;
	width: auto;
	text-align: center;
  }
  #topBarR {
    text-align: end;
    padding: 0;
  }
  #logoWrap {
    padding: 10px 0;
	text-align: left;
  }
  .logoMax240 {
	max-width: 240px !important;
	transition: max-width 0.3s linear;
  }
  #mainHeader {
	width: 100%;
	position: fixed;
	z-index: 100;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	transition: background-color 0.3s linear;
  }
  .headBgActive {
	background-color: rgba(255,255,255,1) !important;
  }
  .headBgActive .logoMax240 {
	max-width: 200px !important;
  }
  .headBgActive #topBar {
	line-height: 30px;
  }
  #headContent {
	padding-top: 0;
    background-color: rgba(255,255,255,1) !important;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  }
  #headerRight {
    margin-bottom: 0;  
  }
  #menuToggle {
	display: none;
  }
  #menuWrap {
    display: block;
  }
  #menuWrap ul {
    float: right;
	background-color: transparent;
  }
  #menuWrap ul li {
	float: left;
	position: relative;
	border-bottom: 0;
  }
  #menuWrap ul li a {
	line-height: 80px;
    padding: 0 15px;
	color: #333;
	transition: line-height 0.3s linear;
  }
  
  .headBgActive #menuWrap ul li a {
	line-height: 70px;
  }
  
  #menuWrap ul li:hover, #menuWrap ul .current-menu-item  {
	border-bottom: 0;
  }
  #menuWrap ul li:hover, #menuWrap ul .current-menu-item a  {
	color: #aaf;
  }
  #menuWrap ul .current-menu-item a  {
	/*background-color: rgba(0,0,0,0.3);*/
	color: #00990c;
  }
  #menuWrap ul li ul {
	min-width: 220px;
	position: absolute;
	top: 70px;
	z-index: 9999;
  }
  #menuWrap ul li ul li {
	min-width: 220px;
	margin-left: 0;
	border: none;
	border-bottom: 1px solid #eee;
	background-color: rgba(0,0,0,0.5);
	position: relative;
	z-index: 9999 !important;
  }
  #menuWrap ul li ul li:hover {
	border-bottom: 1px solid #eee;
  }
  #menuWrap ul li ul li a {
	line-height: 50px;
	padding: 0 5px;
	text-align: left;
	display: block;
	color: #fff;
  }
  #menuWrap ul li:nth-of-type(2) {
    max-height: 600px;
  }
  .bxslider li .slideWrap .container .slideCont {
    height: auto;
	padding: 20px;
	border-radius: 3px;
  }
  #inPageWrap {
    padding-top: 150px;
  }
  #shopPageWrap {
    padding-top: 130px;
  }
  #singleProdWrap {
    padding-top: 150px;
  }
  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 35%;
  }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 61%;
  }
  .contactInfo {
    font-size: 24px;
  }
  #contactForm fieldset, .turn-fs {
    padding-right: 20px;
  }
  #contactForm textarea {
	  padding: 5px;
		font-family: Arial, "sans-serif"
  }
  .legalWrap ul li {
    display: inline;
  }
  #siteInfo {
  text-align: left;
  }
  #designInfo {
    text-align: right;
  }
}