@charset utf-8;
/*
Theme Name: SixEightBlue
Theme URI: https://www.sixeightblue.com
Author: MrHOG
Author URI: https://www.sixeightblue.com
Description: A highly flexible and mobile first theme with strong front and back-end editor areas so users without development knowledge can create their own website. It has WP Customizer functions to show, hide, reorder or add new areas in the main and inside pages.
Tags: multiple-stylesheets, custom-css, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready, customizer-support, widget-support
Text Domain: sixeightblue
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Version: 1.5.3
*/


/*
==========================================
  Font Styles
==========================================
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap');
@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%;
  font-family: 'ralewayregular', Arial, sans-serif;
  color: #333;
}
#inside-pages h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.5px;
  margin-bottom: 0.4em;
}
h2, h3 {
  font-family: 'ralewayregular', Arial, sans-serif;
  font-weight: 600;
  color: #1a1a1a;
}
a:link {
  color: #cca352;
}
a:visited {
  color: #cca352;
}
a:hover {
  color: #6f0000;
}
a:active {
  color: #6f0000;
}
p {
  margin-bottom: 15px;
  line-height: 140%;
  letter-spacing: 0.5px;
}
hr {
  margin: 50px 0;
}
table {
  border: 1px solid #ddd;
}

table tbody tr td, table thead tr th {
  padding: 8px !important;
  border: 1px solid #ddd !important;
}

/*
==========================================
  Helper Classes
==========================================
*/
.chart-row {
  padding: 50px 0;
}
.div-row-left {
  text-align: right;
}
.div-row-right {
  text-align: left;
}
.font-opensans-light {
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
}
.fontOpenSans {
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.font-opensans-sb {
  font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.font-opensans-b {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}
.font-opensans-xb {
  font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
}
.font-raleway-light {
  font-family: 'ralewayextralight', Arial, sans-serif;
}
.font-raleway {
  font-family: 'ralewayregular', Arial, sans-serif;
}
.font-raleway-sb {
  font-family: 'ralewaysemibold', Arial, sans-serif;
}
.font-raleway-b {
  font-family: 'ralewaybold', Arial, sans-serif;
}
.btn-wrap {
  padding: 40px 10px 0;
}
.no-space {
  padding: 0 !important;
  margin: 0 !important;
}
.bb-title-mid {
  font-size: 2em;
  color: #999;
}
.wb-title-mid {
  font-size: 2em !important;
  color: #111;
}
.title-decor-lg {
  padding: 0 0 7px 0;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
.title-decor-lg::after {
  content: "";
  height: 1px;
  width: 100px;
  margin-left: -50px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  background-color: #cca352;
}
.title-decor-lr {
  padding: 0 0 7px 0;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
.title-decor-lr::after {
  content: "";
  height: 1px;
  width: 100px;
  margin-left: -50px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  background-color: #f60000;
}
.title-decor {
  padding: 0 0 10px 0;
  margin: auto;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  font-size: 26px;
  letter-spacing: 1px;
}
.title-decor::after {
  content: "";
  height: 1px;
  width: 100px;
  margin-left: -50px; 
  position: absolute;
  left: 50%;
  bottom: -1px;
  background-color: #cca352;
}
.table-green {
  /*border: 1px solid #218103;*/
}
.table-green tbody tr td, .table-green thead tr th {
  border: 1px solid #218103 !important;
}
.table-green thead tr th {
 background-color: #218103;
 color: #fff;
}
a.tip-dark {
  color: #141414;
}
a.tip, a.tip-mid {
  text-decoration: none;
}
a.tip-mid {
  font-size: 18px;
}
a.tip:hover, a.tip-mid:hover {
  cursor: help;
  position: relative
}
a.tip span, a.tip-mid span {
  display: none
}
a.tip:hover span, a.tip-mid:hover span {
  display: block;
  width: 250px;
  line-height: 110%;
  padding: 5px 5px 7px 5px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  background-color: #141414;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 100;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  font-weight: normal;
  color: #fff;
}
.comments-area hr {
  margin: 50px 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
}
.radius-03 {
  border-radius: 3px;
}

/*
==========================================
  WP Styles Overwrite
==========================================
*/
.wp-block-separator {
  border-top: 1px solid #ddd;
  border-bottom: none;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}
.wp-block-table .has-fixed-layout {
  table-layout: fixed;
  width: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: auto;
  min-width: 40%;
}
.wp-block-table.is-style-stripes {
  border-bottom: none;
}
.is-style-regular tbody tr td {
  background-color: #eee;
}
.wp-block-quote {
  margin-bottom: 15px;
}
.wp-block-quote p::before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
}
.wp-block-quote p::after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
}
.wp-block-quote p::before, .wp-block-quote p::after {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 48px;
  font-family: Georgia, serif;
  font-size: 50px;
  opacity: .2;
}
.wp-block-preformatted {
  white-space: pre-wrap;
  line-height: 130%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  font-size: 16px;
  font-family: Arial;   
}

/*
==========================================
  Main Structure Styles
==========================================
*/
/* ===================================== Main Wrap ===================================== */
#main-wrap {
  min-height: 100%;
}
#no-script-msg {
  width: 100%;
  line-height: 40px;
  text-align: center;
  background-color: #f00;
  font-size: 16px;
  color: #fff;
}

/* ===================================== Header ===================================== */
#main-header {
  width: 100%;
  /*position: fixed;*/
  z-index: 100;
  background-color: transparent;
  transition: background-color 0.3s linear;
}
#main-header.head-bg-active {
  background-color: transparent;
}
#head-content {
  padding: 10px 0 0 0;
  box-sizing: border-box;
}
#logo-wrap {
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  transition: 0.6s linear;
}
#logo-wrap img {
  max-width: 200px;
  height: auto; 
  transition: 0.3s linear;
}
.head-bg-active #logo-wrap img {
  max-width: 150px;
}
.head-bg-active #logo-wrap {
  padding: 5px;
  background-color: rgba(255,255,255,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.static-logo {
  display: none;
}

#header-right {
  margin-bottom: 20px;
  text-align: right;
}

/* ===================================== Content ===================================== */
#main-content {
  padding: 0 0 132px 0;
  display: flex;
  flex-direction: column;
}
.ipage-mcontent h2 {
  margin-bottom: 20px;
  font-size: 2em;
  font-weight: 700;
}
.ipage-mcontent h3, .ipage-mcontent h4 {
  margin-bottom: 10px;
  font-size: 1.7em;
  font-weight: 700;
}
.ipage-mcontent h5, .ipage-mcontent h6 {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: 700;
}
.ipage-mcontent ul, .ipage-mcontent ol {
  margin: 20px 0 30px 20px;
  list-style: none;
}
.ipage-mcontent ul li, .ipage-mcontent ol li {
  margin-bottom: 10px;
}
.ipage-mcontent ul li::before {
  content: "\f192"; 
  display: inline-block; 
  width: 1.3em; 
  margin-left: -1em; 
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  vertical-align: initial;
  color: #ccc;
}
.ipage-mcontent .sharedaddy ul li::before {
  content: ""; 
  display: inline-block; 
  width: 0; 
  margin-left: 0; 
  font-family: "Font Awesome 5 Free", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  vertical-align: initial;
  color: #ccc;
}
.ipage-mcontent ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}
.ipage-mcontent ol li:before {
  width: 26px;
  content: counter(list) ".";
  position: absolute;
  left: -32px;
  text-align: right;
  color: #aaa;
}

#inside-pages {
  padding-bottom: 70px;
	padding-top: 0;
}
#box-content-main, #box-content-side {
  width: 100%;
  padding: 0;
}

#sidebar-wrap {
  position: sticky;
  top: 120px;
}
#main-sidebar h3 {
  margin-bottom: 15px;
  font-size: 1.7em;
  font-weight: 700;
}
.product-box {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #141414;
}
.product-desc {
  padding: 10px;
}
.product-desc h3, .product-desc h4, .product-desc h5 {
  margin-bottom: 0 !important;
  font-size: 20px !important;
}
.product-desc a {
  color: #cca352 !important;
}

/* ===================================== Footer ===================================== */
#main-footer {
  min-height: 132px;
  margin-top: -132px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
#footer-wrap {
}
#footer-top {
  min-height: 92px;
  padding: 20px 0;
}
#footer-top a {
  color: #bbb;
}
.footer-box {
  padding: 15px;
}
.footer-box ul li {
  margin-bottom: 15px;
  list-style: none;
}
.footer-box h5 {
  margin-bottom: 15px;
  font-size: 26px;
  color: #141414;
}
#foot-logo {
  padding-bottom: 10px;
}
#foot-contact {
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
}
#foot-contact span {
  font-size: 19px;
  color: #bbb;
}
#newsletter-box p {
  font-size: 14px;
}
#footer-bar {
  padding: 15px;
  background-color: #141414;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
}
#site-info {
  text-align: center;
  font-size: 18px;
}
#design-info {
  text-align: center;
}
#design-info a {
  color: #cca352;
}

/*
==========================================
  Specific Page Styles
==========================================
*/
/* ===================================== Home ===================================== */
/*--------Video Banner--------*/
#video-banner {
  width: 100%;
  height: 900px;
  max-height: 1000px;
  position: relative;
  align-items: center;
  justify-content: center;  
  overflow: hidden;
}
#video-banner::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: url(images/black-twill.png) top left repeat;*/
  z-index: 15;
}
#video-banner::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 20;
}
#video-banner video {
  width: 100%;
  height: 100%;
  transform: translate(0%, 0%);
  object-fit: cover;
}
.banner-desc-wrap {
  max-width: 100%;
  width: 90%;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-60%);
  z-index: 30;
  text-align: center;
  color: #fff;
}
.banner-desc-wrap h1 {
  margin-bottom: 15px;
  font-size: 28px;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.banner-desc-wrap p {
  margin-bottom: 20px;
  font-size: 14px;
}
.banner-desc-wrap .btn-primary {
  max-width: 100%;
  padding: 15px 25px;
  margin-bottom: 20px !important;
  border: 1px solid #fff;
  align-self: center;
  border-radius: 2px;
  background-color: rgba(111,0,0,0.5);
  font-size: 16px;
  color: #fff !important;
	transition: background-color .3s ease;
}
.banner-desc-wrap .btn-wrap {
  padding: 0;
}
.primary-hvr:hover {
	background-color: #cca352;
}
/*--------Static Banner--------*/
#main-banner {
  width: 100%;
  height: 100vh;
  position: relative;
  text-align: center;
  background-color: #c8c8c8;
  background-position: center center;
  background-size: 110%;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: #fff;
}
#main-banner::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 20;
}
#main-banner .banner-desc-wrap {
  text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
}
.bd-content-wrap {
  padding-bottom: 0;
}
.hot-wrap {
  display: none;
}
.hot-wrap .banner-history {
  font-size: 20px;
  color: #cca352;
}
/*--------About Row--------*/
#about-intro {
  margin-top: -50px;
  margin-bottom: 60px;
  position: relative;
  z-index: 99;
}
.about-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.about-image img {
  display: block;
  margin: 0 auto;
}
.about-content {
  padding: 20px 20px 50px;
  position: relative;
  /*letter-spacing: 1px;*/
}
.about-content h3 {
  text-align: center;
}
.about-link {
  position: absolute;
  right: 20px;
  bottom: 30px;
  font-size: 18px;
  color: #6f0000 !important;
}
/*--------Featured Row--------*/
#featured-boxes {
  padding: 50px 0;
  text-align: center;
  background-color: #141414;
  color: #fff;
}
.featured-box {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px;
}
.featured-icon {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cca352;
  align-self: flex-start;
  text-align: center;
  font-size: 3.5em;
  color: #999;
}
.featured-content {
  width: 100%;
  padding: 0 0 40px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
}
.featured-content .box-title {
  margin-bottom: 20px;
  font-size: 2em;
}
.featured-content .box-link {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.box-link .btn-primary {
  display: inline-block;
  line-height: 30px;
  padding: 10px 20px;
  margin: 10px;
  border: 1px solid #fff;
  color: #fff !important;	
}
.box-link .btn-featured {
  background-color: rgba(204,163,82,0.5);	
}
.box-link .btn-featured:hover {
  background-color: rgba(204,163,82,0.9);	
}
/*--------Video Explainer--------*/
#video-explainer {
  padding: 70px 0;
  background-image: url(images/fixed-white-bg.jpg);
  background-position: center;
  background-attachment: fixed;
}
.video-wrap {
  max-width: 800px;
  margin: auto;
}
.video-container {
  position: relative;
}
.video-container video {
  width: 100%;
  height: auto;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5rem;
  opacity: 0.7;
  cursor: pointer;
  color: #fff;
}
.related-videos {
  margin: 20px 0;
}
.related-videos h4 {
  margin-bottom: 15px;
  font-size: 1.8em;
  color: #141414;
}
.related-video-list {
  list-style: none;
}
.related-video-list li {
  display: inline-block;
  margin: 5px;
}
.related-video-list li a {
  display: block;
  padding: 5px 10px;
  border-radius: 50px;
  background-color: #6f0000;
  color: #fff;
}
.related-video-list li:last-of-type a {
  background-color: #141414;
}
/*--------Promo Row--------*/
#promo-row {
  padding: 50px 0;
  background-color: #f6f6f6;
}
.promo-image {
  text-align: center;
}
.promo-content {
  padding: 40px 0 70px 0;
  position: relative;
  text-align: center;
  letter-spacing: 0.5px;
}
.promo-link {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 18px;
  color: #6f0000 !important;
}
/*--------Latest Posts--------*/
#latest-posts {
  padding: 50px 0;
}
#latest-posts .sec-desc {
  margin-bottom: 20px;
  text-align: center;
}
.latest-post-container {
  padding: 10px;
}
.latest-post-box {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}
.lp-box-text {
  padding: 10px 10px 40px;
  position: relative;
}
.lp-box-text .post-title {
  margin-bottom: 15px;
  font-size: 24px;
}
.lp-box-text .lpost-date {
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}
.lp-box-text .post-title a {
  color: #0b0b0b;
}
.lp-box-text .title-decor-lg::after {
  margin-left: 0;
  left: 0;
}
.lp-box-text .box-link {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
  color: #6f0000;
}

/* ===================================== Inside Pages ===================================== */
/*--------Headers--------*/
.head-background, .head-single-background {
  position: relative;
  min-height: 200px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.head-single-background {
  border-top: 70px solid #fff;
  border-bottom: 3px solid #cca352;
  background-color: #111;
}
.head-background img {
  margin-top: 75px;
  opacity: 0.7;
}
.head-description, .head-title, .head-single-description {
  width: 100%;
  position: inherit;
  text-align: center;
  color: #000;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 5px #fff;  
}
.head-single-description {
  color: #fff;
  text-shadow: none;  
}
.head-single-background img {
  opacity: 0.3;
}
.head-title {
  top: 45%;
}
.head-background h1, .head-single-background h1 {
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 700;
  line-height: 100%;
}
.head-background p {
  margin-bottom: 0;
  font-family: 'ralewaysemibold', Arial, Helvetica, sans-serif;
  font-size: 1em;
}
/*--------List Items--------*/

.service-list {
  margin: 50px 0;
}
.service-list ul {
  margin: 0 10px 20px 0;
  columns: 1;
  list-style: none;
}
.service-list ul li {
  line-height: 40px;
  padding: 0 15px;
  margin: 0;
  border: 1px solid #bbb;
  background-color: #141414;
  font-size: 20px;
}
.service-list ul li a:hover {
  color: #fff;
}
/*.service-list ul li:nth-of-type(2n) {
  background-color: #fff;
}*/

/* ===================================== Comparison ===================================== */
.comparison-row {
  padding: 0 10px;
  margin-bottom: 15px;
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  background-color: #f6f6f6;
}
.comparison-item {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.comparison-row .comparison-item:last-of-type {
  border-bottom: none;
}
.comparison-content .item-title {
  margin-bottom: 5px;
  font-size: 26px;
  color: #141414;
}
.comparison-result {
  text-align: right;
}

/* ===================================== Products ===================================== */
#product-row-01, #product-row-02, #product-row-03 {
  margin: 50px 0;
}
#product-row-01 h2, #product-row-02 h2, #product-row-03 h2 {
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #cca352;
  font-size: 2.25em;
  font-weight: bold;
}
.product-box-wrap {
  padding: 10px;
}


.blog-tabs input { 
  display: none; 
}
.blog-tabs input + label { 
  display: inline-block 
}
.blog-tabs input ~ .tab { 
  display: none 
}
#tab1:checked ~ .tab.content1, #tab2:checked ~ .tab.content2 { 
  display: block; 
}
.blog-tabs input + label {
  border: 1px solid #cca352;
  background: #cca352;
  padding: 4px 12px;
  border-radius: 4px 4px 0 0;
  position: relative;
  top: 1px;
  color: #fff;
}
.blog-tabs input:checked + label {
  background: #fff;
  border-bottom: 1px solid transparent;
  color: #cca352;
}
.blog-tabs input ~ .tab {
  border-top: 1px solid #cca352;
  padding: 12px;
}
.empty-blog-page {
  padding: 20px 0;
}
.empty-blog-page h4 {
  margin-bottom: 20px;
  font-family: 'ralewaysemibold', Arial, sans-serif;
  font-size: 24px;
  color: #000;
}

/* ===================================== Contact ===================================== */
.form-wrap fieldset {
  border: none;
  margin-bottom: 10px;
}
.form-wrap input[type="text"], .form-wrap input[type="email"], .kartraFormWrap input[type="text"], .kartraFormWrap input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 2px 5px;
  border: 1px solid #c0c2b7;
}
.form-wrap input[type="text"], .form-wrap input[type="email"], .kartraFormWrap input[type="text"], .kartraFormWrap input[type="email"], .kart-radios {
  margin-bottom: 25px;
}
.form-wrap textarea {
  max-width: 100%;
  min-width: 100%;
  height: 240px;
  padding: 2px 5px;
  margin-bottom: 15px;
  border: 1px solid #c0c2b7;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
}
.js_captcha_wrapper {
  display: flex;
}
.js_captcha_wrapper .kartra_captcha, .js_captcha_wrapper .js_kartra_captcha {
  width: min-content;
  height: 45px !important;
  padding: 10px;
  margin: 0 20px 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f9f9f9;
  opacity: .7;
}
.js_captcha_wrapper .js_kartra_santitation {
  height: 45px;
  margin-bottom: 20px;
  max-width: 200px;
}
.form-wrap input[type="submit"], .kartraFormWrap button, .form-wrap button {
  width: auto;
  height: auto;
  padding: 15px 35px;
  border: none;
  border-radius: 3px;
  background-color: #6f0000;
  font-size: 16px;
  color: #fff;
  transition: background-color .3s ease;
  cursor: pointer;
}
.formWrap button {
  display: block;
  clear: both;
  margin-bottom: 50px;
}
.kartra-rad {
  margin-bottom: 10px;
}

.kartra-newsletter-wrap input[type="text"], .kartra-newsletter-wrap input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 2px 5px;
  margin-bottom: 10px;
  border: 1px solid #c0c2b7;
}
.kartra-newsletter-wrap button {
  width: auto;
  height: auto;
  padding: 15px 35px;
  display: block;
  clear: both;
  margin-bottom: 50px;
  border: none;
  border-radius: 3px;
  background-color: #6f0000;
  font-size: 16px;
  color: #fff;
  transition: background-color .3s ease;
  cursor: pointer;
}
.kartra-newsletter-wrap .js_kartra_santitation {
  height: 45px !important;
}
[class^="kartra_optin_tpl_"].kartra_optin_force_breaking_point_xlarge.kartra_optin_icon i.kartra_optin_i {
  top: 10px;
}
.nl-signup-wrap {
	max-width: 800px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #f6f6f6;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.08);
}
.foot-newsletter-wrap {
	padding: 20px 0;
}
.foot-newsletter-wrap .btn-primary {
	display: block;
	width: 100%;
	padding: 20px 40px;
	border-radius: 4px;
	text-align: center;
	background-color: #6f0000;
	color: #fff !important;
}

/* ===================================== Archives ===================================== */
.archive-list {
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
  background-color: #fafafa;
}
.archive-list .box-link {
  color: #6f0000;
}
.archive-list h2 a {
  color: #000;
}
.archive-list .post-date {
  padding: 0 0 20px 0;
}

/* ===================================== Single ===================================== */
.single-main-content {
  padding-top: 20px !important;
}
.blog-pagination {
  padding: 20px 5px;
  color: #aaa;
}
.blog-pagination .page-numbers {
  padding: 5px 10px;
  border: 1px solid #cca352;
  border-radius: 3px;
  background-color: #cca352;
  color: #fff;
  font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.blog-pagination .prev {
 
}
.blog-pagination .next {

}
.blog-pagination .current {
  background-color: #fff;
  color: #cca352;
}
.post-date, .post-meta {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #999;
}
.post-meta {
  border-top: 1px solid #eee;
}
.post-nav {
  display: flex;
  padding: 20px 0 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
  flex-wrap: wrap;
}
.post-nav .next-post, .post-nav .prev-post {
  width: 50%;
  flex-basis: 50%;
}
.post-nav .next-post a, .post-nav .prev-post a {
  padding: 10px;
  border-radius: 50px;
  background-color: #cca352;
  color: #fff;
}
.post-nav .next-post {
  text-align: right;
}
#comments h3 {
  width: 100%;
  margin-bottom: 20px;
  font-family: 'Cormorant', Arial, sans-serif;
  font-size: 24px;
}
#comments ol li {
  margin-bottom: 10px;
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#comments .comment-meta {
    display: flex;
    padding: 10px;
    align-items: baseline;
    background-color: #f6f6f6;
}
#comments .comment-author, #comments .comment-metadata {
    width: 50%;
    flex-basis: 50%;
}
#comments .comment-metadata {
    text-align: right;
    font-size: 14px;
}
#comments .comment-content {
    padding: 10px;
}
#comments .reply {
    padding: 10px;
    text-align: right;
}
#comments ol li .children {
    padding: 5px;
}
#comments #respond {
	padding: 5px;
}

#comments #respond textarea {
  min-width: 100%;
  max-width: 100%;
  padding: 5px;
  height: 240px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#comments #respond input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#comments #respond input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.form-submit input {
  display: block;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  background-color: #6f0000;
  text-align: center;
  color: #fff !important;
  transition: background-color 0.5s ease; 
}
.form-submit input:hover {
  background-color: #cca352;
  color: #fff;
}

/* ===================================== Landing ===================================== */
.gold-description {
  font-family: font-family: 'ralewayregular', Arial, sans-serif;
  font-size: 19px;
  color: #cca352;
}

/* ===================================== Sidebar ===================================== */
.widget-area .widget {
  margin-bottom: 40px;
}
.widget-area #form-search #s, .widget-area #form-search #searchsubmit {
  border: 1px solid #ddd;
}
.widget-area #form-search #s {
  border-right: none;
}
.widget-area #form-search #searchsubmit {
  border-left: none;
}
.widget-area .widget h3, .widget-area .widget h4, .widget-area .widget h5 {
  margin-bottom: 15px;
  font-size: 1.7em;
  font-weight: 700;
}
.widget-area .widget p {
  margin-bottom: 5px;
  font-size: 14px;
}
.sbs-button-wrap {
  overflow: auto;
  padding: 20px 0 0;
}
.sbs-button-wrap .btn-primary {
  display: block;
  /*float: right;*/
  border: none;
  border-radius: 3px;
  background-color: #6f0000;
  text-align: center;
  color: #fff !important;
}
.sbs-button-wrap .btn-primary:hover {
  background-color: #cca352;
  color: #fff;
}

/* ===================================== Contact ===================================== */
.agreement {
	display: block;
	font-size: 12px;
}
.accept-box {
	padding: 10px 0 15px 0;
}
.kartra_optin_content_wrapper_inner {
	padding: 10px !important;
}
.kartra_optin_gdpr_wrapper {
	width: 100% !important;
}
.kartra_gdpr_popover_button {
	display: none !important;
}

/* ===================================== Search ===================================== */
#search-container {
  margin-bottom: 30px;
}
#search-box {
  width: 100%;
  min-height: 50px;
  padding: 10px 0;
  overflow: auto;
}
#form-search {
  width: 100%;
}
#form-search #s {
  width: 77%;
  height: 40px;
  padding: 2px 10px;
  border: none;
  border-bottom: 1px solid #666;
  float: left;
  background-color: transparent;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #999;
}
#form-search #searchsubmit {
  width: 23%;
  height: 40px;
  padding-right: 10px;
  border: none;
  border-bottom: 1px solid #666;
  float: left;
  background-color: transparent;
  text-align: right;
  color: #666;
  cursor: pointer;
}
#form-search #searchsubmit i {
  font-size: 1.7em;
}
#form-search ::placeholder {
  color: #444;
  opacity: 1; /* Firefox */
}
#form-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444;
}

#form-search ::-ms-input-placeholder { /* Microsoft Edge */
  color: #444;
}

/* ===================================== Social ===================================== */
.social-list ul {
  list-style: none;
  float: left;
}
.social-list ul li {
  line-height: normal;
  float: left;
}
.social-list ul li a {
  line-height: 30px;
  margin-right: 20px;
  border-radius: 3px;
  display: block;
  text-align: center;
  background-color: transparent;
  font-size: 22px;
  color: #ddd;
  transition: background-color 0.5s ease, color 0.5s ease;
}
.social-list ul li a:hover {
  color: #4985ff;
}
.social-list ul li:nth-of-type(2) a:hover {
  color: #62d5ff;
}
.social-list ul li:nth-of-type(3) a:hover {
  color: #ff0000;
}
.social-list ul li:nth-of-type(4) a:hover {
  color: #007bb5;
}
#foot-social {
  padding: 10px 0;
  overflow: auto;
}

/*
==========================================
  Scripts and Plugins Styles
==========================================
*/
/* ----------------- Bx Slider ----------------- */
.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}
.bxslider li {
  position: relative;
}
.bxslider li .slide-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}
.bxslider li .slide-wrap .container {
  height: 100%;
  position: relative;
}
.bxslider li .slide-wrap .container .slide-container {
  width: 93%;
  position: absolute;
  top: 15%;
  letter-spacing: 0px;
  color: #fff;
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  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);
}



/* ----------------- 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 ----------------- */
.seb-btt-wrap {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.seb-btt-wrap::after {
  content: '';
  display: table;
  clear: both;
}
.seb-btt-top {
  display: inline-block;
  width: 60px;
  height: 40px; 
  border-right: 5px solid #6f0000;
  border-radius: 3px 0 0 3px;
  position: fixed;
  bottom: 50px;
  right: 0;
  background: rgba(0, 0, 0, 0.6) url(images/cd-top-arrow.svg) no-repeat center 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;  
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  transition: opacity 0.5s, visibility 0.5s;
}
.seb-btt-top.seb-btt-visible, .seb-btt-top.seb-btt-invisible, .no-touch .seb-btt-top:hover {
  transition: opacity .5s 0s, visibility 0s 0s;
}
.seb-btt-top.seb-btt-visible {
  visibility: visible;
  opacity: 1;
}
.seb-btt-top.seb-btt-invisible {
  opacity: .7;
}
.no-touch .seb-bt-top:hover {
  background-color: #000000;
  opacity: 1;
}
.gold-btn {
	border: 1px solid #cca352 !important;
	background-color: #;
	color: #cca352 !important;
}
.gold-btn:hover {
	border: 1px solid #cca352 !important;
	background-color: rgba(204, 163, 82, 0.7) !important;
	
}

/*
====================================================================================================================================================-----
  Responsive Styles
  -This styles are a complement or overwrite of the sixeightblue.css file
====================================================================================================================================================-----
*/
@media(min-width: 620px) {
  .head-background, .head-single-background {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
  }
  .head-background p {
	font-size: 1.5em;
  }
  .head-background img {
    margin-top: 0;
	opacity: 1;
  }
  .head-single-background img {
    margin-top: 0;
	opacity: 0.15;
  }
  .head-description, .head-title, .head-single-description {
    margin-bottom: 0;
    text-align: center;
	position: absolute;
	top: 40%;
  }
  .banner-desc-wrap h1 {
	margin-bottom: 15px;
	font-size: 30px;
  }
  .single-main-content {
    padding-top: 70px !important;
  }
}
@media(min-width: 720px) {
  #about-intro {
    margin-top: -70px;
    margin-bottom: 60px;
    position: relative;
    z-index: 99;
  }
	.bd-content-wrap {
	  padding-bottom: 50px;
	}
	.banner-desc-wrap .btn-wrap {
	  padding: 40px 0 0 0;
	}
	.banner-desc-wrap {
	  top: 50%;
	}
	.hot-wrap {
	  display: block;
	  padding: 20px 0;
	  text-align: center;
	}
}
@media(min-width: 860px) {
  .bb-title-mid, .wb-title-mid {
    font-size: 2.5em !important;
  }
	#inside-pages {
 padding-top: 100px;
}
  .title-decor-lg::after {
	margin-left: 0;
	left: 0;
  }
  .title-decor-lr::after {
	margin-left: 0;
	left: 0;
  }
  
  #main-header {
	width: 100%;
	position: fixed;
	z-index: 100;
	background-color: transparent;
	box-shadow: none;
	transition: background-color 0.3s linear;
  }
  #main-header.inside {
	background-color: rgba(255,255,255,0.7);
  }
  #main-header.single {
	background-color: transparent;
  }
  #main-header.head-bg-active {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  #header-right {
    margin-bottom: 0;
  }
  #logo-wrap {
    padding: 20px;
	margin: 0;
	position: relative;
	text-align: left;
	background-color: transparent; 
	transition: 0.2s linear;
  }
  #main-header.inside #logo-wrap {
    padding: 10px 20px;
  }
  .static-logo {
    display: block;
    position: absolute;
	top: 20px;
	left: 20px;
  }
  .static-logo img {
	opacity: 1;
	transition: opacity 0.3s ease;
  }
  .fixed-logo img {
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  #logo-wrap img {
	width: 100%;
	max-width: 260px;
	transition: 0.2s linear;
  }
  .head-bg-active #logo-wrap {
    padding: 5px 20px;
	margin: 0; 
	background-color: transparent;
	box-shadow: none;
	transition: 0.6s linear;
  }
  .head-bg-active #logo-wrap img {
	max-width: 200px;
  }
  .head-bg-active .static-logo img {
	opacity: 0;
  }
  .head-bg-active .fixed-logo img {
	opacity: 1;
  }
  
  .head-bg-active #menu-wrap ul li a {
	color: #222 !important; 
  }
  .head-bg-active #menu-wrap li.menu-item-has-children > a:after {
    color: #222 !important;
  }
  .head-bg-active #menu-wrap ul .current-menu-item a  {
	background-color: transparent !important;
	color: #0080e3 !important;
  }  
  .head-bg-active #menu-wrap ul li ul li {
	border-bottom: 1px solid #eee;
	background-color: rgba(255,255,255,1);
  }    
  .head-bg-active .btn-featured {
    box-shadow: none;
  }
  
  #box-content-main {
    width: 75%;
	padding: 0 20px 0 0;
  }
  #box-content-side {
	width: 25%;
	padding: 0 0 0 20px;
  }
  .head-single-background {
    border-top: none;
  }
  .head-background h1, .head-single-background h1 {
	margin-bottom: 0;
	font-size: 3em;
	line-height: 130%;
  }
  
  .banner-desc-wrap .btn-primary {
	  padding: 25px 35px;
	  font-size: 18px !important;
  }
  
  /*--------Video Banner--------*/
  .banner-desc-wrap {
	max-width: 85%;
	width: auto;
	top: 45%;
	left: 50%;
  }
  .banner-desc-wrap p {
	margin-bottom: 40px;
	font-size: 14px;
  }
  .banner-desc-wrap h1 {
	margin-bottom: 25px;
	font-size: 25px;
  }
  #main-banner .bd-content-wrap {
	width: 100%;
	padding: 20px 20px 50px;
	background-color: rgba(0,0,0,0.3);
  }
  .hot-wrap {
	padding: 20px 0;
	text-align: right;
  }
  
  .featured-icon {
	width: 10%;
	padding-bottom: 60px;
	border-bottom: none;
	border-right: 1px solid #cca352;
  }
  .featured-content {
	width: 90%;
	padding: 0 0 0 20px;
	text-align: left;
  }
  .featured-content .box-link {
	text-align: left;
  }
  .box-link .btn-primary {
    margin: 20px 20px 0 0;
  }

  /*--------About Row--------*/
  #about-intro {
	text-align: left;
  }
  .about-content {
    padding: 15px 20px 30px 40px;
  }
  .about-content h3 {
    text-align: left;
  }
  .about-link {
    right: 20px;
  }

  /*--------Promo Row--------*/
  .promo-image {
    text-align: left;
  }
  .promo-content {
	padding: 40px 0 50px 50px;
	text-align: left;
  }
  
  .seb-btt-top {
	bottom: auto;
	top: 200px;
  }
  
  .service-list ul {
	columns: 2;
  }
@media(min-width: 960px) {
  
}
@media(min-width: 1090px) {
  .banner-desc-wrap .btn-primary {
    max-width: 48%;
    font-size: 18px;
  }
}
@media(min-width: 1220px) {

}
@media(min-width: 1300px) {
  .banner-desc-wrap {
	max-width: 75%;
	width: auto;
	top: 45%;
	left: 50%;
  }
  .banner-desc-wrap p {
	margin-bottom: 40px;
	font-size: 18px;
  }
	.banner-desc-wrap h1 {
	margin-bottom: 25px;
	font-size: 55px;
  }
  .banner-desc-wrap .btn-primary {
	margin-bottom: 0 !important;
    max-width: 50%;
	font-size: 14px;
  }
	
  /*--------Video Banner--------*/
  #video-banner {
	height: auto;
  }
}
@media(min-width: 1400px) {
  #about-intro {
      margin-top: -120px;
      margin-bottom: 60px;
      position: relative;
      z-index: 99;
    }
}
/*	body.page #inside-pages > .container > article > h1:first-of-type {
  display: none;
}*/