/*
Theme Name: L&P
Description: A theme for Laubman and Pank
Version: 1.0.1
Author: webqem
Author URL: webqem.com
Tags: Blank, HTML5, CSS3
License:	Only to be used exclusively for Laubman and Pank
*/

@import url("normalize.min.css");
@import url("slicknav.css");
@import url("jquery.bxslider.css");

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #383838;
}

body {
    line-height: 1.3;
	font-family: arial, verdana, tahoma;
	margin: 0;
	color: #3d3b3b;
	background: #362b81;
}

::-moz-selection {
    background: #cfcaf4;
    text-shadow: none;
}

::selection {
    background: #cfcaf4;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

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

span.handwritten {
	font-family: 'hand_of_seanregular';
	font-weight: 300;
	display: block;
	margin: 5px 0 -33px 0;
}

/* ==========================================================================
	Fixes: Fix IE8 block elements, reset margins/padding, default link styles
========================================================================== */
header, nav, section, article, aside, footer {
	display:block;
}

ul, li, ul li {
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:active {
	color: #009fdf;
	text-decoration: none;
}

a:hover {
	color: #005AA8;
	text-decoration: underline;
}

h2.wsp-posts-list {
	display: none;
}

/* ==========================================================================
	Objects with animation
========================================================================== */
.slicknav_btn,
nav ul#global li.current-menu-item a,
nav ul#global li a:hover,
ul#homeoffers li,
ul#sidebar a,
ul#menu li a,
ul#childnav li,
#wrapbrands ul li,
dl.accordion dt span.readbtn {
	transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.15s;
	-webkit-transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.15s;
	-moz-transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.15s;
}

a.zoom,
a.land-btn {
	transition: background-color cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
	-webkit-transition: background-color cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
	-moz-transition: background-color cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
}

ul.brand-select li {
		transition: opacity cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
	-webkit-transition: opacity cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
	-moz-transition: opacity cubic-bezier(0.5, 0, 0.5, 1) 0.25s;
}

/* ==========================================================================
	Headings and type
========================================================================== */
h1, h2, h3, h4, h5, h6,
dt span.accordiontitle,
.mobiletitle {
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #362b81;
}

h1,
.mobiletitle {
	font-size: 40px;
	margin: 0 0 20px 0;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

h2,
dt span.accordiontitle {
	font-size: 26px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

#main h2 {
	margin: 30px 0 10px 0;
}

h3 {
	font-size: 22px;
	margin: 0 0 10px 0;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

#main h3 {
	margin: 30px 0 10px 0;
}

h2 + h3 {
	margin: 15px 0 10px 0 !important;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 17px;
}

p {
	margin: 0 0 15px 0;
	height: auto !important;
}

blockquote {
  margin-top: 10px 0 10px 50px;
  padding: 0 0 0 15px;
  border-left: 3px solid #ccc;
}

address {
	margin: 0 0 20px 0;
}

del {
	color: #f00;
}

/* ==========================================================================
	Lists
========================================================================== */
ul {
	margin: 0 0 20px 0;
}

ol {
	margin: 0 0 20px 0;
}

ul li {
	margin: 0 0 5px 20px;
}

ol li {
	margin: 0 0 5px 0;
}

dl {
	margin: 0 0 25px 0;
}

dl dt {
	margin: 0;
	padding: 0;
}

dl dd {
	margin: 0 0 15px 15px;
}

/* ==========================================================================
	Forms
========================================================================== */
label,
textarea {
	display: block;
	margin: 0 0 20px 0;
}

input,
textarea {
	padding: 5px;
}

legend {
	margin: 0 0 15px 0;
}

button,
.wpcf7-submit {
	display: inline-block;
	border: none;
	color: #fff;
	-webkit-text-shadow: 0 1px 3px #0069b3;
	-moz-text-shadow: 0 1px 3px #0069b3;
	text-shadow: 0 1px 3px #0069b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: 600;
	padding: 10px 15px;
	background: #009fdf;
}

.wpcf7-submit {
	padding: 15px 25px;
}

button:hover,
.wpcf7-submit:hover {
	background: #008fc9;
}

/* ==========================================================================
	Tables
========================================================================== */
table {
	width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

table th {
    text-align: left;
    font-weight: normal;
    padding: 10px;
    border-bottom: 2px solid #FFFFFF;
    background: #eeeeee;
}

table td {
    text-align: right;
    border-bottom: 2px solid #FFFFFF;
    padding: 10px;
    background: #eeeeee;
}

table thead th {
	padding: 10px;
    color: #362b81;
	font-weight: 600;
	text-align: right;
	background: #bfb8f0;
}

table thead th:first-of-type {
	text-align: left;
}

table th {
    text-align: left;
}

/* ==========================================================================
	WP image handling
========================================================================== */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	margin: 5px 0 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

dl.accordion img.size-auto,
dl.accordion img.size-full,
dl.accordion img.size-large,
dl.accordion img.size-medium,
dl.accordion .attachment img {
	border: none;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

img {
	display: block;
	border: none;
}

.wp-caption {
	line-height: 18px;
	max-width: 600px !important; /* prevent too-wide images from breaking layout */
	text-align: center;
	margin: 0 0 25px 0;
}

.wp-caption img {
	margin: 0;
	-webkit-border-radius: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.wp-caption p.wp-caption-text {
	font-size: 15px;
	font-weight: 600;
	padding: 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #d0d0d0;
}

/* ==========================================================================
	Wrappers
========================================================================== */
#wrapheader {
	background: #4537a4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1MzdhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjJiODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4537a4 0%, #362b80 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4537a4), color-stop(100%,#362b80)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4537a4 0%,#362b80 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4537a4 0%,#362b80 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4537a4 0%,#362b80 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4537a4 0%,#362b80 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4537a4', endColorstr='#362b80',GradientType=0 ); /* IE6-8 */
	border-bottom: 5px solid #c4d600;
	-webkit-box-shadow: 0 1px 0 #4f3fb2 inset;
	-moz-box-shadow: 0 1px 0 #4f3fb2 inset;
	box-shadow: 0 1px 0 #4f3fb2 inset;
}

#wrapnav {
	-webkit-box-shadow: 0 1px 0 #00bce9 inset;
	-moz-box-shadow: 0 1px 0 #00bce9 inset;
	box-shadow: 0 1px 0 #00bce9 inset;
	background: #009fdf;
}

#wrapfeature {
	border-bottom: 5px solid #f7f7f7;
	background: #e3e3e3 url("images/bgfeature.png") repeat-x 0 bottom;
}

#wrapcontent {
	background: #fff;
}

#wrapbrands {
	border-top: 1px solid #d7d7d7;
	background: #eeeeee;
}

#wrapfooter {
	padding: 25px 0 40px 0;
	border-top: 5px solid #c4d600;
	background: #362b81 url("images/bgfooter.png") repeat-x 0 0;
}

/* ==========================================================================
	Head + Global navigation
========================================================================== */
a#logo {
	display: block;
	width: 190px;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 20px 0 0 0;
	background: url("images/logo.png") no-repeat 0 0;
	background-size: 100%;
}

header#head {
	max-width: 940px;
	height: 80px;
	margin: 0 auto;
}

nav ul#global {
	float: right;
	margin: 23px 0 0 0;
	padding: 0;
}

nav ul#global li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav ul#global li:last-of-type {
	margin: 0;
}

nav ul#global li a {
	display: block;
	font-size: 13px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 600;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	-webkit-text-shadow: 0 2px 3px #241d5e;
	-moz-text-shadow: 0 2px 3px #241d5e;
	text-shadow: 0 2px 3px #241d5e;
	padding: 9px 15px 8px 15px;
	background: url("images/globaldiv.png") no-repeat right center;
}

nav ul#global li.current-menu-item a,
nav ul#global li a:hover {
	text-decoration: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 0 #4637a1, 0 2px 5px #1f1952 inset;
	-moz-box-shadow: 0 1px 0 #4637a1, 0 2px 5px #1f1952 inset;
	box-shadow: 0 1px 0 #4637a1, 0 2px 5px #1f1952 inset;
	background: #2c2372;
}

nav ul#global li a.globalon {
	background: none no-repeat right center;
}

/* ==========================================================================
	Facebook nav item
========================================================================== */
nav ul#global li:last-of-type a {
	padding: 9px 47px 8px 15px;
	background: url("images/facebook.png") no-repeat right center;
}

nav ul#global li.current-menu-item:last-of-type a,
nav ul#global li:last-of-type a:hover {
	background: #2c2372 url("images/facebook.png") no-repeat right center;
}

/* ==========================================================================
	Contact nav item
========================================================================== */
nav ul#global li:nth-last-child(3) a {
	padding: 9px 47px 8px 15px;
	background: url("images/contact.png") no-repeat right center;
}

nav ul#global li.current-menu-item:nth-last-child(2) a,
nav ul#global li:nth-last-child(3) a:hover {
	background: #2c2372 url("images/contact.png") no-repeat right center;
}

/* ==========================================================================
	Primary navigation
========================================================================== */
.slicknav_menu {
	display:none;
}

#nav nav {
	max-width: 940px;
	margin: 0 auto;
}

nav ul#menu {
	display: flex;
}

nav ul#menu,
nav ul#menu li {
	position: relative;
	margin: 0;
	padding: 0;
}

nav ul#menu li {
	display: block;
	flex: 1;
	height: auto;
	border-right: 1px solid #006fcf;
	text-align: center;
	list-style-type: none;
	font-family: "proxima-nova",sans-serif;
	font-weight: 600;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

nav ul#menu li.current_page_item,
nav ul#menu li.current_page_parent {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #0083b8;
}

nav ul#menu li.current_page_item a,
nav ul#menu li.current_page_parent a {
	-webkit-text-shadow: 0 1px 2px #0040a5;
	-moz-text-shadow: 0 1px 2px #0040a5;
	text-shadow: 0 1px 2px #0040a5;
}

nav ul#menu li:first-of-type {
	border-left: 1px solid #006fcf;
}

nav ul#menu li a {
	display: block;
	font-size: 15px;
	color: #fff;
	padding: 20px 0;
	-webkit-text-shadow: 0 1px 2px #006eba;
	-moz-text-shadow: 0 1px 2px #006eba;
	text-shadow: 0 1px 2px #006eba;
}

nav ul#menu li a:hover {
	text-decoration: none;
	-webkit-text-shadow: 0 1px 2px #0040a5;
	-moz-text-shadow: 0 1px 2px #0040a5;
	text-shadow: 0 1px 2px #0040a5;
	background: #008fc9;
}

.smaller {
	font-size: 12px;
	font-family: arial;
	font-weight: 300;
}

/* ==========================================================================
   Menu drop styles
========================================================================== */
ul#menu li.menu-item ul.sub-menu li.menu-item a {
	margin: 0px;
	height: auto;
}

ul#menu li ul { /* second-level lists */
	position: absolute;
	width: 100%;
	z-index: 9999;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul#menu li ul li {
	width: 100%;
}

ul#menu li.menu-item ul.sub-menu,
ul#menu li.menu-item ul.sub-menu li {
	margin: 0;
	padding: 0;
	border: none;
}

ul#menu li ul.sub-menu li {
	background: none;
}

ul#menu li ul.sub-menu li a {
	padding: 20px 15px;
	text-align: center;
	border-top: 1px solid #00b2e5;
	-webkit-box-shadow: 0 -1px 0 #006fcf;
	-moz-box-shadow: 0 -1px 0 #006fcf;
	box-shadow: 0 -1px 0 #006fcf;
}

ul#menu li ul.sub-menu li:last-of-type a {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

ul#menu li ul.sub-menu li a {
	background: #009fdf;
}

ul#menu li ul.sub-menu li a:hover {
	border-top: 1px solid transparent;
	-webkit-box-shadow: 0 -1px 0 #006fcf;
	-moz-box-shadow: 0 -1px 0 #006fcf;
	box-shadow: 0 -1px 0 #006fcf;
	background: #008fc9;
}

ul#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ==========================================================================
	Green child navigation
========================================================================== */
.mobiletitle {
	display: none;
}

#children nav {
	max-width: 940px;
	margin: 0 auto 30px auto;
	display: table;
}

nav ul#childnav {
	display: table-row;
}

nav ul#childnav li {
	display: table-cell;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	-webkit-text-shadow: 0 1px 0 #e2eb00;
	-moz-text-shadow: 0 1px 0 #e2eb00;
	text-shadow: 0 1px 0 #e2eb00;
	list-style-type: none;
	border-right: 1px solid #dce600;
	border-left: 1px solid #89ad00;
	background: #c4d600;
}

nav ul#childnav li:first-of-type {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-left: none;
}

nav ul#childnav li:last-of-type {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;

}

nav ul#childnav li a {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #3a4901;
	padding: 15px;
}

nav ul#childnav li a:hover,
nav ul#childnav li.current_page_item a {
	color: #fff;
	text-decoration: none;
	border: none;
}

nav ul#childnav li:hover,
nav ul#childnav li.current_page_item {
	-webkit-text-shadow: 0 1px 3px #3f5b00;
	-moz-text-shadow: 0 1px 3px #3f5b00;
	text-shadow: 0 1px 3px #3f5b00;
	border-right: 1px solid #769500;
	background: #769500;
}

nav ul#childnav li.current_page_item {
	background-image: url("images/indicator.png");
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* ==========================================================================
	Featured images + slider
========================================================================== */
#featured {
	max-width: 940px;
	height: auto;
	margin: 0 auto;
}

#featuredcontent {
	max-width: 940px;
	height: auto;
	margin: 0 auto;
}

#featuredcontent img {
	max-width: 100%;
	height: auto;
}

#featured a.arrow { /*Hide arrows... for now. */
	display: none;
	visibility: hidden;
}

ul.bxslider,
ul.bxslider li {
	margin: 0;
	padding: 0;
	position: relative;
}

ul.bxslider .slidertext {
	position: absolute;
	top: 0;
	left: 0;
}

/* ==========================================================================
	Content area
========================================================================== */
section#content {
	max-width: 940px;
	margin: 0 auto;
	padding: 25px 0 40px 0;
}

#main {
	width: 600px;
	margin: 0 30px 0 0;
	float: left;
}

#sidebar {
	width: 310px;
	float: left;
}

/* ==========================================================================
	Landing pages
========================================================================== */
body.page-template-page-landing  {
	font-family: "proxima-nova", sans-serif;
}

body.page-template-page-landing #wrapbrands {
	display: none;
}
	
#wrapfeature.landing {
	border: 0;
	background: #e3dfed;
	background-size: cover;
}

#wrapfeature.landing .wrap {
	max-width: 940px;
    margin: 0 auto;
	padding: 0;
    text-align: center;
}

#wrapfeature.landing .wrap img {
	max-width: 100%;
	height: auto;
}

#landing-title {
	max-width: 100%;
	width: 731px;
	height: auto;
	margin: 0 auto;
}

#wrapfeature.landing .wrap h1 {
	width: 1px;
	height: 0;
	display: block;
	text-indent: -9999px;
	margin: 0;
	overflow: hidden;
}

body.page-template-page-landing #wrapcontent h2 {
	font-size: 32px;
	margin: 0 0 20px 0;
	text-align: center;
	color: #532a39;
}

body.page-template-page-landing #wrapcontent p {
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align: center;
}

body.page-template-page-landing #wrapcontent .desc p {
	display: block;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

body.page-template-page-landing #wrapcontent .desc p:first-of-type {
	font-size: 20px;
}

body.page-template-page-landing #wrapcontent .desc p:last-of-type,
body.page-template-page-landing #wrapcontent .desc p:only-of-type {
	margin-bottom: 0;
}

body.page-template-page-landing section.landing-content {
	max-width: 940px;
    margin: 0 auto;
    padding: 70px 20px;
	text-align: center;
}

body.page-template-page-landing .landing-block:first-of-type section.landing-content.fixer {
    padding: 140px 20px 70px 20px;
}

body.page-template-page-landing .landing-block {
	background: #f0f0f0;
}

body.page-template-page-landing .landing-block:nth-child(odd) {
	background: #f6f6f6;
}

body.page-template-page-landing .landing-block:first-of-type {
	background: #fff;
}

p.source {
	max-width: 650px;
	margin: 40px auto 0 auto;
	font-size: 11px;
	color: #9d9d9d;
}

.orange {
	color: #f26522;
}

.price {
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 32px;
	font-weight: 700;
	color: #532a39;
}

.brand-logo {
    max-width: 315px;
    height: auto;
	margin: 0 auto 40px auto;
}

a.land-btn {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
	margin: 40px 0 0 0;
    padding: 10px 13px;
    border-radius: 4px;
    background: #009fdf;
}

a.land-btn:hover {
    text-decoration: none;
    background: #008fc9;
}

ul.intro-buttons {
	width: 100%;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

ul.intro-buttons li {
    display: inline-block;
	margin: 0;
	padding: 0;
	margin: 20px 20px 0 0;
}

ul.intro-buttons li:last-of-type {
	margin-right: 0;
}

ul.intro-buttons li a {
	margin: 0;
}

/* ==========================================================================
	Sidebar
========================================================================== */
ul#sidebar,
ul#sidebar li {
	margin: 0;
	padding: 0;
}

ul#sidebar li {
	list-style-type: none;
}

ul#sidebar li a {
	display: block;
	padding: 20px;
	margin: 0 0 25px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #bfb8f0;
	background-color: #bfb8f0
}

ul#sidebar li p {
	margin: 0;
}

ul#sidebar h3 {
	padding: 0 0 0 35px;
}

ul#sidebar a:link, ul#sidebar a:visited, ul#sidebar a:active {
	color: #443d78;
	text-decoration: none;
}

ul#sidebar a:hover {
	border: 1px solid #b7afe9;
	background-color: #dcd7fe;
}

/* ==========================================================================
	Home offers
========================================================================== */
ul#homeoffers {
	margin: 25px 0 0 0;
}

ul#homeoffers li {
	list-style-type: none;
	float: left;
	margin: 0 21px 21px 0;
	overflow: hidden;
	border: 1px solid #cbcbcb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul#homeoffers li a {
	width: 184px;
	height: 108px;
	display: block;
	position: relative;
	background-size: cover;
}

ul#homeoffers li:nth-child(3n) {
	margin: 0;
}

ul#homeoffers li a span.offertext {
	position: absolute;
	bottom: 10px;
	left: 12px;
	width: 100px;
	font-size: 18px;
	line-height: 1.15;
	color: #362b81;
	font-family: "proxima-nova",sans-serif;
	font-weight: 500;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

ul#homeoffers li:hover {
	border: 1px solid #b4b4b4;
	-webkit-box-shadow: 0 2px 5px #e2e2e2;
	-moz-box-shadow: 0 2px 5px #e2e2e2;
	box-shadow: 0 2px 5px #e2e2e2;
}

/* ==========================================================================
	Accordion items
========================================================================== */
dl.accordion,
dl.accordion dt,
dl.accordion dd {
	width: 600px;
}

dl.accordion {
	margin: 25px 0 0 0;
	padding: 0;
}

dl.accordion img {
	border: 1px solid #cbcbcb;
}

dl.accordion dd {
	height: auto;
	padding: 0 0 30px 0;
	margin: 20px 0 30px 0;
	background: url("images/accdiv.png") no-repeat center bottom;
}

dl.accordion dt {
	padding: 0;
	margin: 0;
	position: relative;
}

dl.accordion dt.passive {
	cursor: pointer;
}

#main dl.accordion dt span.accordiontitle {
	margin: 0 0 12px 0;
	display: block;
}

dl.accordion dt img {
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

dl.accordion dt p {
	margin: 0 0 0 160px;
}

dl.accordion dt div.accordionitem {
	display: inline-block;
}

dl.accordion dt span.expand {
	width: 600px;
	height: 49px;
	display: inline-block;
	text-align: center;
	margin: 0;
	background: url("images/accdiv.png") no-repeat center top;
}

dl.accordion dt span.expand {
	margin: 20px 0 30px 0;
}

dl.accordion dt span.readbtn {
	margin: 0 auto;
	position: relative;
	bottom: 0px;
	color: #fff;
	-webkit-text-shadow: 0 1px 3px #0069b3;
	-moz-text-shadow: 0 1px 3px #0069b3;
	text-shadow: 0 1px 3px #0069b3;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 35px 10px 15px;
	display: inline;
	background: #009fdf url("images/arrow.png") no-repeat right center;
	font-size: 18px;
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

dl.accordion dt span.readbtn:hover {
	background-color: #008fc9;
}

/* ==========================================================================
	Icon, title, and copy blocks
========================================================================== */
span.icontitlecopy:first-of-type {
	margin: 25px 0 35px 0;
}

span.icontitlecopy {
	display: block;
	position: relative;
	margin: 0 0 35px 0;
}

span.icontitlecopy img {
	position: absolute;
}

span.icontitlecopy h2 {
	padding: 4px 0 0 45px;
}

span.icontitlecopy p {
	margin: 10px 0 0 0;
}

/* ==========================================================================
	Footer brands
========================================================================== */
#wrapbrands ul {
	max-width: 940px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	text-align: center;
}

#wrapbrands ul li {
	display: inline-block;
	list-style-type: none;
	margin: 20px 15px 0 0;
}

#wrapbrands ul li:last-of-type {
	margin: 0;
}

/* ==========================================================================
	Footer
========================================================================== */
footer {
	max-width: 940px;
	margin: 0 auto;
	color: #d1cfde;
	font-size: 13px;
}

footer a:link, footer a:visited, footer a:active {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

#copyright {
	float: left;
	width: 490px;
}

#footlinks {
	float: right;
}

#footlinks ul,
#footlinks ul li {
	margin: 0;
	padding: 0;
}

#footlinks ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #d1cfde;
	padding: 0 15px;
}

#footlinks ul li:last-of-type {
	border-right: none;
	padding: 0 0 0 15px;
}

a#webqem {
	display: block;
	width: 97px;
	height: 14px;
	float: right;
	margin: 25px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url("images/webqem.png") no-repeat 0 0;
}

/* ==========================================================================
	Contact form
========================================================================== */
form.wpcf7-form span.wpcf7-list-item {
	display: block;
	margin: 0 0 5px 0;
}

form.wpcf7-form p.yesno span.wpcf7-list-item {
	display: inline;
	margin: 0 20px 0 0;
}

form.wpcf7-form span.flabel {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 600;
}

form.wpcf7-form div.wpcf7-response-output,
div.wpcf7-validation-errors {
	width: auto;
	margin: 0;
	padding: 8px;
	border: 2px solid red;
}

form.wpcf7-form div.wpcf7-mail-sent-ok {
	border: 2px solid green;
}

form .wpcf7-text,
form .wpcf7-textarea {
	width: 100%;
}

/* ==========================================================================
	You 404'd the internet
========================================================================== */
#fourohfour {
	width: 411px;
	margin: 50px auto 50px auto;
	text-align: center;
}

#fourohfour h1 {
	margin: 30px 0 10px 0;
}

/* ==========================================
	Breakpoints
========================================== */
@media (max-width:992px) {	
	#wrapheader,
	#wrapnav,
	#wrapfeature,
	#wrapcontent,
	#wrapbrands,
	#wrapfooter {
		padding: 0 15px;
	}
	body.page-template-page-landing #wrapcontent {
		padding: 0;
	}
	/* ==========================================================================
		Head + Global navigation
	========================================================================== */
	a#logo {
		width: 170px;
		height: 37px;
	}
	header#head {
		max-width: 768px;
	}
	nav ul#global li.current-menu-item a,
	nav ul#global li a:hover {
		color: #bfb8f0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: none;
	}
	nav ul#global li.current-menu-item:nth-last-child(2) a,
	nav ul#global li:nth-last-child(3) a:hover,
	nav ul#global li:nth-last-child(3) a,
	nav ul#global li:last-of-type a {
		padding: 8px;
		background: none !important;
	}
	nav ul#global li a {
		font-size: 12px;
		padding: 8px 10px;
		background: none;
	}
	nav ul#global li:last-of-type a::after {
		content: ' fb';
	}
	/* ==========================================================================
		Primary navigation
	========================================================================== */
	#nav nav {
		max-width: 768px;
	}
	nav ul#menu li a {
		font-size: 14px;
	}
	/* ==========================================================================
	   Menu drop styles
	========================================================================== */
	ul#menu li.menu-item ul.sub-menu li.menu-item a {
		margin: 0px;
		height: auto;
	}
	/* ==========================================================================
		Green child navigation
	========================================================================== */
	nav ul#childnav li a {
		padding: 10px;
	}
	/* ==========================================================================
		Content area
	========================================================================== */
	section#content {
		max-width: 768px;
		padding: 20px 0 30px 0;
	}
	#main {
		width: 510px;
		margin: 0 20px 0 0;
	}
	#sidebar {
		width: 238px;
	}
	/* ==========================================================================
		Home offers
	========================================================================== */
	ul#homeoffers li a {
		width: 155px;
	}
	ul#homeoffers li {
		margin: 0 18px 20px 0;
	}
	/* ==========================================================================
		Accordion items
	========================================================================== */
	dl.accordion,
	dl.accordion dt,
	dl.accordion dd {
		width: 510px;
	}
	.wp-caption {
		width: auto !important;
	}
	dl.accordion dt img {
		max-width: 100%;
		height: auto;
	}
	dl.accordion dt span.expand {
		width: 510px;
		background-position: center 4px;
		background-size: 100%;
	}

	/* ==========================================================================
		Footer
	========================================================================== */
	footer {
		max-width: 768px;
		padding: 30px 0;
	}
	footer,
	footer p {
		font-size: 12px;
	}
	#copyright {
		width: 50%;
		padding: 0 10px 0 0;
	}
	#footlinks {
		width: 50%;
		padding: 0 0 0 10px;
	}
	#footlinks ul {
		float: right;
	}
	#footlinks ul li {
		padding: 0 10px;
	}
	#footlinks ul li:last-of-type {
		padding: 0 0 0 10px;
	}
}

@media (max-width: 850px) {
	/* ==========================================================================
		Content area
	========================================================================== */
	section#content {
		max-width: 100%;
	}
	#main,
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	/* ==========================================================================
		Home offers
	========================================================================== */
	ul#homeoffers li a {
		width: 180px;
	}
	ul#homeoffers li:nth-child(3n) {
		margin: 0 0 21px 0;
	}
	/* ==========================================================================
		Accordion items
	========================================================================== */
	dl.accordion,
	dl.accordion dt,
	dl.accordion dd {
		width: 100%;
	}
	dl.accordion dt span.expand {
		width: 100%;
		background: none;
		text-align: left;
	}
	dl.accordion dt span.readbtn {
		margin: 0;
		text-align: center;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 10px 35px 10px 15px;
		display: block;
	}
	.wp-caption,
	.wp-caption img,
	img.size-full {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	/* ==========================================================================
		Global
	========================================================================== */
	#wrapheader {
		border-bottom: 0;
		display: none;
	}
	h1,
	.mobiletitle {
		font-size: 34px;
		margin: 0 0 15px 0;
	}
	h2,
	dt span.accordiontitle {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
		margin: 0 0 8px 0;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 17px;
	}
	h6 {
		font-size: 16px;
	}
	p,
	ul,
	ol {
		font-size: 15px;
	}
	/* ==========================================================================
		Head + Global navigation
	========================================================================== */
	a#logo {
		display: none;
	}
	header#head {
		height: auto;
		text-align: center;
	}
	header#head nav {
		padding: 8px;
	}
	nav ul#global {
		float: none;
		margin: 0;
	}
	nav ul#global li {
		float: none;
		display: inline-block;
	}
	nav ul#global li a {
		padding: 0 20px 0 0 !important;
	}
	nav ul#global li:last-of-type a {
		padding: 0 !important;
	}
	#main h2:first-of-type {
		margin: 10px 0;
	}
	/* Slicknav */
	.slicknav_btn {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 11px 10px 0 0;
	}
	.slicknav_menu a#logo {
		display: block;
		width: 160px;
		height: 35px;
		float: left;
		margin: 16px 0 14px 10px;
	}
	.slicknav_menu ul li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #413687;
	}
	.slicknav_menu ul li.slicknav_open {
		background: #1d164e;
	}
	.slicknav_menu ul li:last-of-type {
		border-bottom: 0;
	}
	.slicknav_menu ul li a {
		color: #fff;
		padding: 10px;
	}
	.slicknav_nav {
		background: #2c2368;
	}
	/* List within */
	.slicknav_menu ul li ul li a {
		padding: 10px 10px 10px 20px;
	}
	.slicknav_menu ul li ul {
		list-style-type: disc;
		background: #413687;
	}
	.slicknav_menu ul li ul li {
		border-bottom: 1px solid #5649a8;
	}
	.slicknav_menu ul li ul li:first-of-type {
		border-top: 1px solid #413687;
	}
	.slicknav_menu ul li a:hover {
		text-decoration: none;
	}
	.slicknav_menu ul li:last-of-type a::after {
		content: ' facebook';
	}
	/* ==========================================================================
		Primary navigation
	========================================================================== */
	.slicknav_menu {
		display: block;
	}
	#nav nav {
		display: none;
	}
	/* ==========================================================================
		Green child navigation
	========================================================================== */
	#children nav {
		max-width: 100%;
		margin: 0 auto 20px auto;
		display: none;
	}
	nav ul#childnav {
		display: block;
	}
	nav ul#childnav li {
		display: block;
		width: 100%;
		margin: 0 0 1px 0;
		padding: 0;
		border: 0;
	}
	nav ul#childnav li:first-of-type {
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 0;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 0;
		border-left: none;
	}
	nav ul#childnav li:last-of-type {
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	nav ul#childnav li a {
		font-size: 14px;
		padding: 10px;
	}
	nav ul#childnav li.current_page_item {
		background-image: none;
	}
	/* ==========================================================================
		Home offers
	========================================================================== */
	ul#homeoffers li,
	ul#homeoffers li:nth-child(3n) {
		float: none;
		margin: 0 0 20px 0;
	}
	ul#homeoffers li a {
		width: 100%;
		background-position: right center !important;
	}
	ul#homeoffers li a span.offertext {
		bottom: 15px;
		left: 17px;
		width: 120px;
		font-size: 21px;
	}
	/* ==========================================================================
		Sidebar
	========================================================================== */
	ul#sidebar li a {
		padding: 15px;
		margin: 0 0 20px 0;
		background-position: 15px 10px !important;
	}
	/* ==========================================================================
		Accordion items
	========================================================================== */
	.accordionitem img {
		display: none;
	}
	dl.accordion dt p {
	  margin: 0;
	}
	dl.accordion dd {
		margin: 20px 0 0px 0;
		background: none;
	}
	/* ==========================================================================
		Brands
	========================================================================== */
	#wrapbrands ul {
		padding: 0 0 10px 0;
	}
	#wrapbrands ul li:last-of-type {
	  margin: 20px 15px 0 0;
	}
	#wrapbrands ul li {
	  margin: 20px 15px 0 0;
	}
	/* ==========================================================================
		Landing pages
	========================================================================== */
	body.page-template-page-landing section.landing-content {
		padding: 40px 20px;
	}
	body.page-template-page-landing #wrapcontent h2 {
		font-size: 24px;
		margin: 0 0 15px 0;
	}
	body.page-template-page-landing #wrapcontent h2 br {
		display: none;
	}
	body.page-template-page-landing #wrapcontent .desc p {
		font-size: 17px;
	}
	body.page-template-page-landing #wrapcontent .desc p:first-of-type {
		font-size: 18px;
	}
	body.page-template-page-landing #wrapcontent .desc p {
		font-size: 14px;
	}
	.brand-logo {
		max-width: 250px;
		margin: 0 auto 30px auto;
	}
	a.land-btn {
		font-size: 14px;
		margin: 30px 0 0 0;
	}

	/* ==========================================================================
		Footer
	========================================================================== */
	footer {
		max-width: 100%;
		text-align: center;
	}
	#copyright,
	#footlinks {
		width: 100%;
		float: none;
		padding: 0;
	}
	#footlinks ul {
		float: none;
	}
	#footlinks ul li:first-of-type {
		padding: 0 10px 0 0;
	}
	#footlinks ul li {
		margin: 0 0 10px 0;
		float: none;
		display: inline-block;
	}
	a#webqem {
		float: none;
		display: inline-block;
		margin: 15px 0 0 0;
	}
	p.source {
		margin: 20px auto 0 auto;
	}
}

@media (max-width:480px) {	
	/* ==========================================================================
		Global
	========================================================================== */
	h1,
	.mobiletitle {
		font-size: 30px;
		margin: 0 0 15px 0;
	}
	h2,
	dt span.accordiontitle {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
		margin: 0 0 6px 0;
	}
	h4 {
		font-size: 17px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 15px;
	}
	p,
	ul,
	ol {
		font-size: 14px;
	}
	span.handwritten {
		margin: 5px 0 -25px 0;
	}
	/* ==========================================================================
		Head + Global navigation
	========================================================================== */
	a#logo {
		display: none;
	}
	.slicknav_menu {
		padding: 0;
	}
	.slicknav_btn {
		padding: 20px;
		margin: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	.slicknav_menu a#logo {
		margin: 9px 0 0 10px;
	}
	/* ==========================================================================
		Landing pages
	========================================================================== */
	#wrapfeature.landing .wrap {
		padding: 30px 10px;
	}
	body.page-template-page-landing section.landing-content {
		padding: 30px 15px;
	}
	body.page-template-page-landing #wrapcontent h2 {
		font-size: 20px;
	}
	body.page-template-page-landing #wrapcontent .desc p:first-of-type {
		font-size: 16px;
	}
	.brand-logo {
		max-width: 150px;
		margin: 0 auto 20px auto;
	}
	a.land-btn {
		font-size: 13px;
		margin: 20px 0 0 0;
	}
}

@media (max-width: 330px) {	
	/* ==========================================================================
		Landing pages
	========================================================================== */
	body.page-template-page-landing .landing-block:first-of-type section.landing-content.fixer {
		padding: 203px 10px 30px 10px;
	}
}