/* GENERAL */

body {
	font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight: 500;
	line-height:1.75em;
	color:#CCC;
	background:#000;
}

a {
	color:#939598;
}

a:focus, a:hover {
	color:#939598;
}

hr {
	clear:both;
	margin:45px 0;
}

h2.block-title {
	margin-top:0;
}

img {
	max-width:100%;
}

.front h1.page-header {
	display:none;
}

.no-bullets, .no-bullets ul {
	list-style:none;
}

.block-center {
	max-width:800px;
	margin:0 auto;
}

.button-grid {
	display:flex;
	margin-top:24px;
	margin-bottom:12px;
}

.button-grid a {
	background:#003366;
	color:#fff;
	padding:16px;
	width:100%;
	text-align:center;
	line-height:1.3;
}

.button-grid a:hover {
	background:#aaa;
	color:#fff;
	text-decoration:none;
}

.button-grid a span {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
}

.button-grid a span::before,
.button-grid a span::after {
	content:'-';
	margin:0 6px;
}

li.showroom-link div:hover {
	background: #bbbbbb;
}
li.showroom-link div:hover {
	transition: all .2s ease-in-out;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
	background:#1a1a1a;
}

#admin-menu {
	border-bottom:1px solid #000;
}

.nav.list-inline > li {
	display:inline-block;
	padding: 0px;
}

.admin-only {
	display:none;
}

.logged-in .admin-only {
	display:block;
}

/*
CALL TO ACTION ICONS
*/
#edit-postal-code {
    width: 33%;
}
.call-to-action-title {
	position: relative;
	top: 20px;
	font-size: 20px;
}
.bestboating-headline {
		display: none;
	}
.find-dealer {
	font-size: 16px;
	text-align: center;

}
.call-to-acction {
	overflow: auto;
}

.call-to-action-box {
	color: white;
	font-weight: bolder;
	text-transform: uppercase;
	background-image: linear-gradient(to top, #888 16%, #999 79%);
	height: 69px;
	float: left;
	margin: 10px;
	display: flex;
	align-items: center;
	border-radius: 5px;
}

.call-to-action-box:hover {
	background-image: linear-gradient(to top, #6c6c6c 16%, #7a7a7a 79%);
}

.call-to-action-box p {
	margin-right: 15px;
}

.icon-box {
    width: 68px;
    height: 100%;
    padding-top: 10px;
		padding-left: 10px;
    float: left;
}

.find-a-dealer-icon {
	content: '';
	height: 44px;  /*height of icon */
	width: 44px;  /*width of icon */
	position: relative;
	/*where to replace the icon */
	top: 0px;
	left: 0px;
	/*background */
	background: url("/sites/all/themes/smoker_brands/images/Asset_1.svg") no-repeat;
	margin: 0 auto;
	display: inline-block;
}

.brochure-icon {
	content: '';
	display: block;
	height: 44px;  /*height of icon */
	width: 44px;  /*width of icon */
	position: relative;
	/*where to replace the icon */
	top: 0px;
	left: 0px;
	/*background */
	background: url("/sites/all/themes/smoker_brands/images/Asset_3.svg") no-repeat;
	margin: 0 auto;
}

@media screen and (max-width:768px){
	.hideonmobile, .video-block {
		display:none;
	}
}

@media screen and (min-width:768px){
 	#block-views-hero-slider-block {
		display:none;
	}
}

@media screen and (max-width: 383px){
	.find-dealer{
		line-height: 28px;
	}
}

@media screen and (min-width: 384px) and (max-width: 479px){
	.find-dealer{
		line-height: 55px;
	}
}

/*
FLOORING OPTIONS
 */
/* .flooring-options{
	display: inline-block;
	padding: 5px 5px;
}

.flooring-options .option img {
	border: 4px solid #ddd;
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

.flooring-options:hover {
	background-color: rgba(123,123,123,.2);
	transition: all .4s ease-in-out;
	border-radius: 4px;
}

.options {
	padding:2%;
} */

.color-options-list ul {
	margin:0;
	padding:0;
	list-style:none;
}

.color-options-list ul li {
	position:relative;
	margin-bottom:1em;
}

.color-options-list ul li img {
	width:100%;
}

.color-options-list h2 {
	text-align:center;
	font-size:16px;
	margin-bottom:24px;
}

.color-options-list h3 {
	font-size:0.8em;
	color:#fff;
	text-align: center;
	margin-top:0.5em;
}

@media screen and (max-width:992px) {
	.panel-list,
	.upholstery-list,
	.bimini-list,
	.flooring-list {
		clear:both;
	}
}

.panel-list h3,
.trim-list .field-name-field-package-title {
	font-size:0.8em;
	color:#fff;
	text-align:left;
	margin-top:0.5em;
}

.trim-list ul,
.flooring-list ul {
	display:flex;
	flex-flow:row wrap;
	margin-left:-1em;
}

.trim-list ul li,
.flooring-list ul li {
	width:calc(50% - 1em);
	margin-left:1em;
}

@supports (display:grid) {
	.trim-list ul,
	.flooring-list ul {
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:1em;
		margin:0;
	}

	.trim-list ul li,
	.flooring-list ul li {
		width:100%;
		margin:0;
	}
}

.upholstery-list ul {
	margin-right: -15px;
	margin-left: -15px;
}

.upholstery-list ul li {
	width:50%;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
	float:left;
}

.upholstery-list ul li:nth-child(2n+1) {
	clear:left;
}

/*Best boat syles*/
#block-imageblock-3 {
	position: relative;
}

#block-block-7 .call-to-acction {
	padding:5px 15px;
}

#block-block-7 .call-to-acction p {
	display: inline;
}

#block-block-7 .call-to-acction .pull-right {
	padding-top: 5px;
}

#block-imageblock-3 .block-body {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    background-color: rgba(250,250,250,.7);
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.page-discoverboating .page-header{
	text-align:center;
}

.page-discoverboating .field-items {
    overflow: hidden;
}

.page-discoverboating .field-name-field-image img {
      transition: all 1.5s ease-in-out;
}

.page-discoverboating .field-name-field-image img:hover {
    transform: scale(1.2);
}

/* @media screen and (min-width:1600px) {
	.container {
		width:1370px;
	}
} */

/* COLORS */

.bg-accent{
	background-color: #bbbbbb;
}

.bg-black {
	background:#000;
	color:#FFF;
}

.bg-charcoal {
	background:#2d2d2d;
	color:#FFF;
	overflow:hidden;
}

.bg-black a,
.bg-charcoal a {
	color:#FFF;
}

.bg-grey {
	background:#222;
}

.padded {
	padding:45px 0;
}

/* Bootstrap Hack */

/* .col-sm-1:nth-child(12n+1)
.col-sm-2:nth-child(6n+1),
.col-sm-3:nth-child(4n+1),
.col-sm-4:nth-child(3n+1),
.col-sm-6:nth-child(2n+1) {
	clear:left;
} */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

	/* For adding the Boat Profile Description In */
	.up-colors-col {
		float: right !important;
		margin-right: 0;
	}
	.boat-profile-desc {
		width: 25% !important;
	}
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.btn {
	border-radius:0;
	padding:8px 28px;
}

.btn-showroom {
    border: 3px solid #000;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

h3 > .btn-showroom {
	font-size:20px;
}

.btn-default {
	color: white;
	font-weight: bolder;
	text-transform: uppercase;
	background-image: linear-gradient(to top, #888 16%, #999 79%);
	border: none;
}

.btn-default:hover{
	background-image: linear-gradient(to top, #6c6c6c 16%, #7a7a7a 79%);
	color:white;
	border: none;
}

.btn-default:active{
	background-image: linear-gradient(to top, #888 16%, #999 79%);
	color:white;
	border: none;
}

.btn-default:focus{
	background-image: linear-gradient(to top, #888 16%, #999 79%);
	color:white;
	border: none;
}

.btn-default:active:hover{
	background-image: linear-gradient(to top, #888 16%, #999 79%);
	color:white;
	border: none;
}

.form-control {
	border-radius:0;
}

.list-justified {
	text-align:justify;
}

.list-justified:after {
	content:"";
	display:inline-block;
	width:100%;
	position:relative;
}

.ui-accordion .ui-accordion-icons {
	padding-left:.7em;
}

.ui-accordion h3.ui-accordion-header {
	text-transform:uppercase;
	border-radius:0;
	font-size:14px;
	font-weight:bold;
}

.ui-accordion h3.ui-accordion-header:hover {
	background:#1a1a1a;
}

.ui-accordion h3.ui-accordion-header:hover a {
	color:#EEE;
}

.ui-accordion h3.ui-accordion-header {
	padding:10px 10px 10px 30px;
}

.ui-accordion .ui-accordion-content {
	padding:5px;
}

.ui-accordion h3.ui-accordion-header-active a {
	color:#EEE;
}

.ui-accordion .ui-accordion-content {
	border:none;
	font-size:12px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color:transparent;
	background-image:none;
	border-left:none;
	border-top:none;
	border-right:none;
}

/* SIDEBAR */
.well {
	background:rgba(58,60,64,0.5);
	border-radius:0;
}


/* WINTER CASH */

.cash-table {
	margin:0 0 35px;
}

.cash-table thead th {
	font-style: italic;
}

.cash-table th,
.cash-table td {
	padding:15px;
}

.cash-table h3 {
	margin:0;
}

/* LOADER */

#loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	text-align:center;
	max-height:2000px;
	opacity:1;
	overflow:hidden;
	transition:all 0.55s ease-in-out;
}

#loader .contextual-links-region {
	position:inherit;
}

#loader.loaded {
	max-height:0;
}

#loader #loader-emblem {
	width:40%;
	left:50%;
	top:45%;
	position:absolute;
	-webkit-transform:translate(-50%,-50%) ;
	-moz-transform:translate(-50%,-50%) ;
	-o-transform:translate(-50%,-50%) ;
	-ms-transform:translate(-50%,-50%) ;
	transform:translate(-50%,-50%) ;
}

@media screen and (max-width:768px) {
	#loader #loader-emblem {
		width:80%;
	}
}

#loader path {
  stroke-dasharray: 750;
  stroke-dashoffset: 750;
  animation: dash 2s ease-in-out forwards;
  fill-opacity:0;
}
#loader polygon {
  animation: dash 2s ease-in-out forwards;
  fill-opacity:0;
}
@keyframes dash {
    0%   { }
    25%  { }
    50%  { }
    75%  { stroke-dashoffset: 0; stroke-opacity:1; fill-opacity:0; }
    100% { stroke-opacity:0; fill-opacity:1; }
}

.preloader {
  margin: 0 0 0 -35px;
  width: 70px;
  height: 30px;
  font-size: 10px;
  position:absolute;
  top:62%;
  left:50%;
}

.preloader > div {
  background-color: #FFF;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;

  -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
  animation: stretchdelay 0.7s infinite ease-in-out;
}

.preloader .circ2 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.preloader .circ3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.preloader .circ4 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.preloader .circ5 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: translateY(-10px) }
  20% { -webkit-transform: translateY(-20px) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
  } 20% {
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
  }
}

.page-content { overflow:hidden; }

/* HERO VIDEO */

.video-block {
	position:relative;
	overflow:hidden;
	padding-bottom:45vw;
}

@media screen and (min-width:1600px){
	.video-block {
		padding-bottom:35vw;
	}
}

.video-block .video-foreground {
	position:absolute;
	z-index:5;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	font-size:50px;
	font-weight:200;
	color:#FFF;
	padding:10px 0 40px;
	line-height:1.25em;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

@media screen and (min-width:960px) {
	.video-block .video-foreground {
		font-size:60px;
	}
}

@media screen and (min-width:1400px) {
	.video-block .video-foreground {
		font-size:70px;
	}
}

.video-block .video-foreground .container {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:0 0 30px;
}

.video-block .video-background {
  position: absolute;
	top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  pointer-events: none;
}

@media (max-width: 768px) {
    .video-block .video-background {
        pointer-events: auto;
    }
}

.video-block .video-background iframe {
	position:absolute;
	min-width:2100px;
	height:120%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.video-block .video-scroll {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	min-height:80px;
	font-size:20px;
	text-indent:-100vw;
	color:#FFF;
	padding:10px 0;
	background:url("../images/scroll_icon.svg") center center no-repeat;
	background-size:contain;
	animation-name: bounce;
	animation-timing-function: ease;
	animation-duration:2s;
	animation-iteration-count: infinite;
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(10px); }
  50%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

/* SEARCH */

.smoker-search {
	margin:8px 0 0;
}

.smoker-search .form-control {
	height:26px;
	width:100%;
	padding:6px 10px;
	border:none;
	border-radius:0;
	float:right;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
}

.smoker-search .form-actions {
	margin-bottom:8px;
}

.smoker-search .btn {
	padding:2px 6px;
	border-radius:0;
	background:#666;
	border-color:#666;
}

/* HEADER */

#site-header {
  float: none;
	width:100%;
	z-index:4;
	position:relative;
}

#site-header::before, .field-name-field-banner-background {
	content:'';
	display:block;
	position:absolute;
	background-size:cover;
	background-position:bottom center;
	background-color:#333;
	opacity:0.3;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	overflow:hidden;
}

.field-name-field-banner-background .field-items,
.field-name-field-banner-background .field-item {
	height:100%;
}

.field-name-field-banner-background img {
	width:100%;
	height:100%;
	object-fit:cover;
}

#navbar {
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	background-color:rgba(0,0,0,0);
}

#navbar.scroll-to-fixed-fixed {
	background-color:rgba(0,0,0,0.8);
}

#navbar.scroll-to-fixed-fixed .secondary-nav {
	padding:12px 24px;
}

#navbar .row {
	display: flex;
	min-height: 100px;
	align-items: center;
	flex-wrap: wrap;
}

#navbar a {
	color:#FFF;
}

.nav > li > a > img {
	max-width:100%;
}

#navbar hr {
	margin:0;
	border-color:#5b5c5e;
}

#navbar .navbar-header {
	text-align:center;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#navbar .primary-nav {
	border-bottom:1px solid #ddd;
	position:relative;
	z-index:100;
}

#navbar .nav-container {
	display:flex;
	position:relative;
	margin-bottom:0;
}

#navbar .nav-container .nav-menu-item {
	border-left:1px solid #ddd;
	width:12%;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	font-size:14px;
	display:flex;
	align-items:center;
}

#navbar .nav-container .nav-menu-item:last-child {
	border-right:1px solid #ddd;
}

#navbar .nav-container .nav-menu-item:hover,
#navbar .nav-container .nav-expand.opened {
	background:#999;
}

#navbar .nav-container .nav-expand ul {
	position:absolute;
	background:#999;
	display:none;
	top:100%;
	left:15px;
	right:15px;
	margin:0;
}

#navbar .nav-container .nav-expand.opened ul {
	display:block;
	list-style:none;
	padding:20px 10px;
	border-top:1px solid #fff;
}

#navbar .nav-container .nav-expand.opened ul ul {
	display:none;
}

#navbar .nav-container .nav-menu-item.nav-logo:hover {
	background-color:transparent;
}

#navbar .nav-container .nav-menu-item a {
	margin:0 auto;
	color:#fff;
	padding:16px 24px;
}

#navbar .nav-container .nav-menu-item a:hover {
	text-decoration: none;
}

#navbar .browse-models {
	padding:1em 0;
	color:#fff;
}

#navbar .nav-container .nav-menu-item .browse-models a {
	background:#444;
	margin-left:8px;
	padding:6px 12px;
}

#navbar .nav-container .nav-menu-item .browse-models a:hover {
	background:#000;
}

#navbar .nav-container .nav-menu-item.nav-build a::before {
	content:'';
	display:block;
	width:32px;
	height:32px;
	background:url('../images/nav-icn-build.svg') center center no-repeat;
	background-size:contain;
	margin:0 auto 6px;
	opacity:0.6;
}

#navbar .nav-container .nav-menu-item.nav-dealer a::before {
	content:'';
	display:block;
	width:32px;
	height:32px;
	background:url('../images/nav-icn-dealer.svg') center center no-repeat;
	background-size:contain;
	margin:0 auto 6px;
	opacity:0.6;
}

#navbar .nav-container .nav-menu-item.nav-logo {
	width:52%;
}

#navbar .nav-container .nav-menu-item.nav-main-menu li a:hover,
#navbar .nav-container .nav-menu-item.nav-main-menu li a:focus {
	background:#666;
}

.nav-icon {
  margin:0 auto 6px;
  width:32px;
	display:block;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color:#fff;
  content:'';
  display:block;
  height:3px;
  margin:5px 0;
  transition:all .2s ease-in-out;
}

.nav-expand.opened .nav-link .nav-icon::before {
  transform:translateY(8px) rotate(135deg);
}

.nav-expand.opened .nav-link .nav-icon::after {
  transform:translateY(-8px) rotate(-135deg);
}

.nav-expand.opened .nav-link .nav-icon div {
  transform:scale(0);
}

/* Showroom Link */
#navbar .nav-container .nav-menu-item .showroom-link {
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	position:unset;
}

#navbar .nav-container .nav-menu-item .showroom-link .series-link {
	padding:0;
	display:block;
	transition:transform 0.2s ease-in-out;
	-webkit-transition:transform 0.2s ease-in-out;
	-moz-transition:transform 0.2s ease-in-out;
}

#navbar .nav-container .nav-menu-item .showroom-link .series-link:hover,
#navbar .nav-container .nav-menu-item .showroom-link .series-link:focus {
	transform:scale(1.02);
}

#navbar .nav-container .nav-menu-item .showroom-link .series-link span {
	display:block;
	margin-top:5px;
}

@media screen and (min-width:960px) {
	#navbar .nav-container .nav-menu-item .showroom-link-parent.opened ul {
		display:block;
		width:100%;
		left:0;
	}
	#navbar .nav-container .nav-menu-item .showroom-link-parent .series-link-parent img {
		border:2px solid transparent;
	}
	#navbar .nav-container .nav-menu-item .showroom-link-parent.opened .series-link-parent img {
		border-color:#fff;
	}
}

#navbar .nav-container .nav-menu-item .showroom-link-parent.opened ul li {
	margin-bottom:12px;
}

@media screen and (max-width:1028px) {
	#navbar .nav-container {
		display:grid;
		grid-template-columns:repeat(4, minmax(0,25%));
	}
	#navbar .nav-container .nav-menu-item {
		width:100%;
		order:2;
	}
	#navbar .nav-container .nav-menu-item.nav-logo {
		grid-column:span 4;
		width:100%;
		order:1;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
	}
}

@media screen and (max-width:768px) {
	#navbar .logo {
		max-width:80%;
	}
	#navbar .primary-nav {
		border-bottom:none;
	}
	#navbar .secondary-nav {
		display:none;
	}
	#navbar .main-nav ul li {
		width:50%;
		float:left;
		text-align:left;
	}
	#navbar .nav-container .nav-menu-item {
		font-size:12px;
		border-bottom:1px solid #fff;
	}
	#navbar .nav-container .nav-menu-item a {
		padding:14px 12px;
	}
	.showroom-link {
		margin-bottom:1em;
	}
}

@media screen and (max-width:540px) {
	#navbar .nav-container .nav-menu-item {
		font-size:11px;
	}
}

#navbar ul.secondary {
	float:none;
	display:block;
}

#navbar .secondary-nav {
	background:#000;
	text-transform:uppercase;
	text-align:center;
	padding:24px;
	position:relative;
	z-index:100;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}

#navbar .secondary-nav li {
	font-size:80%;
	float:none;
	display:inline-block;
}

#navbar .secondary-nav li a {
	padding:0 16px 0 0;
}

ul.menu > li a:hover, ul.menu > li a:focus, .ul.menu > li a:active, .dropdown li a:hover, .dropdown li a:focus, .dropdown li a:active,
.menu-block-wrapper > ul > li > a:hover, .menu-block-wrapper > ul > li > a:focus, .menu-block-wrapper > ul > li > a:active,
#navbar .secondary-nav li a:hover, #navbar .secondary-nav li a:focus, #navbar .secondary-nav li a:active {
	background-color:transparent;
}

#navbar .btn.btn-default {
	background-color:transparent;
	padding:5px 15px;
	margin:10px 0;
	text-transform:none;
}

#navbar #block-views-boat-info-block-6 {
	position:absolute;
	right:15px;
	top:100%;
	font-size:17px;
	font-weight:bold;
	padding:20px 0 0;
	z-index:1;
}

#navbar #block-views-boat-info-block-6 .views-field-nothing a {
	background:#FFF;
	border-radius:5px;
	padding:10px 15px;
	text-transform:uppercase;
}

li.showroom-link div {
	overflow: hidden;
}

li.showroom-link div:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

li.showroom-link div img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.logo {
	display:block;
	max-width:425px;
	margin:0 auto;
	float:none;
	padding:8px 0;
}

@media screen and (max-width:768px) {
	.logo {
		float:left;
	}
}

/* MOBILE MENU */

/* .mm-listview>li>a, .mm-listview>li>span {
	padding:15px 10px 15px 20px;
}

#mobile-menu .series-nav-icon {
	display:inline-block;
	opacity:0.1;
	margin:0 10px 3px 0;
	vertical-align:middle;
}

#mobile-menu .home-link {
	padding:0;
	background:none !important;
}

#mobile-menu .home-link .menu_icon {
	padding:15px 10px 15px 20px;
	font-weight:normal !important;
}

#mobile-menu li {
	background-position:10px center;
}

#mobile-menu .showroom-link #showroom-menu-image{
	display:none;
}

#mobile-menu a.menu_icon {
	padding:15px 20px 0;
	font-weight:bold;
}
#mobile-menu a.menu-description {
	padding:0 20px 15px;
}

#mobile-menu .caret,
#mobile-menu .series-link > img {
	display:none;
}

#mobile-menu .dealer-link {
	float:none !important;
	margin:20px 0 0;
	padding:0 20px;
}

#mobile-menu .dealer-link:after {
	display:none;
} */

/* CONTENT OVERLAY */

#contentOverlay {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	opacity:0.7;
	z-index:10;
	display:none;
}

#contentOverlay.active {
	display:block;
}

/* HERO */

.hero-container {
	position:relative;
}

/* .hero-container::before {
	content:'';
	display:block;
	background:rgba(58,60,64,0.5);
	position:absolute;
	top:0;
	bottom:0;
	left:-100vw;
	right:-100vw;
} */

.hero-default img {
	margin:0 auto;
}

.region-hero {
	max-width:1750px;
	min-height:7em;
	margin:0 auto;
	position:relative;
}

.hero-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: url(/sites/all/themes/smoker_brands/images/slide-overlay.png) bottom center repeat-x;
    pointer-events: none;
}

/* Hero Overrides */
/* .md-objects .md-object { width:100% !important; } */
.md-objects .md-object img { object-fit:cover; }

@media screen and (max-width:768px) {
	.hero-overlay {
		opacity:0.5;
	}
}

.view-hero-slider .banner-images img {
	margin:0 auto;
}

/* BREADCRUMBS */

.breadcrumb {
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	background:0;
	margin:0 0 15px;
	padding:8px 0;
}

.breadcrumb > li + li:before, .breadcrumb .active, .breadcrumb a {
	color:#666;
}

.breadcrumb strong {
	font-weight:normal;
}

@media screen and (max-width:768px) {
	.breadcrumb {
		text-align:left;
	}
}

/* BODY */

h1.page-header {
	border-bottom:none;
	padding:4px 0 4px 16px;
	margin-bottom:20px;
	font-weight:600;
	font-size:52px;
	color:#fff;
	text-transform:uppercase;
	border-left:3px solid #ccc;
}

.main-container, .regions_tiles {
	margin-top:25px;
	margin-bottom:45px;
}

.front .main-container {
	margin-top:45px;
}

.front .main-container {
	margin-top:0;
	margin-bottom:0;
}

.node-type-boat-series-gallery .field-name-field-exterior-photos .field-item,
.node-type-boat-series-gallery .field-name-field-interior-photos .field-item {
	display:inline-block;
	width:20%;
}

.node-type-boat-series-gallery .field-name-field-exterior-photos .field-item img,
.node-type-boat-series-gallery .field-name-field-interior-photos .field-item img {
	padding:10px;
}

/* COLORBOX OVERRIDES */

#cboxWrapper {
	border-radius:0;
	color: #333;
}

#cboxWrapper .table-striped > tbody > tr:nth-of-type(odd),
#cboxWrapper .table-hover > tbody > tr:hover {
	background-color:#DDD;
}

/* REGIONS */

.page-region {
	padding:40px 0;
}

h2.region-title {
	text-align:center;
	font-weight:normal;
	font-size:40px;
}

/* BLOG */

#block-views-blog-page-block-1 {
	padding:25px;
	border:1px solid #888;
}

.blog-post {
	margin:0 0 25px;
	padding:0 0 25px;
	border-bottom:1px solid #888;
}

.blog-post:last-child {
	border-bottom:none;
	padding:0;
}

.blog-post h2.blog-title {
	margin-top:0;
}

.blog-post-teaser {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #888;
}

.blog-post-teaser a {
	color:#000;
}

.node-article .field-name-field-blog-video {
	margin:0 0 25px;
}

.node-article .field-name-field-tags >.field-items > * {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #CCC;
	display:inline-block;
	float:none;
}

/* DISCOVER BOATING */

.node-type-discover-boating-page .region-hero,
.node-type-discover-boating-page #page-content {
	overflow:hidden;
}

.node-type-discover-boating-page .views-field-field-banner-image img {
	margin:0 auto;
}

.node-type-discover-boating-page .page-header,
.node-type-discover-boating-page .section-info,
.node-type-discover-boating-page .db-copy {
	text-align:center;
}

.node-type-discover-boating-page .section-info h2 {
	font-size:2.5em;
	margin-top:1em;
}

.node-type-discover-boating-page .db-section-banner {
	margin-left:-15em;
	margin-right:-15em;
}

.node-type-discover-boating-page .background-image-formatter {
	height:35em;
	background-size:cover;
	background-attachment:fixed;
}

.node-type-discover-boating-page .db-copy {
	margin-bottom:3em;
}

.node-type-discover-boating-page .db-copy li {
	list-style:none;
	display:inline-block;
	margin:0 0.25em;
}

.node-type-discover-boating-page .db-copy li .btn {
	padding:0.5em 1em;
	border:1px solid #333;
	color:#333;
	border-radius:3px;
}

.node-type-discover-boating-page .db-copy li .btn:hover {
	background:#EFEFEF;
}

.node-type-discover-boating-page .db-banner-copy {
	position:absolute;
	top:50%;
	left: 0;
	right:60%;
	min-width:55rem;
	padding:2em;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	background: rgba(255,255,255,0.85);
}

.node-type-discover-boating-page .db-banner-copy .db-logo {
	max-width:30rem;
}

.node-type-discover-boating-page .resource-block {
	margin:2em 0;
	transition:all 0.35s ease-in-out;
}

.node-type-discover-boating-page .resource-block:hover {
	transform:scale(1.05);
}

.node-type-discover-boating-page .resource-block .resource-image {
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#333;
	overflow:hidden;
}

.node-type-discover-boating-page .resource-info {
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#333;
	padding:1em 1em 2em;
}

.node-type-discover-boating-page .resource-block.external .resource-info {
	background:#EFEFEF;
}

.node-type-discover-boating-page .resource-info h3 {
	margin:1rem 0;
}

.node-type-discover-boating-page .resource-info h3 span {
	color:#666;
	font-size:0.75em;
	margin-left:0.25em;
}

.node-type-discover-boating-page .non-external .resource-info h3 span {
	display:none;
}

@media screen and (max-width:768px) {
	.node-type-discover-boating-page .db-banner-copy {
		position:static;
		top:auto;
		left: auto;
		transform:translateY(0%);
		min-width:100%;
		padding:2em 3em;
	}

	.node-type-discover-boating-page .db-section-banner {
		margin-left:-5em;
		margin-right:-5em;
	}

	.node-type-discover-boating-page .background-image-formatter {
		height:20em;
		background-attachment:inherit;
	}
}

@media screen and (max-width:600px) {
	.node-type-discover-boating-page .resource-block {
		min-width:100%;
		margin:1em 0;
	}
}

/* SHOWROOM */

@media screen and (max-width:768px) {
	#block-views-showroom-block .showroom-series {
		clear:both;
		padding-top:15px;
	}
}

.node-boat-series .field-name-node-link a {
	margin: 16px 0;
	border-radius: 2px;
}

@media (min-width: 750px) {
	.showroom-series {
		/*display: flex;*/
		flex-direction: row;
		width: 33%;
		padding: 20px;
	}
}

@media (max-width: 751px){
	.showroom-series {
		width:100%;
		padding-bottom: 20px;
	}
}

.series-image-box {
	overflow:hidden;
}

.showroom-series {
	margin-bottom: 50px;
}

.showroom-series a {
	text-decoration: none;
}

.showroom-series img:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	filter: brightness(50%);
}

.showroom-series img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/*#block-views-showroom-block .showroom-series-wrapper p {*/
/*	padding:5px 10px;*/
/*}*/

.showroom-links {
	margin-bottom:30px;
}

/* SERIES */

.view-hero-slider-series-type .owl-item,
.view-hero-slider-series-type .item-0 {
	text-align:center;
}

.view-hero-slider-series-type .owl-item img,
.view-hero-slider-series-type .item-0 img {
	margin:0 auto;
	width:100%;
}

.view-hero-slider-series-type .owl-item .banner-title,
.view-hero-slider-series-type .item-0 .banner-title {
	color:#FFF;
	position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
    text-align: right;
    z-index: 9;
}

.view-hero-slider-series-type .owl-item .banner-title h2,
.view-hero-slider-series-type .item-0 .banner-title h2 {
	max-width:1750px;
	margin:0 auto 10px;
	font-weight:700;
	font-size:36px;
	padding-right:40px;
}

.view-hero-slider .owl-controls {
	display:none !important;
}

@media (min-width: 750px) {
	.views-row.showroom-series-link {
		display: flex;
		flex-direction: row;
		width: 33%;
		padding: 20px;
	}
}

@media (max-width: 768px){
	.views-row.showroom-series-link {
		width:100%;
		padding-bottom: 20px;
	}
}

.view-showroom .view-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.block-series-colors { margin-top:25px; }

.block-series-colors .block-title {
	text-align:center;
}

.series-colors {
	text-align:center;
	margin:45px 0;
}

.series-colors img {
	margin:0 auto;
}

.series-colors h3 {
	font-weight:100;
}

.series-colors ul,
.color-picker ul {
	padding:0 10%;
	margin:0 0 10px;
	text-align:center;
}
.color-picker .color-swatch {
	cursor: pointer;
}
.series-colors ul li,
.color-picker ul li {
	text-align:center;
	display:inline-block;
	list-style:none;
	padding:10px;
	-webkit-transition:all 0.35s ease-in-out;
	-moz-transition:all 0.35s ease-in-out;
	-o-transition:all 0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
}

.series-colors ul li:hover,
.color-picker ul li:hover,
.color-picker ul li.active {
	background:#333;
}

.series-colors ul li .field-name-title,
.color-picker ul li .field-name-title {
	font-size:0.9em;
	padding:5px 0 0;
}

.color-swatch {
	border-radius:100px;
	border:3px solid #DDD;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin:0 auto;
}

.color-swatch:after {
	content:"";
	display:block;
	background-color:#EEE;
	opacity:0.3;
	width:150%;
	height:100%;
	position:absolute;
	left:-35%;
	top:-50%;
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	transform:rotate(-20deg);
}

@media screen and (max-width:768px) {
	.series-colors ul, .color-picker ul {
		padding:0 5%;
	}
	.series-colors ul li .field-name-title, .color-picker ul li .field-name-title {
		display:none;
	}
	.color-picker li .color-swatch {
		width:40px !important;
		height:40px !important;
	}
	.color-picker li .views-field-name {
		display:none;
	}
}

#block-views-series-block-3 {
	color:#FFF;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	text-align:right;
	z-index:9;
}

#block-views-series-block-3 h1 {
	padding:40px;
	font-weight:100;
}

.series-intro {
	border-bottom: none;
  padding: 4px 0 4px 16px;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  border-left: 3px solid #ccc;
}

.series-intro .h2 {
	font-weight: 600;
	font-size: 52px;
	margin:0;
}

.series-page-menu {
	background:#000;
	text-align:center;
	position:relative;
}

.series-page-menu li {
	line-height:1em;
}

.series-page-menu li a {
	color:#FFF;
	text-transform:uppercase;
	padding:0 15px;
	margin:15px 0;
}

.series-page-menu li:last-child a {
	border-right:0;
}

.series-page-menu li a:hover,
.series-page-menu li a:focus {
	background-color:transparent;
	color:#CCC;
}

.series-page-menu ul.menu.nav.list-inline a.active {
	background: white;
	font-weight: bolder;
	color: black;
}

.series-page-menu ul.menu.nav.list-inline a {
	margin: 0px;
	padding: 15px;
}

#series-menu-hamburger {
	position:absolute;
	left:20px;
	top:13px;
	z-index:10;
}

#series-menu-hamburger:before,
#series-menu-hamburger:after {
	content:"";
}
#series-menu-hamburger span,
#series-menu-hamburger:before,
#series-menu-hamburger:after {
	display:block;
	height:2px;
	width:20px;
	border-radius: 1px;
	background:#DDD;
	margin:0 0 5px;
}

@media screen and (max-width:768px) {
	.series-page-menu {
		background:#333;
		border-top:1px solid #FFF;
	}
	.series-page-menu li {
		display:block !important;
	}
	.series-page-menu li a {
		border-right:none;
		display:none;
	}
	.series-page-menu li a.active {
		display:block;
	}
	.series-page-menu.open li a {
		border-right:none;
		display:block;
	}
}

#block-views-series-block-1 {
	margin:20px 0 0;
}

.series-overhead {
	margin:0 0 20px;
	text-align:center;
}

@media screen and (min-width:768px) {
	.series-overhead {
		float:none;
		width:33%;
		display:inline-block;
	}
}

.series-overhead img {
	margin:0 0 15px;
}

.series-overhead a {
	color:#EEE;
}

.view-series.view-display-id-block_1 {
	padding-bottom:24px;
	border-bottom:2px solid #ccc;
}

.series-overhead-footer {
	clear:both;
	text-align:center;
	font-style:italic;
	font-size:0.9em;
	padding:15px 0;
}

#block-views-series-block h2.block-title,
.series-features .views-field-field-features-intro {
	text-align:center;
	margin-bottom:25px;
}

.series-features h2.feature-title {
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}

.series-features .entity-paragraphs-item {
	margin:0 8px;
}

.series-features .entity-paragraphs-item > .content {
	border:1px solid #DDD;
}

.series-features .field-name-field-feature-title {
	padding:5px 15px;
}

.series-features-link {
	text-align:center;
	margin:30px 0;
}

.series-features-accordion {
	margin-top:15px;
	margin-bottom:60px;
}

.series-features-accordion h3 {
	font-size:18px;
	text-transform:uppercase;
	border:3px solid #DDD;
	border-bottom-width:1px;
	padding:10px;
	margin-bottom:0;
}

.series-features-accordion ul {
	border:3px solid #DDD;
	border-top:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
}

.series-features-accordion ul li:hover {
	background-color:#222;
}

.series-features-accordion .feature-item {
	border-bottom:1px solid #CCC;
	padding:10px 0;
}

.spec-info {
	text-align:center;
	margin-bottom:15px;
}

.series-spec-filter {
	text-align:center;
	padding:0 0 30px;
}

.series-spec-filter > .list-inline {
	margin:0;
}

.series-spec-filter ul li {
	padding-bottom:10px;
}

.series-spec-filter ul li a {
	padding:5px 10px;
	border:1px solid #888;
	display: block;
}

.series-spec-wrapper {
	padding:15px;
}

.series-spec .views-field-field-overhead img {
	margin:15px auto;
}

.series-spec .views-field-rendered-entity h2 {
	text-align:center;
	margin:15px 0 30px;
}

.view-series-media {
	position:relative;
}

.series-media-left {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.view-series-media .series-media-menu {
	padding:30px 15%;
}

.view-series-media h2 {
	font-weight:100;
	font-size:40px;
	margin:0 0 20px;
}

.view-series-media h2 > strong {
	display:block;
}

.view-series-media .nav-tabs {
	margin:0 0 5px;
	border:none;
}

.view-series-media .nav-tabs > li {
	display:block;
	float:none;
	margin:0 0 10px;
	font-size:16px;
}

.view-series-media .nav-tabs > li a,
.view-series-media .nav-tabs > li a:focus,
.view-series-media .nav-tabs > li a:active {
	color:#CCC;
	padding:2px 18px;
	background:none;
	border:none;
}

.view-series-media .nav-tabs > li.active:before {
	content:'»';
	display:block;
	float:left;
	margin:0 10px 0 0;
}

.view-series-media .nav-tabs > li.active a {
	color:#FFF;
}

@media screen and (max-width:768px) {
	.series-media-left {
		position:relative;
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		transform:none;
		top:auto;
		left:auto;
	}
}

#asset-exterior img,
#asset-interior img {
	width:100%;
}

.view-series-media .owl-controls {
	position:absolute;
	bottom:20%;
	width:100%;
	left:0;
}

.view-series-media .owl-controls .owl-buttons div {
	position:absolute;
	top:0;
	margin:0;
	border-radius:0;
	font-size:22px;
	line-height:1em;
	padding:5px 15px 10px;
	opacity:0.7;
}

.view-series-media .owl-controls .owl-buttons div.owl-prev {
	left:0;
}

.view-series-media .owl-controls .owl-buttons div.owl-next {
	right:0;
}

.view-series-sub-pages .gallery-asset > .entity  {
	margin-bottom:30px;
	border:1px solid #CCC;
}

.view-series-sub-pages .gallery-asset {
	position:relative;
	margin-bottom:30px;
}

.view-series-sub-pages .gallery-asset .field-name-field-asset-label,
.view-series-sub-pages .gallery-asset > .views-field-title {
	padding:5px 15px;
}

.view-series-sub-pages .gallery-asset > .views-field-field-model-360 {
	border:1px solid #CCC;
	border-bottom:none;
}

.view-series-sub-pages .gallery-asset > .views-field-field-model-360:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:50%;
	background:url('../images/360-white.png') top right no-repeat;
	margin:10px 25px 0 0;
	pointer-events:none;
}


.view-series-sub-pages .gallery-asset > .views-field-title {
	border:1px solid #CCC;
	border-top:none;
}

.view-series-sub-pages .boat-gallery h2 {
	font-style:italic;
}

.view-series-sub-pages .gallery-assets > .asset-wrapper {
	width:25%;
	float:left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom:30px;
}

@media screen and (max-width:768px) {
	.view-series-sub-pages .gallery-assets > .asset-wrapper {
		width:100%;
		float:none;
	}
}

.view-series-sub-pages .gallery-assets > .asset-wrapper:nth-child(4n+1) {
	clear:left;
}

.view-series-sub-pages .gallery-assets > .asset-wrapper > * {
	border:1px solid #CCC;
	display:block;
}

.view-series-sub-pages .gallery-assets > .asset-wrapper > .asset-label {
	padding:5px 15px;
	border-top:none;
}

.series-floorplan {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #888;
}

.series-floorplan:last-child {
	border-bottom:0;
	padding-bottom:0;
}

.series-floorplan h2 {
	margin-top:0;
}

.series-floorplan img {
	margin:0 auto 10px;
}

.series-floorplan .group-specs label {
	text-transform:uppercase;
	font-size:18px;
}

.view-series-sub-pages .field-name-node-link, .view-series .field-name-node-link, .view-series-sub-pages .more-link, .view-series .more-link {
	clear:both;
	text-align:center;
}

.view-series-sub-pages .field-name-node-link a, .view-series .field-name-node-link a, .view-series-sub-pages .more-link a, .view-series .more-link a {
	border:1px solid #888;
	padding:5px 10px;
	border-radius:2px;
	text-transform:uppercase;
	font-size:18px;
	margin:10px 0;
	display:inline-block;
}

/* BOATS */

#cboxWrapper .row {
	margin:0;
}

#cboxWrapper .panel-body {
	padding:0;
}

.group_specs caption {
	display:none;
}

#cboxWrapper .node-boat .field-name-field-overhead {
	margin:30px 0;
}

#cboxWrapper .node-boat .field-name-body {
	margin-bottom:30px;
}

#cboxWrapper .node-boat .field-name-node-link,
.node-boat .field-name-nurture-link {
	text-align:center;
	border:1px solid #888;
	border-radius:3px;
	padding:5px;
	margin:0 0 10px;
}

#cboxWrapper .series-features-accordion h2 {
	font-size:25px;
	margin-top:0;
}

.node-type-boat .field-name-field-overhead {
	margin:0 0 25px;
}

.node-type-boat .node-boat .form-group {
	margin:0;
}

.node-type-boat .node-boat .boat-group label {
	text-transform:uppercase;
	padding:8px;
	font-size:18px;
}

.node-type-boat .node-boat .boat-group > .field {
	margin:0 0 25px;
	border-top:1px solid #888
}

.view-boat-info .ui-accordion-content .views-field-field-feature-list {
	margin:8px 8px 8px 25px;
}

/* COLOR PICKER */

.views-field-field-color-picker-code {
	text-align:center;
}

.views-field-field-color-picker-code > .field-content {
	position:relative;
	display:inline-block;
}

.views-field-field-color-picker-code.animated > .field-content {
	-webkit-animation:waving 2s infinite ease-in-out;
	animation:waving 2s infinite ease-in-out;
}

.views-field-field-color-picker-code .boat-bottom,
.views-field-field-color-picker-code .boat-middle,
.views-field-field-color-picker-code .boat-top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.topBoatColor,
.middleBoatColor,
.bottomBoatColor {
	text-align:center;
	display:none;
}

.top-stripe .topBoatColor,
.top-stripe-main-stripe .topBoatColor,
.top-stripe-main-stripe-bottom-stripe .topBoatColor,
.top-stripe-bottom-stripe .topBoatColor,

.main-stripe .middleBoatColor,
.top-stripe-main-stripe .middleBoatColor,
.top-stripe-main-stripe-bottom-stripe .middleBoatColor,
.main-stripe-bottom-stripe .middleBoatColor,

.top-stripe-main-stripe-bottom-stripe .bottomBoatColor,
.top-stripe-bottom-stripe .bottomBoatColor,
.main-stripe-bottom-stripe .bottomBoatColor,
.bottom-stripe .bottomBoatColor {
	display:block;
}


.topBoatColor h4,
.middleBoatColor h4,
.bottomBoatColor h4 {
	font-weight:bold;
	margin-top:0;
}

@keyframes waving {
  0%, 100% {
	-webkit-transform: translateY(0) translateX(0) rotate(1deg);
	transform: translateY(0) translateX(0) rotate(1deg);
  } 50% {
	-webkit-transform: translateY(-10px) translateX(3px) rotate(-1deg);
	transform: translateY(-10px) translateX(3px) rotate(-1deg);
  }
}

/* TILES */

.view-tiles.tile-header {
	padding:18px 20px 18px 20px;
	margin:0 0 20px;
	position:relative;
	border-radius: 5px;
}

.tile-header {
	border:1px solid #939598;
	background-image: linear-gradient(#00000094, #00000094), url(/sites/all/themes/smoker_brands/images/ctabar.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;

}

.top-tile-container img{
	width: 10%;
}

@media (max-width: 768px){
	.top-tile-container img{
		display: none;
	}
}

.top-tile-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.not-front .view-tiles.tile-header {
	display:none;
}

.tile-header .btn-default {
	margin:0 0 0 15px;
	padding:3px 15px;
}

@media screen and (max-width:768px) {
	.tile-header .btn-readmore {
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		text-indent:-9999px;
		border:none;
		margin:0;
		padding:0;
	}
	.tile-header .btn-readmore:hover {
		background:none;
	}
	.tile-header .btn-dealer {
		display:none;
	}
}

.view-tiles {
	margin:0 auto;
}

ul#tile-grid {
	margin:0;
	padding:0;
}

.view-tiles .view-content {
	margin:0 -10px;
}

.tile {
	overflow:hidden;
	list-style:none;
	opacity:0;
}

.tile.shown,
.no-js .tile,
.no-cssanimations .tile {
	opacity: 1;
}

.tile-before {
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:6;
}

body.ie .tile-before {
	display:none;
}

.tile-after {
	content:"";
	display:block;
	position:absolute;
	outline-width:5px;
	outline-color:transparent;
	outline-style:solid;
	outline-offset:-5px;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:5;
	border: 5px solid #000;
}

body.ie .tile-after {
	border:8px solid #FFF;
}

.tile-before, .tile-after {
	pointer-events:none;
}

.tile-small, .tile-tall {
	width:20%;
}

.tile-medium, .tile-wide {
	width:40%;
}

.views-field.views-field-field-image-6 {
	display: none;
}

.tile-large {
	width:60%;
}

@media screen and (max-width:768px) {
	.tile-small, .tile-tall, .tile-medium, .tile-wide, .tile-large {
		width:50%;
	}
}

@media screen and (max-width:480px) {
	.tile-small, .tile-tall, .tile-medium, .tile-wide, .tile-large {
		width:90%;
		margin:0 5%;
	}

	.bestboating-img {
		position:relative;
		left:50%;
		transform: translate(-50%);
		display:block;
	}
	.bestboating-img::after{
		content: "";
	}

	.find-dealer{
		line-height:0px;
	}
	.bestboating-headline{
		visibility: visible;
		display: block;
		clear:both;
	}
}

@media screen and (max-width:768px) {
	.tile-header-text {
		margin: 15px;
		width: 100%;
		align-items: center;
		display: flex;
		flex-direction: column;
	}
}

.tile video, .tile .file-video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}

.tile .file-video .content,
.tile .file-video .media-youtube-video,
.tile .file-video .media-youtube-video iframe {
	width:100%;
	height:100%;
}

.tile .tile-link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:6;
	text-indent:-2000px;
}

.tile img {
	width:100%;

	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);

	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
}

.tile:hover img{
	filter: brightness(50%);
}

.tile:hover img {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.tile .tile-title {
	position:absolute;
	bottom:5px;
	left:0;
	right:0;
	background:#888;
	padding:10px;
	margin:0 5px;
	z-index:3;
	color:white;
	font-size: large;
}

@media screen and (min-width:1750px) {
	.tile .tile-title {
		font-size:1em;
	}
}

body.ie .tile-title {
	border:1px solid #000;
	border-top:none;
}

.tile .tile-body {
	position:absolute;
	left:0;
	width:100%;
	max-height:100%;
	z-index:6;
	padding:28px;
	align-self: center;
}

/*.tile{*/
/*	display: flex;*/
/*}*/

.tile-split {
	width:100%;
	display:flex;
	align-items:center;
}

.tile-split .tile-title,
.tile-split .tile-image-wrapper {
	width:50%;
}

.tile-split .tile-title {
	position:relative;
	font-weight:600;
	font-size:90px;
	color:#fff;
	padding:4px 0 4px 16px;
	text-transform:uppercase;
	line-height:1em;
	border-left:3px solid #ccc;
}

.tile-xlarge {
	margin-top: 50px;
	display: flex;
	flex-direction: row;
}

.tile-xlarge:first-child {
	margin-top: 0;
}

.tile-xlarge .tile-before {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.95) 24%, rgba(255,255,255,0) 68%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.95) 24%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.95) 24%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.tile-xlarge .tile-body {
	width:45%;
	padding: 0 5%;
}

.tile-xlarge .tile-body h2 {
	font-size: 50px;
}

.tile .tile-body h2, .tile .tile-body h3, .tile .tile-body h4, .tile .tile-body h5, .tile .tile-body h6 {
	margin-top:0;
}

@media screen and (max-width:768px) {
	.tile .tile-body {
		-webkit-transform:none;
		-moz-transform:none;
		-o-transform:none;
		transform:none;
		width: 100%;
	}
	.tile.tile-xlarge {
		margin:0 5%;
	}
}

/* TILE ANIMATION */

.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-animation: fade .8s ease-in-out forwards;
	animation: fade .8s ease-in-out forwards;
}

@-webkit-keyframes fade {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fade {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

@media screen and (max-width:600px) {
	.main-container .node-page img {
		display:block;
		margin:10px auto !important;
		float:none !important;
	}
}

/*  BRP Page/Mercury Page */

.evinrude-content .e-section, .evinrude-content .e-motor, .evinrude-content .e-motor-p, .evinrude-content .e-prop .e-label {
	margin-bottom:15px;
}

.mp-motor img {
	max-width:110px;
	margin:15px 0;
}

.evinrude-content .e-section ul {
	padding-left:22px;
}

.mp-links {
	margin:25px 0;
}

.evinrude-content .e-links ul,
.mp-links ul {
	margin:0;
	padding:0;
}

.mp-links ul li a {
	padding:5px 20px;
}

.evinrude-content .e-links ul li a {
	background-color:#F00;
	color:#FFF;
	padding:4px 10px;
	margin-right:10px;
	display:block;
	text-align:center;
}

.evinrude-content .e-footer-base {
	background: #404140;
	padding-top:15px;
	padding-bottom:15px;
	margin:15px 0;
}

.evinrude-content .e-base-left img {
	margin-top:3px;
	margin-bottom:5px;
}

.evinrude-content .e-base-right ul {
	padding:0;
	margin:0;
}
.evinrude-content .e-base-right ul li {
	display:inline-block;
	list-style:none;
	margin:0;
}
.evinrude-content .e-footer-base h3 {
	color:#AAA;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	margin:0;
	line-height:100%;
}
.evinrude-content .e-footer-base h4 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin:3px 0;
	line-height:100%;
}
.evinrude-content .e-footer-base h4 a {
	color:#F00;
}

/* BACK TO TOP */

#back-to-top.show {
    opacity: 1;
}

#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

/* SUBFOOTER */

#sub-footer .block h2.block-title {
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}

#sub-footer .block {
	padding:0 9px;
	margin-bottom: 12px;
}

#sub-footer .block .block-content {
	border:1px solid #DDD;
	padding:25px 20px;
	background:rgba(58,60,64,0.5);
	color:#d2d2d2;
}

#sub-footer .block .block-content a {
	color:#fff;
}

#sub-footer .dealer-locator .block-content {
    /*background: url("/sites/all/themes/smoker_brands/images/LocatorWarntyBroReq_blocks_v1_03.png") no-repeat;*/
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		background-position: bottom;
}
#sub-footer .warranty .block-content {
    /*background: url("/sites/all/themes/smoker_brands/images/LocatorWarntyBroReq_blocks_v1_05.png") no-repeat ;*/
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
		background-position: bottom;
}

/* FOOTER */

.footer {
	margin:0;
	background:rgba(58,60,64,0.5);
}

#block-social-media-links-social-media-links {
	text-align:right;
}

ul.social-media-links li img:hover {
	transform: scale(1.2);
}

@media screen and (max-width:768px) {
	.footer, #block-social-media-links-social-media-links {
		text-align:center;
	}
	#block-social-media-links-social-media-links {
		margin:10px 0 0;
	}
}

/*END FOOTER*/

/*PACKAGES STYLING*/

.views-field-field-packages .field-content .entity {
	width: 50%;
}

.views-field-field-packages .field-content:nth-child(2n) {
	flex-basis: 100%;
}
.views-field-field-packages .field-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	text-align:center;
}

@media (max-width: 415px){
	.views-field-field-packages .field-content{
		flex-wrap: unset;
		display: block;
	}
}

.col-sm-4.series-package {
	width: 100%;
}

/*END PACKAGES STYLING*/

/*****   YARBLOW VIDEO  AND IMAGES   *****/

.video-wrapper{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 4.5%;
	width: 90%;
	height: 90%;
}

.yarblow-img{
	display: inline-block;
}

@media (max-width: 767px){
	.dowco-feature{
		width: 100%;
		margin: 0 2%;
		float: left;
		margin-top: 1.25%;
	}
}

@media screen and (max-width: 576px){
	.dowco-spec{
		width: 100%;
	}
}

table.views-view-grid td {
	padding: 15px;
}

table.views-view-grid td:hover {
	opacity: .5;
	filter: grayscale(1);
}

table.views-view-grid td img {
	border: 1px solid black;
}

/*To override some of the build your pontoon styles*/

.navNumber.navNumberFilled {
	color: #fff;
	background-color: #888 !important;
	border-color: #888 !important;
}

.menu .is-active>a{
	color: #888 !important;
	background: #fff;
	border-bottom: 6px solid #888 !important;
}

.menu .active>a, .menu .is-active>a{
	background: none !important;
}

button.button {
	background-color: #888;
}

.button:focus, .button:hover{
	background-color: #888 !important;
}

.floorplanTitle {
	color: #888 !important;
}

button.VueCarousel-navigation-button {
	background-color: #888 !important;
}

.selectedSeries>b {
	color: #888 !important;
}

.menu .is-complete>a {
	color: #888 !important;
}

.selectedColor {
	border: none;
	outline: 3px solid #888 !important;
}

.button.hollow {
	border: 1px solid #888 !important;
	color: #888 !important;
}

#sticky-tab {
	z-index: 5;
}

#sticky-tab p{
	transform: rotate(0deg);
}

#slideOutTab {
	border: 1px solid white;
	border-radius: 0px;
}