/* CSS RESET */

* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
}
*:before, *:after {
	box-sizing: border-box;
}
html {
	margin: 0 !important;
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}
a:active {
	outline: none;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	margin: 0;
	border: 0;
	padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, button {
	border-radius: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
input::-moz-placeholder {
	opacity: 1;
}
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
    display: none !important;
}


/* GLOBAL STYLES */


body {
    max-width: 100%;
    overflow-x: hidden; /* responsive navigation & filters scroll bug fix*/
	font-style: normal;
	background-color: #fff;
		line-height:30px !important;
	color: #254635;
	font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 22px; 
}
body.air-theme {
	background-color: #fff;
		line-height:30px !important;
	color: #254635;
	font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 22px; 
}
body.earth-theme {
	background-color: #fff;
		line-height:30px !important;
	color: #254635;
	font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 22px; 
}

a {
	color: inherit;
	cursor: pointer;
}
img {
	max-width: 100%;
}
a img {
	opacity: 0.99; /*firefox scale bug fix*/
}
table {
	width: 100%;
	border-collapse: collapse;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {
	height: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 10px;
	vertical-align: middle;
	color: #888; min-width: 250px;
}
.air-theme input[type="text"],
.air-theme input[type="password"],
.air-theme input[type="email"],
.air-theme input[type="tel"],
.air-theme textarea, .air-theme select {
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.earth-theme input[type="text"],
.earth-theme input[type="password"],
.earth-theme input[type="email"],
.earth-theme input[type="tel"],
.earth-theme textarea, .earth-theme select {

}
textarea {
	min-height: 150px;
	white-space: normal;
}
select {
    min-width: 50px;
    background: #fff url('../img/dropdown-arrow-grey.png') right 8px center no-repeat;
    padding: 0 25px 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
	display: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
	vertical-align: middle;
}
input[type="submit"],
input[type="button"],
button {
	border: none;
	cursor: pointer;
}
.air-theme button,
.air-theme .button-1,
.air-theme .button-2 {
	font-family: 'Montserrat', sans-serif;
}
.earth-theme button,
.earth-theme .button-1,
.earth-theme .button-2 {/*
	font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; */ font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 16px!important; 
}
label, label + * {
	vertical-align: middle;
}

.master-wrapper-content {
	position: relative;
	z-index: 0; /* giving priority to header and header-menu */
}
.master-column-wrapper {
	/*width: 94%;*/ width:100%;
	margin: auto;
}
.master-column-wrapper:after {
	content: "";
	display: block;
	clear: both;
}
.home-page-body .master-column-wrapper {
	width: 100%;
}
.center-1 {
	margin: 0px;
}
.center-2, .side-2 {
	margin: 0 0 60px;
}

.page {
	min-height: 200px;
	text-align: left;
}
.page-title,
.home-page .title,
.product-grid .title,
.home-page .topic-block-title {
	margin: 50px 0 60px;
	text-align: center;
}
.product-grid + .product-grid .title {
	margin-top: 0;
}
.page-title h1,
.home-page .title strong,
.product-grid .title strong,
.home-page .topic-block-title h2 {
	display: block; /*prevents a bug with absolute pseudo elements inside the <strong>*/
	position: relative;
	color: #333;
	text-transform: uppercase;
}
.air-theme .page-title h1,
.air-theme .home-page .title strong,
.air-theme .product-grid .title strong,
.air-theme .home-page .topic-block-title h2 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
}
.earth-theme .page-title h1,
.earth-theme .home-page .title strong,
.earth-theme .product-grid .title strong,
.earth-theme .home-page .topic-block-title h2 {
	font-size: 24px;
	font-weight: 400;
}
.page-title h1:after,
.home-page .title strong:after,
.product-grid .title strong:after,
.home-page .topic-block-title h2:after {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	width: 80px;
	height: 4px;
	margin: 0 0 0 -40px;
}
.air-theme .page-title h1:after,
.air-theme .home-page .title strong:after,
.air-theme .product-grid .title strong:after,
.air-theme .home-page .topic-block-title h2:after {
	background-color: #eda187;
}
.earth-theme .page-title h1:after,
.earth-theme .home-page .title strong:after,
.earth-theme .product-grid .title strong:after,
.earth-theme .home-page .topic-block-title h2:after {
	background-color: #254635;
}
.page:after,
.page-title:after,
.page-body:after {
	content: "";
	display: block;
	clear: both;
}
.buttons {
	text-align: center;
}
.required {
	font-size: 14px;
	color: #ee2e56;
}
.link-rss {
	display: none;
	font-size: 0 !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: decimal;
}
.category-description p,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
	margin: 10px 0;
	word-wrap: break-word;
}

.master-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff url('../img/loading.gif') center no-repeat;
	opacity: 0.95;
}

.overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
	z-index: 1030;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    transition: background-color 0.5s ease;
}
.scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.ps-container > .ps-scrollbar-y-rail {
    visibility: hidden !important;
}


/* GLOBAL FORMS */


.fieldset, .section {
	position: relative;
	margin: 0 0 40px;
}
.fieldset .title,
.section .title {
	margin: 0 0 15px;
	color: #555;
	text-transform: uppercase;
}
.fieldset .title strong,
.section .title strong {
	font-weight: 400;
}
.form-fields {
	position: relative;
}
.inputs {
	position: relative;
	width: 440px;
	max-width: 100%;
	margin: 0 auto 15px;
	text-align: center;
	white-space: nowrap; /*fix for 'required' elements*/
    font-size: 0;
}
.inputs:after {
	content: "";
	display: block;
	clear: both;
}
.inputs label {
	display: block;
	width: 100%;
	margin: 0 0 5px;
	text-align: left;
}
.air-theme .inputs label {
	font-size: 16px;
}
.earth-theme .inputs label {
	font-size: 16px;
}
.inputs input[type="text"],
.inputs input[type="password"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs select, .inputs textarea {
	width: 100%;
    vertical-align: middle;
}
.inputs input[type="text"]:focus,
.inputs input[type="password"]:focus,
.inputs input[type="email"]:focus,
.inputs input[type="tel"]:focus,
.inputs select:focus,
.inputs textarea:focus {
	border-color: #ddd;
}
.inputs textarea {
	min-height: 200px;
}
.inputs.reversed {
	margin-bottom: 25px;
}
.inputs .required {
	margin: 0 0 0 -8px;
	border-width: 0 8px 8px 0;
	border-style: dashed solid dashed;
	vertical-align: top;
	font-size: 0;
}
.air-theme .inputs .required {
	border-color: transparent #eda187 transparent;
}
.earth-theme .inputs .required {
	border-color: transparent #254635 transparent;
}
.air-theme .message-error,
.air-theme .field-validation-error,
.air-theme .username-not-available-status,
.air-theme .poll-vote-error, .password-error,
.air-theme .field-validation-valid,
.air-theme .username-available-status {
	display: block;
	font-size: 11px;
}
.earth-theme .message-error,
.earth-theme .field-validation-error,
.earth-theme .username-not-available-status,
.earth-theme .poll-vote-error, .password-error,
.earth-theme .field-validation-valid,
.earth-theme .username-available-status {
	display: block;
	font-size: 13px;
	font-weight: 400;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
	color: #ee2e56;
}
.field-validation-valid,
.username-available-status,
.new-comment .result {
	color: #11a871;
}
.captcha-box {
	margin: 0 0 25px;
	text-align: center;
	line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
	display: inline-block;
}
.captcha-box input {
	height: auto;
}
.fieldset + .buttons .button-1 {
	min-width: 150px;
	height: 50px;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .fieldset + .buttons .button-1 {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .fieldset + .buttons .button-1 {
	background-color: #254635;
	font-size: 15px;
	line-height: 51px; /*firefox line-height bug fix*/
}
.fieldset + .buttons .button-1:hover {
	opacity: 0.9;
}


/* GLOBAL TABLES */


.cart, .data-table,
.forums-table-section table {
	border-bottom: 1px solid #eee;
}
.cart th, .data-table th,
.forums-table-section th {
	border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 15px;
    white-space: nowrap;
}
.air-theme .cart th, .air-theme .data-table th,
.air-theme .forums-table-section th {
	font-size: 13px;
	font-weight: 400;
	color: #aaa;
}
.earth-theme .cart th, .earth-theme .data-table th,
.earth-theme .forums-table-section th {
	font-size: 16px;
	font-weight: 300;
}
.cart td, .data-table td,
.forums-table-section td {
	min-width: 50px;
    border: none;
    background-color: #fff;
    padding: 15px;
}

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: left;
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}

.cart .remove-from-cart {
	position: relative;
}
.cart .remove-from-cart button {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	width: 22px;
    height: 22px;
	min-width: 0;
	margin: auto;
    border-radius: 50%;
    background: #ccc url(../img/close-sprite.png) center bottom no-repeat;
	padding: 0 !important;
	transition: all 0.2s ease;
}
.cart .remove-from-cart button:before {
	display: none;
}
.cart .remove-from-cart button:hover {
	background-color: #aaa;
}
.cart .product-picture {
	text-align: center;
	font-size: 0;
}
.cart .product-picture a {
	display: inline-block;
}
.cart .product-picture img {
	max-width: 60px;
}
.cart .product-name {
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}
.cart .attributes {
	margin: 10px 0 !important;
	border: none;
	background-color: transparent;
	padding: 0;
}
.cart .edit-item a {
	font-weight: 400;
	color: #f74258;
}
.cart .edit-item a:hover {
	text-decoration: underline;
}
.cart .message-error {
	margin: 0 !important;
	text-align: left !important;
}
.cart td.unit-price {
	font-weight: 400;
    white-space: nowrap;
}

.cart .quantity {
	text-align: center;
	white-space: nowrap;
}
.cart .increase,
.cart .decrease {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #bbb;
	background-image: url('../img/table-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 0;
	cursor: pointer;
}
.cart .increase {
	background-position: left center;
}
.cart .decrease {
	background-position: right center;
}
.cart .qty-input {
	width: 50px;
    height: 40px;
	margin: 0 8px;
	text-align: center;
    font-size: 14px !important;
	font-weight: 400;
	color: #333;
}
.cart .qty-dropdown {
    width: 60px;
	font-size: 14px !important;
	color: #333;
}

.cart td.subtotal {
	font-weight: 400;
    white-space: nowrap;
}
.air-theme .cart td.subtotal {
	color: #eda187;
}
.earth-theme .cart td.subtotal {
	color: #254635;
}
.cart .subtotal .discount {
    white-space: normal;
}
.cart .discount-additional-info {
	margin: 5px 0 0;
	white-space: normal;
	color: #888;
}
.air-theme .discount-additional-info {
	font-size: 12px;
}
.earth-theme .discount-additional-info {
	font-size: 14px;
	font-weight: 300;
}


/* NOTIFICATIONS & POPUPS  */


.bar-notification {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1080;
	width: 100%;
	padding: 20px 50px 20px 20px;
	color: #fff;
	opacity: 0.95;
}
.bar-notification.success {
	/*background-color: #11a871;*/ /*default 'success' color*/
	background-color: #333;
}
.bar-notification.warning {
	background-color: #d66947;
}
.bar-notification.error {
	background-color: #ee2e56;
}
.bar-notification .content {
	float: left;
	margin: 0 10px 0 0;
}
.bar-notification .content a {
	color: #fff;
	text-decoration: underline;
}
.bar-notification .close {
	position: absolute;
	right: 15px;
	width: 22px;
	height: 22px;
	background: url('../img/close-sprite.png') center top no-repeat;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.air-theme .bar-notification .close {
	top: 18px;
}
.earth-theme .bar-notification .close {
	top: 21px;
}
.bar-notification .close:hover {
	opacity: 0.9;
}

.noscript {
    background-color: #ff9;
	padding: 10px;
    text-align: center;
}

.ajax-loading-block-window {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100% !important;
	height: 100% !important;
	background: #fff url('../img/loading.gif') center no-repeat;
	opacity: 0.9;
}

.ui-dialog {
	z-index: 1050;
	width: 500px !important;
	max-width: 95%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding: 40px 20px;
	text-align: center;
}
.ui-dialog-titlebar {
	margin: 0 0 20px;
	color: #333;
	text-transform: uppercase;
}
.air-theme .ui-dialog-titlebar {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
}
.earth-theme .ui-dialog-titlebar {
	font-size: 20px;
	font-weight: 400;
}
.ui-dialog-titlebar button {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #ccc url('../img/close-sprite.png') center bottom no-repeat;
	font-size: 0;
	transition: opacity 0.2s ease;
}
.ui-dialog-titlebar button:hover {
	opacity: 0.9;
}
.ui-dialog-titlebar button span {
	display: none;
}
.ui-dialog-content {
	height: auto !important;
	min-height: 0 !important;
	line-height: 20px;
}
.air-theme .ui-dialog-content {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.ui-dialog .page {
	min-height: 0;
}
.ui-dialog .page-title {
	display: none;
}
.ui-dialog .page-body {
	text-align: center;
}

.eu-cookie-bar-notification {
    position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1050;
	width: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	overflow: hidden;
    padding: 30px 20px;
	text-align: center;
}
.air-theme .eu-cookie-bar-notification {
	background-color: #fff;
}
.earth-theme .eu-cookie-bar-notification {
	background-color: #222;
}
.eu-cookie-bar-notification .text {
	margin: 0 0 20px;
	line-height: 20px;
}
.air-theme .eu-cookie-bar-notification .text {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.earth-theme .eu-cookie-bar-notification .text {
	font-size: 15px;
}
.eu-cookie-bar-notification a {
	display: block;
	margin: 10px 0 0;
}
.eu-cookie-bar-notification a:hover {
	text-decoration: underline;
}
.air-theme .eu-cookie-bar-notification a {
	color: #eda187;
}
.earth-theme .eu-cookie-bar-notification a {
	color: #254635;
}
.eu-cookie-bar-notification button {
	min-width: 100px;
	height: 40px;
	padding: 0 20px;
	color: #fff;
	transition: opacity 0.2s ease;
}
.air-theme .eu-cookie-bar-notification button {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .eu-cookie-bar-notification button {
	background-color: #254635;
	font-size: 14px;
}
.eu-cookie-bar-notification button:hover {
	opacity: 0.9;
}

.scroll-back-button {
    display: none;
    position: fixed;
	right: 22px;
    bottom: 22px;
	z-index: 1010;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
	background: url('../img/scroll-button.png') no-repeat center 45%;
	text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.scroll-back-button:hover {
	opacity: 0.8;
}
.air-theme .scroll-back-button {
	background-color: #eda187;
}
.earth-theme .scroll-back-button {
	background-color: #254635;
}


/* HEADER */


.admin-header-links {
	position: relative;
	text-align: center;
}
.air-theme .admin-header-links {
	background-color: #333;
	color: #fff;
}
.earth-theme .admin-header-links {
	background-color: #fff;
	color: #222;
}
.admin-header-links .impersonate {
	display: inline-block;
}
.admin-header-links a,
.admin-header-links span {
	display: inline-block;
	margin: 0 10px;
	line-height: 40px;
	text-transform: lowercase;
}
.air-theme .admin-header-links a,
.air-theme .admin-header-links span {
	font-family: 'Raleway', sans-serif;
}

.header {
	text-align: center; 
}
.air-theme .header {
	background-color: #fff;
}
.earth-theme .header {
	background-color: #222;
}
.header-logo {
    /*padding: 20px 0 15px;*/
	text-align: center;
    font-size: 0; 
}

.logocentre {/*background: #254635 !important; width: 650px; */ width:100%;padding: 35px 0px 0px; margin: 0 auto; position: relative; background: #fff !important;}
.html-category-page 
.logocentre {background: #fff !important;}
.header-logo a {
	display: inline-block;
	max-width: 100%;
    /*max-height: 150px;*/
    overflow: hidden;
	line-height: 0; /*firefox line-height bug fix*/
}
.header-logo a img {
    height: 124px;
}
.air-theme .header-logo img {
	background-color: #eda187;
}
.earth-theme .header-logo img {
	
}

.responsive-nav-wrapper div {
	display: inline-block;
	margin: 0 5px;
	overflow: hidden;
	vertical-align: middle;
}
.responsive-nav-wrapper span,
.responsive-nav-wrapper a {
	display: block;
	position: relative;
	height: 50px;
	width: 50px;
	background-image: url('../img/header-navigation-sprite.png');
	background-repeat: no-repeat;
	font-size: 0;
	cursor: pointer;
}
.air-theme .responsive-nav-wrapper span,
.air-theme .responsive-nav-wrapper a {
	background-color: #eda187;
}
.earth-theme .responsive-nav-wrapper span,
.earth-theme .responsive-nav-wrapper a {
	background-color: #254635;
}
.responsive-nav-wrapper .menu-title span {
	background-position: 0 center;
}
.responsive-nav-wrapper .search-wrap span {
	background-position: -50px center;
}
.responsive-nav-wrapper .personal-button span {
	background-position: -100px center;
}
.responsive-nav-wrapper .wishlist-opener a {
	background-position: -150px center;
}
.responsive-nav-wrapper .shopping-cart-link a {
	background-position: -200px center;
}

.store-search-box.active,
.header-options.active {
	display: block;
}

.store-search-box {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1040;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	text-align: center;
    background-color: #fff;
	padding: 30px 20px;
	font-size: 0;
	transition: all 0.3s ease;
}
.store-search-box .close {
	display: none;
	font-size: 0;
}
.search-box form {
	position: relative;
	z-index: 1;
	height: 60px;
	border: 1px solid #eee;
	background-color: #fff;
}
.search-box form:after {
	content: "";
	display: block;
	clear: both;
}
.search-box input.search-box-text {
	float: left;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0 80px 0 20px;
	color: #bbb;
}
.air-theme .search-box input.search-box-text {
	font-size: 14px;
}
.earth-theme .search-box input.search-box-text {
	font-size: 18px;
}
.search-box input.search-box-text:focus {
	color: #555;
}
.search-box .search-box-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #eee;
	background: url('../img/search-button.png') center no-repeat;
	font-size: 0;
}
.air-theme .search-box .search-box-button {
	background-color: #eda187;
}
.earth-theme .search-box .search-box-button {
	background-color: #254635;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-autocomplete {
	position: absolute;
	z-index: 0;
	width: calc(100% - 42px) !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	background-color: #fff;
	padding: 15px 0;
	text-align: left;
}
.air-theme .ui-autocomplete li {
	font-size: 14px; /*reset zeroing*/
}
.earth-theme .ui-autocomplete li {
	font-size: 16px; /*reset zeroing*/
}
.ui-autocomplete li:first-child {
	border-top: none;
}
.ui-autocomplete a {
	display: block;
	padding: 30px 20px;
	color: #555;
	text-transform: uppercase;
}
.ui-autocomplete a.ui-state-focus {
	background: #f6f6f6;
}
.ui-autocomplete img {
	display: none;
	margin: 0 20px 0 0;
	vertical-align: middle;
}

.header-options {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1040;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	text-align: center;
	transition: all 0.3s ease;
}
.header-options #wishlistlink,
.header-options #topcartlink {
	display: none;
}
.header-selectors-wrapper {
	border-bottom: 1px solid #eee;
	background-color: #f6f6f6;
	padding: 30px 20px;
	font-size: 0;
}
.header-selectors-wrapper > div {
	display: inline-block;
	margin: 0 15px;
	vertical-align: middle;
}
.header-selectors-wrapper select {
	min-width: 110px;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
}
.header-selectors-wrapper .select-box {
	font-size: 13px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
}
.language-list {
	max-width: 100%;
	font-size: 0;
}
.language-list li {
	display: inline-block; 
	margin: 0 1px; 
}
.language-list a { 
	display: block;
	position: relative;
	width: 32px;
	height: 40px;
	line-height: 0;
}
.language-list img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.header-links-wrapper {
	padding: 15px 20px;
}
.header-links li {
	font-size: 0;
}
.header-links li:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 0;
	background-image: url('../img/header-links-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.air-theme .header-links li:before {
	background-color: #eda187;
}
.earth-theme .header-links li:before {
	background-color: #254635;
}
.header-links #myaccountlink:before {
	background-position: 0 center;
}
.header-links #registerlink:before {
	background-position: -25px center;
}
.header-links #loginlink:before {
	background-position: -50px center;
}
.header-links #logoutlink:before {
	background-position: -75px center;
}
.header-links #inboxlink:before {
	background-position: -100px center;
}
.header-links span,
.header-links a {
	display: inline-block;
	vertical-align: middle;
	line-height: 35px;
}
.air-theme .header-links span,
.air-theme .header-links a {
	font-size: 13px;
}
.earth-theme .header-links span,
.earth-theme .header-links a {
	font-size: 14px;
}
.header-links a:hover {
	color: #555;
}

.wishlist-opener,
.shopping-cart-link {
	text-align: right;
}
.air-theme .wishlist-opener small,
.air-theme .shopping-cart-link small {
	font-size: 12px;
	color: #eda187;
}
.earth-theme .wishlist-opener small,
.earth-theme .shopping-cart-link small {
	font-size: 12px;
	font-weight: 400;
	color: #254635;
}


/* FOOTER */


.footer-wrapper {
	overflow: hidden;
	padding: 0;
}
.footer {
	background: #254635 !important;
	text-align: left;
    padding:85px 0px 20px;
 width:100%;
 background:#254635!important;
	font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 16px !important; color:#fff; line-height: 26px !important
}

.footer h2 { font-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:700; font-size: 28px; color:#fff; text-transform: uppercase; margin-bottom: 15px;}

.footer a {color:#fff }
.footer a:hover {color:#fff; opacity: 0.6 }


.footer .title {
	margin: 0 0 10px;
	color: #333;
	text-transform: uppercase;
}

.txtfooter {font-size: 21px; line-height: 31px}
.air-theme .footer .title strong {
	font-size: 16px;
	font-weight: 700;
}
.earth-theme .footer .title strong {
	font-size: 18px;
	font-weight: 400;
}

.air-theme .newsletter {
	margin: -85px 0 20px;
}
.earth-theme .newsletter {
	margin: -90px 0 20px;
}
.newsletter-email {
	position: relative;
	z-index: 1;
	height: 70px;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #fff;
	padding: 0 70px 0 0;
}
.newsletter-subscribe {
	display: block !important; /* form should be always visible due to disign specifics */
}
.newsletter-email .newsletter-subscribe-text {
	float: left;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0 20px;
	color: #bbb;
}
.air-theme .newsletter-email input.newsletter-subscribe-text {
	font-size: 14px;
}
.earth-theme .newsletter-email input.newsletter-subscribe-text {
	font-size: 18px;
}
.newsletter-email .newsletter-subscribe-text:focus {
	color: #555;
}
.newsletter-email .newsletter-subscribe-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 100%;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #eee;
	background: url('../img/subscribe-button.png') center no-repeat;
	font-size: 0;
}
.air-theme .newsletter-email .newsletter-subscribe-button {
	background-color: #eda187;
}
.earth-theme .newsletter-email .newsletter-subscribe-button {
	background-color: #254635;
}
.newsletter-email .options {
	clear: both;
	line-height: 32px;
	text-transform: lowercase;
	opacity: 0;
}
.newsletter-validation, 
.newsletter-result {
	margin: 16px 0 0;
}
.air-theme .newsletter-validation, 
.air-theme .newsletter-result {
	font-size: 13px;
}
.earth-theme .newsletter-validation, 
.earth-theme .newsletter-result {
	font-size: 15px;
}
.newsletter-validation .please-wait {
	display: none !important; 
}

.footer-middle {
	margin: 0 0 30px;
}
.footer-middle .center {
	overflow: hidden;
	background-color: #fff;
}
.social-sharing {
	width: 250px;
	height: 250px;
	margin: -90px auto 50px;
	border-radius: 50%;
	background-color: #f3f3f3;
	padding: 120px 0 0;
}
.social-sharing ul {
	font-size: 0;
}
.social-sharing li {
	display: inline-block;
	margin: 3px;
}
.social-sharing a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-image: url('../img/social-sprite.png');
	background-repeat: no-repeat;
}
.air-theme .social-sharing a {
	background-color: #eda187;
}
.earth-theme .social-sharing a {
	background-color: #254635;
}
.social-sharing .facebook {
	background-position: 0 center;
}
.social-sharing .twitter {
	background-position: -35px center;
}
.social-sharing .pinterest {
	background-position: -70px center;
}
.social-sharing .instagram {
	background-position: -105px center;
}
.social-sharing .vimeo {
	background-position: -140px center;
}
.social-sharing .google {
	background-position: -175px center;
}
.social-sharing .youtube {
	background-position: -210px center;
}
.social-sharing .rss {
	background-position: -245px center;
}

.footer-block {
	margin: 50px 0;
}
.footer-block .list a {
	display: inline-block;
	padding: 10px 0;
	transition: color 0.2s ease;
}
.footer-block .list a:hover {
	color: #555;
}

.footer-text {
	display: inline;
	margin: 3px;
	color: #aaa;
}
.air-theme .footer-text {
	font-size: 11px;
}
.earth-theme .footer-text {
	font-size: 13px;
}
.footer-text:after {
	content: "|";
	display: inline-block;
	margin: 0 0 0 9px;
}
.footer-text a {
	color: #777;
	transition: color 0.2s ease;
}
.footer-text a:hover {
	color: #444;
}
.footer-text:last-of-type:after {
	display: none;
}
.theme-selector {
	margin: 25px 0 0;
}
.theme-selector select {
	min-width: 130px;
}


/* LEFT/RIGHT COLUMN */


.block {
	margin: 0 0 10px;
	text-align: left;
}
.block .title {
	position: relative;
	background-color: #f6f6f6;
	padding: 15px 10px;
	color: #555;
	text-transform: uppercase;
	cursor: pointer;
}
.block .title:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	background-image: url('../img/block-nav-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.air-theme .block .title:before {
	background-color: #eda187;
}
.earth-theme .block .title:before {
	background-color: #254635;
}
.block-category-navigation .title:before {
	background-position: 0 center;
}
.block-manufacturer-navigation .title:before {
	background-position: -24px center;
}
.block-vendor-navigation .title:before {
	background-position: -48px center;
}
.block-recently-viewed-products .title:before {
	background-position: -72px center;
}
.block-popular-tags .title:before {
	background-position: -96px center;
}
.block-poll .title:before {
	background-position: -120px center;
}
.block .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	border-radius: 50%;
	background: #ccc url('../img/dropdown-arrow-white.png') center no-repeat;
	vertical-align: middle;
}
.block .title strong {
	vertical-align: middle;
	font-weight: 400;
}

.block .listbox {
	display: none;
	padding: 10px 0;
}
.block .listbox:after {
	content: "";
	display: block;
	clear: both;
}
.block .list a {
	display: block;
	position: relative;
	padding: 10px 25px 10px 20px;
	color: #555;
}
.air-theme .block .list a {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.earth-theme .block .list a {
	font-size: 15px;
}
.block .list a:hover {
	color: #000;
}
.block .list a.with-subcategories:after {
	content: "";
	position: absolute;
	right: 14px;
	width: 6px;
	height: 9px;
	background: url('../img/arrow-grey.png') right center no-repeat;
	transition: all 0.2s ease;
}
.air-theme .block .list a.with-subcategories:after {
	top: 14px;
}
.earth-theme .block .list a.with-subcategories:after {
	top: 17px;
}
.block .list a.with-subcategories.opened:after {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.block .sublist {
	display: none;
	margin: 0 0 0 20px;
}
.block .sublist a {
	color: #888;
}

.block .view-all a {
	display: block;
	padding: 10px 20px;
}
.air-theme .block .view-all a {
	font-size: 13px;
	color: #eda187;
}
.earth-theme .block .view-all a {
	font-size: 15px;
	color: #254635;
}
.block .view-all a span {
	vertical-align: middle;
}
.block .view-all a:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: 0 0 0 10px;
	background: url('../img/arrow-color.png') center no-repeat;
	vertical-align: middle;
}
.air-theme .block .view-all a:after {
	margin-bottom: -1px;
	background-color: #eda187;
}
.earth-theme .block .view-all a:after {
	margin-bottom: -3px;
	background-color: #254635;
}

.block .list .product-picture {
	display: none;
}

.block .tags {
	padding: 0 15px;
}
.block .tags ul {
	font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	overflow: hidden;
}
.air-theme .block .tags li,
.air-theme .product-tags-all-page li {
	font-family: 'Raleway', sans-serif;
	font-size: 16px !important; /*setting base size*/
	color: #555;
}
.earth-theme .block .tags li,
.earth-theme .product-tags-all-page li {
	font-size: 18px !important; /*setting base size*/
}
.block .tags li a,
.product-tags-all-page li a {
	line-height: 36px;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
	color: #555;
}

.poll {
	padding: 10px 20px;
	color: #555;
}
.poll strong {
	display: block;
	margin: 0 0 15px;
	font-weight: 400;	
}
.poll-options,
.poll-results {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0 0 0 1px;
}
.air-theme .poll-options,
.air-theme .poll-results {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #555;
}
.earth-theme .air-theme .poll-options,
.earth-theme .poll-results {
	font-size: 15px;
}
.poll-options li,
.poll-results li {
	display: inline-block;
	padding: 6px 0;
}
.poll-options li label {
	display: inline-block;
	margin: 0 0 0 3px;
	cursor: pointer;
}
.poll .vote-poll-button {
	min-width: 80px;
	height: 40px;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .poll .vote-poll-button {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .poll .vote-poll-button {
	background-color: #254635;
	font-size: 14px;
}
.poll .vote-poll-button:hover {
	opacity: 0.9;
}
.poll-total-votes {
	display: block;
}

.home-page-polls {
	width: 94%;
	margin: auto;
	text-align: center;
}
.home-page-polls .poll {
	padding: 0;
}
.home-page-polls .poll strong {
	margin-top: -10px;
}
.home-page-polls .poll-options li,
.home-page-polls .poll-results li {
	margin: 0 5px;
}

.product-filter {
	margin: 10px 0 0;
	padding: 0 20px;
	color: #555;
}
.price-range-filter {
    margin-bottom: 30px;
}
.air-theme .product-filter {
	font-size: 13px;
}
.earth-theme .product-filter {
	font-size: 15px;
}
.filters input {
    position: absolute;
    opacity: 0;
}
.filters label {
    display: block;
    position: relative;
    padding: 10px 10px 10px 25px;
    cursor: pointer;
}
.filters label:before {
    content: "";
    position: absolute;
    top: 0; bottom: 0;
    left: 0; z-index: 1;
    width: 18px;
    height: 18px;
    border: 2px solid #e3e3e3;
    border-radius: 50%;
    margin: auto;
}
.filters input:checked + label:before {
    border-color: #ccc;
    background: #fff url(../img/tick-grey.png) center no-repeat;
}
.filter-title strong {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
	font-weight: normal;
}
.filter-content strong {
	display: block;
	margin: 10px 0 5px;
	font-weight: normal;
}
.selected-price-range {
    margin: 6px 0 12px;
    overflow: hidden;
    font-weight: 400;
}
.selected-price-range .from {
    float: left;
}
.selected-price-range .to {
    float: right;
}
.filters .ui-slider {
	position: relative;
    width: auto;
    height: 6px;
    margin: 0 8px 12px;
    background-color: #eee;
}
.filters .ui-slider-range {
	position: absolute;
    height: 6px;
}
.air-theme .filters .ui-slider-range {
	background-color: #eda187;
}
.earth-theme .filters .ui-slider-range {
    background-color: #254635;
}
.filters .ui-slider-handle {
	position: absolute;
    top: -5px;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    background-color: #fff;
}
.air-theme .filters .ui-slider-handle {
	border-color: #eda187;
}
.earth-theme .filters .ui-slider-handle {
	border-color: #254635;
}
.air-theme .filters .attribute-squares {
	margin: 0;
	font-size: 13px; /*reset zeroing*/
}
.earth-theme .filters .attribute-squares {
	margin: 0;
	font-size: 15px; /*reset zeroing*/
}
.filters .attribute-squares:before {
	left: 2px;
	width: 14px;
	height: 14px;
	border: none;
}
.filters .attribute-square {
    position: absolute !important;
	top: 0; bottom: 0;
	left: 0; margin: auto;
    width: 18px !important;
    height: 18px !important;
    box-shadow: none !important;
}


/* CATEGORY PAGE */


.breadcrumb {
	margin: 0 0 50px;
	background-color: #f6f6f6;
	padding: 15px 0;
	text-align: center;
}
.breadcrumb ul {
	font-size: 0;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb a,
.breadcrumb strong,
.breadcrumb .delimiter {
	display: inline-block;
	margin: 0 6px;
}
.air-theme .breadcrumb a,
.air-theme .breadcrumb strong,
.air-theme .breadcrumb .delimiter {
	font-size: 12px;
	color: #aaa;
}
.earth-theme .breadcrumb a,
.earth-theme .breadcrumb strong,
.earth-theme .breadcrumb .delimiter {
	font-size: 14px;
	color: #666;
}
.breadcrumb strong {
	font-weight: normal;
	color: #333 !important;
}

.category-description,
.manufacturer-description,
.vendor-description {
	margin: 0 0 50px;
	text-align: center;
	line-height: 28px;
}
.category-description p,
.manufacturer-description p,
.vendor-description p {
	margin-top: 0;
}
.air-theme .category-description,
.air-theme .manufacturer-description,
.air-theme .vendor-description {
	font-family: 'Raleway', sans-serif;
}
.vendor-description {
	margin: 0 0 40px;
}
.contact-vendor {
	margin: 40px 0 50px;
	text-align: center;
}
.contact-vendor-button {
	height: 40px;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .contact-vendor-button {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .contact-vendor-button {
	background-color: #254635;
	font-size: 14px;
}
.contact-vendor-button:hover {
	opacity: 0.9;
}

.product-selectors {
	margin: 0 0 20px;
	text-align: center;
}
.product-selectors:after {
	content: "";
	display: block;
	clear: both;
}
.product-sorting,
.product-page-size {
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}
.product-sorting > span,
.product-page-size > span {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.air-theme .product-sorting > span,
.air-theme .product-page-size > span {
	font-size: 10px;
	font-weight: 700;
}
.earth-theme .product-sorting > span,
.earth-theme .product-page-size > span {
	font-size: 12px;
}
.product-page-size > span:last-child {
	display: none;
}
.product-selectors select {
	min-width: 100px;
}
.product-selectors .select-box {
	color: #333;
}
.product-viewmode,
.product-viewmode span {
	display: none;
	font-size: 0;
}

.item-grid:after,
.product-grid:after,
.product-list:after,
.manufacturer-grid:after {
	content: "";
	display: block;
	clear: both;
}

.item-box {
	position: relative;
	float: left;
	width: 49%; /*two per row*/
	margin-bottom: 10%;
	margin-left: 2%;
}
.item-box:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
.item-box .picture {
	position: relative;
    margin: 0 0 15px;
	overflow: hidden;
	-webkit-backface-visibility: hidden; /*fixes a rendering bug in Chrome's current version*/
}
.item-box .picture a {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}
.item-box .picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	margin: auto;
}
.item-box .product-title {
	margin: 0 0 5px;
	overflow: hidden;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}
.air-theme .item-box .product-title {
	height: 38px;
	font-size: 14px;
}
.earth-theme .item-box .product-title {
	height: 50px;
	font-size: 16px;
}
.item-box .product-title.no-reserved-height {
	height: auto !important;
}
.item-box .product-title a {
	display: block;
}
.item-box .product-title + .sku {
	display: none;
}
.item-box .product-rating-box {
	margin: 0 0 10px;
	font-size: 0;
}
.item-box .rating {
	display: inline-block;
	background: url('../img/rating-sprite.png') left top repeat-x;
	width: 80px;
    height: 16px;
}
.item-box .rating div {
	background: url('../img/rating-sprite.png') left bottom repeat-x;
    height: 16px;
}
.air-theme .item-box .rating div {
	background-color: #eda187;
}
.earth-theme .item-box .rating div {
	background-color: #254635;
}
.item-box .description {
	margin: 0 0 10px;
}
.item-box .product-rating-box,
.item-box .description {
	display: none;
}
.item-box .old-price {
	position: relative;
	color: #bbb;
}
.earth-theme .item-box .old-price {
	margin: 0 10px 0 0;
	font-weight: 400;
}
.item-box .old-price:after {
	content: "";
	position: absolute;
	width: 50px;
	max-width: 110%;
	height: 16px;
	background: url('../img/line-through.png') center no-repeat;
	opacity: 0.3;
}
.air-theme .item-box .old-price:after {
	top: 1px;
	left: 0;
}
.earth-theme .item-box .old-price:after {
	top: 5px;
	left: -1px;
}
.air-theme .item-box .actual-price {
	font-size: 16px;
	font-weight: 700;
	color: #eda187;
}
.earth-theme .item-box .actual-price {
	font-size: 18px;
	font-weight: 400;
	color: #254635;
}
.air-theme .item-box .tax-shipping-info {
	font-size: 13px;
}
.item-box .buttons {
	display: none;
	margin: 0;
    font-size: 0;
}

.home-page-category-grid {
	width: 94%;
	margin: 0 auto 60px;
}
.home-page .product-grid {
	width: 94%;
	margin: 0 auto 40px;
}

.sub-category-grid {
	margin: 0 0 60px;
}
.home-page-category-grid .item-box,
.sub-category-grid .item-box,
.manufacturer-grid .item-box,
.vendor-grid .item-box {
	width: 100%;
	margin-bottom: 3%;
	margin-left: 0;
}
.home-page-category-grid .picture,
.sub-category-grid .picture,
.manufacturer-grid .picture,
.vendor-grid .picture {
	margin: 0;
}
.home-page-category-grid .picture a,
.sub-category-grid .picture a {
	padding-top: 65%;
}
.home-page-category-grid .title,
.sub-category-grid .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
	font-size: 0;
	color: #fff;
	text-transform: uppercase;
}
.air-theme .home-page-category-grid .title,
.air-theme .sub-category-grid .title {
	font-size: 18px;
	font-weight: 700;
}
.earth-theme .home-page-category-grid .title,
.earth-theme .sub-category-grid .title {
	font-size: 20px;
	font-weight: 400;
}
.manufacturer-grid .title,
.vendor-grid .title {
	height: auto;
	margin: 0;
	text-align: center;
	font-size: 0;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}
.air-theme .manufacturer-grid .title,
.air-theme .vendor-grid .title {
	font-size: 14px;
}
.earth-theme .manufacturer-grid .title,
.earth-theme .vendor-grid .title {
	font-size: 16px;
}
.home-page-category-grid .title a,
.sub-category-grid .title a {
	display: block;
	background-color: rgba(0,0,0,0.7);
	padding: 15px 30px;
	transition: all 0.5s ease;
}
.manufacturer-grid .title a,
.vendor-grid .title a {
	display: block;
	background-color: rgba(0,0,0,0.7);
	padding: 15px 30px;
	transition: all 0.5s ease;
}
.air-theme .home-page-category-grid .item-box:hover .title a,
.air-theme .sub-category-grid .item-box:hover .title a,
.air-theme .manufacturer-grid .item-box:hover .title a,
.air-theme .vendor-grid .item-box:hover .title a {
	background-color: #333;
}
.earth-theme .home-page-category-grid .item-box:hover .title a,
.earth-theme .sub-category-grid .item-box:hover .title a,
.earth-theme .manufacturer-grid .item-box:hover .title a,
.earth-theme .vendor-grid .item-box:hover .title a {
	background-color: #222;
}

.pager {
	margin: 0 0 20px;
}
.pager ul {
	text-align: center;
	font-size: 0;
}
.pager li {
	display: inline-block;
	vertical-align: middle;
}
.pager li a,
.pager li span {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	transition: color 0.3s ease;
}
.pager li span,
.pager li a:hover {
	color: #333;
}
.pager .previous-page a,
.pager .next-page a,
.pager .first-page a,
.pager .last-page a {
	background-image: url('../img/pager-sprite.png');
	background-repeat: no-repeat;
	font-size: 0;
}
.pager .previous-page {
	margin: 0 5px;
}
.pager .next-page {
	margin: 0 5px;
}
.pager .previous-page a {
	background-position: 0 center;
}
.pager .next-page a {
	background-position: -30px center;
}
.air-theme .pager .previous-page a,
.air-theme .pager .next-page a {
	background-color: #eda187;
}
.earth-theme .pager .previous-page a,
.earth-theme .pager .next-page a {
	background-color: #254635;
}
.pager .first-page a {
	background-color: #bbb;
	background-position: -60px center;
}
.pager .last-page a {
	background-color: #bbb;
	background-position: -90px center;
}


/* PRODUCT PAGE */


.product-essential {
	margin: 0 0 50px;
}
.product-essential:after {
	content: "";
	display: block;
	clear: both;
}
.gallery {
	margin: 0 0 40px;
}
.gallery .picture {
	position: relative;
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}
.gallery .picture a {
	display: inline-block;
	max-width: 100%; /*Ie fix*/
}
.gallery .picture-thumbs {
	margin: 5px 0 0;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}
.gallery .picture-thumbs > li {
	display: inline-block;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}
.gallery .picture-thumbs > li:hover {
	border-color: #ddd;
}
.gallery .picture-thumbs a {
	display: block;
	position: relative;
	width: 98px;
	height: 98px;
	border: 4px solid #fff;
	overflow: hidden;
}
.gallery .picture-thumbs img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.mfp-bg { /*default zoom*/
	z-index: 1080 !important;
}
.mfp-gallery { /*default zoom*/
	z-index: 1090 !important;
}

.overview {
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}
.air-theme .overview {
	font-size: 13px;
}
.earth-theme .overview {
	font-size: 16px;
}
.air-theme .overview button {
	font-size: 13px;
	color: #555;
}
.earth-theme .overview button {
	font-size: 16px;
	font-weight: 300;
	color: #666;
}
.earth-theme .overview button:hover {
	color: #555;
}
.discontinued-product {
	margin: 0 0 20px;
	font-weight: 700;
	color: #ee2e56;
}
.air-theme .discontinued-product {
	font-size: 18px;
}
.earth-theme .discontinued-product {
	font-size: 20px;
}
.product-reviews-overview {
	margin: 0 0 25px;
}
.product-review-box .rating {
	display: inline-block;
}
.product-review-box .rating,
.product-list .item-box .rating {
	width: 80px;
    height: 16px;
	background: url('../img/rating-sprite.png') left top repeat-x;
}
.product-review-box .rating div,
.product-list .item-box .rating div {
    height: 16px;
	background: url('../img/rating-sprite.png') left bottom repeat-x;
}
.air-theme .product-review-box .rating div,
.air-theme .product-list .item-box .rating div {
	background-color: #eda187;
}
.earth-theme .product-review-box .rating div,
.earth-theme .product-list .item-box .rating div {
	background-color: #254635;
}
.air-theme .product-no-reviews a {
	color: #eda187;
}
.earth-theme .product-no-reviews a {
	color: #254635;
}
.product-review-links a {
	position: relative;
	margin: 0 10px;
	padding: 0 0 0 30px;
	line-height: 30px;
	color: #666;
}
.product-review-links a:hover {
	color: #555;
}
.air-theme .product-review-links a {
	font-size: 12px;
}
.earth-theme .product-review-links a {
	font-size: 14px;
}
.product-review-links .separator {
	display: none;
}
.product-review-links a:first-child:before {
	background-position: 0 center;
}
.product-review-links a:last-child:before {
	background-position: -30px center;
}
.product-review-links a:before,
.delivery .free-shipping:before,
.download-sample a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 30px;
	margin: -15px 0 0;
	background-image: url('../img/product-page-sprite-1.png');
	background-repeat: no-repeat;
}
.air-theme .product-review-links a:before,
.air-theme .delivery .free-shipping:before,
.air-theme .download-sample a:before {
	background-color: #eda187;
}
.earth-theme .product-review-links a:before,
.earth-theme .delivery .free-shipping:before,
.earth-theme .download-sample a:before {
	background-color: #254635;
}

.overview .short-description {
	margin: 0 0 30px;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #eee;
	padding: 0 0 30px;
	line-height: 26px;
}
.air-theme .overview .short-description {
	font-family: 'Raleway', sans-serif;
}
.overview .value,
.variant-overview .value {
	font-weight: 400; 
	color: #555;
}
.air-theme .overview .value a,
.air-theme .variant-overview .value a {
	color: #eda187;
}
.earth-theme .overview .value a,
.earth-theme .variant-overview .value a {
	color: #254635;
}

.overview .manufacturers,
.overview .availability,
.overview .additional-details,
.overview .delivery {
	margin: 0 0 30px;
}
.overview .subscribe-button,
.variant-overview .subscribe-button {
	height: 33px;
	padding: 0 0 0 35px;
	background: url('../img/product-page-sprite-2.png') left -70px no-repeat;
}
.air-theme .overview .subscribe-button,
.air-theme .variant-overview .subscribe-button {
	background-color: #eda187;
}
.earth-theme .overview .subscribe-button,
.earth-theme .variant-overview .subscribe-button {
	background-color: #254635;
}
.overview .additional-details div,
.variant-overview .additional-details div {
	margin: 5px 0;
}
.overview .free-shipping,
.variant-overview .free-shipping {
	display: inline-block;
	position: relative;
	padding: 0 0 0 35px;
	line-height: 30px;
}
.overview .free-shipping:before,
.variant-overview .free-shipping:before {
	background-position: -60px center;
}
.overview-buttons { 
	margin: 0 0 30px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	padding: 20px 0;
	font-size: 0;
}
.overview-buttons div {
	display: inline-block;
	margin: 5px 10px;
}
.overview-buttons button {
	height: 35px;
	background-color: transparent;
	background-image: url('../img/product-page-sprite-2.png');
	background-repeat: no-repeat;
	padding: 0 0 0 35px;
}
.air-theme .overview-buttons button {
	background-color: #eda187;
}
.earth-theme .overview-buttons button {
	background-color: #254635;
}
.overview-buttons .add-to-wishlist-button {
	background-position: left 0;
}
.overview-buttons .add-to-compare-list-button {
	background-position: left -35px;
}
.overview-buttons .email-a-friend-button {
	background-position: left -70px;
}
.download-sample {
	margin: 0 0 30px;
}
.download-sample a {
	position: relative;
	padding: 0 0 0 35px;
}
.download-sample a:before {
	background-position: -90px center;
}

.attributes {
	margin: 0 0 -1px !important;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	background-color: #f9f9f9;
	padding: 25px;
}
.air-theme .attributes {
	font-size: 13px;
}
.earth-theme .attributes {
	font-size: 16px;
}
table .attributes {
	border: none;
	background-color: transparent;
}
.attributes dl {
	overflow: hidden; 
}
.attributes dt {
	display: block;
	margin: 6px 0 12px;
	color: #333;
	white-space: nowrap; 
}
.attributes dd {
	margin: 0 0 20px;
}
.attributes dd:last-child {
	margin: 0 0 10px;
}
.attributes li {
	margin: 10px 0;
}
.attributes li.disabled {
	pointer-events: none;
	opacity: 0.5;
}
.attributes li.disabled label {
	text-decoration: line-through;
}
.attributes li label {
	margin: 0 5px;
}
.attributes .qty-box {
	margin: 0 0 0 10px;
}
.attributes .qty-box label {
	display: none;
}
.attributes .qty-box input {
	width: 50px;
}
.attributes select {
	width: auto;
	min-width: 100px;
	max-width: 100%;
}
.attributes option.disabled {
	color: #ddd;
}
.attributes .attribute-dropdown {
	display: inline-block;
	max-width: 100%;
}
.rental-attributes {
	margin: 0 0 -20px !important;
	border: none;
	background-color: transparent;
	padding: 25px 0;
}
.rental-attributes .attribute-item:first-child {
	margin: 0 0 10px;
}
.rental-attributes .attribute-label {
	margin: 0 0 10px;
	color: #333;
}
.rental-attributes .attribute-data span {
	display: inline-block;
	position: relative;
}
.rental-attributes .attribute-data span:after {
	content: "";
	position: absolute;
	top: 14px;
	right: 10px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ccc url('../img/dropdown-arrow-white.png') center no-repeat;
}
.rental-attributes .datepicker {
	width: 280px;
	text-align: center;
}
.ui-datepicker {
	width: 280px;
	outline: 1px solid #fff;
	background-color: #fff;
	text-align: center;
	font-size: 12px;
}
.air-theme .ui-datepicker {
	font-size: 12px;
}
.earth-theme .ui-datepicker {
	font-size: 13px;
}
.ui-datepicker-header {
	position: relative;
	height: 40px;
	margin: 0 0 -1px;
	border: 1px solid #eee;
	background-color: #f9f9f9;
	color: #333;
}
.ui-datepicker-header a {
	position: absolute;
	top: 12px;
	z-index: 1;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ccc;
	background-image: url('../img/calendar-sprite.png');
	background-repeat: no-repeat;
	font-size: 0;
}
.ui-datepicker-header a.ui-datepicker-prev {
	left: 10px;
	background-position: left center;
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 10px;
	background-position: right center;
}
.ui-datepicker-title {
	position: relative;
	z-index: 0;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
}
.ui-datepicker-calendar th {
	color: #333;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	width: 14.285%;
	border: 1px solid #eee;
	background-color: #fff;
	transition: all 0.2s ease;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
	display: block;
	line-height: 35px;
}
.ui-datepicker-calendar td a:hover {
	background-color: #eee;
	color: #333;
}
.air-theme .ui-datepicker-calendar a.ui-state-active,
.air-theme .ui-datepicker-calendar a.ui-state-active:hover {
	background-color: #eda187;
	color: #fff;
}
.earth-theme .ui-datepicker-calendar a.ui-state-active,
.earth-theme .ui-datepicker-calendar a.ui-state-active:hover {
	background-color: #254635;
	color: #fff;
}

.attribute-squares {
	margin: -5px 0;
	font-size: 0;
}
.attribute-squares li {
	display: inline-block;
	margin: 2px;
}
.attribute-squares label {
	display: block;
	position: relative;
	margin: 0 !important;
    overflow: hidden;
}
.attribute-squares input {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.attribute-square-container {
    display: block;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 4px;
}
.attribute-squares .attribute-square {
    display: block;
	position: relative;
    width: 32px;
    height: 32px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #ddd;
    cursor: pointer;
}
.selected-value .attribute-square-container {
    border-color: #ddd;
}
.selected-value .attribute-square:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/tick-white.png') center no-repeat;
}
.selected-value .attribute-square-container[title~="White"] .attribute-square:after {
    background-image: url('../img/tick-grey.png') !important;
}
.image-squares .selected-value .attribute-square:after {
	display: none;
}
.attribute-squares li.disabled {
	position: relative;
	opacity: 1;
}
.attribute-squares li.disabled:after {
	content: "";
	position: absolute;
	top: 0; bottom: 0;
    left: 0; right: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0 0 0 11px #fff;
	background: #fff url('../img/validation-sprite.png') center bottom no-repeat;
}
.attribute-squares .tooltip-container {
	display: none;
}

.giftcard > div {
	margin: 0 0 10px;
}
.giftcard label {
	display: block;
	margin: 0 0 5px;
}
.giftcard input,
.giftcard textarea {
	width: 350px;
	max-width: 100%;
}

.product-details-page .prices {
	overflow: hidden;
	font-weight: 400;
}
.product-details-page .prices > div {
	display: inline-block;
	margin: 0 5px;
}
.product-details-page .prices label {
	display: none;
}
.product-details-page .old-product-price,
.product-details-page .non-discounted-price {
	font-size: 20px;
	color: #bbb;
}
.product-details-page .old-product-price span,
.product-details-page .non-discounted-price span {
	position: relative;
}
.product-details-page .old-product-price span:after,
.product-details-page .non-discounted-price span:after {
	content: "";
	position: absolute;
	width: 70px;
	max-width: 120%;
	height: 18px;
	background: url('../img/line-through-big.png') center no-repeat;
	opacity: 0.3;
}
.air-theme .product-details-page .old-product-price span:after,
.air-theme .product-details-page .non-discounted-price span:after {
	top: 4px;
	left: 0;
}
.earth-theme .product-details-page .old-product-price span:after,
.earth-theme .product-details-page .non-discounted-price span:after {
	top: 6px;
	left: -5px;
}

.product-details-page .product-price {
	font-size: 24px;
}
.air-theme .product-details-page .product-price {
	color: #eda187;
	font-weight: 700;
}
.earth-theme .product-details-page .product-price {
	color: #254635;
}
.product-details-page .rental-price {
	vertical-align: middle;
	font-size: 16px;
	color: #bbb;
}
.product-details-page .rental-price + .product-price,
.product-details-page .rental-price ~ .tax-shipping-info {
	vertical-align: middle;
}
.product-details-page .prices .tax-shipping-info,
.product-details-page .prices .base-price-pangv {
	color: #aaa;
}
.earth-theme .product-details-page .prices .tax-shipping-info,
.earth-theme .product-details-page .prices .base-price-pangv {
	font-weight: 300;
}

.tier-prices {
	margin: 0 0 30px;
}
.tier-prices .title {
	display: none;
}
.tier-prices .prices-table {
	border: 1px solid #eee;
    overflow: hidden;
}
.air-theme .tier-prices .prices-table {
	font-size: 12px;
}
.earth-theme .tier-prices .prices-table {
	font-size: 14px;
}
.tier-prices .prices-row {
    float: left;
    width: 50%;
}
.tier-prices .prices-row > div {
	border-top: 1px solid #eee;
    padding: 10px;
}
.tier-prices .prices-row.thead > div {
	border-right: 1px solid #eee;
}
.tier-prices .field-header {
	border-top: none !important;
	background-color: #f9f9f9;
}
.tier-prices .item-price {
	color: #000;
}
.customer-entered-price {
	margin: 0 0 30px;
	overflow: hidden;
	background: #f6f6f6;
	padding: 10px;
}
.overview .customer-entered-price {
	margin-top: -30px;
}
.customer-entered-price .price-input,
.customer-entered-price .price-range {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.customer-entered-price .enter-price-input {
	width: 70px;
	text-align: center;
}
.customer-entered-price .price-range {
	margin: 10px;
}

.overview .prices,
.variant-overview .prices {
	margin: 30px 0;
}
.overview .add-to-cart {
	margin: 0 0 40px;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
	margin: 0 0 10px;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
	display: inline-block;
	position: relative;
}
.overview .quantity,
.variant-overview .quantity {
	display: inline-block;
	margin: 0 0 20px;
}
.overview .qty-label,
.variant-overview .qty-label {
    display: none;
}
.overview .quantity .increase,
.variant-overview .quantity .increase,
.overview .quantity .decrease,
.variant-overview .quantity .decrease {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px;
	border-radius: 50%;
	background-color: #bbb;
	background-image: url('../img/table-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 0;
	cursor: pointer;
}
.overview .quantity .increase,
.variant-overview .quantity .increase {
	background-position: left center;
}
.overview .quantity .decrease,
.variant-overview .quantity .decrease {
	background-position: right center;
}
.overview .qty-input,
.variant-overview .qty-input {
	width: 50px;
    height: 40px;
	text-align: center;
    font-size: 14px !important;
	font-weight: 400;
	color: #333;
}
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
	width: 60px;
    height: 40px;
	text-align: left;
    font-size: 14px;
	font-weight: 400;
	color: #333;
}
.overview .select-box,
.variant-overview .select-box {
	font-size: 14px !important;
	color: #333;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
	height: 55px;
    padding: 0 35px;
	font-weight: 400 !important;
	color: #fff !important;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .overview .add-to-cart-button,
.air-theme .variant-overview .add-to-cart-button {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .overview .add-to-cart-button,
.earth-theme .variant-overview .add-to-cart-button {
	background-color: #254635;
	font-size: 15px;
}
.overview .add-to-cart-button:before,
.variant-overview .add-to-cart-button:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
    background: url('../img/product-box-sprite.png') left top no-repeat;
	vertical-align: middle;
}
.overview .add-to-cart-button span,
.variant-overview .add-to-cart-button span {
	margin: 0 10px;
	vertical-align: middle;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
	opacity: 0.9;
}
.overview .pre-order-availability-date,
.variant-overview .pre-order-availability-date {
	margin: 10px 0 0;
}

.product-estimate-shipping {
	margin: 30px 0;
}
.product-estimate-shipping a {
	display: inline-block;
}
.product-estimate-shipping i {
	display: inline-block;
	transform: rotate(45deg);
	border: solid black;
	border-width: 0 1px 1px 0;
	padding: 3px 3px;
}
.air-theme .product-estimate-shipping i {
	margin: 0 0 3px 12px;
}
.earth-theme .product-estimate-shipping i {
	margin: 0 0 4px 12px;
}
.product-estimate-shipping .shipping-loading {
	display: none !important; /*disable preloader*/
}
.product-estimate-shipping .shipping-title {
	margin: 0 0 5px;
}
.product-estimate-shipping .shipping-price {
	position: relative;
	bottom: -1px;
	margin: 0 0 0 5px;
	font-weight: 400;
    color: #555;
}
.product-estimate-shipping .shipping-date {
	margin: 15px 0 0;
}

.product-social-buttons {
	margin: 0 0 25px;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 15px;
	font-size: 0;
}
.product-social-buttons label {
	display: none;
	vertical-align: middle;
}
.air-theme .product-social-buttons label {
	font-size: 12px;
}
.earth-theme .product-social-buttons label {
	font-size: 14px;
}
.product-social-buttons ul {
	display: inline-block;
	vertical-align: middle;
}
.product-social-buttons li {
	display: inline-block;
	margin: 0 2px;
}
.product-social-buttons li a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('../img/social-sprite-2.png');
	background-repeat: no-repeat;
	outline: 1px solid transparent;
	transition: opacity 0.2s ease;
}
.product-social-buttons .twitter a {
	background-position: 0 center;
}
.product-social-buttons .facebook a {
	background-position: -30px center;
}
.product-social-buttons .pinterest a {
	background-position: -60px center;
}
.product-social-buttons .google a {
	background-position: -90px center;
}

.full-description {
	clear: both;
	line-height: 26px;
}
.air-theme .full-description {
	font-family: 'Raleway', sans-serif;
}
.full-description a {
	text-decoration: underline;
}
.product-collateral {
	margin: 0 0 80px;
}
.product-collateral > div {
	margin: 0 0 40px;
}
.product-collateral .title {
	margin: 0 0 20px;
	color: #555;
	text-transform: uppercase;
}
.product-collateral .title strong {
	font-weight: 400;
}

.product-specs-box .data-table td {
	border-top: 1px solid #eee;
    padding: 10px 15px;
	text-align: left;
}
.product-specs-box .data-table td:first-child {
	background-color: #f9f9f9;
}
.product-specs-box .data-table .spec-group-name {
	display: none !important;
}
.product-specs-box .data-table .attribute-squares {
    display: inline-block;
    vertical-align: middle;
	margin: 0 3px 1px 0;
}
.product-specs-box .data-table .attribute-square-container {
	border: none;
	padding: 0;
}
.product-specs-box .data-table .attribute-square {
	width: 24px;
	height: 24px;
	border-radius: 0;
}

.product-tags-list li {
	display: inline-block;
}
.product-tags-list li.separator {
	margin: 0 5px 0 3px;
}
.product-tags-list a:hover {
	color: #555;
}

.product-variant-list {
	margin: 0 0 60px !important;
}
.product-variant-line {
	margin: 0 0 80px;
}
.product-variant-line:after {
	content: "";
	display: block;
	clear: both;
}
.variant-picture {
	position: relative;
	width: 300px;
	max-width: 100%;
	height: 300px;
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: center;
}
.variant-overview {
	width: 100%;
}
.variant-overview .variant-name {
	margin: 0 0 15px;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}
.air-theme .variant-overview .variant-name {
	font-size: 16px;
}
.earth-theme .variant-overview .variant-name {
	font-size: 18px;
}
.variant-overview .variant-description {
	margin: 0 0 20px;
	line-height: 26px;
}
.air-theme .variant-overview .variant-description {
	font-family: 'Raleway', sans-serif;
}
.variant-overview .availability,
.variant-overview .additional-details,
.variant-overview .delivery {
	margin: 0 0 30px;
}
.variant-overview .attributes li {
	display: inline-block;
	margin: 5px 20px 5px 0;
}
.variant-overview .add-to-wishlist-button {
	display: none;
	width: 55px;
	height: 55px;
	margin: 20px 0 0;
	background: url('../img/variant-wishlist.png') center no-repeat;
	font-size: 0;
}
.air-theme .variant-overview .add-to-wishlist-button {
	background-color: #eda187;
}
.earth-theme .variant-overview .add-to-wishlist-button {
	background-color: #254635;
}

.ui-tabs {
	margin: 0 0 60px;
}
.ui-tabs .ui-tabs-nav {
	border-top: 1px solid #eee;
	text-align: center;
}
.ui-tabs .ui-tabs-nav li {
	display: inline-block;
	margin: 0 5px;
}
.ui-tabs .ui-tabs-nav li a {
	display: block;
	position: relative;
	padding: 20px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	transition: all 0.2s ease;
}
.ui-tabs .ui-tabs-nav li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: transparent;
	transition: all 0.3s ease;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-state-active.ui-tabs-active a {
	color: #333;
}
.air-theme .ui-tabs .ui-tabs-nav li.ui-state-hover a:after,
.air-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, 
.air-theme .ui-tabs .ui-state-active.ui-tabs-active a:after {
	background-color: #eda187;
}
.earth-theme .ui-tabs .ui-tabs-nav li.ui-state-hover a:after,
.earth-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, 
.earth-theme .ui-tabs .ui-state-active.ui-tabs-active a:after {
	background-color: #254635;
}
.ui-tabs .ui-tabs-panel {
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 30px 20px;
}
.ui-tabs .ui-tabs-panel p {
	margin: 0;
	line-height: 26px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}

.back-in-stock-subscription-page .tooltip {
	margin: 0 0 20px;
}
.back-in-stock-subscription-page .notify-me-button {
	min-width: 80px;
	height: 40px;
	background-color: #555;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.back-in-stock-subscription-page .notify-me-button:hover {
	opacity: 0.9;
}

.short-description + .overview-buttons,
.overview-buttons + .product-social-buttons {
	margin-top: -31px; /*unwanted gaps & double borders fix*/
}
.product-details-page .product-grid + .product-grid {
	margin: 40px 0 0;
}


/* ESTIMATE SHIPPING */


.estimate-shipping-popup {
	position: relative;
	max-width: 800px;
	margin: auto;
	background-color: #fff;
	padding: 25px;
	transform: scale(0.8);
	transition: all 0.2s ease;
	opacity: 0;
}
.estimate-shipping-popup strong {
	visibility: hidden;
}
.mfp-ready .estimate-shipping-popup {
	transform: scale(1);
	opacity: 1;
}
.mfp-removing .estimate-shipping-popup {
	transform: scale(0.8);
	opacity: 0;
}
.estimate-shipping-popup-zoom-in {
	z-index: 1090 !important;
}
.estimate-shipping-popup-zoom-in.mfp-removing {
	transition: all 0.3s ease;
	opacity: 0;
}

.estimate-shipping-popup .mfp-close {
    position: absolute;
    top: 10px !important;
    right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
	overflow: hidden;
    background: #ccc url(../img/close-sprite.png) center bottom no-repeat;
    font-size: 0;
	opacity: 1;
    transition: opacity 0.2s ease;
}
.estimate-shipping-popup .mfp-close:hover {
    opacity: 0.9;
}

.estimate-shipping-row {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	position: relative;
}
.estimate-shipping-row-item {
	flex: 0 1 100%;
}

.mfp-container .address-item {
	margin: 10px 0 0;
}
.mfp-container .address-item + div {
	padding: 0 0 0 15px;
}
.estimate-shipping-address-control {
	width: 100%;
	height: 40px;
}
.mfp-container .address-item .required {
	position: absolute;
    top: 0; right: 0;
    border-width: 0 8px 8px 0;
    border-style: dashed solid dashed;
    vertical-align: top;
    font-size: 0;
}
.air-theme .estimate-shipping-popup .required {
	border-color: transparent #eda187 transparent;
}
.earth-theme .estimate-shipping-popup .required {
    border-color: transparent #254635 transparent;
}
.mfp-container .shipping-options {
	position: relative; /*preloader referrence*/
	margin: 10px 0 30px;
}
.mfp-container .shipping-header-item {
	align-self: flex-end;
	border: none !important;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.mfp-container .shipping-options-body {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #eee;
	border-collapse: collapse;
}
.mfp-container .shipping-option {
	display: table-row;
	cursor: pointer;
}
.mfp-container .shipping-option.active {
    font-weight: 400;
    color: #444;
}
.mfp-container .shipping-option > div {
	display: table-cell;
	border-top: 1px solid #eee;
	padding: 11px;
}
.mfp-container .shipping-item {
	border-right: 1px solid #eee;
	overflow: hidden;
	padding: 8px 0;
	overflow-wrap: break-word;
}
.estimate-shipping-row-item-radio {
	flex: 0 0 30px;
	width: 24px;
}
.estimate-shipping-radio {
	display: none;
}
.estimate-shipping-radio + label {
	display: inline-block;
	position: relative;
	bottom: 1px;
	width: 14px;
	height: 14px;
	border: 1px solid #444;
	border-radius: 50%;
	font-size: 0;
}
.estimate-shipping-radio:checked + label:after {
	content: "";
	position: absolute;
	top: 3px; left: 3px;
	width: 6px; height: 6px;
	border-radius: 50px;
	background-color: #444;
}

.apply-shipping-button-container {
	text-align: center;
}
.apply-shipping-button {
	min-width: 180px;
    height: 40px;
    margin: 5px auto;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    transition: opacity 0.2s ease;
}
.air-theme .apply-shipping-button {
    background-color: #eda187;
    font-size: 14px;
}
.earth-theme .apply-shipping-button {
    background-color: #254635;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.apply-shipping-button:hover {
	opacity: 0.9;
}

.mfp-container .no-shipping-options {
	padding: 30px 15px;
	text-align: center;
}
.mfp-container .message-failure {
	margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

	.estimate-shipping-popup {
		padding: 25px 3%;
	}
	.mfp-container .shipping-address {
		flex-flow: column;
	}
	.mfp-container .address-item {
		width: 100%;
	}
	.mfp-container .address-item + div {
		padding: 0;
	}
}


/* PRODUCT REVIEWS */


.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
	content: "''";
}
.product-reviews-page .page-body > .result {
	/*min-height: 100px;*/
	margin: 40px 0;
	text-align: center;
}
.product-reviews-page .message-error {
	margin: 0 0 20px;
	text-align: center;
}
.product-reviews-page .title {
	display: none;
}
.product-reviews-page .write-review {
	margin: 30px 0 80px;
}
.product-reviews-page .write-review form {
	width: 600px;
	max-width: 100%;
	margin: auto;
	background-color: #f9f9f9;
	padding: 40px 20px;
}
.air-theme .write-review label {
	font-size: 13px;
	color: #555;
}
.earth-theme .write-review label {
	font-size: 15px;
	color: #555;
}
.write-review .review-rating {
	text-align: center;
}
.write-review .review-rating > label {
	display: block;
	margin: 0 0 5px;
}
.write-review .review-rating ul {
    font-size: 0;
    vertical-align: middle;
}
.write-review .review-rating li {
	display: inline-block;
	margin: 0 5px;
	cursor: default;
    vertical-align: middle;
}
.air-theme .write-review .review-rating li.first,
.air-theme .write-review .review-rating li.last {
	font-size: 13px;
	color: #555;
}
.earth-theme .write-review .review-rating li.first,
.earth-theme .write-review .review-rating li.last {
	font-size: 14px;
	font-weight: 400;
	color: #555;
}
.write-review .rating-options label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../img/rating-sprite.png') center bottom no-repeat;
	font-size: 0;
	cursor: pointer;
}
.air-theme .write-review .rating-options label {
	background-color: #eda187;
}
.earth-theme .write-review .rating-options label {
	background-color: #254635;
}
.write-review .rating-options input {
	position: absolute;
	z-index: -1;
	margin: 1px 0 0 1px;
	opacity: 0;
}
.write-review .rating-options input:checked + label ~ label {
	background-position: center top;
}
.write-review .review-rating + .review-rating {
	margin: 10px 0 0;
}
.write-review .review-rating .tooltip-text {
	display: none;
}
.write-review .captcha-box {
	margin: 30px 0 0;
}

.product-review-list {
	margin: 0 0 80px;
}
.product-review-item {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 25px 20px 35px;
}
.product-review-item .review-item-head {
	margin: 0 0 20px;
}
.product-review-item .review-info {
	margin: 0 0 10px;
}
.product-review-item .review-info > span {
	display: block;
	margin: 0 0 5px;
}
.product-review-item .review-info .avatar {
	margin: 10px 0;
	font-size: 0;
}
.product-review-item .review-info .avatar a {
	display: inline-block;
}
.product-review-item .review-info .avatar img {
    width: 180px;
}
.air-theme .product-review-item .review-info a {
	color: #eda187;
}
.earth-theme .product-review-item .review-info a {
	color: #254635;
}
.air-theme .product-review-item .review-info .date {
	font-size: 12px;
}
.earth-theme .product-review-item .review-info .date {
	font-size: 14px;
}
.product-review-item .review-title {
	margin: 0 0 20px;
	color: #555;
}
.air-theme .product-review-item .review-title strong {
	font-weight: 700;
}
.earth-theme .product-review-item .review-title strong {
	font-weight: 400;
}
.product-review-item .review-text {
	margin: 0 0 20px;
	line-height: 26px;
}
.review-type-rating-ext .review-title {
	margin: 5px 0 10px;
	color: #888;
}
.product-review-helpfulness > span {
	vertical-align: middle;
}
.product-review-helpfulness .question,
.product-review-helpfulness .vote-options {
	margin: 0 5px 0 0;
}
.product-review-helpfulness .vote-options > span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background-image: url('../img/review-voting-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	font-size: 0;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s ease;
}
.product-review-helpfulness .vote-options > span:first-child {
	background-position: left center;
}
.product-review-helpfulness .vote-options > span:last-child {
	background-position: right center;
}
.product-review-helpfulness .vote-options > span:hover {
	opacity: 0.8;
}
.product-review-helpfulness .result {
	margin: 0 0 0 10px;
}

.product-review-item .reply {
    margin: 30px 0 0;
    padding: 20px 25px;
    background: #f9f9f9;
}
.product-review-item .reply-header {
	margin: 0 0 10px;
	color: #555;
}
.air-theme .product-review-item .reply-header {
	font-weight: 700;
}
.earth-theme .product-review-item .reply-header {
	font-weight: 400;
}


/* WISHLIST & COMPARE LIST */


.wishlist-content {
	margin: 30px 0;
}
.wishlist-content .message-error {
	margin: 0 0 20px;
	text-align: center;
}
.wishlist-content .cart .sku {
	display: none !important;
}
.wishlist-content .buttons {
	overflow: hidden;
	background-color: #f9f9f9;
	padding: 15px 20px;
	font-size: 0;
}
.wishlist-content button {
	display: block;
	width: 90%;
	max-width: 300px;
	height: 55px;
	margin: 5px auto;
	background-color: #aaa;
	padding: 0 20px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.wishlist-content button:hover {
	opacity: 0.9;
}
.air-theme .wishlist-content button {
	font-size: 14px;
}
.earth-theme .wishlist-content button {
	font-size: 15px;
	letter-spacing: 0.5px;
}
.air-theme .wishlist-add-to-cart-button {
	background-color: #eda187;
}
.earth-theme .wishlist-add-to-cart-button {
	background-color: #254635;
}
.wishlist-content button:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 -5px;
	background-image: url('../img/wishlist-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.wishlist-content .update-wishlist-button:before {
	background-position: 0 center;
}
.wishlist-content .wishlist-add-to-cart-button:before {
	background-position: -35px center;
}
.wishlist-content .email-a-friend-wishlist-button:before {
	background-position: -70px center;
}
.wishlist-content button span {
	vertical-align: middle;
}
.wishlist-content .tax-shipping-info {
	margin: 30px 0;
	text-align: center;
}
.wishlist-page .share-info {
	text-align: center;
}
.wishlist-page .share-info a {
	display: block;
	margin: 10px 0 0;
	font-weight: 400;
}
.air-theme .wishlist-page .share-info a {
	color: #eda187;
}
.earth-theme .wishlist-page .share-info a {
	color: #254635;
}

.compare-products-page {
	overflow: hidden;
}
.compare-products-page .button-wrapper {
	margin: 0 0 30px;
}
.compare-products-page .clear-list {
	display: inline-block;
	min-width: 150px;
	height: 50px;
	padding: 0 30px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .compare-products-page .clear-list {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .compare-products-page .clear-list {
	background-color: #254635;
	font-size: 15px;
}
.compare-products-page .clear-list:hover {
	opacity: 0.9;
}
.compare-products-table {
	display: none;
}
.compare-products-page .remove-button {
	display: inline-block;
	height: 40px;
	background-color: #fff;
	padding: 0 15px;
	line-height: 20px;
	color: #555;
}
.air-theme .compare-products-page .remove-button {
	font-size: 13px;
	text-transform: lowercase;
}
.earth-theme .compare-products-page .remove-button {
	font-size: 15px;
	font-weight: 300;
}
.compare-products-page .remove-button:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 3px solid #ccc;
	border-radius: 50%;
	background: #ccc url('../img/close.png') center no-repeat;
	vertical-align: middle;
}
.compare-products-page .remove-button span {
	vertical-align: middle;
}
.compare-products-page .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}
.compare-products-page .empty {
	color: #aaa;
}


/* TOPICS */


.topic-block {
	margin: 0px;
	text-align: center;
}
.topic-block-title {
	margin: 0 0 20px;
	color: #555;
	text-transform: uppercase;
}
.air-theme .topic-block-title h2 {
	font-size: 16px;
	font-weight: 400;
}
.earth-theme .topic-block-title h2 {
	font-size: 18px;
	font-weight: 400;
}
.topic-block-body,
.topic-page .page-body {
	
}
.air-theme .topic-block-body,
.air-theme .topic-page .page-body {
	
}
.topic-block-body strong,
.topic-page .page-body strong {
	
}
.topic-block-body a,
.topic-page .page-body a {
	text-decoration: none !important;
}

.home-page .topic-block {
	width: 100%;
	margin: 0px auto ;
}
.not-found-page p {
	margin: 30px 0;
}
.not-found-page strong {
	color: #333;
}

.topic-password {
	background-color: #f9f9f9;
	padding: 40px 20px;
	text-align: center;
}
.enter-password-title {
	margin: 0 0 15px;
	color: #555;
}
.enter-password-form {
	max-width: 440px;
	margin: auto;
}
.enter-password-form #password {
	width: 100%;
	margin: 0 0 30px;
}
.enter-password-form #button-password {
	min-width: 150px;
	height: 50px;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .enter-password-form #button-password {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .enter-password-form #button-password {
	background-color: #254635;
	font-size: 15px;
}
.enter-password-form #button-password:hover {
	opacity: 0.9;
}
.topic-password .password-error {
	margin: 15px 0 -15px;
}


/* CONTACT & EMAIL A FRIEND */


.contact-page,
.apply-vendor-page  {
	margin: 0 0 80px;
}
.email-a-friend-page {
	margin: 20px 0 80px;
}
.contact-page .topic-block,
.apply-vendor-page .topic-block {
	padding: 0 10px;
	text-align: center;
}
.contact-page .topic-block-title,
.apply-vendor-page .topic-block-title {
	display: none;
}
.contact-page .page-body > .result,
.email-a-friend-page .page-body > .result,
.apply-vendor-page .page-body > .result {
	min-height: 100px;
	margin: 40px 0;
	text-align: center;
}
.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form {
	width: 600px;
	max-width: 100%;
	margin: auto;
	background-color: #f9f9f9;
	padding: 40px 20px;
}
.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
	margin: 0 0 20px;
	text-align: center;
}
.email-a-friend-page .title {
	margin: 0 0 40px;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
}
.air-theme .email-a-friend-page .title h2 {
	font-size: 16px;
	font-weight: 400;
	color: #eda187;
}
.earth-theme .email-a-friend-page .title h2 {
	font-size: 18px;
	font-weight: 400;
	color: #254635;
}


/* REGISTRATION & LOGIN (+ ACCOUNT global)  */


.registration-page,
.account-page {
	margin: 0 0 80px;
}
.registration-page .form-fields,
.account-page .form-fields,
.account-page .edit-address {
	max-width: 1000px;
	margin: auto;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 25px 10px 20px;
}
.registration-page .option-list + .required,
.account-page .option-list + .required {
	position: relative;
}
.gender > span,
.custom-attributes li,
.vendor-attributes li {
	display: inline-block;
	position: relative;
	width: 49%;
}
.gender > span:first-child,
.custom-attributes li:nth-child(odd),
.vendor-attributes li:nth-child(odd) {
	margin: 0 2% 0 0;
}
.gender > span > input,
.custom-attributes li > input,
.vendor-attributes li > input {
	position: absolute;
	top: 14px;
	left: 12px;
}
.gender > span > label,
.custom-attributes li > label,
.vendor-attributes li > label {
	display: block;
	height: 40px;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #fff;
	padding: 0 10px 0 30px;
	text-align: left;
	line-height: 39px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.date-of-birth > div {
	display: inline-block;
	width: 100%;
}
.date-of-birth > div + .required {
	position: relative;
}
.date-of-birth select {
	width: 32% !important;
	margin: 0 0 0 2%;
}
.date-of-birth select:first-of-type {
	margin: 0;
}
#check-availability-button {
	margin: 10px 0 0;
	background-color: transparent;
	text-transform: uppercase;
}
.air-theme #check-availability-button {
	color: #eda187;
}
.earth-theme #check-availability-button {
	color: #254635;
}
#check-availability-button:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 1px;
	background: url('../img/check-availability.png') center no-repeat;
	vertical-align: middle;
}
.air-theme #check-availability-button:before {
	background-color: #eda187;
}
.earth-theme #check-availability-button:before {
	background-color: #254635;
}
#check-availability-button span {
	margin: 0 1px;
	vertical-align: middle;
}
#username-availabilty {
	display: block;
}
#username-availabilty:empty {
	display: none;
}
.custom-attributes .option-list,
.vendor-attributes .option-list {
	display: inline-block; /*should be inline-block, otherwise the "required" symbol will drop on a new line*/
	width: 100%;
	text-align: left;
	white-space: normal;
}
.newsletter-input {
	padding: 5px 0 0;
}
.newsletter-input label {
	display: inline;
	width: auto;
	margin: 0 0 0 5px;
}
.vat-status, .vat-note {
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 12px; /*reset zeroing*/
	white-space: normal;
}
.accept-privacy-policy {
	margin: -10px 0 30px;
	text-align: center;
}
.air-theme .accept-privacy-policy {
	font-size: 13px;
}
.earth-theme .accept-privacy-policy {
	font-size: 15px;
}
.accept-privacy-policy input {
	margin: 0 5px 0 0;
}
.accept-privacy-policy .read {
	margin: 0 0 0 2px;
	cursor: pointer;
}
.air-theme .accept-privacy-policy .read {
	color: #eda187;
}
.earth-theme .accept-privacy-policy .read {
	color: #254635;
}
.accept-consent + .accept-consent {
	margin-top: -15px;
}
.registration-page .button-1,
.login-page .button-1,
.account-page .button-1,
.registration-result-page .button-1,
.user-agreement-page .button-1 {
	min-width: 150px;
	height: 50px;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .registration-page .button-1,
.air-theme .login-page .button-1,
.air-theme .account-page .button-1,
.air-theme .registration-result-page .button-1,
.air-theme .user-agreement-page .button-1 {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .registration-page .button-1,
.earth-theme .login-page .button-1,
.earth-theme .account-page .button-1,
.earth-theme .registration-result-page .button-1,
.earth-theme .user-agreement-page .button-1 {
	background-color: #254635;
	font-size: 15px;
}
.registration-page .button-1:hover,
.login-page .button-1:hover,
.account-page .button-1:hover,
.registration-result-page .button-1:hover,
.user-agreement-page .button-1:hover {
	opacity: 0.9;
}
.registration-result-page .result,
.account-activation-page .result {
	min-height: 50px;
	margin: 40px 0;
	text-align: center;
}

.login-page .customer-blocks {
	margin: 40px 0 80px;
	overflow: hidden;
	text-align: center;
}
.login-page .fieldset {
	margin: 0 0 60px;
}
.login-page .title {
	margin: 0 0 15px;
	color: #555;
	text-transform: uppercase;
}
.air-theme .login-page .title {
	font-size: 16px;
}
.earth-theme .login-page .title {
	font-size: 18px;
	font-weight: 400;
}
.login-page .title strong {
	font-weight: 400;
}
.login-page .inner-wrapper {
	background-color: #f9f9f9;
	padding: 25px 20px 30px;
}
.login-page .stay-logged,
.login-page .forgot-password {
	margin: 0 5px;
	vertical-align: middle;
}
.login-page .stay-logged label {
	display: inline;
	margin: 0 0 0 5px;
}
.air-theme .login-page .forgot-password {
	font-size: 12px;
}
.earth-theme .login-page .forgot-password {
	font-size: 15px;
}
.login-page .forgot-password a:hover {
	color: #555;
}
.login-page .buttons {
	margin: 25px 0 0;
}
.checkout-as-guest-button {
	display: block;
	margin: -10px auto 20px;
}
.login-page .button-1:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 -5px;
	background-image: url('../img/login-page-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.login-page .login-button:before {
	background-position: 0 center;
}
.login-page .register-button:before {
	background-position: -25px center;
}
.checkout-as-guest-button:before {
	background-position: -50px center;
}
.login-page .button-1 span {
	vertical-align: middle;
}
.air-theme .login-page .text {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	line-height: 26px;
}
.earth-theme .login-page .text {
	line-height: 26px;
}
.external-authentication {
	margin: 40px 0 80px;
	overflow: hidden;
	text-align: center;
}
.external-authentication .title {
	display: none;
}
.external-authentication fieldset {
	float: none !important;
}
.password-recovery-page form {
	margin: 0 0 80px;
}
.password-recovery-page .tooltip,
.password-recovery-page .result {
	min-height: 50px;
	margin: 40px 0;
	text-align: center;
}


/* ACCOUNT PAGES  */


.block-account-navigation {
	float: none !important;
	min-width: 300px;
	margin: 50px auto -10px !important;
}

.add-more-external-records {
	text-align: center;
}
.add-more-external-records a {
	display: block;
	margin: 5px 0;
	font-weight: 400;
}
.air-theme .add-more-external-records a {
	color: #eda187;
}
.earth-theme .add-more-external-records a {
	color: #254635;
}

.email-to-revalidate,
.email-to-revalidate-note {
	margin: 0 5px;
	vertical-align: middle;
}
.air-theme .email-to-revalidate,
.air-theme .email-to-revalidate-note {
	font-size: 12px;
}
.earth-theme .email-to-revalidate,
.earth-theme .email-to-revalidate-note {
	font-size: 15px;
}

.account-page .address-list .section,
.account-page .order-list .section {
	max-width: 500px;
	margin: 0 auto 40px;
	background-color: #f9f9f9;
	padding: 30px 20px 20px;
	text-align: center;
}
.account-page .address-list .info,
.account-page .order-list .info {
	margin: 0 0 30px;
	line-height: 30px;
	color: #555;
}
.account-page .address-list .info label,
.account-page .order-list .info label {
	vertical-align: baseline;
}
.account-page .address-list .buttons,
.account-page .order-list .buttons {
	border-top: 1px solid #eee;
	padding: 20px 0 0;
}
.account-page .address-list .button-2,
.account-page .order-list .button-2 {
	height: 30px;
	margin: 0 15px;
	background-image: url('../img/account-button-sprite.png');
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	font-weight: 400;
}
.air-theme .account-page .address-list .button-2,
.air-theme .account-page .order-list .button-2 {
	background-color: #eda187;
	font-size: 13px;
	color: #eda187;
}
.earth-theme .account-page .address-list .button-2,
.earth-theme .account-page .order-list .button-2 {
	background-color: #254635;
	font-size: 15px;
	color: #254635;
}
.account-page .edit-address-button {
	background-position: left 0;
}
.account-page .delete-address-button {
	background-position: left -30px;
}
.account-page .order-details-button {
	background-position: left -60px;
}
.account-page .return-items-button {
	background-position: left -90px;
}
.account-page .add-button {
	text-align: center;
}
.account-page .edit-address {
	margin: 0 0 40px;
}

.account-page .data-table {
	border: none;
}
.account-page .data-table th {
	padding: 15px 20px;
	/*text-align: left;*/ /*Ie fix*/
}
.account-page .data-table td {
	border-bottom: 1px solid #eee;
	padding: 20px;
}

.recurring-payments .button-2 {
	padding: 5px 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .recurring-payments .button-2 {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .recurring-payments .button-2 {
	background-color: #254635;
	font-size: 13px;
}
.recurring-payments .button-2:hover {
	opacity: 0.9;
}

.return-request-list-page .section,
.price-match-requests-page .section {
	max-width: 500px;
	margin: 0 auto 40px;
	background-color: #f9f9f9;
	padding: 30px 20px;
	text-align: center;
}
.return-request-list-page a,
.price-match-requests-page a {
	margin: 0 5px;
}
.return-request-list-page a + span {
	vertical-align: middle;
}
.air-theme .return-request-list-page a,
.air-theme .price-match-requests-page a {
	color: #eda187;
}
.earth-theme .return-request-list-page a,
.earth-theme .price-match-requests-page a {
	font-weight: 400;
	color: #254635;
}
.return-request-list-page .comments {
	margin: 15px 0 0;
}

.downloadable-products-page .data-table {
	margin: 20px 0 0;
}
.air-theme .downloadable-products-page .product a {
	color: #eda187;
}
.earth-theme .downloadable-products-page .product a {
	font-weight: 400;
	color: #254635;
}
.air-theme .downloadable-products-page .download a {
	color: #eda187;
}
.earth-theme .downloadable-products-page .download a {
	font-weight: 400;
	color: #254635;
}
.user-agreement-page .page-body {
	max-width: 500px;
	margin: 20px auto 0;
	background-color: #f9f9f9;
	padding: 20px;
}
.user-agreement-page .terms-of-agreement {
	margin: 0 0 20px;
	text-align: center;
}
.user-agreement-page .terms-of-agreement input {
	margin: 0 5px 0 0;
	vertical-align: baseline;
}
.user-agreement-page .buttons {
	border-top: 1px solid #eee;
	padding: 20px 0 0;
}

.back-in-stock-subscription-list-page .description,
.forum-subscriptions-page .description {
	margin: 0 0 35px;
	text-align: center;
}
.back-in-stock-subscription-list-page .data-table,
.forum-subscriptions-page .data-table {
	margin: 0 0 40px;
}
.back-in-stock-subscription-list-page .buttons,
.forum-subscriptions-page .buttons {
	margin: 40px 0 0;
}

.reward-points-overview {
    margin: 0 0 35px;
	text-align: center;
}
.reward-points-history {
	margin: 0 0 80px;
}
.reward-points-history .title {
	margin: 0 0 30px;
}
.reward-points-history .date {
	/*white-space: nowrap;*/
	text-align: left;
}

.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.vendorinfo-page .page-body {
	width: 600px;
	max-width: 100%;
	margin: auto;
	background-color: #f9f9f9;
	padding: 40px 20px;
}
.change-password-page .form-fields,
.check-gift-card-balance-page .form-fields,
.vendorinfo-page .form-fields {
	border: none;
	padding: 0 !important;
}

.avatar-page .message-error {
	margin: 0 0 15px;
}
.avatar-page .image {
	margin: 0 0 15px;
}
.avatar-page input[type="file"] {
	width: 175px;
	overflow: hidden;
}
.avatar-page .buttons {
	margin: 30px 0;
	font-size: 0;
}
.avatar-page .upload-avatar-button,
.avatar-page .remove-avatar-button {
	min-width: 140px !important;
	margin: 0 5px;
}
.avatar-page .remove-avatar-button {
	height: 50px;
	background-color: #aaa;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .avatar-page .remove-avatar-button {
	font-size: 14px;
}
.earth-theme .avatar-page .remove-avatar-button {
	font-size: 15px;
	line-height: 51px;
}
.avatar-page .remove-avatar-button:hover {
	opacity: 0.9;
}

.gdpr-tools-page .form-fields {
	margin: 0 0 25px;
}

.check-gift-card-balance-page .result {
	margin: 0 0 20px;
	text-align: center;
	font-weight: 400;
	color: #333;
}
.check-gift-card-balance-page .message-error {
	margin: 0 0 20px;
	text-align: center;
}

.multi-factor-authentication-page .description {
	margin: 0 0 40px;
}
.multi-factor-authentication-page .method-list {
	margin-bottom: 0 !important;
}
.multi-factor-authentication-page ul button {
	background: none !important;
	margin: 0 0 -10px;
}
.air-theme .save-customer-info-button {
	color: #eda187;
}
.earth-theme .save-customer-info-button {
	color: #254635;
}
.configure-provider table {
	margin: 15px 0;
	text-align: left;
}
.configure-provider table td {
	vertical-align: top;
}
.configure-provider .card-body {
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 25px 2% 20px;
}
.configure-provider .inputs {
	width: 100% !important;
}
.configure-provider .button-1 {
	color: #fff !important;
}

.vendorinfo-page .vendor-picture {
	margin: 15px 0 -15px;
	text-align: center;
}
.vendorinfo-page .vendor-picture button {
	display: none;
}

.account-page .no-data {
	text-align: center;
}


/* SHOPPING CART */


.order-progress {
	margin: 45px 0 -10px;
	font-size: 0;
}
.order-progress .active-step a {
	cursor: pointer;
}
.air-theme .order-progress .active-step a {
	background-color: #eda187;
}
.earth-theme .order-progress .active-step a {
	background-color: #254635;
}
.order-progress .inactive-step a {
	cursor: default;
}

.shopping-cart-page {
	margin: 30px 0 60px;
}
.shopping-cart-page .message-error {
	margin: 0 0 30px;
	text-align: center;
}

.shopping-cart-page .button-1,
.shopping-cart-page .button-2 {
	display: block;
	width: 100%;
	max-width: 290px;
	height: 55px;
	margin: 5px auto;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.shopping-cart-page .button-1:hover,
.shopping-cart-page .button-2:hover {
	opacity: 0.9;
}
.air-theme .shopping-cart-page .button-1,
.air-theme .shopping-cart-page .button-2 {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .shopping-cart-page .button-1,
.earth-theme .shopping-cart-page .button-2 {
	background-color: #254635;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.shopping-cart-page .continue-shopping-button {
	background-color: #aaa !important;
}
.shopping-cart-page button:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 -20px;
	background-image: url('../img/shopping-cart-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.shopping-cart-page .update-cart-button:before {
	background-position: 0 center;
}
.shopping-cart-page .continue-shopping-button:before {
	background-position: -35px center;
}
.shopping-cart-page .estimate-shipping-button:before {
	background-position: -70px center;
}
.shopping-cart-page .checkout-button:before {
	background-position: -105px center;
}
.shopping-cart-page button span {
	vertical-align: middle;
}

.shopping-cart-page .tax-shipping-info {
	padding: 15px 20px;
}
.shopping-cart-page .item-box .tax-shipping-info {
	padding: 0;
}
.air-theme .shopping-cart-page .tax-shipping-info {
	font-size: 13px;
}

.cart-options {
	margin: 0 0 50px;
}
.cart-options .common-buttons {
	overflow: hidden;
	background-color: #f9f9f9;
	padding: 15px 20px;
	font-size: 0;
}
.cart-options .update-cart-button,
.cart-options .continue-shopping-button {
	text-align: left;
}
.cart-options .update-cart-button:before,
.cart-options .continue-shopping-button:before {
	margin: 0 10px 0 -5px;
}
.cart-options .checkout-attributes {
	margin: 40px 0;
}
.cart-options .checkout-attributes dt {
	margin: 0 0 5px;
	font-weight: 400;
	color: #555;
}
.cart-options .checkout-attributes dd + dt {
	margin-top: 15px;
}
.cart-options .checkout-attributes dd li {
	display: inline-block;
	margin: 5px;
}
.cart-options .checkout-attributes select,
.cart-options .checkout-attributes input[type="text"] {
	min-width: 200px;
	max-width: 94%;
	margin: 5px 0;
}
.cart-options .checkout-attributes .attribute-squares li {
	margin: 5px 0;
}
.cart-options .selected-checkout-attributes {
	margin: 20px 0;
}
.shopping-cart-page .selected-checkout-attributes {
	display: none;
}
.cart-estimate-shipping {
	margin: 40px 0;
}
.cart-estimate-shipping label {
	display: block;
	margin: 0 0 5px;
    font-weight: 400;
    color: #555;
}
.cart-estimate-shipping > a {
	display: inline-block;
	min-width: 200px;
	max-width: 94%;
	height: 40px;
	margin: 5px 0px;
	border: 1px solid #eee;
	background: #fff url(../img/dropdown-arrow-grey.png) right 8px center no-repeat;
	padding: 0 25px 0 10px;
	text-align: left;
	line-height: 38px;
	color: #888;
}
.air-theme .cart-estimate-shipping > a {
	font-size: 12px;
}
.earth-theme .cart-estimate-shipping > a {
	font-size: 14px;
}

.cart-collaterals {
	max-width: 500px;
	margin: 0 auto 10px;
}
.cart-collaterals .title {
	margin: 0 0 15px;
	color: #333;
	text-transform: uppercase;
}
.cart-collaterals .hint {
	margin: 0 0 5px;
}
.cart-collaterals .coupon-code {
	overflow: hidden;
	font-size: 0;
}
.cart-collaterals .coupon-code input {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto 15px;
}
.cart-collaterals .coupon-code input:focus {
	border-color: #ddd;
}
.cart-collaterals .coupon-code button {
	width: auto;
	min-width: 180px;
	height: 40px;
}
.cart-collaterals .message-failure,
.cart-collaterals .message-success {
	margin: 5px 0 0;
}
.air-theme .cart-collaterals .message-failure,
.air-theme .cart-collaterals .message-success {
	font-size: 13px;
}
.earth-theme .cart-collaterals .message-failure,
.earth-theme .cart-collaterals .message-success {
	font-size: 15px;
}
.cart-collaterals .message-failure:before,
.cart-collaterals .message-success:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 10px;
	margin: 0 5px 0 -10px;
	background: url('../img/validation-sprite.png') no-repeat;
}
.cart-collaterals .message-success:before {
	background-position: top;
}
.cart-collaterals .message-failure:before {
	background-position: bottom;
}
.cart-collaterals .current-code {
	margin: 5px 0 0;
}
.cart-collaterals .current-code span {
	vertical-align: middle;
}
.remove-discount-button,
.remove-gift-card-button {
	width: 22px;
	height: 22px;
	margin: 0 -5px 0 5px;
	border: none;
	border-radius: 50% !important;
	background: url('../img/close-sprite.png') center bottom no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.air-theme .remove-discount-button,
.air-theme .remove-gift-card-button {
	background-color: #eda187;
}
.earth-theme .remove-discount-button,
.earth-theme .remove-gift-card-button {
	background-color: #254635;
}
.cart-collaterals .shipping-options {
	margin: 20px 0 0;
}
.cart-collaterals .shipping-options .buttons {
	margin: 25px 0 0;
}
.cart-collaterals .shipping-results {
	max-width: 440px;
	margin: 30px auto 0;
}
.cart-collaterals .shipping-results li {
	margin: 15px 0;
}
.cart-collaterals .shipping-results strong {
	display: block;
	margin: 0 10px 0 0;
	font-size: 15px;
	color: #555;
}

.cart-footer .totals {
	max-width: 500px;
	margin: 0 auto 30px;
	background-color: #f9f9f9;
	padding: 25px 20px;
}
.cart-footer .total-info {
	margin: 0 0 30px;
}
.cart-total .cart-total-left {
	padding: 5px 0;
	text-align: left;
}
.cart-total .cart-total-right {
	padding: 5px 0;
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	color: #333;
}
.cart-total .remove-discount-button,
.cart-total .remove-gift-card-button {
	margin: 0 5px;
}
.cart-total .giftcard-remaining {
	display: none;
}
.cart-total .order-total td {
	position: relative;
	padding-top: 40px;
}
.cart-total .order-total td:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #eee;
}
.air-theme .cart-total .order-total {
	font-size: 18px;
}
.earth-theme .cart-total .order-total {
	font-size: 20px;
}
.air-theme .cart-total .order-total strong {
	font-size: 22px;
	font-weight: 700;
}
.earth-theme .cart-total .order-total strong {
	font-size: 24px;
	font-weight: 700;
}
.terms-of-service {
	max-width: 350px;
	margin: 0 auto 30px;
	text-align: center;
}
.terms-of-service input {
	margin: 0 5px 0 0;
}
.air-theme .terms-of-service a {
	margin: 0 0 0 3px;
	color: #eda187;
}
.earth-theme .terms-of-service a {
	margin: 0 0 0 3px;
	color: #254635;
}
.cart-footer .checkout-button {
	background-color: #555 !important;
}
.cart-footer .addon-buttons {
	margin: 30px 0 0;
	text-align: center;
}
.product-grid.cross-sells {
	margin-top: 80px;
}


/* CHECKOUT */


.checkout-page .order-summary {
	margin: 80px 0 0;
}
.checkout-page .button-1 {
	min-width: 150px;
	height: 55px;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.checkout-page .button-1:hover {
	opacity: 0.9;
}
.air-theme .checkout-page .button-1 {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .checkout-page .button-1 {
	background-color: #254635;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.checkout-page .min-amount-warning {
	display: block;
	margin: 0 0 20px;
	text-align: center;
}
.checkout-page .address-list-page {
	display: none !important; /*currently unavailable*/
}

.checkout-page .address-item {
	max-width: 440px;
	margin: 0 auto 10px;
	padding: 25px 20px;
	background-color: #f9f9f9;
	text-align: center;
}
.checkout-page .address-box {
	margin: 0 0 25px;
	border-bottom: 1px solid #eee;
	padding: 0 0 30px;
}
.checkout-page .address-item li {
	padding: 2px 0;
	color: #555;
}
.air-theme .checkout-page .address-item {
	font-size: 13px;
}
.air-theme .checkout-page .address-item li.name {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 700;
}
.earth-theme .checkout-page .address-item li.name {
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: 400;
}
.checkout-page .address-item .select-button button {
	width: 100%;
	max-width: 290px;
}
.checkout-page .enter-address {
	max-width: 1000px;
	margin: 0 auto 20px;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 25px 10px 20px;
}
.checkout-page .section:first-child .enter-address {
	border-top: none !important;
}

.checkout-page .pickup-in-store,
.checkout-page .ship-to-same-address {
	text-align: center;
}
.checkout-page .pickup-in-store input,
.checkout-page .ship-to-same-address input {
	margin: 0 5px 0 -10px;
}
.checkout-page .pickup-in-store label,
.checkout-page .ship-to-same-address label {
	color: #555;
	cursor: pointer;
}
.checkout-page .pickup-in-store .description {
	margin: 5px 0 0;
}
.air-theme .checkout-page .pickup-in-store .description {
	font-size: 13px;
}

.checkout-page .select-pickup-point {
	margin: -10px 0 0;
	border-top: 1px solid #eee;
	padding: 30px 20px;
	text-align: center;
}
.checkout-page .select-pickup-point label {
	display: block;
	margin: 0 0 15px;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}
.checkout-page .select-pickup-point select {
	width: 100%;
	min-width: 280px;
}
.checkout-page .pickup-points-map {
	height: 350px;
	margin: 25px 0 0;
}

.shipping-method,
.payment-method {
	max-width: 640px;
	margin: auto;
	padding: 15px 20px 30px;
	background-color: #f9f9f9;
}
.shipping-method .method-list,
.payment-method .method-list {
	margin: 0 0 30px;
}
.shipping-method .method-list li,
.payment-method .method-list li {
	border-bottom: 1px solid #eee;
	padding: 20px 20px 25px;
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
	margin: 0 0 0 5px;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
	cursor: pointer;
}
.shipping-method .method-description {
	margin: 5px 0 0 20px;
}
/*.payment-method .payment-description {
	display: none;
}*/
.payment-method .use-reward-points {
	margin: 0 0 30px;
	outline: 20px solid #fff;
	background-color: #fff;
	text-align: center;
}
.payment-method .use-reward-points input {
	margin: 0 5px 0 0;
	vertical-align: baseline;
}
.payment-info {
	max-width: 640px;
	margin: auto;
	padding: 15px 20px 30px;
	background-color: #f9f9f9;
}
.payment-info .info {
	margin: 0 0 30px;
	border-bottom: 1px solid #eee;
	padding: 15px 20px 30px;
	line-height: 25px;
}
.payment-info .info td {
	display: block;
	width: 100%;
	padding: 5px;
}
.payment-info .info td select,
.payment-info .info td input {
	min-width: 70px;
}
.payment-info #CreditCardType,
.payment-info #PurchaseOrderNumber {
	min-width: 230px;
}
.payment-info #CardholderName,
.payment-info #CardNumber {
	width: 100% !important;
}
.air-theme .payment-info .info p {
	font-family: "Raleway", sans-serif;
	font-size: 13px;
}

.confirm-order .terms-of-service {
	width: 94%;
}
.confirm-order + .order-summary {
	margin: 60px 0 0;
}

.order-completed {
	max-width: 640px;
	margin: auto;
	padding: 30px 20px;
	background-color: #f9f9f9;
}
.order-completed .details {
	margin: 0 0 30px;
	border-bottom: 1px solid #eee;
	padding: 0 20px 30px;
	text-align: center;
}
.order-completed .details-link {
	display: block;
	margin: 15px 0 0;
}
.air-theme .order-completed .details a {
	color: #eda187;
}
.earth-theme .order-completed .details a {
	color: #254635;
	font-weight: 400;
}

.opc {
	width: 94%;
	margin: 30px auto 80px;
}
.opc > li {
	margin: 10px 0;
	background-color: #f9f9f9;
	padding: 20px;
}
.opc .step-title {
}
.opc .allow .step-title {
	cursor: pointer;
}
.opc .active .step-title {
}
.opc .step-title .number {
	display: none;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 -5px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	color: #fff;
	opacity: 0.5;
}
.air-theme .opc .step-title .number {
	background-color: #eda187;
	font-size: 13px;
}
.earth-theme .opc .step-title .number {
	background-color: #254635;
	font-size: 14px;
}
.opc .step-title .title {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
	opacity: 0.5;
}
.air-theme .opc .step-title .title {
	font-size: 14px;
}
.earth-theme .opc .step-title .title {
	font-size: 16px;
}
.opc .allow .step-title .number,
.opc .allow .step-title .title {
	opacity: 1;
}
.opc .step {
	margin: 20px 0 0;
	border-top: 1px solid #eee;
	padding: 20px 0 0;
	text-align: center;
}
.opc .section {
	margin: 0 auto 30px;
}
.opc .section > label {
	display: block;
	margin: 0 0 10px;
}
.air-theme .opc .section > label {
	font-size: 13px;
}
.opc input,
.opc select {
	max-width: 100%;
}
.opc .buttons {
	border-top: 1px solid #eee;
	padding: 25px 0 0;
}
.opc .back-link {
	margin: 0 0 15px;
	text-transform: uppercase;
}
.opc .back-link small {
	display: none;
}
.air-theme .opc .back-link a {
	color: #eda187;
}
.earth-theme .opc .back-link a {
	font-weight: 400;
	color: #254635;
}
.opc .please-wait {
	display: block;
	margin: 10px 0 0;
}

.opc .description {
	display: none;
}
.opc .shipping-method,
.opc .payment-method {
	padding: 0;
}
.opc .shipping-method ul,
.opc .payment-method ul {
	display: inline-block;
	margin: 0
}
.opc .shipping-method li,
.opc .payment-method li {
	border: none;
	padding: 10px 0;
}
.opc .shipping-method li {
	text-align: center;
}
.opc .payment-method li {
	text-align: left;
}
.opc .payment-logo,
.opc .payment-details {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}
.earth-theme .opc .shipping-method label,
.earth-theme .opc .payment-method label {
	font-weight: 300;
}
.opc .shipping-method .method-description {
	margin: 5px 0 0;
}
.opc .payment-method .use-reward-points {
	margin: 10px 0 20px;
	outline: none;
	background-color: transparent;
}
.opc .payment-info {
	max-width: none;
	padding: 0;
}
.opc .payment-info .info {
	margin: 0;
	border: none;
	padding: 0;
}
.opc .payment-info .info p {
	text-align: center !important;
}
.opc .order-review-data {
	margin: 0 0 30px;
}
.opc .order-review-data ul {
	outline: none;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.opc .order-review-data li {
	background-color: #fff;
}
.opc .table-wrapper {
	background-color: #fff;
}
.opc .selected-checkout-attributes {
	text-align: center;
}
.opc .cart-footer .totals {
	float: none;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}


/* ORDER DETAILS & RETURN REQUEST */


.order-review-data,
.order-details-area,
.shipment-details-area {
	margin: 0 0 60px; 
	overflow: hidden;  
}
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
	max-width: 440px;
	margin: 0 auto 10px;
	background-color: #f9f9f9;
	padding: 25px 20px;
	text-align: center;
}
.order-review-data li,
.order-details-area li,
.shipment-details-area li {
	padding: 2px 0;
	color: #555;
}
.air-theme .order-review-data li,
.air-theme .order-details-area li,
.air-theme .shipment-details-area li {
	font-size: 13px;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
	margin: 20px 0 5px;
}
.order-review-data .title:first-child,
.order-details-area .title:first-child,
.shipment-details-area .title:first-child {
	margin-top: 0;
}
.air-theme .order-review-data li.title,
.air-theme .order-details-area li.title,
.air-theme .shipment-details-area li.title {
	font-size: 16px;
	font-weight: 700;
}
.earth-theme .order-review-data li.title,
.earth-theme .order-details-area li.title,
.earth-theme .shipment-details-area li.title {
	font-size: 18px;
	font-weight: 400; 
}

.order-details-page .button-1,
.order-details-page .button-2 {
	min-width: 150px;
	height: 55px;
	margin: 5px;
	background-color: #aaa;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.order-details-page .button-1:hover,
.order-details-page .button-2:hover {
	opacity: 0.9;
}
.air-theme .order-details-page .button-1,
.air-theme .order-details-page .button-2 {
	font-size: 14px;
}
.earth-theme .order-details-page .button-1,
.earth-theme .order-details-page .button-2 {
	font-size: 15px;
	letter-spacing: 0.5px;
}
.air-theme .order-details-page .button-1 {
	background-color: #eda187;
}
.earth-theme .order-details-page .button-1 {
	background-color: #254635;
}

.order-details-page,
.shipment-details-page {
	margin: 0 0 80px;
}
.order-details-page .buttons {
	margin: 50px 0 -20px;
	font-size: 0;
}
.order-details-page .buttons a {
	display: inline-block;
	min-width: 120px;
	height: 45px;
	padding: 0 20px;
	line-height: 45px;
}
.order-details-page .order-overview {
	margin: 0 0 40px;
	line-height: 26px;
}
.air-theme .order-overview > div {
	font-size: 13px;
}
.order-details-page .order-number {
	margin: 0 0 10px;
	text-transform: uppercase;
	color: #333;
}
.air-theme .order-details-page .order-number strong {
	font-size: 16px;
}
.earth-theme .order-details-page .order-number strong {
	font-size: 17px;
	font-weight: 400;
}
.earth-theme .order-details-page .order-total {
	margin: 10px 0 0;
}
.air-theme .order-details-page .order-total strong {
	color: #eda187;
}
.earth-theme .order-details-page .order-total strong {
	color: #254635;
}
.order-details-page .data-table th,
.shipment-details-page .data-table th {
	/*text-align: left;*/ /*Ie fix*/
}
.order-details-page .data-table a,
.shipment-details-page .data-table a {
	font-style: normal;
}
.air-theme .order-details-page .shipments a {
	color: #eda187;
}
.earth-theme .order-details-page .shipments a {
	color: #254635;
}
.order-details-page .tax-shipping-info {
	margin: 0 0 10px;
}
.air-theme .order-details-page .options {
	font-size: 13px;
}
.order-details-page .totals {
	max-width: 500px;
	margin: 0 auto 30px;
	background-color: #f9f9f9;
	padding: 25px 20px;
}
.order-details-page .totals strong {
	color: #333 !important;
}
.order-details-page .actions {
	margin: 35px 0 0;
	overflow: hidden;
	font-size: 0;
}

.return-request-page {
	margin: 20px 0 80px;
}
.return-request-page .data-table a {
	font-weight: 400;
	color: #555;
}
.return-request-page .data-table select {
	min-width: 80px;
}
.return-request-page .section {
	margin: 0 0 60px;
}
.return-request-page .fieldset {
	margin: 0 0 30px;
}
.return-request-page .form-fields {
	max-width: 600px;
	margin: auto;
	background-color: #f9f9f9;
	padding: 20px;
}
.return-request-page .qq-upload-button {
	width: auto;
	height: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 10px;
}


/* SEARCH & SITEMAP */


.search-page .search-input,
.forum-search-page .search-input {
	width: 600px;
	max-width: 100%;
	margin: auto;
	background-color: #f9f9f9;
	padding: 30px 20px;
}
.search-input .fieldset {
	margin: 0 0 30px;
}
.search-input input[type="checkbox"] {
	margin: 0 8px 0 -10px;
}
.search-input input + label {
	display: inline;
	margin: 0;
}
.advanced-search {
	margin: 30px 0 0;
	border-top: 1px solid #eee;
	padding: 30px 0 0;
}
.advanced-search .price-range {
	display: block;
}
.advanced-search .price-from,
.advanced-search .price-to {
	width: 49% !important;
	max-width: 150px;
}
.advanced-search .price-from {
	margin: 0 2% 0 0;
}
.search-results .warning,
.search-results .no-result {
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
.search-results .warning {
	color: #ee2e56;
}
.search-results .no-result {
	color: #555;
}
.search-results {
	margin: 80px 0 0;
}

.sitemap-page {
	margin: 10px 0 70px;
}
.sitemap-page .description {
	margin: 0 0 40px;
}
.sitemap-page .entity {
	margin: 0 0 50px;
}
.sitemap-page .entity-title {
	margin: 0 0 15px;
	text-transform: uppercase;
	color: #333;
}
.air-theme .sitemap-page .entity-title h2 {
	font-size: 14px;
}
.earth-theme .sitemap-page .entity-title h2 {
	font-size: 16px;
	font-weight: 400;
}
.sitemap-page .entity-body {
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 15px;
}
.sitemap-page ul {
	font-size: 0;
}
.sitemap-page li {
	display: inline-block;
}
.sitemap-page li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 18px;
	vertical-align: middle;
	background-color: #ddd;
}
.sitemap-page li:last-child:after {
	display: none;
}
.sitemap-page a {
	display: inline-block;
	margin: 0 10px;
	padding: 10px;
	vertical-align: middle;
}
.air-theme .sitemap-page a {
	font-size: 13px; /*reset zeroing*/
}
.earth-theme .sitemap-page a {
	font-size: 16px; /*reset zeroing*/
}
.sitemap-page a:hover {
	color: #333;
}


/* BLOG & NEWS */


.year strong {
	display: block;
	position: relative;
	padding: 10px 25px 10px 20px;
	font-weight: 400;
	color: #555;
	cursor: pointer;
}
.air-theme .year strong {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.earth-theme .year strong {
	font-size: 15px;
}
.year strong.with-subcategories:after {
	content: "";
	position: absolute;
	right: 14px;
	width: 6px;
	height: 9px;
	background: url('../img/arrow-grey.png') right center no-repeat;
	transition: all 0.2s ease;
}
.air-theme .year strong.with-subcategories:after {
	top: 14px;
}
.earth-theme .year strong.with-subcategories:after {
	top: 17px;
}
.year strong.with-subcategories.opened:after {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.year .sublist li:last-child {
	margin: 0 0 5px;
}

.blog-page .post,
.news-items .news-item {
	margin: 0 auto 60px;
}
.post-head .post-title,
.news-head .news-title,
.blogpost-page .post-date,
.news-item-page .news-date {
	display: block;
	margin: 0 0 20px;
	/*border-bottom: 1px solid #eee;*/
	background-color: #f6f6f6;
	padding: 15px 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #555;
}
.post-head .post-date,
.news-head .news-date {
	display: block;
	margin: 0 0 10px;
	padding: 0 20px;
	color: #bbb;
}
.air-theme .post-head .post-date,
.air-theme .news-head .news-date {
	font-size: 12px;
}
.earth-theme .post-head .post-date,
.earth-theme .news-head .news-date {
	font-size: 14px;
	font-weight: 400;
}
.post-body, .news-body {
	margin: 0 0 25px;
	padding: 0 20px;
	line-height: 26px;
}
.air-theme .post-body,
.air-theme .news-body {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.air-theme .post-body a,
.air-theme .news-body a {
	color: #eda187;
}
.earth-theme .post-body a,
.earth-theme .news-body a {
	color: #254635;
}

.blog-links {
	margin: 0 0 30px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	padding: 10px 20px;
}
.blog-links .comments a,
.blog-links .tags ul {
	display: inline-block;
	position: relative;
	margin: 5px 15px;
	padding: 0 0 0 25px;
	vertical-align: middle;
}
.blog-links .comments a:before,
.blog-links .tags ul:before {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url('../img/links-sprite.png');
	background-repeat: no-repeat;
}
.air-theme .blog-links .comments a:before,
.air-theme .blog-links .tags ul:before {
	top: -1px;
	background-color: #eda187;
}
.earth-theme .blog-links .comments a:before,
.earth-theme .blog-links .tags ul:before {
	top: 3px;
	background-color: #254635;
}
.blog-links .comments a:before {
	background-position: 0 center;
}
.blog-links .tags ul:before {
	background-position: -20px center;
}

.blog-page .tags label,
.blogpost-page .tags label {
	display: none;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
	text-align: left;
	font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
	display: inline-block;
}
.air-theme .blog-page .tags li,
.air-theme .blogpost-page .tags li {
	font-size: 13px;
}
.earth-theme .blog-page .tags li,
.earth-theme .blogpost-page .tags li {
	font-size: 16px;
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
	margin: 0 8px 0 2px;
}

.blog-posts .buttons,
.news-items .buttons {
	overflow: hidden;
	padding: 0 20px;
}
.blog-posts .read-more,
.news-items .read-more {
	display: inline-block;
	height: 40px;
	padding: 0 25px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	transition: opacity 0.2s ease;
}
.air-theme .blog-posts .read-more,
.air-theme .news-items .read-more {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .blog-posts .read-more,
.earth-theme .news-items .read-more {
	background-color: #254635;
	font-size: 13px;
	font-weight: 400;
}
.blog-posts .read-more:hover,
.news-items .read-more:hover {
	opacity: 0.9;
}

.new-comment {
	margin: 60px 0 80px;
}
.new-comment .notifications {
	margin: 0 0 15px;
	text-align: center;
}
.new-comment form {
	width: 600px;
	max-width: 100%;
	margin: auto;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 40px 20px;
}
.new-comment .form-fields {
	margin: 0 0 40px;
}
.new-comment .button-1 {
	min-width: 150px;
	height: 50px;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .new-comment .button-1 {
	background-color: #eda187;
	font-size: 14px;
}
.earth-theme .new-comment .button-1 {
	background-color: #254635;
	font-size: 15px;
	line-height: 51px; /*firefox line-height bug fix*/
}
.new-comment .button-1:hover {
	opacity: 0.9;
}

.comment-list {
	margin: 0 0 80px;
}
.comment-list .title {
	margin: 0 0 15px;
	color: #555;
	text-transform: uppercase;
}
.comment-list .title strong {
	font-weight: 400;
}
.blog-comment,
.news-comment {
	margin: 0 0 -1px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #eee;
	padding: 20px;
}
.comment-info {
	width: 200px;
	margin: 0 auto 10px;
}
.comment-info .username {
	display: block;
	margin: 0 0 15px;
	text-align: center;
	color: #555;
	text-transform: uppercase;
}
.air-theme .comment-info .username {
	font-size: 12px;
}
.earth-theme .comment-info .username  {
	font-size: 14px;
	font-weight: 400;
}
.comment-info .avatar {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
}
.comment-info .avatar a {
	display: block;
}
.comment-info .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.comment-time {
	margin: 0 0 10px;
	font-size: 0;
	color: #bbb;
}
.comment-time label {
	display: none;
}
.air-theme .comment-time span {
	font-size: 12px;
}
.earth-theme .comment-time span {
	font-size: 14px;
}
.comment-title {
	display: none;
	margin: 0 0 10px;
	color: #555;
}
.air-theme .comment-title strong {
	font-weight: 700;
}
.earth-theme .comment-title strong {
	font-weight: 400;
}
.air-theme .comment-body {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	line-height: 26px;
}
.earth-theme .comment-body {
	line-height: 26px;
}

.news-list-homepage {
	margin: 0 0 60px;
	padding: 50px 0;
}
.air-theme .news-list-homepage {
	background: url('../img/news-banner-1.jpg') center top repeat-y;
}
.earth-theme .news-list-homepage {
	background: url('../img/news-banner-2.jpg') center top repeat-y;
}
.news-list-homepage .title {
	margin: 0 0 60px;
}
.news-list-homepage .title strong {
	color: #fff;
}
.news-list-homepage .news-items {
	width: 94%;
	margin: auto;
}
.news-list-homepage .news-item {
	display: none;
	margin: 0 auto 50px;
	border: 15px solid #fff;
	background-color: #f6f6f6;
	padding: 40px 20px;
	text-align: left;
}
.news-list-homepage .news-item:first-child {
	display: block;
}
.news-list-homepage .news-title {
	padding: 0 !important;
	color: #333;
}
.news-list-homepage .news-date {
	padding: 0 !important;
}
.news-list-homepage .news-body {
	max-height: 130px;
	overflow: hidden;
	padding: 0 !important;
}
.news-list-homepage .buttons {
	padding: 0 !important;
	text-align: left;
}
.news-list-homepage .read-more {
	height: auto;
	background: url('../img/arrow-long.png') right center no-repeat !important;
	padding: 0 110px 0 0;
	line-height: normal;
}
.air-theme .news-list-homepage .read-more {
	color: #eda187;
}
.earth-theme .news-list-homepage .read-more {
	color: #254635;
}
.news-list-homepage .view-all {
	text-align: center;
}
.news-list-homepage .view-all a {
	background-image: url('../img/arrow-white.png');
	background-repeat: no-repeat;
	padding: 0 16px;
	font-weight: 400;
	color: #fff;
}
.air-theme .news-list-homepage .view-all a {
	background-position: right 4px;
}
.earth-theme .news-list-homepage .view-all a {
	background-position: right 8px;
}


/* FORUM & PROFILE */


.forum-page .forum-name,
.forum-topic-page .topic-name,
.forums-main-page .topic-block-title,
.forum-group-page .forums-table-section-title,
.active-discussions-page .forums-table-section-title {
	margin: 50px 0 60px;
	text-align: center;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1,
.forums-main-page .topic-block-title h2,
.forum-group-page .forums-table-section-title a,
.active-discussions-page .forums-table-section-title strong {
	display: block; /*prevents a bug with absolute pseudo elements inside inline elements*/
	position: relative;
	color: #333;
	text-transform: uppercase;
}
.air-theme .forum-page .forum-name h1,
.air-theme .forum-topic-page .topic-name h1,
.air-theme .forums-main-page .topic-block-title h2,
.air-theme .forum-group-page .forums-table-section-title a,
.air-theme .active-discussions-page .forums-table-section-title strong {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
}
.earth-theme .forum-page .forum-name h1,
.earth-theme .forum-topic-page .topic-name h1,
.earth-theme .forums-main-page .topic-block-title h2,
.earth-theme .forum-group-page .forums-table-section-title a,
.earth-theme .active-discussions-page .forums-table-section-title strong {
	font-size: 24px;
	font-weight: 400;
}
.forum-page .forum-name h1:after,
.forum-topic-page .topic-name h1:after,
.forums-main-page .topic-block-title h2:after,
.forum-group-page .forums-table-section-title a:after,
.active-discussions-page .forums-table-section-title strong:after {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	width: 80px;
	height: 4px;
	margin: 0 0 0 -40px;
}
.air-theme .forum-page .forum-name h1:after,
.air-theme .forum-topic-page .topic-name h1:after,
.air-theme .forums-main-page .topic-block-title h2:after,
.air-theme .forum-group-page .forums-table-section-title a:after,
.air-theme .active-discussions-page .forums-table-section-title strong:after {
	background-color: #eda187;
}
.earth-theme .forum-page .forum-name h1:after,
.earth-theme .forum-topic-page .topic-name h1:after,
.earth-theme .forums-main-page .topic-block-title h2:after,
.earth-theme .forum-group-page .forums-table-section-title a:after,
.earth-theme .active-discussions-page .forums-table-section-title strong:after {
	background-color: #254635;
}

/* forum header */

.forums-header {
	margin: 0 0 80px;
}
.current-time {
	margin: 0 0 15px;
	text-align: center;
	color: #555;
	text-transform: uppercase;
}
.air-theme .current-time {
	font-size: 13px;
}
.earth-theme .current-time {
	font-size: 15px;
}
.forum-search-box form {
	width: 90%;
	max-width: 400px;
	height: 50px;
	margin: auto;
	border-width: 2px 0;
	padding: 0 50px 0 0;
}
.forum-search-box .basic {
	height: 100%;
}
.forum-search-box .search-box-text {
	padding: 0 10px !important;
}
.air-theme .forum-search-box .search-box-text {
	font-size: 15px !important;
}
.earth-theme .forum-search-box .search-box-text {
	font-size: 17px !important;
}
.forum-search-box .search-box-button {
	width: 50px;
	border: none;
}
.forum-search-box .advanced {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
}
.air-theme .forum-search-box .advanced {
	color: #eda187;
}
.earth-theme .forum-search-box .advanced {
	font-weight: 400;
	color: #254635;
	text-transform: lowercase;
}

/* forum group */

.forums-table-section {
	margin: 0 0 50px;
}
.forums-table-section-title {
	margin: 0 0 15px;
	text-align: center;
	color: #555;
	text-transform: uppercase;
}
.air-theme .forums-table-section-title > a,
.air-theme .forums-table-section-title strong {
	font-size: 16px;
}
.earth-theme .forums-table-section-title > a,
.earth-theme .forums-table-section-title strong {
	font-size: 18px;
	font-weight: 400;
}
.forums-table-section th.forum-details {
	padding: 15px 20px;
}
.forums-table-section td {
	border-bottom: 1px solid #eee;
	text-align: center;
}
.air-theme .forums-table-section td {
	font-size: 13px;
}
.forums-table-section .image div {
	width: 50px;
	height: 35px;
	margin: auto;
	background: url('../img/folder-sprite.png') 0 center no-repeat;
}
.forums-table-section .image div.sticky {
	background-position: -100px center;
}
.forums-table-section .image div.announcement {
	background-position: -50px center;
}
.forums-table-section .forum-title,
.forums-table-section .topic-title {
	font-weight: 400;
	text-transform: uppercase;
	color: #555;
}
.air-theme .forums-table-section .forum-title,
.air-theme .forums-table-section .topic-title {
	margin: 0 0 5px;
	font-size: 14px;
}
.forums-table-section .topic-type {
	display: none;
}
.forums-table-section .latest-post {
	white-space: nowrap;
}
.forums-table-section .view-all {
	background-color: #f9f9f9;
	padding: 15px;
	text-align: center;
}
.forums-table-section .view-all a {
	display: inline-block;
	min-width: 80px;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .forums-table-section .view-all a {
	background-color: #eda187;
	font-size: 12px;
}
.earth-theme .forums-table-section .view-all a {
	background-color: #254635;
	font-size: 14px;
}
.forums-table-section .view-all a:hover {
	opacity: 0.9;
}
.active-discussions .pager.upper {
	display: none;
}

/* forum-page, topic-page */

.forum-page .forum-description {
	margin: -20px 0 40px;
	text-align: center;
}
.forum-actions,
.topic-actions {
	margin: 0 0 20px;
	text-align: center;
	font-size: 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
	display: inline-block;
	min-width: 120px;
	height: 40px;
	margin: 0 5px 10px;
	padding: 0 20px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .forum-actions .actions a,
.air-theme .topic-actions .actions a {
	background-color: #eda187;
}
.earth-theme .forum-actions .actions a,
.earth-theme .topic-actions .actions a {
	background-color: #254635;
	font-weight: 400;
}
.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
	opacity: 0.9;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
	display: none;
}
.topic-actions.lower .actions {
	display: none;
}

/* topic post */

.topic-post {
	margin: 0 0 50px;
}
.topic-post .post-info {
	margin: 0 0 30px;
}
.topic-post .username {
	display: block;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 10px 0;
	line-height: 25px;
	font-weight: 400;
	color: #555;
}
.topic-post .avatar {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 20px auto;
	overflow: hidden;
}
.topic-post .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.topic-post .user-stats li {
	display: inline-block;
	margin: 0 10px;
}
.air-theme .topic-post .user-stats li {
	font-size: 12px;
	line-height: 20px;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
	display: inline-block;
	margin: 5px 0 0;
	padding: 0 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	transition: opacity 0.2s ease;
}
.air-theme .topic-post .pm-button,
.air-theme .profile-info-box .pm-button {
	color: #eda187;
}
.earth-theme .topic-post .pm-button,
.earth-theme .profile-info-box .pm-button {
	color: #254635;
	font-weight: 400;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
	opacity: 0.9;
}
.topic-post .pm-button:before,
.profile-info-box .pm-button:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px 0 -5px;
	background: url('../img/forum-sprite.png') 0 center no-repeat;
	vertical-align: middle;
}
.air-theme .topic-post .pm-button:before,
.air-theme .profile-info-box .pm-button:before {
	background-color: #eda187;
}
.earth-theme .topic-post .pm-button:before,
.earth-theme .profile-info-box .pm-button:before {
	background-color: #254635;
}
.topic-post .pm-button span,
.profile-info-box .pm-button span {
	vertical-align: middle;
	line-height: 40px;
}

.topic-post .post-head {
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 10px 0;
}
.topic-post .post-time {
	display: none;
	line-height: 25px;
}
.topic-post .post-time label,
.topic-post .post-time span {
	vertical-align: baseline;
}
.topic-post .post-actions {
	font-size: 0;
}
.topic-post .post-actions > div {
	display: inline-block;
}
.topic-post .post-actions a {
	display: inline-block;
	margin: 0 5px;
}
.topic-post .post-actions a:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px 0 0;
	background-image: url('../img/forum-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.air-theme .topic-post .post-actions a:before {
	background-color: #eda187;
}
.earth-theme .topic-post .post-actions a:before {
	background-color: #254635;
}
.topic-post .post-actions .edit-post-button:before {
	background-position: -25px center;
}
.topic-post .post-actions .delete-post-button:before {
	background-position: -50px center;
}
.topic-post .post-actions .quote-post-button:before {
	background-position: -75px center;
}
.topic-post .post-actions .post-link-button {
	vertical-align: middle;
}
.air-theme .topic-post .post-actions .post-link-button {
	font-size: 13px; /*reset zeroing*/
	color: #eda187;
}
.earth-theme .topic-post .post-actions .post-link-button {
	font-size: 15px; /*reset zeroing*/
	color: #254635;
}
.topic-post .post-actions .post-link-button:before {
	display: none !important;
}
.topic-post .post-actions a span {
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	line-height: 25px;
	color: #555;
}
.air-theme .topic-post .post-actions a span {
	font-size: 13px; /*reset zeroing*/
}
.earth-theme .topic-post .post-actions a span {
	font-size: 15px; /*reset zeroing*/
}

.topic-post .post-body {
	/*topic post-body also gets style from blog post-body*/
	margin: 0;
	padding: 20px 20px 0;
}
.topic-post .post-body b,
.topic-post .post-body strong {
	color: #555;
}
.topic-post .user-posted-image,
.latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
}
.topic-post .quote,
.latest-posts .quote {
	margin: 10px 0 0;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
	padding: 20px;
}
.topic-post .post-vote {
	margin: 20px 0 0;
	overflow: hidden;
}
.topic-post .post-vote span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #aaa;
	background-image: url('../img/table-sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
}
.topic-post .post-vote .vote.up {
	background-position: 0 center;
}
.topic-post .post-vote .vote.down {
	background-position: -20px center;
}
.topic-post .post-vote strong {
	margin: 0 10px;
	vertical-align: middle;
	font-weight: 400;
}
.air-theme .topic-post .post-vote strong {
	color: #eda187;
}
.earth-theme .topic-post .post-vote strong {
	color: #254635;
}
.topic-post .signature {
	margin: 25px 0 0;
	border-top: 1px solid #eee;
	padding: 15px 0 0;
    font-style: italic;
	color: #aaa;
}

/* forum edit & send message */

.forum-edit-page .page-body,
.move-topic-page .page-body,
.private-message-send-page .page-body {
	width: 600px;
	max-width: 100%;
	margin: auto;
	background-color: #f9f9f9;
	padding: 30px 20px;
}
.forum-edit-page .inputs:first-child {
	display: none;
}
.forum-edit-page strong {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 0 0 10px;
}
.forum-edit-page strong,
.private-message-send-page a {
	font-size: 18px;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
}
.forum-edit-page .buttons,
.move-topic-page .buttons,
.private-message-send-page .buttons {
	margin: -10px 0 0;
	text-align: center;
	font-size: 0;
}
.forum-edit-page .buttons button,
.move-topic-page .buttons button,
.private-messages .buttons button {
	display: block;
	width: 90%;
	max-width: 300px;
	height: 50px;
	margin: 5px auto;
	background-color: #aaa;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	transition: opacity 0.2s ease;
}
.air-theme .forum-edit-page .buttons button,
.air-theme .move-topic-page .buttons button,
.air-theme .private-messages .buttons button {
	font-size: 14px;
}
.earth-theme .forum-edit-page .buttons button,
.earth-theme .move-topic-page .buttons button,
.earth-theme .private-messages .buttons button {
	font-size: 15px;
	line-height: 51px;
}
.forum-edit-page .buttons button:hover,
.move-topic-page .buttons button:hover,
.private-messages .buttons button:hover {
	opacity: 0.9;
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
	margin: 0 0 12px;
}
.forum-edit-page .inputs.reversed label {
	margin: 5px 0 0;
	white-space: normal;
}

/* inbox & view message */

.private-messages-page {
	margin: 20px 0 80px;
}
.private-messages-page .ui-tabs-panel {
	background-color: transparent;
	padding: 0 !important;
}
.private-messages-page th {
	/*text-align: left;*/ /*Ie fix*/
}
.air-theme .private-messages-page td.date {
	font-size: 13px;
	white-space: nowrap;
}
.earth-theme .private-messages-page td.date {
	font-size: 15px;
	white-space: nowrap;
}
.air-theme .private-messages-page .pm-unread {
	color: #eda187;
}
.earth-theme .private-messages-page .pm-unread {
	font-weight: 400;
	color: #254635;
}
.private-messages-page .buttons {
	background-color: #f9f9f9;
	padding: 15px 20px;
	font-size: 0;
}
.air-theme .private-messages-page button.button-1 {
	background-color: #eda187;
}
.earth-theme .private-messages-page button.button-1 {
	background-color: #254635;
}

.private-message-send-page .inputs:first-child label {
	display: none;
}

.private-message-view-page .message-head {
	border-bottom: 1px solid #eee;
	padding: 0 0 30px;
	text-align: center;
}
.private-message-view-page .message-head li {
	margin: 5px 0;
}
.private-message-view-page .message-head .sender span,
.private-message-view-page .message-head .recipient span {
	color: #333;
}
.private-message-view-page .message-body {
	padding: 30px 15px;
	text-align: justify;
	line-height: 26px;
}
.private-message-view-page .buttons {
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
	padding: 20px;
	font-size: 0;
}
.air-theme .private-message-view-page button.reply-pm-button {
	background-color: #eda187;
}
.earth-theme .private-message-view-page button.reply-pm-button {
	background-color: #254635;
}
.private-message-view-page button.back-pm-button {
	margin: 20px auto 0;
	background-color: transparent;
	padding: 0;
	color: #888;
}

/* profile page  */

.profile-page {
	margin: 20px 0 80px;
}
.profile-page .ui-tabs-panel {
	background-color: transparent;
	padding: 0 !important;
}
.profile-info-box {
	overflow: hidden;
	text-align: center;
}
.profile-info-box .avatar {
	margin: 0 0 15px;
}
.profile-info-box .title {
	margin: 0 0 10px;
	text-transform: uppercase;
	color: #555;
}
.profile-info-box .pm-button {
	margin: 15px 0 0;
}
.profile-page .topic {
	margin: 0 0 40px;
}
.profile-page .topic-title {
	margin: 0 0 10px;
	border-bottom: 1px solid #eee;
	background: #f9f9f9;
	padding: 15px 20px;
	text-transform: uppercase;
}
.profile-page .topic-title a {
	margin: 0 0 0 3px;
	color: #555;
}
.air-theme .profile-page .topic-title a {
	font-weight: 700;
}
.earth-theme .profile-page .topic-title a {
	font-weight: 400;
}
.profile-page .topic-body {
	padding: 10px 20px;
	line-height: 26px;
}
.air-theme .profile-page .topic-body {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.profile-page .topic-data {
	padding: 10px 20px;
}
.profile-page .topic-data span {
	color: #555;
}






/* Cypressa Website */


/* ----------------------------------------------------------------
	Basic Layout Styles
----------------------------------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #254635;
	margin: 0 0 20px 0;
	font-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;
font-weight: 700;  text-transform: uppercase
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 42px; }

h2 { 
 color:#254635;
 clear:both!important;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B" !important;
 font-size:54px; line-height: 58px; margin-bottom: 40px}

/*h3 { font-size: 22px; text-transform: none !important; font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal; text-align: center} */

h3 {color: #254635; clear: both !important; text-transform: uppercase !important; font-weight: 700; font-family: "Ringside Compressed A", "Ringside Compressed B"; font-size:54px; margin-bottom: 70px; text-align: center}

h4 { font-size: 22px; text-transform: none !important; font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal; }


h5 {  color:#254635;
 clear:both!important;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B" !important;
 font-size:50px; line-height: 54px; margin-bottom:30px }

h6 { 	color: #254635;
    font-family:"Ringside Compressed A","Ringside Compressed B";
  font-style:normal;
  font-weight:700;
  font-size:28px;
  text-transform:uppercase; margin-bottom: 20px !important }






/* ----------------------------------------------------------------
	Helper Classes
----------------------------------------------------------------- */


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




/*	Gutters */
[class*="gutter-"] {
	--custom-gutter: var(--bs-gutter-x); /* Default Bootstrap */
	margin-right: calc(var(--custom-gutter) / -2);
	margin-left: calc(var(--custom-gutter) / -2);
	margin-top: calc(var(--custom-gutter) * -1);
}

[class*="gutter-"] > .col,
[class*="gutter-"] > [class*="col-"] {
	padding-right: calc(var(--custom-gutter) / 2);
	padding-left: calc(var(--custom-gutter) / 2);
	margin-top: var(--custom-gutter);
}

.gutter-10 {
	--custom-gutter: 10px;
}

.gutter-20 {
	--custom-gutter: 20px;
}

.gutter-30 {
	--custom-gutter: 30px;
}

.gutter-40 {
	--custom-gutter: 40px;
}

.gutter-50 {
	--custom-gutter: 50px;
}

[class*="col-mb-"] {
	margin-bottom: calc(var(--col-mb) / -1);
}

[class*="col-mb-"] > .col,
[class*="col-mb-"] > [class*="col-"] {
	padding-bottom: var(--col-mb);
}

.col-mb-30 {
	--col-mb: 30px;
}

.col-mb-50 {
	--col-mb: 50px;
}

.col-mb-80 {
	--col-mb: 80px;
}

@media (min-width: 576px) {
	.gutter-sm-10 {
		--custom-gutter: 10px;
	}

	.gutter-sm-20 {
		--custom-gutter: 20px;
	}

	.gutter-sm-30 {
		--custom-gutter: 30px;
	}

	.gutter-sm-40 {
		--custom-gutter: 40px;
	}

	.gutter-sm-50 {
		--custom-gutter: 50px;
	}

	.col-mb-sm-30 {
		--col-mb: 30px;
	}

	.col-mb-sm-50 {
		--col-mb: 50px;
	}

	.col-mb-sm-80 {
		--col-mb: 80px;
	}
}

@media (min-width: 768px) {
	.gutter-md-10 {
		--custom-gutter: 10px;
	}

	.gutter-md-20 {
		--custom-gutter: 20px;
	}

	.gutter-md-30 {
		--custom-gutter: 30px;
	}

	.gutter-md-40 {
		--custom-gutter: 40px;
	}

	.gutter-md-50 {
		--custom-gutter: 50px;
	}

	.col-mb-md-30 {
		--col-mb: 30px;
	}

	.col-mb-md-50 {
		--col-mb: 50px;
	}

	.col-mb-md-80 {
		--col-mb: 80px;
	}
}

@media (min-width: 992px) {
	.gutter-lg-10 {
		--custom-gutter: 10px;
	}

	.gutter-lg-20 {
		--custom-gutter: 20px;
	}

	.gutter-lg-30 {
		--custom-gutter: 30px;
	}
	.gutter-lg-40 {
		--custom-gutter: 40px;
	}
	.gutter-lg-50 {
		--custom-gutter: 50px;
	}

	.col-mb-lg-30 {
		--col-mb: 30px;
	}

	.col-mb-lg-50 {
		--col-mb: 50px;
	}

	.col-mb-lg-80 {
		--col-mb: 80px;
	}
}

@media (min-width: 1200px) {
	.gutter-xl-10 {
		--custom-gutter: 10px;
	}

	.gutter-xl-20 {
		--custom-gutter: 20px;
	}

	.gutter-xl-30 {
		--custom-gutter: 30px;
	}
	.gutter-xl-40 {
		--custom-gutter: 40px;
	}
	.gutter-xl-50 {
		--custom-gutter: 50px;
	}

	.col-mb-xl-30 {
		--col-mb: 30px;
	}

	.col-mb-xl-50 {
		--col-mb: 50px;
	}

	.col-mb-xl-80 {
		--col-mb: 80px;
	}
}

@media (min-width: 1400px) {
	.gutter-xxl-10 {
		--custom-gutter: 10px;
	}

	.gutter-xxl-20 {
		--custom-gutter: 20px;
	}

	.gutter-xxl-30 {
		--custom-gutter: 30px;
	}
	.gutter-xxl-40 {
		--custom-gutter: 40px;
	}
	.gutter-xxl-50 {
		--custom-gutter: 50px;
	}

	.col-mb-xxl-30 {
		--col-mb: 30px;
	}

	.col-mb-xxl-50 {
		--col-mb: 50px;
	}

	.col-mb-xxl-80 {
		--col-mb: 80px;
	}
}


/* ----------------------------------------------------------------
	Height Utility Classes
-----------------------------------------------------------------*/

.min-vh-75 {
	min-height: 75vh !important;
}

.min-vh-60 {
	min-height: 60vh !important;
}

.min-vh-50 {
	min-height: 50vh !important;
}

.min-vh-40 {
	min-height: 40vh !important;
}

.min-vh-30 {
	min-height: 30vh !important;
}

.min-vh-25 {
	min-height: 25vh !important;
}

.min-vh-20 {
	min-height: 20vh !important;
}


.max-vh-100 {
	max-height: 100vh !important;
}


@media (min-width: 768px) {
	.min-vh-md-100 {
		min-height: 100vh !important;
	}

	.min-vh-md-75 {
		min-height: 75vh !important;
	}

	.min-vh-md-60 {
		min-height: 60vh !important;
	}

	.min-vh-md-50 {
		min-height: 50vh !important;
	}

	.min-vh-md-40 {
		min-height: 40vh !important;
	}

	.min-vh-md-25 {
		min-height: 25vh !important;
	}

	.min-vh-md-0 {
		min-height: 0 !important;
	}

	.vh-md-100 {
		height: 100vh !important;
	}

	.vh-md-75 {
		height: 75vh !important;
	}

	.vh-md-60 {
		height: 60vh !important;
	}

	.vh-md-50 {
		height: 50vh !important;
	}

	.vh-md-40 {
		height: 40vh !important;
	}

	.vh-md-25 {
		height: 25vh !important;
	}

	.h-md-100 {
		height: 100% !important;
	}

	.h-md-75 {
		height: 75% !important;
	}

	.h-md-60 {
		height: 60% !important;
	}

	.h-md-50 {
		height: 50% !important;
	}

	.h-md-40 {
		height: 40% !important;
	}

	.h-md-25 {
		height: 25% !important;
	}

	.h-md-auto {
		height: auto !important;
	}

	.max-vh-md-100 {
		max-height: 100vh !important;
	}

	.max-vh-md-75 {
		max-height: 75vh !important;
	}

	.max-vh-md-60 {
		max-height: 60vh !important;
	}

	.max-vh-md-50 {
		max-height: 50vh !important;
	}

	.max-vh-md-40 {
		max-height: 40vh !important;
	}

	.max-vh-md-25 {
		max-height: 25vh !important;
	}

	.max-vh-md-none {
		max-height: none !important;
	}
}

@media (min-width: 992px) {
	.min-vh-lg-100 {
		min-height: 100vh !important;
	}

	.min-vh-lg-75 {
		min-height: 75vh !important;
	}

	.min-vh-lg-60 {
		min-height: 60vh !important;
	}

	.min-vh-lg-50 {
		min-height: 50vh !important;
	}

	.min-vh-lg-40 {
		min-height: 40vh !important;
	}

	.min-vh-lg-25 {
		min-height: 25vh !important;
	}

	.min-vh-lg-0 {
		min-height: 0 !important;
	}

	.vh-lg-100 {
		height: 100vh !important;
	}

	.vh-lg-75 {
		height: 75vh !important;
	}

	.vh-lg-60 {
		height: 60vh !important;
	}

	.vh-lg-50 {
		height: 50vh !important;
	}

	.vh-lg-40 {
		height: 40vh !important;
	}

	.vh-lg-25 {
		height: 25vh !important;
	}

	.h-lg-100 {
		height: 100% !important;
	}

	.h-lg-75 {
		height: 75% !important;
	}

	.h-lg-60 {
		height: 60% !important;
	}

	.h-lg-50 {
		height: 50% !important;
	}

	.h-lg-40 {
		height: 40% !important;
	}

	.h-lg-25 {
		height: 25% !important;
	}

	.h-lg-auto {
		height: auto !important;
	}

	.max-vh-lg-100 {
		max-height: 100vh !important;
	}

	.max-vh-lg-75 {
		max-height: 75vh !important;
	}

	.max-vh-lg-60 {
		max-height: 60vh !important;
	}

	.max-vh-lg-50 {
		max-height: 50vh !important;
	}

	.max-vh-lg-40 {
		max-height: 40vh !important;
	}

	.max-vh-lg-25 {
		max-height: 25vh !important;
	}

	.max-vh-lg-none {
		max-height: none !important;
	}
}






/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.fslider.h-100 .flexslider,
.fslider.h-100 .slider-wrap,
.fslider.h-100 .slide {
	height: 100% !important;
}

.fslider {
	min-height: 32px;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
	border: none;
}

.slider-wrap,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.flexslider {
	position: relative;
	margin: 0;
	padding: 0;
}

.flexslider .slider-wrap > .slide {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slider-wrap img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slider-wrap::after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slider-wrap {
	display: block;
}

* html .slider-wrap {
	height: 1%;
}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


	
	


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


.slider-element {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax { position: relative; }

.slider-parallax,
.slider-parallax .swiper-container {
	visibility: visible;
	-webkit-backface-visibility: hidden;
}

.slider-inner {
	position: absolute;
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider-parallax .slider-inner {
	position: fixed;
}

.h-auto:not(.slider-parallax) .slider-inner,
.h-auto .swiper-container,
.min-vh-0:not(.slider-parallax) .slider-inner,
.min-vh-0 .swiper-container {
	position: relative !important;
	height: auto !important;
}

.slider-parallax-invisible .slider-inner {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 992px) {
	.h-auto .swiper-wrapper,
	.min-vh-0 .swiper-wrapper {
		height: 75vh;
	}
}

.slider-inner.slider-inner-relative {
	position: relative !important;
	height: auto !important;
}

.device-touch .slider-parallax .slider-inner { position: relative; }

body:not(.side-header) .slider-parallax .slider-inner { left: 0; }

body:not(.stretched) .slider-parallax .slider-inner { left: auto; }

.slider-parallax .slider-inner,
.slider-parallax .slider-caption {
	will-change: transform;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: transform 0s linear;
	-webkit-backface-visibility: hidden;
}


@media (max-width: 991.98px) {

	#slider {
		display: -ms-flexbox !important;
		display: flex !important;
		flex-direction: column;
		justify-content: center;
	}

	#slider .slider-inner {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		flex-grow: 1;
		align-items: center;
	}

}


/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 40px; }


/* Swiper Slider
-----------------------------------------------------------------*/

.swiper_wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
}

.swiper_wrapper .swiper-slide {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.swiper-slide-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-slide-contact {
	
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }

.slider-element .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player,
.swiper-slide-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}

.yt-bg-player .inlinePlayButton,
.yt-bg-player .loading { display: none !important; }

.slider-element .container,
.slider-element .container-fuild {
	position: relative;
	height: 100%;
}

.slider-element.canvas-slider .swiper-slide img { width: 100%; }

.slider-element.canvas-slider a {
	display: block;
	height: 100%;
}


.swiper-pagination {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 20px !important;
	text-align: center;
	line-height: 1;
}

.swiper-pagination span {
	display: inline-block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFF !important; }


/* Video Overlay
-----------------------------------------------------------------*/

.video-wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
	direction: ltr;
}

.video-wrap video {
	position: relative;
	z-index: 1;
	opacity: 1;
	width: 100%;
	transition: opacity .3s 1s ease;
	/*min-width: 100%;
	min-height: 100%;
	top: 50%;
	transform: translateY(-50%);*/
}

body:not(.has-plugin-html5video) .video-wrap video {
	opacity: 0;
}

.video-overlay,
.video-placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: transparent url('images/grid.png') repeat;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}

.video-placeholder {
	z-index: 4;
	background-repeat: no-repeat !important;
}


/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	flex-flow: column;
	justify-content: center;
	z-index: 20;
	max-width: 550px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
	color: #222;
	text-shadow: none;
}

.slider-caption h2 {
	color: #fff;
	font-size: 42px; font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; text-transform: none !important;
	line-height: 1;
	margin-bottom: 0; padding-top: 80px; 
}

.slider-caption p {
	margin-top: 30px;
	margin-bottom: 10px;
	color: #fff;
font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";font-style: normal;font-weight: 700; font-size: 26px; text-transform: uppercase
}

.slider-caption a {color: #fff ; font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";font-style: normal;font-weight: 700; font-size: 24px; text-transform: uppercase}

.slider-caption a:hover {opacity: 0.6}

@media (max-width: 991.98px) {

	.swiper_wrapper .slider-caption h2 {
		
	}

	.swiper_wrapper .slider-caption p {
	
	}

}

.slider-caption.slider-caption-right {
	margin-left: auto;
}

.slider-caption.slider-caption-center {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0; top:-125px;
}

.slider-caption-bg {
	padding: 5px 12px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.6);
	top: auto;
	bottom: 50px;
	left: 50px;
}

.slider-caption-bg.slider-caption-bg-light {
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-weight: 400;
	text-shadow: none;
}

.slider-caption-top-left {
	top: 50px;
	bottom: auto;
}

.slider-caption-top-right {
	top: 50px;
	bottom: auto;
	left: auto;
	right: 50px;
}

.slider-caption-bottom-right {
	left: auto;
	right: 50px;
}


/* Slider Arrows
-----------------------------------------------------------------*/

.slider-element .owl-carousel { margin: 0; }

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	top: 50%;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 0 3px 3px 0;
	transform: translateY(-50%);
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	top: auto;
	bottom: 57px;
	left: auto;
	right: 20px;
	margin: 0;
	width: 32px;
	height: 32px;
	border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
	bottom: 20px;
	border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -20px; }

.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
	left: auto;
	right: 0;
	border-radius: 3px 0 0 3px;
}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	line-height: 50px;
	width: 100%;
	height: 100%;
	color: #DDD;
	color: rgba(255,255,255,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	text-align: center;
	transition: color .3s ease-in-out;
}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	width: 32px;
	height: 32px;
	margin: 0;
	line-height: 30px;
	font-size: 18px;
	color: #FFF;
	color: rgba(255,255,255,1);
}

.slider-element .owl-prev i { margin-left: 0; }

.slider-element .owl-next i { margin-right: 4px; }

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; }


/* Slide Number
-----------------------------------------------------------------*/

.slide-number {
	position: absolute;
	opacity: 0;
	top: auto;
	right: 20px;
	bottom: 20px;
	z-index: 20;
	width: 36px;
	height: 40px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	font-size: 18px;
	font-weight: 300;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.slider-element:hover .slide-number { opacity: 1; }

.slide-number-current,
.slide-number-total {
	position: absolute;
	line-height: 1;
	top: 5px;
	left: 0;
}

.slide-number-total {
	top: auto;
	bottom: 5px;
	left: auto;
	right: 0;
}

.slide-number span {
	display: block;
	font-size: 32px;
	line-height: 40px;
}


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

.slider-element .owl-dots {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 15px;
}

.slider-element .owl-dots button {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	opacity: 1 !important;
	background-color: transparent !important;
	border: 1px solid #FFF;
}

.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover { background-color: #FFF !important; }


/* Flex Slider - Navigation
-----------------------------------------------------------------*/

.nav-offset .flex-prev,
.nav-offset .flex-next {
	border-radius: 3px;
}

.nav-offset .flex-prev {
	left: 20px;
}

.nav-offset .flex-next {
	right: 20px;
}

.nav-circle .flex-prev,
.nav-circle .flex-next {
	border-radius: 50%;
}

.nav-solid .flex-prev,
.nav-solid .flex-next {
	opacity: 1;
	background-color: #FFF;
}

.nav-solid .flex-prev:hover,
.nav-solid .flex-next:hover {
	background-color: #333 !important;
}

.nav-solid .flex-prev:not(:hover) i,
.nav-solid .flex-next:not(:hover) i {
	color: #444;
	text-shadow: none;
}


.nav-size-sm .flex-prev,
.nav-size-sm .flex-next {
	width: 32px;
	height: 32px;
}

.nav-size-sm .flex-prev i,
.nav-size-sm .flex-next i {
	line-height: 32px;
	font-size: 1.5rem;
}

.fslider[class*="nav-pos-"] .flex-prev,
.fslider[class*="nav-pos-"] .flex-next {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 5px;
	transform: none;
}

.fslider.nav-size-sm[class*="nav-pos-"] .flex-prev,
.fslider.nav-size-sm[class*="nav-pos-"] .flex-next {
	margin: 0 3px;
}

.fslider[class*="nav-pos-"] .flex-direction-nav {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
}

.nav-pos-top .flex-direction-nav,
.nav-pos-top-left .flex-direction-nav,
.nav-pos-top-right .flex-direction-nav {
	top: 20px;
	left: 0;
}

.nav-pos-bottom .flex-direction-nav,
.nav-pos-bottom-left .flex-direction-nav,
.nav-pos-bottom-right .flex-direction-nav {
	top: auto;
	bottom: 20px;
}

.nav-pos-top-left .flex-direction-nav,
.nav-pos-bottom-left .flex-direction-nav {
	width: auto !important;
	left: 16px;
}

.nav-pos-top-right .flex-direction-nav,
.nav-pos-bottom-right .flex-direction-nav {
	width: auto !important;
	left: auto;
	right: 16px;
}


/* Flex Slider - Pagination & Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	width: auto;
	z-index: 10;
	text-align: center;
	top: 14px;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	display: block;
	margin: 0 3px;
	width: 0.625rem;
	height: 0.625rem;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid #FFF;
	color: transparent;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
	background-color: #FFF;
}


.control-solid .flex-control-nav li a {
	border: none;
	background-color: #FFF;
}

.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active {
	background-color: #254635;
}


.control-square .flex-control-nav li a {
	border-radius: 3px;
}

.control-diamond .flex-control-nav li a {
	border-radius: 3px;
	transform: rotate(45deg);
}


/* Flex Slider: Pagination Positions
-----------------------------------------------------------------*/

.control-offset-lg .flex-control-nav {
	top: 24px;
	right: 20px;
}

.control-pos-top-left .flex-control-nav,
.control-pos-bottom-left .flex-control-nav {
	left: 10px;
	right: auto;
}

.control-offset-lg.control-pos-top-left .flex-control-nav,
.control-offset-lg.control-pos-bottom-left .flex-control-nav {
	left: 20px;
}

.control-pos-bottom-right .flex-control-nav,
.control-pos-bottom-left .flex-control-nav,
.control-pos-bottom .flex-control-nav,
.control-pos-bottom .flex-control-nav {
	top: auto;
	bottom: 14px;
}

.control-offset-lg.control-pos-bottom-right .flex-control-nav,
.control-offset-lg.control-pos-bottom-left .flex-control-nav,
.control-offset-lg.control-pos-bottom .flex-control-nav,
.control-offset-lg.control-pos-bottom .flex-control-nav {
	bottom: 24px;
}

.control-pos-bottom .flex-control-nav,
.control-pos-bottom .flex-control-nav,
.control-pos-top .flex-control-nav,
.control-pos-top .flex-control-nav {
	width: 100%;
	right: 0;
}


.control-size-lg .flex-control-nav li {
	width: 0.9325rem;
	height: 0.9325rem;
	margin: 0 5px;
}

/* Flex Slider: Thumbs
-----------------------------------------------------------------*/

.flex-control-nav.flex-control-thumbs {
	position: relative;
	justify-content: left;
	top: 0;
	left: 0;
	right: 0;
	margin: 2px -2px -2px 0;
	height: auto;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 100px !important;
	height: auto !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 0;
	opacity: 1;
}


/* FlexSlider: Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
	margin: 2px -2px -2px 0;
	height: auto;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	height: auto !important;
	margin: 0;
	padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
	width: 100% !important;
	height: auto !important;
}


/* ----------------------------------------------------------------
	Content
----------------------------------------------------------------- */


#content {
	position: relative;
	background-color: #fff;
}

#content p { }

.content-wrap {
	position: relative;
	padding:  0;
	overflow: hidden;
}

#content .container { position: relative; }

.grid-container,
.grid-inner {
	position: relative;
	overflow: hidden;
}

.grid-inner {
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}





/* Grid Filter
-----------------------------------------------------------------*/

.grid-filter-wrap {
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.grid-filter {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 3.5rem;
	list-style: none;
}

.grid-filter li {
	position: relative;
	width: 50%;
}

.grid-filter li a {
	display: block;
	position: relative;
	padding: 10px 20px;
	font-size: 0.9375rem;
	color: #666;
	text-align: center;
	border-radius: 2px;
}

.grid-filter li a:hover { color: #254635; }

.grid-filter li.activeFilter a {
	color: #FFF;
	background-color: #254635;
	margin: 0;
	font-weight: bold;
}

@media (min-width: 576px) {
	.grid-filter li {
		width: 33.333333%;
	}
}

@media (min-width: 768px) {
	.grid-filter li {
		width: auto;
	}

	.grid-filter {
		border: 1px solid rgba(0,0,0,0.07);
		border-radius: 4px;
	}

	.grid-filter li a {
		border-left: 1px solid rgba(0,0,0,0.07);
		border-radius: 0;
	}

	.grid-filter li:first-child a {
		border-left: none;
		border-radius: 4px 0 0 4px;
	}

	.grid-filter li:last-child a { border-radius: 0 4px 4px 0; }

	.grid-filter li.activeFilter a {
		margin: -1px 0;
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.bothsidebar .grid-filter li a { padding: 12px 14px; }

	.bothsidebar .grid-filter li.activeFilter a { padding: 13px 18px; }
}


/* Grid Filter: Style 2
-----------------------------------------------------------------*/

.grid-filter.style-2,
.grid-filter.style-3,
.grid-filter.style-4 {
	border: none;
	border-radius: 0;
	margin-bottom: 2.75rem;
}

.grid-filter.style-2 li,
.grid-filter.style-3 li,
.grid-filter.style-4 li { margin-bottom: 0.75rem; }

@media (min-width: 768px) {
	.grid-filter.style-2 li:not(:first-child),
	.grid-filter.style-3 li:not(:first-child) { margin-left: 10px; }
}

.grid-filter.style-2 li a,
.grid-filter.style-3 li a,
.grid-filter.style-4 li a {
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 22px;
	border: none;
}

.grid-filter.style-2 li.activeFilter a {
	color: #FFF !important;
	margin: 0;
}


/* Grid Filter: Style 3
-----------------------------------------------------------------*/

.grid-filter.style-3 li a { border: 1px solid transparent; }

.grid-filter.style-3 li.activeFilter a {
	color: #254635 !important;
	border-color: #254635;
	background-color: transparent;
	margin: 0;
}


/* Grid Filter: Style 4
-----------------------------------------------------------------*/

@media (min-width: 768px) {
	.grid-filter.style-4 li:not(:first-child) { margin-left: 30px; }
}

.grid-filter.style-4 li a {
	padding: 13px 5px;
	border-radius: 0;
}

.grid-filter.style-4 li a::after {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.grid-filter.style-4 li.activeFilter a {
	color: #444 !important;
	background-color: transparent;
	margin: 0;
}

.grid-filter.style-4 li.activeFilter a::after {
	width: 100%;
	left: 0%;
	background-color: #254635;
}


/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/

.grid-shuffle {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(0,0,0,0.07);
	font-size: 1rem;
	text-align: center;
	line-height: 40px;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.grid-shuffle:hover {
	background-color: #254635;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Portfolio - Items
-----------------------------------------------------------------*/

.portfolio,
.portfolio-item {
	position: relative;
}

.portfolio-rounded .portfolio-image {
	border-radius: 5px;
	overflow: hidden;
}

body:not(.device-touch) .portfolio {
	-webkit-transition: height .4s linear;
	-o-transition: height .4s linear;
	transition: height .4s linear;
}

.portfolio-reveal .portfolio-item { overflow: hidden; }

.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image > a,
.portfolio-item .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.portfolio-reveal .portfolio-image img,
	.portfolio-reveal .bg-overlay {
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
}


/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
	position: relative;
	z-index: 6;
	padding: 20px 5px;
}

.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
}

.portfolio-desc h3 a {
	color: #222;
}

.portfolio-desc h3 a:hover {
	color: #254635;
}

.portfolio-desc span {
	display: block;
}

.portfolio-desc span,
.portfolio-desc span a {
	color: #888;
}

.portfolio-desc span a:hover {
	color: #000;
}


.desc-lg .portfolio-desc {
	padding: 20px 8px;
}

.desc-lg .portfolio-desc h3 {
	font-size: 1.5rem;
}

.desc-lg .portfolio-desc span {
	font-size: 110%;
}


.desc-sm .portfolio-desc {
	padding: 15px 5px;
}

.desc-sm .portfolio-desc h3 {
	font-size: 1rem;
}

.desc-sm .portfolio-desc span {
	font-size: 90%;
}

.portfolio.g-0 .portfolio-desc {
	padding-left: 15px;
	padding-right: 15px;
}

.portfolio.desc-sm.g-0 .portfolio-desc {
	padding-left: 10px;
	padding-right: 10px;
}

.portfolio-reveal .portfolio-desc {
	background-color: #FFF;
	top: -100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

@media (min-width: 768px) {
	.portfolio-reveal .portfolio-desc {
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
}

.portfolio-reveal .portfolio-item:hover .portfolio-desc {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio-reveal .portfolio-item:hover .portfolio-image img,
.portfolio-reveal .portfolio-item:hover .bg-overlay {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

@media (min-width: 768px) {
	.portfolio-reveal .portfolio-item:hover .portfolio-image img,
	.portfolio-reveal .portfolio-item:hover .bg-overlay {
		-webkit-transform: translateY(-15%);
		transform: translateY(-15%);
	}
}

@media (max-width: 767.98px) {
	.portfolio-reveal .portfolio-desc,
	.portfolio-reveal .portfolio-desc { display: none !important; }
}


.col-md-9 .portfolio-desc h3 {
	font-size: 1.125rem;
}

.col-md-9 .portfolio-desc span {
	font-size: 0.875rem;
}


/* Portfolio - Parallax
-----------------------------------------------------------------*/

.portfolio-parallax .portfolio-image {
	height: 60vh;
	background-attachment: fixed;
}

@media( min-width: 992px ) {
	.portfolio-parallax .portfolio-image {
		height: 500px;
	}
}


/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {}


/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {
	display: block;
	width: 100%;
}

.portfolio-single-image-full {
	position: relative;
	height: 600px;
	overflow: hidden;
	margin: -80px 0 80px !important;
}

.portfolio-single-video { height: auto !important; }


/* Masonry Thumbs
-----------------------------------------------------------------*/

.masonry-thumbs {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -2px;
}

.masonry-thumbs .grid-item {
	display: block;
	position: relative;
	width: 25%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 0;
}

.masonry-gap-0 {
	margin: 0;
}

.masonry-gap-0 .grid-item {
	padding: 0;
}

.masonry-gap-lg {
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: -6px;
}

.masonry-gap-lg .grid-item {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
}

.masonry-gap-xl {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -10px;
}

.masonry-gap-xl .grid-item {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.grid-item > img,
.grid-item .grid-inner > img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

.grid-1 > .grid-item {
	width: 100%;
}

.grid-2 > .grid-item {
	width: 50%;
}

.grid-3 > .grid-item {
	width: 33.333333%;
}

.grid-4 > .grid-item {
	width: 25%;
}

.grid-5 > .grid-item {
	width: 20%;
}

.grid-6 > .grid-item {
	width: 16.666667%;
}

.grid-8 > .grid-item {
	width: 12.50%;
}

.grid-10 > .grid-item {
	width: 10%;
}

.grid-12 > .grid-item {
	width: 8.333333%;
}

@media (min-width: 576px) {
	.grid-sm-1 > .grid-item {
		width: 100%;
	}

	.grid-sm-2 > .grid-item {
		width: 50%;
	}

	.grid-sm-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-sm-4 > .grid-item {
		width: 25%;
	}

	.grid-sm-5 > .grid-item {
		width: 20%;
	}

	.grid-sm-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-sm-8 > .grid-item {
		width: 12.50%;
	}

	.grid-sm-10 > .grid-item {
		width: 10%;
	}

	.grid-sm-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 768px) {
	.grid-md-1 > .grid-item {
		width: 100%;
	}

	.grid-md-2 > .grid-item {
		width: 50%;
	}

	.grid-md-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-md-4 > .grid-item {
		width: 25%;
	}

	.grid-md-5 > .grid-item {
		width: 20%;
	}

	.grid-md-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-md-8 > .grid-item {
		width: 12.50%;
	}

	.grid-md-10 > .grid-item {
		width: 10%;
	}

	.grid-md-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 992px) {
	.grid-lg-1 > .grid-item {
		width: 100%;
	}

	.grid-lg-2 > .grid-item {
		width: 50%;
	}

	.grid-lg-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-lg-4 > .grid-item {
		width: 25%;
	}

	.grid-lg-5 > .grid-item {
		width: 20%;
	}

	.grid-lg-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-lg-8 > .grid-item {
		width: 12.50%;
	}

	.grid-lg-10 > .grid-item {
		width: 10%;
	}

	.grid-lg-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 1200px) {
	.grid-xl-1 > .grid-item {
		width: 100%;
	}

	.grid-xl-2 > .grid-item {
		width: 50%;
	}

	.grid-xl-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-xl-4 > .grid-item {
		width: 25%;
	}

	.grid-xl-5 > .grid-item {
		width: 20%;
	}

	.grid-xl-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-xl-8 > .grid-item {
		width: 12.50%;
	}

	.grid-xl-10 > .grid-item {
		width: 10%;
	}

	.grid-xl-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 1400px) {
	.grid-xxl-1 > .grid-item {
		width: 100%;
	}

	.grid-xxl-2 > .grid-item {
		width: 50%;
	}

	.grid-xxl-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-xxl-4 > .grid-item {
		width: 25%;
	}

	.grid-xxl-5 > .grid-item {
		width: 20%;
	}

	.grid-xxl-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-xxl-8 > .grid-item {
		width: 12.50%;
	}

	.grid-xxl-10 > .grid-item {
		width: 10%;
	}

	.grid-xxl-12 > .grid-item {
		width: 8.333333%;
	}
}


/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.25rem;
	font-weight: 600 !important;
}

.modal-padding { padding: 40px; }

.ajax-modal-title {
	background-color: #F9F9F9;
	border-bottom: 1px solid #EEE;
	padding: 25px 40px;
}

.ajax-modal-title h2 {
	font-size: 1.75rem;
	margin-bottom: 0;
}


#portfolio-ajax-wrap {
	position: relative;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	-o-transition: max-height .4s ease;
	transition: max-height .4s ease;
}

#portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; }

#portfolio-ajax-container {
	display: none;
	padding-bottom: 60px;
}

#portfolio-ajax-title h2 { font-size: 1.75rem; }


/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta,
.portfolio-share {
	list-style: none;
	font-size: 0.875rem;
}

.portfolio-meta li {
	margin: 10px 0;
	color: #666;
}

.portfolio-meta li:first-child { margin-top: 0; }

.portfolio-meta li span {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	color: #333;
}

.portfolio-meta li span i {
	position: relative;
	top: 1px;
	width: 14px;
	text-align: center;
	margin-right: 7px;
}


/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	max-width: 96px;
	height: 24px;
	margin-top: -12px;
}

.page-title-right #portfolio-navigation {
	left: 10px;
	right: auto;
}

.page-title-center #portfolio-navigation {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px auto 0;
}

#portfolio-navigation a {
	display: block;
	float: left;
	margin-left: 12px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #444;
	transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
}

.page-title-dark #portfolio-navigation a { color: #EEE; }

.page-title-parallax #portfolio-navigation a { color: #FFF; }

#portfolio-navigation a i {
	position: relative;
	top: -1px;
	font-size: 1.5rem;
	line-height: 1;
}

#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {
	font-size: 32px;
	top: -6px;
}

#portfolio-navigation a i.icon-angle-right { left: -1px; }

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation a:hover { color: #254635; }

#portfolio-ajax-show #portfolio-navigation {
	top: 0;
	margin-top: 0;
}



.white {background: #fff !important; padding-bottom: 20px}



.product-desc h2, .portfolio-desc-projects h2, .portfolio-desc-projects h2 a {font-family: "Ringside Compressed A", "Ringside Compressed B" !important;font-style: normal;font-weight: 700; font-size: 32px;  color: #254635; margin-bottom: 0px; text-transform: uppercase !important; padding-top: 0px; line-height: 26px !important; padding-top: 1px !important}
.portfolio-desc-projects h2 a:hover { color: #254635; opacity: 0.6 }



.product-desc h3, .portfolio-desc-projects h3, .portfolio-desc-projects h3 a {font-family: "Ringside Compressed A", "Ringside Compressed B" !important;font-style: normal;font-weight: 700; font-size: 22px;  color: #254635; margin-bottom: 0px; text-transform: uppercase !important; padding-top: 0px; line-height: 28px !important; padding-top: 10px !important}
.portfolio-desc-projects h3 a:hover { color: #254635; opacity: 0.6 }

.product-desc h4, .portfolio-desc-projects h4, .portfolio-desc-projects h4 a {font-family: "Ringside Regular A", "Ringside Regular B" !important; font-style: normal;font-weight: 400; font-size: 18px;  color: #254635; margin-bottom: 0px; text-transform: none !important; padding-top: 0px; line-height: 24px !important; padding-top: 10px !important}
.portfolio-desc-projects h4 a:hover { color: #254635; opacity: 0.6 }




/*
.product-desc h2, .portfolio-desc-projects h2, .portfolio-desc-projects h2 a {font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";font-style: normal;font-weight: 700; font-size: 24px; text-transform: none !important; color: #254635; margin-bottom: 0px;}*/

.product-desc a, .portfolio-desc-projects a, .portfolio-desc-projects span a, .portfolio-desc-projects span {color: #254635; font-size: 12px ; text-transform: uppercase; font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; line-height: 13px}
.product-title { margin-bottom: 7px; }

.product-title h3 {
	margin: 0;
	font-size: 1.25rem;
}

.product-title h3 a,
.single-product .product-title h2 a { color: #333; }

.product-title h3 a:hover,
.single-product .product-title h2 a:hover { color: #254635; }

.followus h2 { font-size:32px;
 font-family:"Ringside Regular A","Ringside Regular B" !important;
 font-style:normal;
 font-weight:400;
 text-transform:none!important; color: #254635 !important}





/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut  {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.owl-height {
	-webkit-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out
}

.owl-carousel {
	display:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
	width: 100%;
	touch-action: manipulation;
}

.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage::after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}

.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
}

.owl-carousel.owl-loaded { display:block }

.owl-carousel.owl-loading {
	display:block;
	min-height: 100px;
	background: no-repeat center center;
}

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display:block;
	-webkit-transform-style:preserve-3d;
}

.slider-element .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }

.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {
	cursor: pointer;
	cursor: hand;
	padding: 0;
	border: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden { opacity: 0; }

.mega-menu-content .owl-carousel.owl-hidden { opacity: 1; }

.owl-carousel.owl-refresh .owl-item { display: none; }

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.owl-carousel .owl-item .owl-lazy {
	opacity:0;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper {
	position:relative;
	height:100%;
	background:#111
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 64px;
	width: 64px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	background: url("images/icons/play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition:scale(1.3,1.3);
	-o-transition:scale(1.3,1.3);
	transition:scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display:none }

.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
	height: 100%;
	width: 100%;
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: -36px;
	zoom: 1;
	width: 36px;
	height: 36px;
	line-height: 32px;
	border: 1px solid rgba(0,0,0,0.2);
	color: #666;
	background-color: #FFF;
	font-size: 18px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; }

.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
	margin-top: -30px;
	left: 0 !important;
	height: 60px;
	line-height: 60px;
	border: none;
	color: #EEE;
	background-color: rgba(0,0,0,0.4);
	font-size: 28px;
	border-radius: 0 3px 3px 0;
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; }

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -36px;
}

.slider-element .owl-nav .owl-next,
.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 0 !important;
	border-radius: 3px 0 0 3px;
}

.owl-carousel:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: -18px;
}

.owl-carousel:hover .owl-nav .owl-next {
	left: auto;
	right: -18px;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: #254635 !important;
	color: #FFF !important;
	text-decoration: none;
}

.owl-carousel .owl-nav .disabled { display: none !important; }


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 30px 4px 0 4px;
	opacity: 0.5;
	border-radius: 50%;
	background-color: #254635;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover { opacity: 1; }


/* Owl Carousel - Controls - Dots - Positions
-----------------------------------------------------------------*/
.owl-carousel[class*=owl-nav-pos-],
.owl-carousel[class*=owl-dots-pos-]
.owl-carousel[class*=owl-img-pos-] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.owl-carousel.owl-nav-pos-1 .owl-nav,
.owl-carousel.owl-dots-pos-1 .owl-dots,
.owl-carousel.owl-content-pos-1 .owl-stage-outer {
	order: 1;
}

.owl-carousel.owl-nav-pos-2 .owl-nav,
.owl-carousel.owl-dots-pos-2 .owl-dots,
.owl-carousel.owl-content-pos-2 .owl-stage-outer {
	order: 2;
	margin: 20px 0;
}

.owl-carousel.owl-nav-pos-3 .owl-nav,
.owl-carousel.owl-dots-pos-3 .owl-dots,
.owl-carousel.owl-content-pos-3 .owl-stage-outer {
	order: 3;
}

.owl-carousel.owl-dots-pos-2 .owl-dots .owl-dot,
.owl-carousel.owl-dots-pos-3 .owl-dots .owl-dot {
	margin-top: 0;
}

.owl-carousel.owl-nav-pos-left .owl-nav,
.owl-carousel.owl-nav-pos-right .owl-nav,
.owl-carousel.owl-dots-pos-left .owl-dots,
.owl-carousel.owl-dots-pos-right .owl-dots {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
}

.owl-carousel.owl-dots-pos-left .owl-dots,
.owl-carousel.owl-nav-pos-left .owl-nav {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.owl-carousel.owl-dots-pos-right .owl-dots,
.owl-carousel.owl-nav-pos-right .owl-nav {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.owl-carousel.with-carousel-dots.owl-dots-pos-top .owl-nav [class*=owl-] { margin-top: 0; }

/* Owl Carousel - Controls - Dots - Sizes
-----------------------------------------------------------------*/
.owl-carousel {
	--owl-nav-sizes: 36px;
	--owl-dots-gutters: 4px;
	--owl-dots-sizes: 8px;
	--owl-nav-bg: var(--themecolor, #254635);
	--owl-nav-margin: calc(var(--owl-nav-sizes) / -2);
	--owl-nav-with-dots: calc( var(--owl-nav-margin) - calc( calc( 30px + var(--owl-dots-sizes) ) / 2 ) );
}

.owl-carousel.owl-dots-size-sm {
	--owl-dots-sizes: 4px;
	--owl-dots-gutters: 2px;
}

.owl-carousel.owl-dots-size-lg {
	--owl-dots-sizes: 12px;
	--owl-dots-gutters: 5px;
}

.owl-carousel.owl-dots-size-xl {
	--owl-dots-sizes: 16px;
	--owl-dots-gutters: 6px;
}

.owl-carousel .owl-dots .owl-dot {
	width: var(--owl-dots-sizes);
	height: var(--owl-dots-sizes);
	background-color: var(--owl-nav-bg);
	margin-left: var(--owl-dots-gutters);
	margin-right: var(--owl-dots-gutters);
	transition: all .3s;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .disabled {
	display: inline-block !important;
	pointer-events: none;
	opacity: .4 !important;
}

/* Owl Carousel - Controls - Dots - Border
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-border .owl-dots .owl-dot:not(.active) {
	opacity: 1;
	background-color: transparent;
	border: 1px solid var(--owl-nav-bg);
}

.owl-carousel.owl-dots-border .owl-dots .owl-dot.active {
	border-color: transparent;
}

/* Owl Carousel - Controls - Dots - square
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-square .owl-dots .owl-dot {
	border-radius: 0;
	--owl-dots-sizes: 10px;
}

/* Owl Carousel - Controls - Dots - square
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-rounded .owl-dots .owl-dot {
	--owl-dots-sizes: 10px;
	border-radius: 2px;
}

/* Owl Carousel - Controls - Dots - Dashed
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-dashed .owl-dots .owl-dot {
	--owl-dots-sizes: 16px;
	opacity: .4;
	height: 4px;
	border-radius: 4px;
}

.owl-carousel.owl-dots-dashed .owl-dots .owl-dot.active {
	--owl-dots-sizes: 32px;
	opacity: 1;
}

/* Owl Carousel - Controls - Dots - Numbers
-----------------------------------------------------------------*/
.owl-carousel.owl-dots-number .owl-dots {
	--owl-dots-sizes: 28px;
	counter-reset: dots;
	--owl-nav-bg: #FFF;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot {
	position: relative;
	width: auto;
	opacity: .3;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot.active {
	opacity: 1;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot:before {
	display: inline-block;
	counter-increment: dots;
	content: counter(dots, decimal-leading-zero);
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot span {
	position: relative;
	display: inline-block;
	width: 0px;
	height: 2px;
	background-color: #666;
	top: -5px;
	margin-left: 5px;
	transition: width .4s ease-in-out;
}

.owl-carousel.owl-dots-number .owl-dots .owl-dot.active span {
	 width: 30px;
}

/* Owl Carousel - Controls - Arrows - Sizes
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	left: calc(-1 * var(--owl-nav-sizes));
	width: var(--owl-nav-sizes);
	height: var(--owl-nav-sizes);
	line-height: calc(calc(-1 * var(--owl-nav-sizes)) - 4px);
	font-size: calc(var(--owl-nav-sizes) / 2);
	margin-top: var(--owl-nav-margin);
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
	margin-top: var(--owl-nav-with-dots);
}

.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: calc(-1 * var(--owl-nav-sizes));
}

.slider-element .owl-nav .owl-next,
.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 0 !important;
}

.owl-carousel.owl-nav-hover-fixed .owl-nav [class*=owl-],
.owl-carousel:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}

.owl-carousel.owl-nav-hover-fixed .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-next {
	left: auto;
	right: calc(calc(-1 * var(--owl-nav-sizes)) / 2);
}
.owl-carousel .owl-nav [class*=owl-] {
	background-color:#254635 !important;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color:#254635 !important;
}

.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
	margin-top: -90px !important;
	height: calc(var(--owl-nav-sizes) * 1.6666666667);
	line-height: calc(var(--owl-nav-sizes) * 1.6666666667);
	font-size: calc(calc(var(--owl-nav-sizes) * 1.6666666667) / 2);
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {
	margin-top: calc( calc(calc(var(--owl-nav-sizes) * 1.6666666667) / -2)) - calc( calc( 30px + var(--owl-dots-sizes) ) / 2 );
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav [class*=owl-] {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .owl-prev {
	margin-right: 5px;
}

.owl-carousel.owl-nav-hover-fixed[class*=owl-nav-pos-] .owl-nav .owl-next {
	margin-left: 5px;
}

.owl-carousel.owl-nav-text .owl-nav [class*=owl-] {
	width: auto;
	height: auto;
	line-height: 1.5;
	font-size: 0.925rem;
	border-radius: 0px;
	padding: 4px 8px;
}

.owl-carousel.owl-nav-text .owl-nav [class*=owl-] i {
	position: relative;
	top: 1px;
}




/* ----------------------------------------------------------------
	Stretched Layout
----------------------------------------------------------------- */


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}




/* ----------------------------------------------------------------
	other styles
-----------------------------------------------------------------*/
.padding-top-sm {padding-top:15px;}

.toppadding-exsm {padding-top: 15px}
.toppadding-sml {padding-top: 25px}
.toppadding-sm {padding-top: 1px}
.toppadding {padding-top: 50px}
.toppadding-md {padding-top: 75px !important}
.toppadding-lg {padding-top: 102px}
.toppadding-exlg {padding-top: 150px}

.bottompadding-exlg {padding-bottom: 150px}
.bottompadding-lg {padding-bottom: 102px}
.bottompadding {padding-bottom: 50px}
.bottompadding-sm {padding-bottom:25px}

.bottommargin-sm {margin-bottom: 40px;}

.leftpadding-exlg {padding-left: 180px !important;}
.rightpadding-exlg {padding-right: 180px !important;}


.leftpadding-lg {padding-left: 150px !important;}
.rightpadding-lg {padding-right: 150px !important;}

.leftpadding {padding-left: 100px !important}
.rightpadding {padding-right: 100px !important;}

.leftpadding-sm {padding-left: 50px !important}
.rightpadding-sm {padding-right: 50px !important;}

.margintop {margin-top: 20px !important}

.bottommargin {margin-bottom:55px !important;}


.menu-link {
	display: block;
	padding: 14px 5px;
	color: #fff;
	font-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;
font-weight: 700; font-size: 38px; text-transform: uppercase; text-align: center; line-height: 48px; 
}

.menu-link-inline {text-align: center !important; padding: 33px 0 60px 0}
.menu-link-inline a {
	display: inline;
	line-height: 22px;
	padding: 14px 35px !important;
	color: #fff !important;
	font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";
font-style: normal;
font-weight: 700;font-size: 16px;  text-align: center !important; margin: 0 auto !important; text-transform: uppercase !important}
}


.menu-link a {color: #fff !important;}

.uppercase {
  text-transform: uppercase !important; }

.lowercase {
  text-transform: lowercase !important; }

.capitalize {
  text-transform: capitalize !important; }

.nott {
  text-transform: none !important; }

.tright {
  text-align: right !important; }

.tleft {
  text-align: left !important; }

.fright {
  float: right !important; }

.fleft {
  float: left !important; }

.nopadding {padding: 0px !important}





/* ----------------------------------------------------------------
	OTHER STYLES
-----------------------------------------------------------------*/

.AlignBottom {
 position: absolute;
	z-index: 3;
	bottom: 0px;
	width: 100%;
	height: 90px;
	text-align: center;  
    color: #fff; font-size:28px;  margin: 0 auto !important; text-transform: uppercase; 
	/*
	font-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;
font-weight: 700;*/
    font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";
font-style: normal;
font-weight: 700;
    
}



.bgBottom {background:#254635 !important; width: 650px; position: relative; margin: 0 auto !important;height:90px;text-align: center; color: #fff; font-size:28px; line-height:40px;  padding: 25px 0 0 0 !important   }

.bgTop {position: relative; margin: 0 auto !important; width: 700px; padding:0px; text-align: center; color: #254635; clear: both !important; text-transform: uppercase !important; font-weight: 700; font-family: "Ringside Compressed A", "Ringside Compressed B"; font-size:54px; }

.logowrapper {background:#254635 !important; margin: 0 auto !important; position: relative !important; text-align: center !important; width: 700px; padding-bottom: 45px}

.bglogo { text-align: center !important; position: relative !important; margin-left: auto !important; margin-right: auto !important}

.logopadding {position: relative; top:-14.2px !important; left: 6px}
.logo-padding {padding: 75px 0 75px 232px}

.logopos {z-index: 2; position: relative;}

.bglogo h1 {font-family: "Ringside Compressed A", "Ringside Compressed B";font-style: normal;font-weight: 700; text-align: center; color: #fff; font-size:54px;clear: both !important; }
.panelfooter {position:absolute; bottom:0; left:0;padding: 85px 150px ; width: 100%; background: #254635;  font-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;font-weight: 400; text-transform: uppercase; font-size: 16px; line-height: 24px; padding: 0; color: #fff;}





.previousnext {background: #fff !important; color:#254635;font-family:"Ringside Extra Wide A","Ringside Extra Wide B";font-style:normal;font-weight:700;font-size:24px;text-transform:uppercase; margin-bottom: 60px;}

.previousnext a {color:#254635;font-family:"Ringside Extra Wide A","Ringside Extra Wide B";font-style:normal;font-weight:700;font-size:24px;text-transform:uppercase}

.previousnext a:hover {opacity: 0.6}

 .arrow {position: relative; top:2px}

.btn-success-green { border:none !important; color: #254635; border-radius: 0; text-transform: uppercase; ont-family: "Ringside Compressed A", "Ringside Compressed B";font-style: normal;font-weight: 700; }

.bgAbout1 {background: url("images/bgAbout1.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height: 560px;}

.bgAbout2 {background: url("images/Group-Mezze.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height: 560px;}

.bgPattern {background: url("images/bg-products.png") no-repeat  bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height: 400px;}

.bgHome {background: url("/Themes/Element/Content/img/bgCypressaRange.png") no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height: 700px;  }




.bgOlive {background: url("/Themes/Element/Content/img/olives-2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height: 800px;  }

.bgOliveOils {background: url("/Themes/Element/Content/img/olive_oil-1.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }


.bgAntipasti {background: url("/Themes/Element/Content/img/antipasti_2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }

.bgCheese {background: url("/Themes/Element/Content/img/cheese_2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }

.bgCategoryMain {background: url("/Themes/Element/Content/img/main_2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }

.bgSnacks {background: url("/Themes/Element/Content/img/sesame_2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }

.bgWraps {background: url("/Themes/Element/Content/img/main_2.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:800px; }


.brands img { width: 133px; height: 100px; }

.mobTopBottom {padding: 20px 0}

/*Preloader*/
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:#254635;
z-index: 999999;
}

.spinner {
  width: 40px;
  height: 40px;


position: absolute;
top: 48%;
left: 48%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* end pre loader */





.bluetxt {color: #0e2340 !important}
.whitetxt {color: #fffefb !important}
.greentxt {color: #254635 !important}

.bgGreen {background: #254635 !important; color: #fffefb !important}
.bgGreen a {color: #fffefb !important}
.bgGreen a:hover {opacity: 0.6}
.bgGreen p {color: #fffefb !important}

.bgCream {background:#f8f4e0}
.bgCream h2 { font-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:700;
 text-align:center; color: #254635 !important; margin-bottom: 70px; text-align: center}

.bgCream .col-md-4 {padding: 0px 15px 30px !important}

.bgDarkCream {background:#f2eac5}

.bgBrightGreen {background:#abb44b}
.bgBrightGreen h5, .bgBrightGreen p {color: #fff !important}

.bgLightGreen {background:#f6f6e7}
/*.bgLightGreen h2 { font-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:700;
 text-align:center; color: #254635 !important; margin-bottom: 70px; text-align: center}
.bgLightGreen .col-md-4 {padding: 0px 0 55px 40px !important}*/

.lp-products {padding-left: 124px !important}
.rp-products {padding-right: 162px !important;}

.background {background:#f8f8f8 !important}

.bgBotttomTestimonials {background-image: url("/Themes/Element/Content/img/bg-testimonials.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; height: 400px; }

.bgLandscape {background-image: url("/Themes/Element/Content/img/Footer-Wide-green-on-White.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
 height: 500px; }


/* bootstrap */


.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	width: 100%;
	padding-right: var(--bs-gutter-x, 0.75rem);
	padding-left: var(--bs-gutter-x, 0.75rem);
	margin-right: auto;
	margin-left: auto;
}

.container-full {
	width: 100%;
	padding-right: var(--bs-gutter-x, 0rem);
	padding-left: var(--bs-gutter-x, 0rem);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		/*max-width: 720px;*/
			max-width: 991px;
	padding-right: var(--bs-gutter-x, 0rem);
	padding-left: var(--bs-gutter-x, 0rem);
	margin-right: auto;
	margin-left: auto;

	}
}
@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 960px; /*max-width: 960px; */
	}
}
@media (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1320px;
	}
    
    


}
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) / -2);
	margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) / 2);
	padding-left: calc(var(--bs-gutter-x) / 2);
	margin-top: var(--bs-gutter-y);
}

.col {
	flex: 1 0 0%;
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}


@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}

	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.3333333333%;
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.6666666667%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.3333333333%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.6666666667%;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.3333333333%;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.6666666667%;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.3333333333%;
	}

	.offset-md-2 {
		margin-left: 16.6666666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.3333333333%;
	}

	.offset-md-5 {
		margin-left: 41.6666666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.3333333333%;
	}

	.offset-md-8 {
		margin-left: 66.6666666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.3333333333%;
	}

	.offset-md-11 {
		margin-left: 91.6666666667%;
	}
}


/* Products Bg */
.panelHomeMain {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelHomeMain:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/home-group-mezze.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}



.panelBanners {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelBanners:nth-child(1) {
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.panelBanners {
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	background: no-repeat top center cover;
}



.panelBannersCenter {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelBannersCenter:nth-child(1) {
  background-position: center center !important;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.panelBannersCenter {
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	background: no-repeat top center cover;
}




.panelHome:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/Home-banner_2500x1150px.png");
  background-position: center center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}


.panelTapenades {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelTapenades:nth-child(1) {
background:#f8f4e0 url("https://www.cypressa.co.uk/images/uploaded/top-banner-paste-tapenade-final.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}


.panelNewPackaging {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelNewPackaging:nth-child(1) {
background:#f8f4e0 url("https://www.cypressa.co.uk/images/uploaded/top-banner-new-packaging-3.jpg");
  background-position: center center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.panelNP {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelNP:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/banner-new-packaging.jpg");
  background-position: center center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}


.panelAbout {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
	
}

.panelAbout:nth-child(1) {
background:url("/Themes/Element/Content/img/bg-2.jpg");
  background-position: top center;
  background-repeat: no-repeat;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}


.panelContact {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
	
}

.panelContact:nth-child(1) {
background:url("/Themes/Element/Content/img/Cypressa_contact.png");
  background-position: top center;
  background-repeat: no-repeat;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.panelOlives {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
	
}

.panelOlives:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Olives.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}


.panelAntipasti {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelAntipasti:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Antipasti.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}

.panelOilveOils {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelOilveOils:nth-child(1) {
background:#2d4536 url("/Themes/Element/Content/img/bg-Top-Olives.png");
   background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.panelCheeses {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelCheeses:nth-child(1) {
	/*background:#f8f4e0;*/
    background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Cheese.png");
   background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}

.panelTahini {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelTahini:nth-child(1) {
        background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Tahini.png");
   background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.panelNuts {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelNuts:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Main.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
	
}

.panelCereals {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelCereals:nth-child(1) {
        background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Main.png");
   background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.panelSnacks {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelSnacks:nth-child(1) {
        background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Snacks.png");
   background-position: top center;
  background-repeat: no-repeat;
    	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}

.panelWrapkits {
	position: relative;
	height: 65vh;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 75px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelWrapkits:nth-child(1) {
background:#f8f4e0 url("/Themes/Element/Content/img/bg-Top-Main.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

/*
.panelBox {
background-color: #fefdf9; text-align: right !important; width: 661px; margin: 250px 100px 0 !important; position: relative; float: right !important} */

.panelBox2 {
background-color: #fefdf9; width: 661px; margin: 350px 100px 0 !important; position: relative; float: right !important}

.panelBox3 { background-color: #fefdf9; width: 661px; padding: 50px 0;  margin: 280px 145px 0 !important; position: relative; float: right !important}


.panelBoxSnacks, .panelBoxCereals, .panelBoxNuts, .panelBoxOliveOils {margin: 0 auto !important; position:relative; text-align:center !important; width: 781px; padding-top: 6% !important }
.panelBoxSnacks img, .panelBoxCereals img, .panelBoxNuts img, .panelBoxOliveOils img  {width: 781px; height: 396px;}

.panelBoxCheeses {margin: 0 auto !important; position:relative; text-align:center !important; width: 781px; padding-top: 6% !important}
.panelBoxCheeses img {width: 781px; height: 396px;}

/*
.panelBoxOlives {margin: 0 auto !important; position:relative; text-align:center !important; width: 781px; padding-top: 6% !important }
.panelBoxOlives img  {width: 781px; height: 396px;}
*/
.panelBoxAntipasti {margin: 0 auto !important; position:relative; text-align:center !important; width: 781px; padding-top: 6% !important }
.panelBoxAntipasti img  {width: 781px; height: 396px;}


.panelBoxTahini {margin: 0 auto !important; position:relative; text-align:center !important; width: 781px; padding-top: 6% !important }
.panelBoxTahini img  {width: 781px; height: 396px;}


.panelBoxMiddle {
 position: absolute;
	z-index: 3;
	width: 100%;
	text-align: center;  
    color: #fff; margin:0;  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    
}

.panelBoxOlives {margin: 0px auto 0 !important; position:relative; text-align:center !important;  padding: 75px 0px 40px; max-width: 1320px;  background: #faf7e8;}
/*.panelBoxOlives img  {width: 781px; height: 396px;}*/


.panelBox {margin: 100px auto 0 !important; position:relative; text-align:center !important; background: #faf7e8; padding: 50px 0px 50px 60px; width: 900px;}
.panelBox img  {width: 781px; height: 396px; text-align:center !important;}


.panelBox-2 {margin: 100px auto 0 !important; position:relative; text-align:center !important; background: transparent; padding: 50px 0px 50px 60px; width: 900px;}
.panelBox-2 img  {width: 781px; height: 396px; text-align:center !important; }



.panelBox-green {margin: 0px auto 0 !important; position:relative; text-align:center !important; background: #254635; padding:53px 0px; width: 750px; color: #fff}
.panelBox-green h1 {color: #fff !important; width: 750px; position: relative; margin: 0 auto !important;text-align: center; font-family:"Ringside Compressed A","Ringside Compressed B";font-style:normal;font-weight:700;font-size:60px;clear:both!important; line-height: 66px}


.panelBox-cream {margin: 0px auto 0 !important; position:relative; text-align:center !important; background: #f8f4e0; padding: 75px 0px 50px 0px; width: 750px;}

.panelBox-greenBottom {
 position: absolute;
	z-index: 3;
	bottom: 0px;
	width: 100%;
	height: 120px;
	text-align: center;  
   margin: 0 auto !important; text-transform: uppercase; 
    font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";
font-style: normal;
font-weight: 700; color: #fefdf9 !important
}

.panelBox-greenbg {background:#254635 !important; width: 750px; position: relative; margin: 0 auto !important;height:120px;text-align: center; color: #fefdf9 !important;  padding: 45px 0 !important   }

.panelBox-greenbg h1  {color: #fefdf9 !important; font-size: 70px }

.panelBox-option1 {margin: 0 auto !important; position:relative; text-align:center; background: #254635; width: 750px; color: #fefdf9; height: 55vh;}
.panelBox-option1 h1 {color: #fefdf9 !important;  text-align:center;  width: 750px;}

.panelBox-option2 {margin: 0px auto 0 !important; position:relative; text-align:center !important; background: #faf7e8; padding: 100px 0px 50px 0px; width: 750px; color: #fefdf9}
.panelBox-option2 h1 {color: #254635 !important; }
.panelBox-option2 img  { text-align:center !important;}
.panelBox-option2-padding {padding-left:64px}


.panelBox-option3 {margin: 0 auto !important; position:relative; text-align:center; background: #254635; width: 750px; color: #fefdf9; height: 45vh;  }
.panelBox-option3 h1 {color: #fefdf9 !important; text-align:center;  width: 750px;}

.panelBox-option4 {position:relative; text-align:center; background: #faf7e8; width: 1320px;  color: #fefdf9; height: 50vh; padding: 80px; margin-left: auto !important; margin-right: auto !important}
.panelBox-option4 h1 {color: #254635 !important; text-align:center;  width:100% !important;}

.panelBox-option4 img {height:100% !important; width:100% !important}
.panelBox-LR {margin: 0px 25%; text-align: center !important; width: 580px}


.vertical-center-products {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}




.bgOlives {
	background-image: url("/Themes/Element/Content/img/Olives-illustration-plate.png");
  background-position: bottom center;
  background-repeat: no-repeat;
	background-size:contain; height: 575px;
	
}

.bgSunDried {
	background-image: url("/Themes/Element/Content/img/bg-sundried.png");
  background-position: bottom center;
  background-repeat: no-repeat;
	background-size:contain; height:1060px;
	
}

.bgSunDried h3 { text-transform: uppercase !important; font-weight: 700; font-family: "Ringside Compressed A", "Ringside Compressed B"; font-size:54px; line-height: 64px; margin-bottom: 70px; text-align: center; color: #fff !important; padding-top: 250px !important}

.bgmain {
	background-image: url("/Themes/Element/Content/img/bghomemain.png");
  background-position: bottom 
      center;
  background-repeat: no-repeat;
	background-size:contain; height:1060px;
	
}

.bgSun {
background: url("/Themes/Element/Content/img/homepage-main.png") no-repeat  top left;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  /* background-position: top center;
  background-repeat: no-repeat;
	background-size: 100% 100%;*/ height: 100%
}




.vertical-sun {
  margin: 0 auto !important; position: relative; /*padding: 15% 0 !important */
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
}

/* form Newsletter */
.form-control input {
	display: block;
	/*width: 100%;*/
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #254635;
	background-color: #fff !important;
	background-clip: padding-box;
	border: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 36px; border: none !important; 
}

.btn-success-green {
 background:#254635;
 border:#fff solid 1px;
 color:#fff;
 border-radius:0;
 text-transform:uppercase;
 ont-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:700; 
     height: 36px;	padding: 0.5625rem 0.75rem; font-size: 16px 
}



 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  height: 100vh;
     background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    object-fit: cover;
  width: 100vw;
}

.cypressavideo {
	position: relative;
	height: 100vh;
	font-size: 10vmin;
	padding: 0;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
    
    
    object-fit: cover;
  width: 100vw;
	
}

.cypressavideo:nth-child(1) {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    object-fit: cover;
  width: 100vw;
}


.homecontent {
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
    position: absolute;
z-index: 3;
}


.AlignMiddle {
 position: absolute;
	z-index: 3;
	width: 100%;
	text-align: center;  
    color: #fff; margin:0;  top: 45%;
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
    
}

.bgMiddle { width: 800px; position: relative; margin: 0 auto !important;text-align: center; color: #fff;   }

.bgMiddle h1  {color:#fff;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B" !important;
 font-size:70px; line-height: 66px; margin-bottom:20px }
.AlignMiddle h2  {color:#fff;
 font-size:56px; line-height: 66px;
 font-family:"Ringside Regular A","Ringside Regular B" !important;
 font-style:normal;
 font-weight:400 !important;
 text-transform:none!important;
 line-height:1;
 margin-bottom:0;
    padding-top:0px

}

.bgMiddle h1 a, .bgMiddle h1 a:hover {color:#fff;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B" !important;
 font-size:70px; line-height: 66px; margin-bottom:20px }
.AlignMiddle h2 a, .AlignMiddle h2 a:hover  {color:#fff;
 font-size:56px; line-height: 66px;
 font-family:"Ringside Regular A","Ringside Regular B" !important;
 font-style:normal;
 font-weight:400 !important;
 text-transform:none!important;
 line-height:1;
 margin-bottom:0;
    padding-top:0px

}

.AlignMiddle a { color:#fff;
 font-family:"Ringside Extra Wide A","Ringside Extra Wide B";
 font-style:normal;
 font-weight:700;
 font-size:24px;
 text-transform:uppercase}

.txtLead {font-size: 28px; line-height: 38px}





.topic-page h3 {
 color:#254635;
 clear:both!important;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B";
 font-size:54px;
 margin-bottom:50px
}

.topic-page h2 {
	color: #254635;
    font-family:"Ringside Compressed A","Ringside Compressed B";
  font-style:normal;
  font-weight:700;
  font-size:28px;
  text-transform:uppercase; margin-bottom: 0px !important
}

.topic-page .bgGreen h2 {
 font-size:28px !important;
 font-family:"Ringside Compressed A","Ringside Compressed B";
  font-style:normal;
  font-weight:700;
 text-transform:uppercase; margin-bottom: 0px !important; color: #fff !important
}

.bgAbout1 {background: url("/Themes/Minimal/Content/img/bgAbout1.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height: 560px;}

.bgAbout2 {background: url("/Themes/Minimal/Content/img/Group-Mezze.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height: 560px;}

.bgOlives1 {background: url("/Themes/Minimal/Content/img/Olive-Man-x2.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height: 600px}

.bgOlives2 {background: url("/Themes/Minimal/Content/img/Olive-Plates-x2.jpg") no-repeat  center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bgOurRange { width: 100%; min-height: 400px; background-image: url("/Themes/Element/Content/img/bgOurRange.png") }

.bgtesti { width: 100%; min-height: 600px; background-image: url("/Themes/Element/Content/img/bgOurRange.png"); padding: 10% 0; }
.bgtesti p {
 font-family:"Ringside Regular A","Ringside Regular B" !important;
 font-style:normal;
 font-weight:400;
 text-transform:none!important; margin-bottom: 0px !important; line-height: 40px; font-size:30px !important; }
.bgtestispan {font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; font-size: 18px; text-transform: uppercase; padding-top: 15px}

.bgTimeline {width: 100%; background-image: url("/Themes/Element/Content/img/Cypressa-category-main.png"); padding: 10% 0 !important;  background-position: center center;
  background-repeat: no-repeat;
	 }


.bgWhite {background: #fff; padding: 80px !important}
.FindUs {background: #fff; padding: 80px  !important}

.bgoffWhite {background: #faf7e8; padding: 80px !important}

.bgFindUs { width: 100%; min-height: 400px; background:#254635/*url("/Themes/Element/Content/img/bgFindUs.png") */}
.bgFindUs img { width: 10% !important; padding: 0 10px !important }


.bgProductRange {background:#fff url("/Themes/Element/Content/img/bgCypressaRange.png");
  background-position: top center;
  background-repeat: no-repeat;
 height: 930px; }

.bg-Our-Range { background: #fff; padding: 60px 0px 40px !important; width: 100%; margin: 0 auto !important; position:relative; text-align:center !important;}
.ourrange a img { text-align: center !important }

.ProductRange {background: #fff; }

.bgKits {background: #fff; padding: 80px !important; width: 100%; margin: auto !important; position:relative; text-align: left !important}

.ourrange h2, .ourrange h2 a {
     color:#254635;
 text-transform:uppercase!important;
 font-weight:700;
 font-family:"Ringside Compressed A","Ringside Compressed B" !important;
 font-size:60px; line-height: 70px;margin-bottom:30px
}
.ourrange h2 a:hover { color: #254635; opacity: 1 }



.ourrange span a, .ourrange span {color: #254635; font-size: 16px ; text-transform: uppercase; font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; line-height: 5px}

.olivesourrange {margin: 0 auto !important; position:relative; text-align:center !important; width: 629px;  }
.olivesourrange img {width:629px !important; height:408px !important; }

.antipastiourrange a img {width:698px; height:412px; }
.oliveoilsourrange a img {width:416px; height:412px; }
.cheesesourrange a img {width:745px; height:412px; }
.tahiniourrange a img {width:600px; height:412px; }
.nutsourrange a img {width:600px; height:412px; }
.cerealsourrange a img {width:600px; height:412px; }
.snacksourrange a img {width:466px; height:412px; }

 .inputform {	
	padding: 0.375rem 0.75rem !important;
	line-height: 1.5;
	color: #fff !important;
	background-color: #254635 !important;
	background-clip: padding-box;
	border: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 36px; border: none !important; right:0 !important; width:100%;

font-family: "Ringside Regular A", "Ringside Regular B";
font-style: normal;
font-weight: 400; font-size: 16px !important; text-transform: none !important
}


.buttonLink {/*height: 95px; padding:20px 60px ; background: #254635;font-size: 18px;*/ color: #254635; text-transform: uppercase; font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; font-size: 20px }

.buttonLink a {font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; color: #254635; font-size: 20px; text-transform: uppercase; }

.buttonLink a:hover {opacity: 0.6 !important }


.buttonLinkWhite {color: #fff; text-transform: uppercase; font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; font-size: 20px }

.buttonLinkWhite a {font-family: "Ringside Extra Wide A", "Ringside Extra Wide B" !important;font-style: normal;font-weight: 700; color: #fff; font-size: 20px; text-transform: uppercase; }

.buttonLinkWhite a:hover {opacity: 0.6 !important }

.bulletlist ul { }
.bulletlist ul li {padding-bottom: 8px; list-style:none;
    list-style-position: inside;
    padding: 10px 0 10px 20px;
    text-indent: -1em; }

.bulletlist ul li:before {content: '-'; margin-right:10px;  position: relative;  }

.bulletlist ol {margin-left: 30px; }

.bulletlist ol li { padding: 10px 0 10px 10px;} 


    .slider {
        width: 100%;
        margin: 0px auto ;
    }

    .slick-slide {
      margin: 0px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }


.align-items-stretch {
	align-items: stretch !important;
}

.col-padding { padding: 0 8rem 0 4rem; top: 45%;
  -ms-transform: translateY(-45%);
  transform: translateY(-45%); text-align: center}


.titlecentre {/*background: #254635 !important;  width: 650px; padding: 75px 0px;*/ margin: 0 auto; position: relative; 
 font-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:700;
 text-align:center;
 color:#254635 !important;
 clear:both!important;
 line-height:48px; text-transform: uppercase; font-size:44px; margin-bottom: 70px; 
}

.bottomcentre {background: #254635 !important;  width: 650px; padding: 35px 0px; margin: 0 auto; position: relative; min-height:100px;
font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";font-style: normal;font-weight: 700; font-size: 20px; text-transform: uppercase; color: #fff
}
.bottomcentre a {
font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";font-style: normal;font-weight: 700; font-size: 20px; text-transform: uppercase; color:#fff}

.bottomcentre a:hover {opacity: 0.6}


.bgGreen .testimonials {ont-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;
font-weight: 500; font-size:33px; color: #fff; line-height: 43px; }

.bgGreen .testimonials span {font-family:"Ringside Compressed A","Ringside Compressed B";
 font-style:normal;
 font-weight:400; text-transform: uppercase; color: #fff; font-size: 20px;}

.whiteborder {border: #fff solid 1px; margin-top: 9px !important; min-height: 45px}


.topiccontent {max-width: 60%; position: relative; margin: 0 auto !important;}
/*
.wrapcenter { 
  height: 600px;
  position: relative;

}

.wrapcentertext {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 25%;
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%); 
}  */
    
.topiccontent-products {max-width: 98%; position: relative; margin: 0 auto !important; height: 500px}



.padding20px {padding:0 20px;}

.socialfloat [position:relative; margin-right:0px !important; text-align:right !important; padding-top:10px;]
.socialat {padding-left:0px !important; padding-top:10px;}

.oliveleaf {padding: 22px 0 35px;}
.oliveleaf img {width: 275px; height: 102px}

.oliveleafbottom {padding:22px 0 20px}
.oliveleafbottom img {width: 275px; height: 102px}

.lrpadding {padding-left:15px; padding-right:15px;}

.portfolio-item-main {
  position: relative;
   }
  .portfolio-item-main .portfolio-image-main {
    position: relative;
    overflow: hidden; }

.portfolio-notitle .portfolio-item-main,
.portfolio-notitle .iportfolio {
  overflow: hidden; }

.portfolio-item-main .portfolio-image-main,
.portfolio-item-main .portfolio-image-main a,
.portfolio-item-main .portfolio-image-main img {
  display: block;
  width: 100%;
  height: auto; }

/* Portfolio - Item Title
-----------------------------------------------------------------*/
.portfolio-desc {
  z-index: 3;
  padding: 15px 5px 10px;  }

  .portfolio-desc h3 {
    margin: 0;
    padding: 0;
      font-size: 24px; line-height: 34px; position: absolute; top:0; left: 0; height: 100%; width: 100%; text-align: center}




.portfolio-desc h4 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 34px;
 }

    .portfolio-desc h4 a {
      color: #232f3d; }

      .portfolio-desc h4 a:hover {
        color: #cdae75; }

  .portfolio-desc span {
    display: block;
    margin-top: 3px;
    color: #888; text-align: center !important}

    .portfolio-desc span a {
      color: #888; }
      .portfolio-desc span a:hover {
        color: #000; }



body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc {
  -webkit-transition: bottom 0.2s ease-in-out;
  -o-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out; }


.bothsidebar .portfolio-notitle .portfolio-item-main:hover .portfolio-image-main img {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item-main:hover .portfolio-image-main img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item-main:hover .portfolio-image-main img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item-main:hover .portfolio-image-main img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image-main img {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px); }
body.device-touch.device-sm .portfolio-notitle .portfolio-desc, body.device-touch.device-xs .portfolio-notitle .portfolio-desc {
  display: none !important; }




/* Portfolio - Overlay
-----------------------------------------------------------------*/
.portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 2;
  text-align: center ;
  background-color: rgba(0, 0, 0, 0.5); }

  .portfolio-overlay a {
    position: absolute;
    top: 0%;
    left: 0%; 
    width: 100% !important;
    height: 100% !important;
    margin: 0px;
      color: #fff !important;
      line-height: 34px;
    text-align: center !important;
    border-radius: 0%; 
    -webkit-backface-visibility: hidden; opacity: 1 !important; font-family: "Ringside Compressed A", "Ringside Compressed B";
font-style: normal;
font-weight: 700; font-size:33px}

.portfolio-overlay a span {font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";
font-style: normal;
font-weight: 700; font-size: 16px; text-transform: uppercase}

.portfolio-overlay h3 a {padding-top:25%; opacity: 1 !important}

.portfolio-overlay h3 a.projectsImg {padding-top:30% !important}


    .portfolio-overlay a.right-icon {
      left: auto;
      right: 50%;
      margin-left: 0;
      margin-right: -44px; }

    .portfolio-overlay a.center-icon {
      display: block;
      margin: -20px 0 0 -20px;
      opacity: 0; }

    .portfolio-overlay a:hover {
      color: #c7a978;
      background-color: rgba(0, 0, 0, 0.1);  }

    .portfolio-overlay a i.icon-line-play {
      position: relative;
      left: 2px; }

  .portfolio-overlay .portfolio-desc {
    position: relative;
    padding: 0 !important;
    margin: 0;
    text-align: center !important; }

    .portfolio-overlay .portfolio-desc a {
      display: inline;
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      font-size: inherit;
      width: auto !important;
      height: auto !important;
      line-height: 1;
      background-color: transparent !important;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }

      .portfolio-overlay .portfolio-desc a:hover {
        background: transparent; }

    .portfolio-overlay .portfolio-desc h3 {
     
      color: #fff !important;
      line-height: 1; text-align: center !important; width: 100% !important; }

      .portfolio-overlay .portfolio-desc h3 a {
        color: #F5F5F5 !important; }

    .portfolio-overlay .portfolio-desc span {
      margin-top: 7px;
      color: #DDD !important; text-align: center}

      .portfolio-overlay .portfolio-desc span a {
        color: #DDD !important;
        font-size: inherit; }

    .portfolio-overlay .portfolio-desc ~ a {
      display: inline-block;
      position: relative;
      top: 0;
      left: 0;
      margin: 0 !important; }

      .portfolio-overlay .portfolio-desc ~ a.right-icon {
        left: 0;
        right: 0;
        margin-left: 5px !important;
        margin-right: 0 !important; }

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;  }
  body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {
    -webkit-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
    -o-transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear, margin-top 0.2s linear, opacity 0.2s linear; }
  body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a {
    -webkit-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear; }

.portfolio-item-main:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay {
  opacity: 0; }

.portfolio-item-main:hover a.center-icon,
.iportfolio:hover a.center-icon {
  opacity: 1; }

.portfolio-item-main:hover .portfolio-overlay a.left-icon,
.portfolio-item-main:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon {
  margin-top: -18px; }

body.device-touch.device-sm .portfolio-notitle .portfolio-overlay, body.device-touch.device-xs .portfolio-notitle .portfolio-overlay {
  display: none !important;   }




.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	will-change: transform;
}

.mobile-parallax,
.video-placeholder {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center !important;
}





/************************************************
PRODUCT DISPLAY TOP 
************************************************/



@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .hidden-col-md {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .hidden-col-lg {
    display: none !important;
  }
}

@media all and (min-width:1024px) and (max-width:1279px) {
    .hidden-col {
    display: none !important;
  }
}


/* ----------------------------------------------------------------
	@MEDIA SIZES
-----------------------------------------------------------------*/

@media all and (min-width:320px) and (max-width:767px){
	
body.earth-theme {line-height:22px !important;font-size: 16px;}

.header-logo a img { height: 62px;}
.logocentre {padding: 20px 0px 0px;}
	
.panelBanners {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}	
    
.panelBannersCenter {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}	
	
.panelHome {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelHome:nth-child(1) {
background:#fff url("/Themes/Element/Content/img/Home-banner-Mobile_768x768px.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
    
.panelHomeMain {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}
    
.panelHomeMain:nth-child(1) {
background:#fff url("/Themes/Element/Content/img/home-group-mezze-mob.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}   
    
    
    
.panelTapenades {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelTapenades:nth-child(1) {
background:#fff url("https://www.cypressa.co.uk/images/uploaded/top-banner-paste-tapenade-final-mobile.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}  
    
.panelNewPackaging {
	position: relative;
	/*height: 65vh;*/
	height: 375px;
	max-width: 100%;
	overflow: hidden;
	font-size: 10vmin;
	padding: 0; margin:0 15px 0 !important;
	box-sizing: border-box;
	color: hsla(0, 0%, 100%, .1);
	cursor: default;
}

.panelNewPackaging:nth-child(1) {
background:#fff url("https://www.cypressa.co.uk/images/uploaded/top-banner-new-packaging-final-mobile.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}   
	
/*.panelHome {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelHomeMain {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }*/
.panelWrapkits {height: 100%;margin:0 15px 0 !important}
.panelAbout {height: 100%;margin:0 15px  !important; padding-top: 140px }
.panelContact {height: 100%;margin:0 15px  !important; padding-top: 140px }

.panelNP {height: 100%;margin:0 15px 0 !important; }
.panelOlives {height: 100%;margin:0 15px 0 !important; }
.panelAntipasti {height: 100%;margin:0 15px 0 !important;} 

.panelOilveOils {height: 100%;margin:0 15px 0 !important;  }  
.panelCheeses {height: 100%;margin:0 15px 0 !important;  }   
.panelTahini {height: 100%;margin:0 15px 0 !important;  }  
.panelNuts {height: 100%;margin:0 15px 0 !important;  }
.panelCereals {height: 100%;margin:0 15px 0 !important;  }
.panelSnacks {height: 100%;margin:0 15px 0 !important;  }  
	
    
    
.panelBox-green {margin: 0px auto 120px !important; position:relative; text-align:center !important; background: #254635; padding:20px 0px; width: 85%; color: #fff}
.panelBox-green h1 {color: #fff !important; width: 85%; position: relative; margin: 0 auto !important;text-align: center; font-family:"Ringside Compressed A","Ringside Compressed B";font-style:normal;font-weight:700;clear:both!important; font-size:32px; line-height: 34px;}
	
    .video-wrap {
	overflow: hidden;
	width: 100% !important;
	position: relative;
	direction: ltr;
}
    

.video-responsive {
	position: relative;
	width: 100% !important;
}

.canvas,
.video {
	height:  768px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
	background: transparent;
	z-index: 5;
}
	
	



.bgMiddle { width: 100%; padding-left:25px; padding-right: 25px; padding-top: 15px}

.bgMiddle h1 {font-size:44px; line-height: 36px; margin-bottom:5px }
.bgMiddle h1 a {font-size:44px; line-height: 36px; margin-bottom:5px }
.bgMiddle h1 a:hover {font-size:44px; line-height: 36px; margin-bottom:5px }
.AlignMiddle h2 {font-size:24px; line-height: 28px; margin-bottom: 10px}
.AlignMiddle h2 a {font-size:24px; line-height: 28px; margin-bottom: 10px}
.AlignMiddle h2 a:hover {font-size:24px; line-height: 28px;margin-bottom: 10px}
	
.anywhere-slider .slick-dots {display: none !important}

.toppadding {padding-top: 30px}
.toppadding-lg {padding-top: 42px}
.toppadding-exlg {padding-top: 12px}
.bottompadding-exlg {padding-bottom: 12px}
.bottompadding-lg {padding-bottom: 42px}
.bottompadding {padding-bottom: 30px}
.bottompadding-lg2 {padding-bottom: 42px}
	
.mobbottompadding {padding-bottom: 42px}
	
.leftpadding-lg {padding-left: 30px !important;}
.rightpadding-lg {padding-right: 30px !important;}
	
.leftpadding {padding-left: 0px !important; padding-right: 0px !important}
.rightpadding {padding-right: 0px !important; padding-left: 0px !important}
	
.toppadding-sml {padding-top:0px}

.topic-block-body .toppadding-exlg {padding-top: 42px !important}
.topic-block-body .bottompadding-exlg {padding-bottom: 42px !important}
	
	
.mobpadd .toppadding {padding-top: 0px !important}
    
.mob6 .toppadding {padding-top: 0px !important}
.mobcol6 .col-md-6 {padding-left: 30px; padding-right: 30px}
.mobcol6img {padding-left: 50px !important; padding-right: 50px !important}

.oliveleaf {padding: 22px 0 0;}
.oliveleaf img {width: 183px; height: 68px}
	
.oliveleafbottom {padding:22px 0}
.oliveleafbottom img {width: 183px; height: 68px}
	
.home-page .topic-block {
	width:100%;
	margin: 0px auto;
}
	
h5 {font-size:32px; line-height: 34px; }
	
.topic-page h3 {font-size:32px; line-height: 34px; margin-bottom:15px; }
.topic-page h2 {font-size:24px !important; line-height: 30px}
.topic-page .bgGreen h2 {font-size:24px !important;  line-height: 30px}
	
.topiccontent {max-width: 98%; position: relative; margin: 0 auto !important;}
.topic-content {max-width: 98%; position: relative; margin: 0 auto !important;}
    

	
.bgProductRange {background:#fff !important; height: auto !important; padding: 40px 20px 30px !important; border:#f8f4e0 solid 40px; }
.bg-Our-Range { background: #fff; padding: 0px !important;}
.ourrange h2, .ourrange h2 a {font-size:32px; line-height: 34px;}
.olivesourrange {margin: 0 auto !important; position:relative; text-align:center !important; width: 100%;  }
.olivesourrange img {width:100% !important; height:100% !important; }
	
.container {
	width: 100%;
	padding-right: var(--bs-gutter-x, 30px);
	padding-left: var(--bs-gutter-x, 30px);
	margin-right: auto;
	margin-left: auto;
}

		.col-md-3 {
		flex: 0 0 auto;
		width: 50% !important;
	}
	
.slick-prev, .slick-next  { display: none !important}

.bgHome {height: 350px; }
.bgOlive {height: 350px;  }
.bgAntipasti {height: 350px; }
.bgOliveOils {height: 350px; }
.bgCheese {height: 350px; }
.bgCategoryMain {height: 350px; }
.bgSnacks {height: 350px; }
	
.bgWraps {background: none !important; height: auto !important; }
	
.bgAbout2 {height: 350px; }

.padding20px {padding:0px;}
	
.product-desc h2, .portfolio-desc-projects h2, .portfolio-desc-projects h2 a {font-size: 22px; line-height: 18px !important; padding-top: 1px !important; padding-bottom: 30px;}
.product-desc a, .portfolio-desc-projects a, .portfolio-desc-projects span a, .portfolio-desc-projects span {font-size: 10px; line-height: 12px}
	
.bgWhite {background: #fff; padding: 40px 40px 42px !important; border:#f8f4e0 solid 40px;}
	
.bgtesti { width: 100%; min-height: auto !important; background-image: none; padding: 0;  }
.bgtesti p {line-height: 24px; font-size:20px !important; }
.bgtestispan {font-size: 10px; text-transform: uppercase; padding-top: 15px; line-height: 12px}

.FindUs {background: #fff; padding: 40px  !important}
.bgFindUs img { width: 30% !important; padding: 0 5px !important }
	
.bgLandscape {height: 0px; background: none !important}
	
.footer {padding:0px 0px 20px;  line-height: 16px !important; font-size: 13px !important; text-align: center !important}
.footer .col-md-3 {flex: 0 0 auto;width: 100% !important;}
.footer h2 {margin-bottom: 0px !important}
	.footer .toppadding {padding-top: 15px !important;}
.footer .bottompadding {padding-bottom: 10px !important}
	
.inputform {font-size: 13px !important;}
.btn-success-green {font-size: 13px !important; float: right !important}
	
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select {min-width: 220px;}
	
.socialfloat {position:relative; margin-left:15% !important; text-align:right !important; padding-top:10px; }
.socialat {padding-left:0px !important; padding-top:10px; text-align: left; font-size: 16px !important}
.tright {text-align:center !important; }
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 25% !important;}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width: 50% !important;}
	
.earth-theme button,
.earth-theme .button-1,
.earth-theme .button-2 {font-size: 14px!important; }
	
.previousnext { margin-bottom:30px; padding-right: 50px !important}
	
.previousnext .col-md-2 {flex: 0 0 auto;width:  83.3333333333%; }
	
.previousnext .col-md-5 {flex: 0 0 auto;width: 8.3333333333%; }
	

	
	
.buttonLink, .buttonLink a { font-size: 14px }
	
.buttonLinkWhite, .buttonLinkWhite a { font-size: 14px }
	
.bgCream .bottompadding {padding-bottom: 0px !important}
	
	.lrpadding {margin-bottom: 30px !important}
	
.topicpadding {padding-left: 15px; padding-right: 15px;}
	
	.product-desc h3, .portfolio-desc-projects h3, .portfolio-desc-projects h3 a {font-size:14px;}
	
.bgKits {background: #fff; padding: 40px 40px 42px !important; border:#f8f4e0 solid 40px;}
.bgKits .bottompadding-lg {
  padding-bottom: 42px;
}

.txtLead {font-size: 24px; line-height: 30px}
}

@media all and (min-width:768px) and (max-width:980px){
.panelHome:nth-child(1) {
background:#fff url("/Themes/Element/Content/img/Home-banner-Mobile_768x768px.png");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    }
    
.panelHomeMain:nth-child(1) {
background:#fff url("/Themes/Element/Content/img/home-group-mezze-mob.jpg");
  background-position: top center;
  background-repeat: no-repeat;
        	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    }
    
    .order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}


}

@media all and (min-width:768px) and (max-width:1023px){
	
body.earth-theme {line-height:24px !important;font-size: 18px;}
	
.header-logo a img { height: 82px;}
.logocentre {padding: 20px 0px 0px;}
	
.panelWrapkits {height: 100%;margin:0 15px 0 !important}

.panelBanners {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelBannersCenter {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelHome {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelTapenades {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelNewPackaging {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelHomeMain {height: 65vh; margin:0 !important; border-right: 15px solid #fff; border-left:15px solid #fff }
.panelAbout {height: 100%;margin:0 15px  !important; padding-top: 140px }
.panelContact {height: 100%;margin:0 15px  !important; padding-top: 140px }
    
.panelOlives {height: 100%;margin:0 15px 0 !important; }
.panelAntipasti {height: 100%;margin:0 15px 0 !important;} 
    
.panelNP {height: 100%;margin:0 15px 0 !important;} 

.panelOilveOils {height: 100%;margin:0 15px 0 !important;  }  
.panelCheeses {height: 100%;margin:0 15px 0 !important;  }   
.panelTahini {height: 100%;margin:0 15px 0 !important;  }  
.panelNuts {height: 100%;margin:0 15px 0 !important;  }
.panelCereals {height: 100%;margin:0 15px 0 !important;  }
.panelSnacks {height: 100%;margin:0 15px 0 !important;  }  


    
    
.panelBox-green {margin: 0px auto 260px !important; position:relative; text-align:center !important; background: #254635; padding:20px 0px; width: 85%; color: #fff}
.panelBox-green h1 {color: #fff !important; width: 85%; position: relative; margin: 0 auto !important;text-align: center; font-family:"Ringside Compressed A","Ringside Compressed B";font-style:normal;font-weight:700;clear:both!important; font-size:44px; line-height: 48px;}


    .video-wrap {
	overflow: hidden;
	width: 100% !important;
	position: relative;
	direction: ltr;
}
    

.video-responsive {
	position: relative;
	width: 100% !important;
}

.canvas,
.video {
	height:  1024px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1024px !important;
	background: transparent;
	z-index: 5;
}
	
	.col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}	


.bgMiddle { width: 100%;}

.bgMiddle h1 {font-size:44px; line-height: 36px; margin-bottom:20px }
.bgMiddle h1 a {font-size:44px; line-height: 36px; margin-bottom:20px }
.bgMiddle h1 a:hover {font-size:44px; line-height: 36px; margin-bottom:20px }
.AlignMiddle h2 {font-size:34px; line-height: 34px;}
.AlignMiddle h2 a {font-size:34px; line-height: 34px;}
.AlignMiddle h2 a:hover {font-size:34px; line-height: 34px;}

.toppadding {padding-top: 30px}
.toppadding-lg {padding-top: 42px}
.toppadding-exlg {padding-top: 12px}
.bottompadding-exlg {padding-bottom: 12px}
.bottompadding-lg {padding-bottom: 42px}
.bottompadding {padding-bottom: 30px}
.bottompadding-lg2 {padding-bottom: 42px}
	
.mobbottompadding {padding-bottom: 42px}
	
.leftpadding-lg {padding-left: 30px !important;}
.rightpadding-lg {padding-right: 30px !important;}
	
.leftpadding {padding-left: 0px !important; padding-right: 0px !important}
.rightpadding {padding-right: 0px !important; padding-left: 0px !important}
	
.toppadding-sml {padding-top:0px}

.topic-block-body .toppadding-exlg {padding-top: 42px !important}
.topic-block-body .bottompadding-exlg {padding-bottom: 42px !important}
	
	
.mobpadd .toppadding {padding-top: 0px !important}
    
.mob6 .toppadding {padding-top: 0px !important}
.mobcol6 .col-md-6 {padding-left: 30px; padding-right: 30px}
.mobcol6img {padding-left: 120px !important; padding-right: 120px !important}

.oliveleaf {padding: 22px 0 0;}
.oliveleaf img {width: 183px; height: 68px}
	
.oliveleafbottom {padding:22px 0}
.oliveleafbottom img {width: 183px; height: 68px}
	
.home-page .topic-block {
	width:100%;
	margin: 0px auto;
}
	
h5 {font-size:44px; line-height: 48px; }
	
.topic-page h3 {font-size:44px; line-height: 48px; margin-bottom:15px; }
.topic-page h2 {font-size:24px !important; line-height: 30px}
.topic-page .bgGreen h2 {font-size:24px !important;  line-height: 30px}
	
.topiccontent {max-width: 88%; position: relative; margin: 0 auto !important;}
.topic-content {max-width: 88%; position: relative; margin: 0 auto !important;}
	
.bgProductRange {background:#fff !important; height: auto !important; padding: 40px 20px 30px !important; border:#f8f4e0 solid 40px; }
.bg-Our-Range { background: #fff; padding: 0px !important;}
.ourrange h2, .ourrange h2 a {font-size:44px; line-height: 48px;}
.olivesourrange {margin: 0 auto !important; position:relative; text-align:center !important; width: 80%  }
.olivesourrange img {width:100% !important; height:100% !important; }
	
.container {
	width: 100%;
	padding-right: var(--bs-gutter-x, 30px);
	padding-left: var(--bs-gutter-x, 30px);
	margin-right: auto;
	margin-left: auto;
}

		.col-md-3 {
		flex: 0 0 auto;
		width: 50% !important;
	}
	

	
.slick-prev, .slick-next  { display: none !important}

.bgHome {height: 350px; }
.bgOlive {height: 350px;  }
.bgAntipasti {height: 350px; }
.bgOliveOils {height: 350px; }
.bgCheese {height: 350px; }
.bgCategoryMain {height: 350px; }
.bgSnacks {height: 350px; }
	
.bgAbout2 {height: 350px; }

.padding20px {padding:0px;}
	
.product-desc h2, .portfolio-desc-projects h2, .portfolio-desc-projects h2 a {font-size: 22px; line-height: 18px !important; padding-top: 1px !important; padding-bottom: 30px;}
.product-desc a, .portfolio-desc-projects a, .portfolio-desc-projects span a, .portfolio-desc-projects span {font-size: 10px; line-height: 12px}
	
.bgWhite {background: #fff; padding: 40px 40px 42px !important; border:#f8f4e0 solid 40px;}
	
.bgtesti { width: 100%; min-height: auto !important; background-image: none; padding: 0;  }
.bgtesti p {line-height: 24px; font-size:20px !important; }
.bgtestispan {font-size: 14px; text-transform: uppercase; padding-top: 15px; line-height: 16px}
.whiteborder  {margin-left: 90px !important; margin-right: 90px !important}

.FindUs {background: #fff; padding: 40px 20px  !important; }
.bgFindUs img { width: 11% !important; padding: 0 5px !important }
.bgFindUs {min-height: 250px !important;}
	
.bgLandscape {height: 0px; background: none !important}
	
.footer {padding:0px 0px 20px; text-align: center !important; font-size: 14px !important;}
.footer .col-md-3 {flex: 0 0 auto;width:100% !important;}
.footer h2 {margin-bottom: 0px !important}
	
.inputform {font-size: 14px !important;}
.btn-success-green {font-size: 14px !important; float: right !important}
	
.socialfloat {position:relative; margin-left:20% !important; text-align:right !important; padding-top:10px; }
.socialat {padding-left:0px !important; padding-top:10px; text-align: left; font-size: 16px !important}
.tright {text-align:center !important; }
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 25% !important;}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width: 50% !important;}
	
.earth-theme button,
.earth-theme .button-1,
.earth-theme .button-2 {font-size: 14px!important; }
	
.previousnext { margin-bottom:30px;}
	
.previousnext .col-md-2 {flex: 0 0 auto;width:  83.3333333333%; }
	
.previousnext .col-md-5 {flex: 0 0 auto;width: 8.3333333333%; }
	
.buttonLink, .buttonLink a { font-size: 16px }
	
.buttonLinkWhite, .buttonLinkWhite a { font-size: 16px }
	
.bgCream .bottompadding {padding-bottom: 0px !important}
	
	.lrpadding {margin-bottom: 30px !important; padding-left: 30px !important; padding-right: 30px !important}

.footer .col-md-4 {
		flex: 0 0 auto;
		width: 100%;
	}	
	
	.bgCream .col-md-4 {
		flex: 0 0 auto;
		width: 50%;
	}	
	
	.responsive-nav-wrapper {
	position: relative;
	top: -90px !important; /*transition start*/
	box-shadow:none;
	background-color:#fff;
	padding: 0;
	text-align: right;
	font-size: 0;
	transition: top 0.3s ease; height: 0px
}
    .bgLandscape {height: 0px; background: none !important}
	
	.topicpadding {padding-left: 30px; padding-right: 30px;}
	
.wraps .col-md-6  {
		flex: 0 0 auto;
		width: 50%;
	}	
	
.wraps .mobcol6img {padding-left: 0px !important; padding-right: 0px !important}
	
}

@media all and (min-width:1024px) and (max-width:1279px){ 
body.earth-theme {line-height:24px !important;font-size: 18px;}
	
.header-logo a img { height: 82px;}
.logocentre {padding: 20px 0px 0px;}
	
	.responsive-nav-wrapper {
	position: relative;
	top: -90px !important; /*transition start*/
	box-shadow:none;
	background-color:#fff;
	padding: 0;
	text-align: right;
	font-size: 0;
	transition: top 0.3s ease; height: 0px
}
		.panelBanners {margin:0 30px 0 !important; height: 45vh;  }
    .panelBannersCenter {margin:0 30px 0 !important; height: 45vh;  }
	.panelHome {margin:0 30px 0 !important; height: 45vh;  }
    .panelTapenades {margin:0 30px 0 !important; height: 45vh; }
.panelNewPackaging {margin:0 30px 0 !important; height: 45vh; }
.panelHomeMain {margin:0 30px 0 !important; height: 45vh;  }
.panelAbout {margin:0 30px 0 !important; height: 45vh;  }
.panelContact {margin:0 30px 0 !important;height: 45vh;   }
    
.panelOlives {margin:0 30px 0 !important; height: 45vh; }
.panelAntipasti {margin:0 30px 0 !important;height: 45vh; } 
    
.panelNP {margin:0 30px 0 !important;height: 45vh; } 

.panelOilveOils {margin:0 30px 0 !important;height: 45vh;   }  
.panelCheeses {margin:0 30px 0 !important;height: 45vh;   }   
.panelTahini {margin:0 30px 0 !important; height: 45vh;  }  
.panelNuts {margin:0 30px 0 !important; height: 45vh;  }
.panelCereals {margin:0 30px 0 !important;height: 45vh;   }
.panelSnacks {margin:0 30px 0 !important; height: 45vh;  }  
.panelWrapKits {margin:0 30px 0 !important; height: 45vh;  }

	
.bgMiddle { width: 560px;}

.bgMiddle h1 {font-size:60px; line-height: 56px; margin-bottom:20px }
.bgMiddle h1 a {font-size:60px; line-height: 56px; margin-bottom:20px }
.bgMiddle h1 a:hover {font-size:60px; line-height: 56px; margin-bottom:20px }
.AlignMiddle h2 {font-size:36px; line-height: 36px;}
.AlignMiddle h2 a {font-size:36px; line-height: 36px;}
.AlignMiddle h2 a:hover {font-size:36px; line-height: 36px;}
	
.panelBox-green h1 {font-size:44px; line-height: 48px; }
	
h5 {font-size:44px; line-height: 48px; }
	
.topic-page h3 {font-size:44px; line-height: 48px; margin-bottom:15px; }
.topic-page h2 {font-size:24px !important; line-height: 30px}
.topic-page .bgGreen h2 {font-size:24px !important;  line-height: 30px}
	
.ourrange h2, .ourrange h2 a {font-size:44px; line-height: 48px;}
	
.bgHome {height: 450px; }
.bgOlive {height: 450px;  }
.bgAntipasti {height: 450px; }
.bgOliveOils {height: 450px; }
.bgCheese {height: 450px; }
.bgCategoryMain {height: 450px; }
.bgSnacks {height: 450px; }
.bgWraps {height: auto !important; }
	
.bgAbout2 {height: 450px; }
	
.bgLandscape {background-image: url("/Themes/Element/Content/img/Footer-Wide-green-on-White.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
 height: 200px; }
	
.leftpadding-lg {padding-left: 30px !important;}
.rightpadding-lg {padding-right: 30px !important;}
	
	.footer { padding:40px 0px 20px;}
	
	.footer .col-md-8 {
		flex: 0 0 auto;
		width: 58.3333333333%;
	}
	
	.footer .col-md-4 {
		flex: 0 0 auto;
		width: 41.6666666667%;
	}
	
	.tright {text-align:right !important; }
	
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 50% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width: 50% !important; padding-left: 0px !important}
    
    .toppadding-exlg {padding-top: 80px}

.bottompadding-exlg {padding-bottom: 80px}
.bottompadding-lg {padding-bottom: 80px}
.toppadding-lg {padding-top: 80px}    
    
.bottompadding {padding-bottom: 0px}

.previousnext {font-size:18px;text-transform:uppercase; margin-bottom: 60px;}

.previousnext a {font-size:18px;}

    
.leftpadding {padding-left: 30px !important}
.rightpadding {padding-right:30px !important;}
	
.toppadding {padding-top:30px}
	.topicpadding {padding-left: 30px; padding-right: 30px;}

}

@media all and (min-width:1280px) and (max-width:1439px){
.toppadding {padding-top: 30px}
.bgLandscape {height: 300px; }
.leftpadding-lg {padding-left: 75px !important;}
.rightpadding-lg {padding-right: 75px !important;}
    
.toppadding-exlg {padding-top: 102px}

.bottompadding-exlg {padding-bottom: 102px}
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 50% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width: 50% !important; padding-left: 0px !important}
    
.bgHome {height: 450px; }
.bgOlive {height: 450px;  }
.bgAntipasti {height: 450px; }
.bgOliveOils {height: 450px; }
.bgCheese {height: 450px; }
.bgCategoryMain {height: 450px; }
.bgSnacks {height: 450px; }
	
.bgAbout2 {height: 450px; }
    
.bottompadding {padding-bottom: 30px}
.previousnext {font-size:18px;text-transform:uppercase; margin-bottom: 60px;}

.previousnext a {font-size:18px;}
    
.bgMiddle { width: 700px;}
    
.bgMiddle h1 {font-size:60px; line-height: 56px; margin-bottom:20px }
.bgMiddle h1 a {font-size:60px; line-height: 56px; margin-bottom:20px }
.bgMiddle h1 a:hover {font-size:60px; line-height: 56px; margin-bottom:20px }
.AlignMiddle h2 {font-size:40px; line-height: 40px;}
.AlignMiddle h2 a {font-size:40px; line-height: 40px;}
.AlignMiddle h2 a:hover {font-size:40px; line-height: 40px;}
	

	
}

@media all and (min-width:1440px) and (max-width:1599px){ 
    
.bgLandscape {height: 300px; }
.leftpadding-lg {padding-left: 75px !important;}
.rightpadding-lg {padding-right: 75px !important;}
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 50% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width: 50% !important; padding-left: 0px !important}
.bgHome {height: 500px; }
.bgOlive {height: 500px;  }
.bgAntipasti {height: 500px; }
.bgOliveOils {height: 500px; }
.bgCheese {height: 500px; }
.bgCategoryMain {height: 500px; }
.bgSnacks {height: 500px; }
	
.bgAbout2 {height: 500px; }
    
.toppadding-exlg {padding-top: 102px}
.bottompadding-exlg {padding-bottom: 102px}
    
.bgMiddle { width: 700px;}
    
.AlignMiddle h2 {font-size:40px; line-height: 44px;}
.AlignMiddle h2 a {font-size:40px; line-height: 44px;}
.AlignMiddle h2 a:hover {font-size:40px; line-height: 44px;}

}

@media all and (min-width:1600px) and (max-width:1799px){
.bgLandscape {height: 350px; }
.bgHome {height: 500px; }
.bgOlive {height: 500px;  }
.bgAntipasti {height: 500px; }
.bgOliveOils {height: 500px; }
.bgCheese {height: 500px; }
.bgSnacks {height: 500px; }
	
.bgAbout2 {height: 500px; }
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 59% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width:41% !important; padding-left: 0px !important}
}

@media all and (min-width:1800px) and (max-width:2000px){ 
.bgLandscape {height: 400px; }
.bgHome {height: 550px; }
.bgOlive {height: 550px;  }
.bgAntipasti {height: 550px; }
.bgOliveOils {height: 550px; }
.bgCheese {height: 550px; }
.bgCategoryMain {height: 550px; }
.bgSnacks {height: 550px; }

	
.bgAbout2 {height: 550px; }
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 59% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width:41% !important; padding-left: 0px !important}

}

@media all and (min-width:2001px) and (max-width:2399px){  
.mobsocial .col-md-9 {flex: 0 0 auto;
		width: 59% !important; padding-right: 0px !important}
	
.mobsocial .col-md-3 {flex: 0 0 auto;
		width:41% !important; padding-left: 0px !important}	
	
}

/*




@media all and (min-width:2001px) and (max-width:2200px){ 
    

}*/