/*
Theme Name: Zytexx
Author: Discovery Design Limited
Description: Zytexx
Copyright: Discovery Design Limited
Version: 1.0
*/

/* =Base
-------------------------------------------------- */

html {
	background: #fff;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
	color: #000;
	font-family:"proxima-nova",Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	-webkit-font-smoothing: subpixel-antialiased;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
}

a:visited {
	color: #000;

}

a:hover,
a:focus,
a:active {
	color: #666;
	outline: 0;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 1.6em 0 .8em 0;	
}

h1.light, h2.light {
	font-weight: 300;
}

h1.center, h2.center {
	text-align: center;
}
h1 {
	font-size: 1.75em;
	line-height: 1.2;
}

h2 {
	font-size: 1.5em;
	line-height: 1.3;
}

h3 {
	font-size: 1.25em;
	line-height: 1.4;
}

h4 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: .4em;
}

h5,
h6 {
	font-size: 1em;
	line-height: 1.6;
}

p {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 .8em 0;
	font-weight: 300;
}

ul,
ol {
	margin: 0 0 1.6em 3.2em;
	padding: 0;
	font-weight: 300;
}

ul li,
ol li {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 0 .4em 0;
}

/* tables */

.text-center {
	text-align: center;
}

table {
	text-align: left;
	width: 100%;
}

table thead tr {
	border-bottom: 1px solid #e6e6e6;
}

table thead th {
	background: #f6f6f6;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 1em;
}

table tbody tr {
	border-bottom: 1px solid #e6e6e6;
}

table tbody td {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 1em;
}


.content-alternate td, .content-normal td {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 1em 0;
}

/* forms */

fieldset {
	border: 0!important;
	margin: 0 0 .8em 0;
	padding: 0;
}

label {
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-size: 1.5rem;
	letter-spacing: .2em;
	margin-bottom: .4em;
	text-transform: uppercase;
}

button,
input,
select,
textarea {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #000;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	padding: .6em 1.2em;
	text-shadow: 0;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	text-transform: uppercase;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="submit"].secondary {
	background-color: #e6e6e6;
	color: #999;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	margin: 0 .6em 0.6em 0;
	padding: 0;
	position: relative;
	top: .25em;
}

input[type="search"] {
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #777;
	border: 1px solid #d6d6d6;
	border-radius: 0;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 .8em 0;
	width: 100%;
	background: #FFF;
	box-sizing: border-box;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:focus {
	border-color: #ccc;
	color: #333;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #bbb;
	color: #000;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: .5em;
}

input[type="text"].field-qty {
	min-width: 0;
	width: 3em;
}

.chrome select, .safari select {
	background: url('../graphics/select-pointer.gif') no-repeat right 50%;
	padding: .5em .5em .5em .5em;
}

select {
	border-radius: 0;
	border: 1px solid #d6d6d6;
	color: #777;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 .8em;
	padding: .5em .5em .5em .5em;
	-webkit-appearance: button;
	width: 83.5%;
	min-width: 17em;
}

select:hover {
	border-color: #ccc;
}

select:focus {
	border-color: #bbb;
	outline: none;
}

textarea {
	height: 15em;
	overflow: auto;
	padding-left: 3px;
	resize: vertical;
	vertical-align: top;
	max-width: 100%;
	padding: 0.5em
}

.actions {
	clear: both;
	padding: .8em 0;
}

/* handy columns */

.col-wrapper {
	clear: both;
	margin: 0;
}

.col {
	float: left;
	margin-right: 5%;
	padding: .063em 0;
}

.col-wrapper .col.last {
	margin-right: 0;
}

.col-span-1 .col {
	margin-right: 0;
	width: 100%;
}

.col-span-2 .col {
	width: 47.5%;
}

.ie-7 .content-area .col-span-2 .col {
	width: 45%;
}

.col-span-3 .col {
	width: 30%;
}

.col-span-4 .col {
	width: 21.22%;
}

.col-span-5 .col {
	width: 16%;
}


/* =Container
-------------------------------------------------- */

#container {}


.news-posts {
	width: 100%;
	padding-top: 0 !important;
	padding-bottom: 3em !important;
}

.news-posts h2 {
	color: #333;
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height:  1.8em;
	margin: 0;
	text-align:  left;
	text-transform:  uppercase;	
}

/* =Header
-------------------------------------------------- */

.site-header {
	padding: 2.5em 0 2em 0;
	width: 100%;
	background: #00A0AA;
}

.site-header > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	position: relative;
}

/* brand */

.brand {
	float: left;
	width: 10em;
	margin-top: -2em;
}

.logo {
	margin: 1.2em 0 0 0;
	width: 25em;
}

.logo img {
	max-width: 130px;
	margin-left: 5%;
}

.logo a {
	color: #222;
	font-weight: bold;
}

/* cart */

.cart {
	background: #f6f6f6;
	color: #999;
	float: right;
	padding: 1.6em 0 1.2em 0;
	width: 25%;
}

.cart h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 10% .4em 10%;
}

.cart dl,
.cart dl dt,
.cart dl dd {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
	width: 50%;
}

.cart dl {
	clear: both;
	margin: 0 10%;
}

.cart dl dt {
	clear: left;
	float: left;
	width: 50%;
}

.cart dl dd {
	float: left;
}

.cart p {
	margin: 0 10% .4em 10%;
}

.cart a {
	color: #fff;
}

.cart .button-wrapper {
	margin-top: .8em;
}

.cart .button-wrapper a {
	background: #08c;
	border-radius: 0;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: .45em 1em .4em 1em;
}

.cart .button-wrapper a:hover {
	background-color: #0af;
}

.index-updateable {
	margin: 3em 0 1em 0;
	padding: 1em 0 2em 0;
}

.index-updateable .read-more-text {
    display: none;
}

.index-updateable h3 {
	margin: 0.3em 0 0 0;
	color: #00ACB7;
	font-weight: 400;
	font-size: 1.6em;
	text-shadow: 2px 1px 2px #FFF;
}

.index-updateable p {margin: 0.5em 0;}

.index-updateable p.read-more {
	border-top: 1px solid #eee;
	margin: 1em 0 0 0;
	padding: 2em 0 0 0;
}

.index-updateable p.read-more a {
	color: #00A0AA;
	border: 3px solid #00A0AA;		
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: .1em;
	padding: 0.5em 1em;
	text-transform: uppercase;
}

.index-updateable p.read-more a:hover {
	background: #00A0AA;
	color: #FFF;
}

.index-updateable p.read-more a.grey {
	border: 3px solid #b6b6b6;
	color: #9d9d9d;
	margin: 0 1em 0 0;	
}

.index-updateable p.read-more a.grey:hover {
	background: #b6b6b6;
	color: #FFF;
}

.index-updateable .left {
	float: left;
	text-align: center;
	margin-right: 3%;
	width: 20%;
}

.index-updateable .right {
	float: left;
	text-align: left;
	width: 77%;	
}

/* =Content Area (mid div)
-------------------------------------------------- */

.breadcrumbs {
	border-bottom: 1px solid #eee;
	color: #aaa;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 1.6em;
	padding: 1.6em 0 1.4em 0;
}

.breadcrumbs .sep {
	color: #08c;
	font-weight: bold;
	margin: 0 .25em;
}

.breadcrumbs a {
	color: #999;
}

.breadcrumbs a:hover {
	color: #666;
}

.content-area {
	padding: 0 5% 1.6em 5%;
}

.content-area > .inner {
	margin: 0 auto;
	max-width: 71.25em;
}


/* =Nav main
-------------------------------------------------- */

.nav-main {
	padding: 0;
	float: right;
	display: inline;
	margin-top: 1.6em;
	width: 100%;
}

.ie-7 .nav-main {
	width: 32em;
}

.nav-main ul,
.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-main ul {
	width: 100%;
	display: flex;
    align-items: stretch;
	justify-content: space-between;
}

.nav-main li {
	float: left;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 500;
	letter-spacing: .25em;
	text-transform: uppercase;
	display: block;
	margin-left: 1.4em;
	flex: 0 1 auto;
	font-weight: bold;
}

.nav-main li:last-of-type {
	margin-right: 1.4em;
}

.nav-main li a {
	color: #fff;
}

.nav-main li a:hover {
	color: #fff; 
}

.nav-main li.selected a {
	color: #fff;
	border-bottom: 3px solid #fff;
	padding-bottom: 0.3em;
}
.nav-main a.mobile-menu-selector {
	display: none;
}
/* =Header Extra
-------------------------------------------------- */

.contact {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
	width: 50%;
}
.contact li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-size: 2rem;
	float: right;
	display: inline;
	line-height: 1.4;
	margin: 0 0 -0.7em 1.6em;
	color: #fff;
	font-weight: bold;
}
.contact li a, .contact li a:visited {
	color: #fff;
}
.contact li a:hover, .contact li a:visited:hover {
	color: #fff; 
	text-decoration: underline;
}
.contact li {
	width: 25em;
}
.contact li.support {
	width: 5.188em;	
}
.contact li.support a {
	float: right;
	margin-bottom: -0.53333em;
}

.contact-wrapper h3 {
	text-align: center;
}
#google-map-integration {
	width: 100%;
	height: 25em;
}

.contact-information {
	text-align: center;
}


/* =Slider
-------------------------------------------------- */

.splash img {
	width: 100%;
}

.slider-item {
	position: relative;
	height: 70vh;
}

.slider-container img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-position: left center;
}


.slider-item .slide-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	z-index: 999;
	color: #fff;
	font-weight: bold;
	font-size: calc(1.5vw + 1.5vh);
	text-align: center;
	padding: 1em;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.73);
}


/* =Site Content
-------------------------------------------------- */

.site-content {
	float: left;
	width: 100%;
}

.site-content .content-alternate .col-wrapper,
.site-content .content-normal .col-wrapper {
	display: flex;
    flex-grow: 1;
    justify-items: center;
    align-items: center;
	text-align: justify;
}

.site-content .content-alternate .col-wrapper.no-center,
.site-content .content-normal .col-wrapper.no-center {
	align-items: unset;
}

.site-content .content-alternate .col-wrapper .col h2:first-of-type,
.site-content .content-normal .col-wrapper h2:first-of-type {
	margin-top: 0;
}

.site-content .content-alternate .col-wrapper .col .section-title,
.site-content .content-normal .col-wrapper .section-title {
	padding-top: 0;
}

.site-content .content-alternate .col-wrapper .col p:last-of-type,
.site-content .content-normal .col-wrapper p:last-of-type {
	margin-bottom: 0;
}

.site-content .content-alternate .col-wrapper.disable-center,
.site-content .content-normal .col-wrapper.disable-center {
	align-items: baseline;
	justify-items: baseline;
}

.site-content .content-alternate > .inner, .site-content .content-normal > .inner {
	margin: 0 auto;
	max-width: 71.25em;
}

.site-content h1 {
	text-align: center;
}

.body_index .site-content h1 {
	margin-top: 0;
}

.content-feature-image {
	max-width: 100%;
	padding: 1em 0;
}

.content-feature-image.rest-edge  {
	margin-bottom: -0.5em;
}

.site-content .content-alternate, .site-content .content-normal {
	padding: 8rem 1rem;
}

.site-content .content-alternate {
	background: #00ACB7;
}

.site-content .content-alternate * {
	color: #fff;
}

.site-content .content-alternate.last {
	border-bottom: none;
}

.body_page_renewable_energy .content-area,
.body_page_technical .content-area,
.body_page_testimonials .content-area,
.body_page_marine .content-area,
.body_page_rail .content-area,
.body_page_building_glass .content-area,
.body_page_gallery .content-area,
.body_page_aviation .content-area,
.body_page_contact .content-area,
.body_page_quote .content-area,
.body_page_free_test .content-area,
.body_page_products .content-area {
	padding: 0;
}

.body_page_testimonials a[href*="pdf"]{
	text-align: center;
	width: 100%;
	display: block;
}

.content-area .content-normal.full .col-span-2 .col,
.content-area .content-alternate.full .col-span-2 .col {
	float: none;
	margin: 0;
	width: auto;
}

.content-normal.full .section-title,
.content-alternate.full .section-title {
	padding: 0;
}

.content-feature-image-container img {
	max-width: 100% !important;
	width: 100%;
}

.content-normal ul,
.content-alternate ul {
	list-style: none;
}

.contact-areas {
	text-align: center;
}

.contact-areas img {
	max-width: 100%;
}

.body_page_contact .contact-areas .section-title {
	margin-top: -6em;
}

.body_page_contact .contact-areas .section-title h2 {
	color: #000;
	font-size: 1.4em;
	letter-spacing: 1px;
	line-height:  1.8em;
	margin: 0.7em 0 0 1.6em;
	text-align:  left;
	text-transform:  uppercase;	
}

.qanda {
	text-align:  left;
}

.qanda .section {
	margin: 0 1em 0 0;
	border-bottom: 3px solid #00A0AA;
	padding: 1em 1em 1em 1em;
}

.qanda .section.bottom {
	border-bottom: 0;
}

.qanda .question {
	font-weight: 700;
	font-size: 1.3em
}

.qanda .answer {
	font-style:  italic;
}


.qanda .question .q {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	line-height: 0;
	color: #006476;
}

.qanda .answer .a {
	font-size: 1.6em;
	font-weight: 700;	
	margin: 0;
	padding: 0;
	line-height: 0;
	color: #3d3d3d;	
	
}

.body_page_products .left, .body_page_products .left h2, .body_page_products .left .subtitle, .body_page_products .left ul, .body_page_products .left li {
	text-align:  left;
}

.body_page_products .left h3 {
	margin: 0 0 0.5em 0;
}

.body_page_products .left li, .body_page_products .right li {
	list-style:  disc;
}

.body_page_products .left .col-span-2 a {
	color: #fff;
	border-bottom: 1px solid #006476;
	padding-bottom: 0.1em;
}

.body_page_products .right h3 {
	margin: 0 0.5em 0 0;
}

.body_page_products .content-feature-image-container {
	display: flex;
	justify-content: center;
}

.body_page_products .content-feature-image-container img {
	max-width: 200px !important;
}

/* =Departments
-------------------------------------------------- */

.departments-wrapper {}

.departments,
.departments li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.departments li {
	background: #f6f6f6;
	margin: 0 0 .8em 0;
}

.departments h3 {
	margin: 0;
}

.departments h3 a {
	display: block;
	padding: 1.2em 1.6em;
}


/* =Products
-------------------------------------------------- */

.products-wrapper {}
.products {
	margin: 0 0 1.6em 0!important;	
}
.products,
.products li {
	list-style: none;
	margin: 0;
	padding: 0;
}


.products li {
	border-bottom: 1px solid #eee;
	position: relative;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: ackground-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	width: 30%;
	float: left;
	margin-right: 3%;
	height: 32em;
}

.products li input[type="submit"] {
	margin-bottom: 1em;
}

.products li:nth-child(3n) {
	margin-right: 0;
}


.products li:hover {
	background: #f6f6f6;
}

.products li:nth-child(-n+3) {
	border-top: 1px solid #eee;
}

.products .sale {
	background: #d00;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	left: -.5em;
	padding: .6em 1em .55em 1em;
	position: absolute;
	text-align: center;
	top: 5.5em;
}

.products h3 a {
	color: #2c333a;
}

.products .thumbnail {
	float: left;
	line-height: 0;
	text-align: center;
	width: 100%;
}

.products .thumbnail img {
	height: auto;
	opacity: 1;
	max-width: 100%;
}

.products .rrp {
	color: #ff0000;
	text-decoration: line-through;
}

.products .thumbnail .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	line-height: 14.5em;
	height: 14.5em;
}

.products .thumbnail a .no_image_available {
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

.products .thumbnail a:hover .no_image_available {
	color: #666;
}

.products .thumbnail a:hover .no_image_available,
.products li:hover .thumbnail a .no_image_available {
	background-color: #eee;
}

.products .description {
	color: #999;
}

.products .price {
	font-size: 1.25em;
	font-weight: bold;
}

.products .price .from {
	color: #999;
	font-size: 50%;
	font-weight: normal;
	margin-right: .25em;
}


/* =Product Details
-------------------------------------------------- */

.product-wrapper {
	position: relative;
}

.product-gallery {
	border-bottom: 1px solid #eee;
	float: left;
	margin-bottom: 1.6em;
	width: 47.5%;
}

.product-gallery .product-image-main {
	line-height: 0;
	margin: 0 0 .5em 0;
}

.product-gallery .product-image-main img {
	height: auto;
	width: 100%;
}

.product-gallery .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 25em;
	height: 25em;
	text-align: center;
}

.product-gallery ul,
.product-gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-gallery ul {
	padding-bottom: .5em;
}

.product-gallery li {
	float: left;
	line-height: 0;
	margin-left: 2.5%;
	width: 23%;
}

.product-gallery li:first-child {
	margin-left: 0;
}

.product-gallery li a {
	padding-right: 25%;
}

.product-gallery li a img {
	height: auto;
	width: 100%;
}

.product-details {
	border-left: 1px solid #eee;
	float: right;
	padding-left: 2.5%;
	width: 47.5%;
}

.product-details .sale {
	background: #d00;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	left: -.5em;
	padding: .6em 1em .55em 1em;
	position: absolute;
	top: .6em;
}

.product-details h1 {
	margin-top: .8em;
}

.product-details .price {
	font-size: 1.25em;
	font-weight: bold;
	margin-top: -.8em;
}

.product-details .rrp {
	color: #ff0000;
	font-size: 1.25em;
	text-decoration: line-through;
}

.product-details .price .from {
	color: #999;
	font-size: 75%;
	font-weight: normal;
	margin-right: .25em;
}

.product-details .price .currency {}

.product-details fieldset {
	/* ie7, ie8 */
	border: none;
	padding: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: .8em;
}

.product-details fieldset:first-of-type {
	border-top: 1px solid #eee;
	padding-top: .8em;
}

.product-details .actions {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.6em;
	padding-bottom: .8em;
}

/* =Shopping cart
-------------------------------------------------- */

.cart-wrapper {
	margin: 0 0 3.2em 0;
}

.cart-list-headings {
	border-bottom: 1px solid #eee;
}

.cart-list-headings h3 {
	float: left;
	margin: 0 0 .8em 0;
}

.title-cart-product {
	width: 39%;
}

.cart-list-orderreview .title-cart-product {
	width: 53%;
}

.title-cart-remove {
	width: 15%;
}

.title-cart-price-per {
	width: 15%;
}

.title-cart-price-qty {
	width: 15%;
}

.title-cart-price-total {
	width: 15%;
}

.cart-list,
.cart-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cart-list {
	margin: 1.6em 0;
	list-style: none;
}

.cart-list .cart-item {
	background: #fff;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: .8em 0;
}

.cart-list .cart-item:nth-child(even) {
	background: #fcfcfc;
}

.cart-product {
	float: left;
	padding-right: 2%;
	width: 37%;
}

.cart-list-orderreview .cart-product {
	width: 51%;
}

.cart-remove {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-per {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-qty {
	float: left;
	padding-right: 2%;
	width: 13%;
}

.cart-price-qty label, .cart-price-qty span {
	display: none;
}

.cart-price-total {
	float: left;
	padding-right: 0;
	width: 15%;
}

.cart-list .cart-product img {
	float: left;
	margin: 0 .8em 0 0;
	width: 33.333%;
	min-width: 6em;
}

.cart-item .no_image_available {
	background: #f6f6f6;
	color: #999;
	display: block;
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 .8em 0 0;
	min-width: 6em;
	padding: 3.2em 0;
	text-align: center;
	width: 33.333%;
}

.cart-message {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 1.6em 0;
	padding-bottom: .8em;
	text-align: center;
}

dl.cart-totals,
dl.cart-totals dt,
dl.cart-totals dd {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
}

dl.cart-totals {
	margin: 0 0 1.6em 0;
}

dl.cart-totals dt {
	border-bottom: 1px solid #e6e6e6;
	clear: left;
	float: left;
	padding: .5em 5% .5em 0;
	width: 44.5%;
}

dl.cart-totals dd {
	border-bottom: 1px solid #e6e6e6;
	float: left;
	font-weight: bold;
	padding: .5em 0;
	width: 50%;
}

dl.cart-totals .cart-grand-total {
	font-size: 16px;
	font-size: 1.6rem;;
}

.cart-actions {
	margin: 0 0 1.6em 0;
}

.cart-actions input {
	padding: 1em;
}

.cart-actions #viewcart_updatecart,
.cart-actions #viewcart_emptycart {
	float: left;
}

.cart-actions #viewcart_updatecart,
.cart-actions #viewcart_emptycart {
	float: left;
	margin: 0 5% .8em 0;
	width: 47.5%;
}

.cart-actions #viewcart_emptycart {
	margin-right: 0;
}

.cart-actions #viewcart_continuecheckout {
	display: block;
	margin: 0;
	width: 100%;
}

/* =Order Details
-------------------------------------------------- */

.body_order_details textarea {
	width: 91.4%;
}

#orderdetails_shippinginformation, #review_additional_container label {
	clear: both;
}

.body_order_review .col-first {
	margin: 0;
}

.body_order_review #review_container .col.col-first {
	float: right;
}

.body_order_review .col-second {
	margin-right: 5%;
}

/* =Pagination
-------------------------------------------------- */

.pagination {
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin: 0 0 1.6em 0;
}

.pagination ul,
.pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination li {
	border-left: 1px solid #ccc;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	
}

.pagination li a {
	color: #999;
	display: block;
	font-weight: bold;
	padding: .5em 1em;
}

.pagination li a:hover {
	background: #fcfcfc;
	color: #666;
}

.pagination .first {
	border-left: 0;
}

.pagination .last {
	border-right: 1px solid #ccc
}

.pagination .total,
.pagination .summary {
	border: 0;
	border-left: 1px solid #ccc;
	color: #999;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: .5em 1em;
}


/* =Contact form
-------------------------------------------------- */

.contact-form {
	text-align:  left;
}

.contact-form h3 {
	color: #333;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align:  center;
	text-transform:  uppercase;
}

.contact-form fieldset {
	padding: 0;
	border: none;
	border-bottom: 1px solid #eee;
	float: left;
	padding-bottom: .8em;
	width: 100%;
}

.contact-form input, .contact-form textarea {
	border: none;
	color: #111!important;
}

.contact-form fieldset.captcha {
	border-bottom: 0;
}

.contact-form fieldset.captcha img {
	display: block;
	margin: 0.8em 0em 1em 0;
}

.contact-form .actions {
	clear: both;
}

.ie-7 .contact-form .textfield-container {
	width: 100%;
}

.ie-7 .contact-form .textfield-container label {
	clear: both;
}

.contact-form input[type="submit"] {
	background: #fff;
	color: #000;
	padding: 0.8em 1.2em;
}


/* =Site map
-------------------------------------------------- */

.sitemap-wrapper {}

.sitemap-wrapper h2 {
	border-top: 1px solid #eee;
	clear: left;
	float: left;
	margin: 0;
	padding-top: 1em;
	padding-right: 5%;
	width: 20%;
}

.sitemap-wrapper ul,
.sitemap-wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap-wrapper ul {
	border-top: 1px solid #eee;
	float: left;
	margin: 0 0 1.6em 0;
	padding-top: 1em;
	width: 75%;
}

.sitemap-wrapper ul li {
	margin: 0 0 .4em 0;
}


/* =Site Footer
-------------------------------------------------- */

.site-footer {
	clear: both;
	padding: 0 5%;
	color: #fff;
	background: #00A0AA;
}

.site-footer > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	padding-top: .8em;
}

.site-footer h4 {
color: #fff;
font-size: 1em;
letter-spacing: 1px;
text-transform:  uppercase;	

}

.site-footer a {
	color: #fff;
}

.site-footer input {
	border: none;
}


.site-footer input[type="submit"] {
	text-transform: uppercase;
	background: #fff;
	color: #000;
	0.8em 1.2em
}

.site-footer .col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .col ul li {
	margin: 0;
}

.site-footer .nav-legal,
.site-footer .nav-legal li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .nav-legal {
	border-top: 1px solid #00ACB7;
	padding: 1.6em 0 1.6em 0;
	margin-top: 1em;
}

.site-footer .copyright {
	float: right;
	margin: -3.5em 0 0 0;	
}


.site-footer .nav-legal li {
	display: inline;
	margin-right: .4em;
}

.site-footer .nav-legal a, .site-footer .copyright a {
	color: #fff;
}

.site-footer .nav-legal li:before {
	content: '\00b7';
	margin-right: .7em;
}

.site-footer .nav-legal li:first-of-type:before {
	content: '';
	margin: 0;
}

.body_order_details .site-footer input[type="text"], .body_contact .site-footer input[type="text"]{
	width: 80%;
}

/* = Modal Box
-------------------------------------------------- */
.modal-box {
    background: #fff;
    width: 22em;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -11em;
    margin-top: -6em;
    z-index: 1002;
    padding: 0;
}

.modal-box form {
	padding: 1em;
}


.modal-box h3 {
	margin: 0;
}

.modal-box .actions {
	padding: 0.8em 0 0 0;
}

.modal-box .actions input.close {
	background-color: #e6e6e6;
	color: #999;
	margin: 0 5% 0 0;
}

.modal-box .actions input {
	width: 47.5%;
	padding: 1em;
	margin: 0;
	float:left;
}

.modal-dim {
    background: #000;
    z-index: 20;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -moz-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity=65);
    z-index: 1001;
}

.modal-box.hide, .modal-dim.hide {
	display: none;	
}

/* =Cart Modal
-------------------------------------------------- */

.modal-box .cart-list {
	margin: 0;
}

.modal-box .cart-list .cart-product img {
	min-width: 4.5em;
	max-height: 5em;
}

.modal-box .cart-product {
	width: 60%;
}

/* =My Account
-------------------------------------------------- */

.addresses .shipping-address, dl.order-view-totals dd  {
	text-align: right;
}
.addresses h3 {
	margin: 1.6em 0 0.5em 0;
	border-bottom: 1px solid #e6e6e6;
}

.no-items {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 1.6em 0;
	padding-bottom: .8em;
	text-align: center;
}

.myaccount-fieldset-50 {
	width: 50%;
	float: left;
}

.body_myaccount .nav-myaccount-dashboard a:before,
.body_myaccount_modify_addresses .nav-myaccount-dashboard a:before,
.body_myaccount_orders .nav-myaccount-orders a:before,
.body_myaccount_settings .nav-myaccount-settings a:before {
	content: '\00bb';
	margin-right: .5em;
}
.body_myaccount .nav-myaccount-dashboard a,
.body_myaccount_modify_addresses .nav-myaccount-dashboard a,
.body_myaccount_orders .nav-myaccount-orders a,
.body_myaccount_settings .nav-myaccount-settings a {
	background-color: #fff;
	color: #000!important;
}

.myaccount-button-wrapper {
	margin-top: .8em;
}

.myaccount-button-wrapper a {
	background: #08c;
	border-radius: 0;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: .45em 1em .4em 1em;
	float: right;
}

.myaccount-button-wrapper a:hover {
	background-color: #0af;
}

/* =Blog
-------------------------------------------------- */
.blog-wrapper {
	margin-bottom: 1em;
}

.blog-cols .col-first {
	width: 57.5%;
}

.blog-cols .col-second {
	width: 37.5%;
}

.blog-posts .blog-post {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}


.blog-post h2 {
	margin: 1.6em 0 0em 0;
}

.ie-7 .blog-post img, .ie-8 .blog-post img {
	width: inherit;
}

.blog-post img {
	max-width: 100%!important;
	height: auto!important;
}

.blog-menu,
.blog-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-menu li a {
	border-bottom: 1px solid #eee;
	color: #bbb;
	display: block;
	padding: .5em 0;
}

.blog-menu a:hover {
	color: #999;
}

.blog-posts-related-no-posts, .blog-posts-related-no-posts {
	border-bottom: 1px solid #eee;
}

/* =Responsive Tables
-------------------------------------------------- */

.table-wrapper {
	margin: 0 0 3.2em 0;
}

.table-list-headings {
	border-bottom: 1px solid #eee;
}

.table-list-headings h3 {
	float: left;
	margin: 0 0 .8em 0;
}

.table-item > div {
	float: left;	
}

.table-cell-40 {
	width: 40%;
}

.table-cell-20 {
	width: 20%;
}

.table-list,
.table-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table-list {
	margin: 1.6em 0;
	list-style: none;
}

.table-list .table-item {
	background: #fff;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: .8em 0;
}

.table-list .table-item:nth-child(even) {
	background: #fcfcfc;
}

.table-cell-mobile-content {
	display: none;
}

/* =Additional  Styling
-------------------------------------------------- */
.section-title {
	padding: 1.8em 0 1.5em 0;
	text-align: center;
}

.section-title h1 {
	margin: 0 0 .2em 0;
	font-weight: 300;
	font-size: 3em;
	letter-spacing:  -1px;
}

.section-title h2 {
	color: #333;
	font-size: 1.7em;
	letter-spacing: 1px;
	line-height:  1.8em;
	margin: 0;
	text-align:  center;
	text-transform:  uppercase;	
}

.section-title p {
	margin: 0;
	color: #00ACB7;
	font-weight: 400;
	font-size: 1.2em;
	text-transform: uppercase;
}

.reasons  {
	margin-top: 4em;
	text-align: center;
}

.reasons .col {
	text-align: center;
}

.featured-cta {
	margin-top: 3rem;
    padding: 3rem;
    background: #00A0AA;
    color: #fff;
}

.featured-cta a {
	color: #fff;
}

.featured-cta h3 {
	margin-top: 0;
	color: #fff;
}

.featured-cta p {
	margin-bottom: 0;
}

.reasons img {
	max-width: 5em;
}

.reasons h4 {
	margin: 1em 0 0.5em 0;
}

.feature-included,
.feature-included li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.feature-included li {
	float: left;
	display: inline;
}
.feature-included li:before {
	content: '\2714';
	margin: 0 .7em;
	color: #28c65a;
}
a.button {
	font-size: 11px;
	font-size: 1.1rem;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 500;
	letter-spacing: .25em;
	text-transform: uppercase;
	padding: 1em 1em;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	background: #1581da;
	color: #fff;
}

a.button:hover {
	background-color: #369aec;
}


/* =Contact Page
-------------------------------------------------- */

.contact-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-container img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: block;
}

.contact-container #google-map-integration-france-office,
.contact-container #google-map-integration-palma-office,
.contact-container #google-map-integration-monaco-office,
.contact-container #google-map-integration-bremen-office,
.contact-container #google-map-integration-malta-office,
.contact-container #google-map-integration-simpsonbay-office,
.contact-container #google-map-integration-usa-office {
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: block;
}

.contact-container i {
   color: #00ACB7;
   display: inline-block;
   width: 1em;
   font-size: 2.5rem;
}

.contact-container h3 i {
	font-size: 1.5em;
	color: #ff4c06;
}

.contact-container .contact-location {
	display: block;
	background: #fff;
	padding: 5em 5%;
}

.contact-container .contact-location:nth-child(odd) {
	background: #00ACB7;
}

.contact-container .contact-location:nth-child(odd) p, .contact-container .contact-location:nth-child(odd) a, .contact-container .contact-location:nth-child(odd) h2, .contact-container .contact-location:nth-child(odd) h3 {
	color: #fff;
}

.contact-container .contact-location .column {
	width: 25%;
	float: left;
}

.contact-container .contact-location .column.wide {
	width: 50%;
	padding: 0 1em;
}


.address-contact p {
	padding: 0;
	color: #3c3c3b;
	font-size: 1em;
}

.address-contact h3 {
	font-style: italic;
	font-weight: 100;
	color: #3c3c3b;
	font-size: 1.5em;	
}

.address-contact h2 {
	font-weight: 100;
	color: #3c3c3b;
	font-size: 2.5em;
	display: block;
	margin-top: 0.5em;
}

.address-contact img {
	max-width: 6%;
	width: 6%;
	display: inline;
}

.address-contact h2 img {
	margin-right: 0.5em;
}

.address-contact h2 .ym-logo {
	max-width: 30%;
	width: 30%;
	height: auto;
	float: right;
}

.address-contact h2 .medasia-yachting-logo {
	max-width: 20%;
	width: 20%;
	height: auto;
	float: right;
}

.address-contact .address {
	width: 50%;
	float: left;
}

.address-contact .address p {
	padding-left: 2.5em;
}

.address-contact .contact-info {
	float: left;
	width: 50%;
}


/* =Photogallery
-------------------------------------------------- */
.photogallery-container {
	margin: 0.7em 0 0 0;
	text-align: center;
}

.photogallery-container ul {
	list-style: none;
	margin: 3em 0 0 0;
}

.photogallery-container li {
	float: left;
	margin: 0.2em 0.5%;
	width: 15%;
}

.photogallery-container img {
	display: block;
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;	
	width: 100%;
	height: 100%;
	border-radius: 0.2em;
	object-fit: cover;
	position: relative;
}

.photogallery-container .img-wrapper {
  overflow: hidden;
  position: relative;
}

.photogallery-container .img-wrapper:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.photogallery-container .img-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}



.photogallery-container img:hover {
	opacity: 0.8;
	cursor: pointer;
	-webkit-transition: opacity .55s ease-in-out, box-shadow .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out, box-shadow .55s ease-in-out;
	-o-transition: opacity .55s ease-in-out, box-shadow .55s ease-in-out;
	-ms-transition: opacity .55s ease-in-out, box-shadow .55s ease-in-out;
	transition: opacity .55s ease-in-out, box-shadow .55s ease-in-out;
	-moz-box-shadow: 0 2px 3px 0px rgba(26, 20, 20, 0.8);
	-webkit-box-shadow: 0 2px 3px 0px rgba(26, 20, 20, 0.8);
	box-shadow: 0 2px 3px 0px rgba(26, 20, 20, 0.8);
}

.mfp-bottom-bar {
	background: #FFF;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);	
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);	
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);	
	border-radius: 0 0 0.2em 0.2em;
	padding: 1em 0;
	border-top: 1px solid #333;
}

.mfp-img {
	border-radius: 0.2em 0.2em 0 0;
}

.mfp-title {
	color: #333 !important;
	font-weight: bold;
	margin: 0 0 0 2%;
}

.mfp-counter {
	color: #999 !important;
	font-size: 1em !important;
	line-height: 1em !important;
	font-weight: normal;
	top: 1em !important;
	right: 2% !important;
}

.sidebar .photogallery-container li {
	margin: 0.1em 0.5%;
	width: 49%;
}
.sidebar img {
    max-width: 100%!important;
    height: auto!important;
}


/* =Showcase
-------------------------------------------------- */
.showcase-wrapper img {
	height: auto;
	width: 100%;
	border: 1px solid #00ACB7;
	padding: 0.2em;
}

.showcase-wrapper h4 {
	margin: 0;
}

/* =Flickr
-------------------------------------------------- */

.flickr-thumbs {
    margin: 0;
    padding: 0;
}

.sidebar .flickr-thumbs li {
	float: left;
	width: 30.5%;
	list-style: none;
	margin:0.5em 1.5% 0 1.5%;
}

.sidebar .flickr-thumbs li img {
	height:auto;
	width: 100%;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.site-content .flickr-thumbs li {
	float: left;
	width: 20%;
	list-style: none;
	margin:0.5em 1.5% 0 1.5%;
}

.site-content .flickr-thumbs li img {
	height:auto;
	width: 100%;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

/* =Media Queries
-------------------------------------------------- */

/* first drop */
@media only screen and (max-width: 71.25em) {
	
	nav.nav-main ul, .site-header .contact li {
		margin-right: 1em;
	}
	
	.nav-main {
		width: 100%;
	}
	
}

/* second drop */
@media only screen and (max-width: 62.5em) {
	
	/*
		body:before {
			background: rgba(255,0,0,.1);
			content: '';
			display: block;
			height: 5em;
			left: 0;
			position: fixed;
			top: 0;
			width: 2em;
		}
	*/

	.cart {
		width: 33%;
	}

	.site-content {
		float: none;
		width: auto;
	}

	.site-footer .col {
		margin: 0;
		min-height: 11em;
		width: 50%;
	}

	.site-footer .col p {
		margin-right: 1.6em;
	}
	
	.showcase-wrapper .col, .reasons .col {
		width: 45%;
		margin: 0 0.5em;
	}
	
	.reasons .col.last {
		width: 100%;
		margin: 0;
	}
	
	.more-info-container {
		padding: 0 1em 1.6em 1em;
	}
	
	.body_page_contact .site-content > .inner {
		padding: 0;
	}
	
	.contact-title h1 {
		padding: 0.5em;
		font-size: 2em;
	}
	
	.contact-title p {
		padding: 0 1em;
	}
	
}

/* Third Drop */
@media only screen and (max-width: 58em) {
	.brand {
		width: 50%;
	}
	
	.brand .logo {
		width: 100%;
		margin: 0;
	}
	.site-header .contact {
		margin-top: 1.5em;
	}
	
	.nav-main {
		width: 95%;
		padding: 0 2.5%;
		float: left;
		margin-top: 1em;
	}
	
	.nav-main li {
		margin-left: 0;
		margin-right: 1.4em;
	}
	
	.site-footer .copyright {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	.site-header .contact {
		margin-top: 0em;
	}
	
	.pricing-plans, .plan-wrapper {
		width: 100%;
	}
	.plan-popular {
		padding-bottom: 1em;
		margin-top: 1.6em;
	}
	
	.more-info .action, .more-info .info {
		width: 100%;
	}
	
	.more-info .action a {
		margin: 0 auto;
	}
	
	.site-header .contact {
		display: none;
	}
	
	.brand {
		float: none;
		margin: 1.6em 5% 0 5%;
		width: auto;
	}
	
	.nav-main a.mobile-menu-selector {
		display: block;
		padding: 1em;
		background: #fff;
	}
	
	.nav-main {
		padding: 0;
		margin-top: 0.4em;
		background: #fff;
	}
	
	.nav-main ul {
		display: none;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		width: 100%;
	}
		
	nav.nav-main {
		width: 100%;
		text-align: center;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.nav-main li {
		width: 100%;
		margin: 0.5em 0;
	}
	
	nav.nav-main ul, .site-header .contact li {
		margin-right: 0;
	}
	
	.showcase-wrapper .col {
		margin: 0;
		width: 98%;
	}
	
	.logo img {
		margin: 0 auto;
		display: block;
		max-width: 5em;
	}
	
	.site-header {
		padding: 0;
	}
	
	.nav-main li a {
		color: #000;
	}

	.nav-main li a:hover {
		color: #00A0AA; 
	}
	
	.nav-main li.selected a {
		color: #00A0AA;
		border-bottom: 3px solid #00A0AA;
		padding-bottom: 0.3em;
	}
	
}

@media only screen and (max-width: 48em) {
	
	.index-updateable .left {
		margin-right: 5%;
	}

	.index-updateable .right {
		width: 75%;
	}
	
	.contact-container .contact-location .column {
		width: 50%;
	}
	
	.contact-container .contact-location .column.wide {
		width: 100%;
	}
	
	.address-contact .address,
	.address-contact .contact-info {
		width: 100%;
	}
	

}

/* Fourth drop */
@media only screen and (max-width: 45em) {
	
	.site-content .content-alternate .col-wrapper {
		flex-direction: column-reverse;
	}
	
	.site-content .content-normal .col-wrapper {
		flex-direction: column;
	}
	
	.site-content .content-alternate .col, .site-content .content-normal .col {
		padding: 2rem 1em;
		box-sizing: border-box;
	}
	
	.content-feature-image-container {
		padding: 0 !important;
	}
	.content-feature-image-container img {
		width: 100% !important;
		
	}
	
	.content-area .col-span-2 .col {
		float: none;
		margin: 0;
		width: 100%;
	}
	
	.col-span-2.contact-areas .col {
		margin-bottom: 2em;
	}
	
	.contact-container .contact-location .address-contact {
		padding-top: 3em !important;
		padding-bottom: 3em !important;
	}
	
	
}


/* Fifth drop */

@media only screen and (max-width: 37.5em) {
	
	
	
	/*
		body:before {
			background-color: rgba(0,255,0,.1);
		}
	*/
	
	.order-details .col {
		float: none;
		margin-left: 0;
	}
	
	.order-details .col-span-2 .col {
		width: 100%;
	}
	
	.contact-form fieldset.captcha img {
		margin: 0;
	}
	
	/* My Account */
	.addresses .shipping-address, dl.order-view-totals dd {
		text-align: left;
	}
	
	/* Blog */
	.blog-cols .col-first, .blog-cols .col-second {
		width: 100%;
	}
	
	/* Responsive Tables */
	.table-cell-mobile-80 {
		width: 80%;
	}
	.table-cell-mobile-70 {
		width: 70%;
	}
	.table-cell-mobile-60 {
		width: 60%;
	}
	.table-cell-mobile-30 {
		width: 30%;
	}
	.table-cell-mobile-content {
		display: block;
		color: #999;
	}
	.table-cell-mobile-hide {
		display: none;
	}
	
	.index-updateable .left {
		margin-right: 10%;
	}

	.index-updateable .right {
		width: 70%;
	}	
	

}

/* Sixth drop */

@media only screen and (max-width: 36em) {
	
	.slider-item {
		height: 50vh;
	}

	
	/*
		body:before {
			background-color: rgba(0,0,255,.1);
		}
	*/

	

	.cart {
		clear: both;
		float: none;
		margin: 2.2em 0 0 0;
		width: auto;
	}

	.cart h3,
	.cart dl,
	.cart p {
		margin-left: 5%;
		margin-right: 5%;
	}

	.products li {
		padding-left: 0;
	}

	.products h3 {
		font-size: 1em;
		margin: 1.2em 0 .6em 33%;
		padding-left: .6em
	}

	.products p {
		margin: 0 0 .6em 33%;
		padding-left: .6em
	}

	.products .sale {
		font-size: .75em;
		margin: 0;
		top: 0;
	}

	.products .price {
		font-size: 1em;
		font-weight: bold;
	}

	.products .thumbnail {
		margin: 0;
		width: 30%;
	}

	.product-gallery,
	.product-details {
		border-left: 0;
		float: none;
		padding-left: 0;
		width: auto;
	}

	.cart .button-wrapper {
		float: right;
		margin-top: -2.2em;
	}

	li.cart-product img {
		float: none;
		margin: 0 0 .8em 0;
		width: 100%;
	}

	.site-footer .col {
		float: none;
		min-height: 0;
		width: auto;
	}
	
	.products li {
		width: auto;
		margin-right: 0;
		padding: .063em 1.6em .8em 0em;
		float: none;
		height: auto;
	}
	
	.products .thumbnail {
		margin: -2.4em 0 0 0;
	}
	
	.products li:nth-child(-n+3) {
		border-top: none;
	}
	
	.products li:first-child {
		border-top: 1px solid #eee;	
	}
	
	
	.products li input[type="submit"] {
		margin-left: .6em;
	}
	
	/* Only target content cart lists */
	#content .cart-list-headings {
		display: none;
	}

	#content .cart-product {
		clear: both !important;
		float: none !important;
		width: 100% !important;
	}
	
	#content .cart-price-per,
	#content .cart-price-qty,
	#content .cart-price-total,
	#content .cart-remove {
		padding-top: .6em;
		padding-right: 3%;
		width: 22%;
	}
	
	#content .cart-price-qty {
		text-align: right;
		width: 34%;
	}
	
	#content .cart-price-total,
	#content .cart-remove {
		padding-top: 2.6em;
	}

	#content .cart-list-orderreview .cart-price-qty,
	#content .cart-list-orderreview .cart-price-total {
		padding-top: .8em;
	}

	#content .cart-list-orderreview .cart-price-total {
		width: 34%;
	}

	#content .cart-price-per {
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
	}
	#content .title-cart-remove {
		padding-right: 0;
		width: 25%;
	}

	#content .cart-price-qty label {
		display: block;
	}
	#content .cart-price-qty span {
		display: inline-block;
	}
	
	.modal-box {
	    width: 100%;
	    left: 0;
	    margin-left:0;
	}
	
	.showcase-wrapper .col, .reasons .col {
		width: auto;
	}
	
	
	
}

/* Seventh drop */

@media only screen and (max-width: 27.5em) {
	
	/*
		body:before {
			background-color: rgba(220,105,234,.1);
		}
	*/
	
	.products .thumbnail .no_image_available  {
		line-height: 2em;
		padding-top: 5em;
		height: 9.5em;
	}
	
	.logo img {
		max-width: 5em;
	}
	
	.index-updateable .left {
		margin: 0;
		width: 100%;
	}

	.index-updateable .right {
		margin: 0;
		width: 100%;
	}
	
	.index-updateable p.read-more,
	.news-posts h2 {
		text-align: center;
	}		
	
	

}



/* =Helpers
-------------------------------------------------- */

/* for screen readers */

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* clearfix class */

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

.group:after {
	clear: both;
}

.group {
	*zoom: 1;
}