/*
Theme Name: Sonicsmith
Theme URI: http://sonicsmith.com
Author: One More Time
Author URI: http://omt.media
Description: Sonicsmith website theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sonic-smith

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sonic Smith is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Fonts */

@import url(https://fonts.googleapis.com/css?family=Playfair+Display);

@font-face {
	font-family: 'Akkurat';
	font-weight: 400;
	font-style: normal;
	src: url('assets/fonts/akkurat-regular.eot');
	src: url('assets/fonts/akkurat-regular.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/akkurat-regular.woff') format('woff'),
		url('assets/fonts/akkurat-regular.ttf') format('truetype'),	
		url('assets/fonts/akkurat-regular.svg#Akkurat') format('svg');
}

@font-face {
	font-family: 'Akkurat';
	font-weight: 400;
	font-style: italic;
	src: url('assets/fonts/akkurat-italic.eot');
	src: url('assets/fonts/akkurat-italic.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/akkurat-italic.woff') format('woff'),
		url('assets/fonts/akkurat-italic.ttf') format('truetype'),	
		url('assets/fonts/akkurat-italic.svg#Akkurat') format('svg');
}

@font-face {
	font-family: 'Akkurat';
	font-weight: 700;
	font-style: normal;
	src: url('assets/fonts/akkurat-bold.eot');
	src: url('assets/fonts/akkurat-bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/akkurat-bold.woff') format('woff'),
		url('assets/fonts/akkurat-bold.ttf') format('truetype'),	
		url('assets/fonts/akkurat-bold.svg#Akkurat') format('svg');
}

@font-face {
	font-family: 'HalisGR';
	font-weight: 700;
	font-style: normal;
	src: url('assets/fonts/halisgr-bold.eot');
	src: url('assets/fonts/halisgr-bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/halisgr-bold.woff') format('woff'),
		url('assets/fonts/halisgr-bold.ttf') format('truetype'),	
		url('assets/fonts/halisgr-bold.svg#HalisGR') format('svg');
}

/* Animations */

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes notification-off {
	90% {
		opacity: 1.0;
	}
	100% {
		opacity: 0.0;
	}
}

@keyframes notification-off {
	90% {
		opacity: 1.0;
	}
	100% {
		opacity: 0.0;
	}
}

/* Common */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	width: 100%;
	font-family: 'Akkurat', sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 1.388888889em; /* 25px / 18px */
	font-weight: 400;
	color: #17171a;
}

.site {
	background: #fff;
}

.site-content {
	position: relative;
	min-width: 320px;
}

section {
	position: relative;
	width: 100%;
	margin: 55px 0;
}

section:first-child {
	margin-top: 115px;
}

.wrapper {
	width: 100%;
	padding: 0 15px;
}

.hide-desktop {
	display: block !important;
}

.show-desktop {
	display: none !important;
}

*::selection {
	background-color: #9bc24d;
	color: #fff;
}

*::-moz-selection {
	background-color: #9bc24d;
	color: #fff;
}

*::-webkit-selection {
	background-color: #9bc24d;
	color: #fff;
}

::-webkit-input-placeholder {
	color: #aaa;
	opacity: 1.0;
}

:-moz-placeholder {
	color: #aaa;
	opacity: 1.0;
}

::-moz-placeholder {
	color: #aaa;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: #aaa !important;
	opacity: 1.0;
}

a:focus,
input:focus,
button:focus {
	outline: none;
}

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

/* Fixes */

.clearfix:after {
	display: table;
	clear: both;
	content: ''
}

/* Text */

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child,
p:first-child, small:first-child,
ul:first-child, ol:first-child,
blockquote:first-child,
pre:first-child,
hr:first-child {
	margin-top: 0;
}

h1:last-child, .h1:last-child,
h2:last-child, .h2:last-child,
h3:last-child, .h3:last-child,
h4:last-child, .h4:last-child,
h5:last-child, .h5:last-child,
h6:last-child, .h6:last-child,
p:last-child, small:last-child,
ul:last-child, ol:last-child,
blockquote:last-child,
pre:last-child,
hr:last-child {
	margin-bottom: 0;
}

h1, .h1 {
	font-family: 'HalisGR', sans-serif;
	font-size: 1.555555556em; /* 28px / 18px */
	line-height: 1.428571429em; /* 40px / 28px */
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0.714285714em 0; /* 20px / 28px */
}

h2, .h2 {
	font-family: 'HalisGR', sans-serif;
	font-size: 1.333333333em; /* 24px / 18px */
	line-height: 1.25em; /* 30px / 24px */
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0.833333333em 0 0.625em 0; /* 20px / 24px, 15px / 24px */
}

h2 a, .h2 a {
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%, rgba(23,23,26,1) 80%, rgba(23,23,26,1) 90%, rgba(255,255,255,1) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(23,23,26,1) 80%, rgba(23,23,26,1) 90%, rgba(255,255,255,1) 90%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	color: #17171a;
	border: 0 none;
	
	-webkit-transition: background 0.4s linear;
	transition: background 0.4s linear;
}

h2 a:active, .h2 a:active {
	background-size: 100% 100%;
}

h3, .h3 {
	font-family: 'HalisGR', sans-serif;
	font-size: 1.111111111em; /* 20px / 18px */
	line-height: 1.25em; /* 25px / 20px */
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0.5em 0; /* 10px / 20px */
}

h3 a, .h3 a {
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 84%, rgba(23,23,26,1) 84%, rgba(23,23,26,1) 92%, rgba(255,255,255,1) 92%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 84%, rgba(23,23,26,1) 84%, rgba(23,23,26,1) 92%, rgba(255,255,255,1) 92%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	color: #17171a;
	border: 0 none;
	
	-webkit-transition: background 0.4s linear;
	transition: background 0.4s linear;
}

h3 a:active, .h3 a:active {
	background-size: 100% 100%;
}

h4, .h4 {
	position: relative;
	font-size: 1.222222222em; /* 22px / 18px */
	line-height: 1.363636364em; /* 30px / 22px */
	font-weight: 400;
	color: #17171a;
	margin: 0.909090909em 0; /* 20px / 22px */
}

h4.headline, .h4.headline {
	color: #9bc24d;
}

h4.line, .h4.line {
	padding-top: 15px;
}

h4.line:before, .h4.line:before {
	background: #9bc24d;
	position: absolute;
	display: block;
	width: 2px;
	height: 80px;
	top: -85px;
	left: 50%;
	content: '';
	margin-left: -1px;
}

h5, .h5 {
	font-size: 1.111111111em; /* 20px / 18px */
	line-height: 1.75em; /* 35px / 20px */
	font-weight: 400;
	margin: 1.25em 0; /* 25px / 20px */
}

h6, .h6 {
	font-size: 1em;
	line-height: 1.388888889em; /* 25px / 18px */
	font-weight: 400;
	margin: 0.833333333em 0; /* 15px / 18px */
}

h6 strong, .h6 strong {
	font-family: 'HalisGR', sans-serif;
}

p, .p {
	font-size: 1em;
	line-height: 1.388888889em; /* 25px / 18px */
	margin: 0.833333333em 0; /* 15px / 18px */
}

p:after {
	display: table;
	clear: both;
	content: '';
}

p.light {
	color: #999;
}

small {
	display: block;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
	margin: 1.153846154em 0; /* 15px / 13px */
}

small.headline {
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

p > small {
	display: inline;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: inherit;
}

ul {
	font-size: 1em;
	line-height: 1.388888889em; /* 25px / 18px */
	padding: 0 0 0 20px;
	margin: 0.833333333em 0; /* 15px / 18px */
}

ul > li {
	position: relative;
	list-style-type: none;
}

ul > li:before {
	background: #17171a;
	position: absolute;
	width: 4px;
	height: 4px;
	left: -20px;
	top: 8px;
	content: '';
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

ol {
	font-size: 1em;
	line-height: 1.388888889em; /* 25px / 18px */
	padding: 0 0 0 20px;
	margin: 0.833333333em 0; /* 15px / 18px */
}

blockquote {
	font-style: italic;
	padding-left: 16px;
	border-left: 4px solid #eaebf0;
	margin: 0.833333333em 0; /* 15px / 18px */
}

pre {
	background: #eaebf0;
	font-family: monospace;
	padding: 0.555555556em; /* 10px / 18px */
	margin: 0.833333333em 0; /* 15px / 18px */
}

strong, b {
	font-weight: 700;
	font-style: normal;
}

em, i {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

hr {
	background: #eaebf0;
	height: 1px;
	margin: 0.833333333em 0; /* 15px / 18px */
	border: 0 none;
}

i.line {
	background: #17171a;
	display: inline-block;
	width: 25px;
	height: 3px;
	vertical-align: middle;
	margin: 0 0 3px 0.5em; /* 18px / 2 */
}

a {
	color: #9bc24d;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	
	-webkit-transition: border 0.2s linear;
	transition: border 0.2s linear;
}

a:active {
	border-color: #9bc24d;
}

p.actions {
	margin-top: 30px;
}

p.actions > .button {
	background-color: #17171a;
	display: block;
	height: 60px;
	width: auto;
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	font-size: 0.722222222em; /* 13px / 18px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 60px;
	text-align: center;
	color: #fff;
	padding: 0 25px;
	border: 0 none;
	
	-webkit-border-radius: 30px;
	border-radius: 30px;
	
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

p.actions > .button:active {
	background-color: #9bc24d;
}

p.actions > .link {
	display: block;
	height: 60px;
	width: auto;
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	font-size: 0.722222222em; /* 13px / 18px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 60px;
	text-align: center;
	color: #17171a;
	border: 0 none;
	
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

p.actions > .link:active {
	color: #9bc24d;
}

p.actions > * {
	margin-top: 5px;
}

p.actions > *:first-child {
	margin-top: 0;
}

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

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

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

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Forms */

form {
	position: relative;
	margin-top: 40px;
}

form input[type=text],
form input[type=email] {
	background: #fff;
	display: block;
	width: 100%;
	height: 65px;
	font-family: 'Playfair Display', serif;
	color: #17171a;
	font-size: 1.055555556em; /* 19px / 18px */
	line-height: 25px;
	padding: 19px 20px;
	border: 1px solid transparent;
	
	-webkit-transition: border 0.2s linear;
	transition: border 0.2s linear;
}

form input[type=text]:focus,
form input[type=email]:focus {
	border-color: #9bc24d;
}

form input[type=text].error,
form input[type=email].error {
	border-color: #d05353;
}

form button {
	position: relative;
	background-color: #17171a;
	display: block;
	height: 45px;
	width: 100%;
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	font-size: 0.722222222em; /* 13px / 18px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 45px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	padding: 0 45px;
	border: 0 none;
	
	-webkit-border-radius: 23px;
	border-radius: 23px;
	
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

form button:active {
	background-color: #9bc24d;
}

form button:disabled,
form button:disabled:active,
form button:disabled:hover {
	background-color: #17171a;
	cursor: default;
}

form button.loading:before {
	background: transparent;
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	content: '';
	border: 3px solid #fff;
	border-top-color: transparent;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-animation: loading 1s linear infinite;
	animation: loading 1s linear infinite;
}

form > *:not(.notification) {
	margin-top: 20px;
}

form > *:first-child {
	margin-top: 0;
}

form .notification {
	position: absolute;
	display: none;
	max-width: 100%;
	height: 45px;
	left: 0;
	top: -59px;
	z-index: 1;
	color: #fff;
	padding: 0 20px;
	
	-webkit-border-radius: 23px;
	border-radius: 23px;
}

form .notification.visible {
	display: block;
	
	-webkit-animation: notification-off 4s linear;
	animation: notification-off 4s linear;
}

form .notification:after {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	left: 40px;
	bottom: -9px;
	z-index: 0;
	content: '';
	
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

form .notification.error,
form .notification.error:after {
	background: #d05353;
}

form .notification.success,
form .notification.success:after {
	background: #9bc24d;
}

form .notification span {
	display: block;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 45px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* Popup */

div.fade {
	background: rgba(23, 23, 26, 0.9);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 30;
	opacity: 0;
	
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	
	-webkit-transition: transform 0s linear 0.4s, opacity 0.2s linear 0.2s;
	transition: transform 0s linear 0.4s, opacity 0.2s linear 0.2s;
}

div.fade.on {
	opacity: 1;
	
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	
	-webkit-transition: transform 0s linear, opacity 0.2s linear;
	transition: transform 0s linear, opacity 0.2s linear;
}

div.popup {
	position: fixed;
	width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	z-index: 32;
	overflow-y: auto;
	padding: 15px 15px 0 15px;
	
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

div.popup.on {
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	
	-webkit-transition: transform 0.2s linear 0.2s;
	transition: transform 0.2s linear 0.2s;
}

div.popup .close {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 15px;
	z-index: 1;
	border: 0 none;
}

div.popup .close > i {
	background: #fff;
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	top: 9px;
	left: 0;
}

div.popup .close > i:nth-child(1) {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.popup .close > i:nth-child(2) {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.popup .content {
	padding-top: 35px;
	padding-bottom: 15px;
}

div.popup.video .video-wrapper {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}

div.popup.video .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Attachments */

.attachments {
	width: 100%;
	margin-top: 55px;
}

.attachments.float-left {
	margin-top: 40px;
}

.attachments > a {
	position: relative;
	background: #eaebf0;
	display: block;
	padding: 20px;
	margin-top: 30px;
	border: 3px solid #eaebf0;
	
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.attachments > a:active {
	background: #fff;
	border: 3px solid #eaebf0;
}

.attachments > a:first-child {
	margin-top: 0;
}

.attachments > a small,
.attachments > a .p,
.attachments > a i {
	margin: 0;
}

.attachments > a small {
	color: #17171a;
}

.attachments > a .p {
	display: block;
	color: #17171a;
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.428571429em;/* 20px / 14px */
}

.attachments > a .p.name {
	text-decoration: underline;
}

.attachments > a i {
	color: #999;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
}

.attachments > a.file {
	padding-left: 80px;
}

.attachments > a.file:before {
	display: block;
	position: absolute;
	background: #fff url(assets/img/icon_attachment_gray.svg) center center no-repeat;
	background-size: 20px 20px;
	width: 40px;
	height: 40px;
	top: 17px;
	left: 17px;
	content: '';
	border: 3px solid #eaebf0;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.attachments > a.video {
	padding-left: 160px;
}

.attachments > a.video .img {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 140px;
	height: calc(100% + 6px);
	top: -3px;
	left: -3px;
}

.attachments > a.video .img:after {
	background: rgba(23, 23, 26, 0.8) url(assets/img/icon_play_white.svg) center center no-repeat;
	background-size: 20px 20px;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	content: '';
	margin: -20px 0 0 -20px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* Back */

a.back {
	display: inline-block;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #17171a;
	opacity: 1;
	border: 0 none;
	margin-bottom: 1.538461538em;
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

a.back:active {
	opacity: 0.5;
}

a.back:before {
	background: url(assets/img/icon_arrow_reverse_navy.svg) center center repeat-x;
	background-size: 16px auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: '';
	vertical-align: middle;
	margin: -4px 20px 0 0;
}

/* Back - Product specific */

/* Back - Post specific */

/* Header */

header.site-header {
	background: #fff;
	position: fixed;
	width: 100%;
	min-width: 320px;
	height: 115px;
	top: 0;
	left: 0;
	z-index: 20;
	padding: 0 15px;
}

header.site-header:before {
	background: #1a1614;
	position: absolute;
	width: calc(100% - 30px);
	height: 10px;
	top: 20px;
	left: 15px;
	content: '';
}

header.site-header .logo {
	position: absolute;
	display: block;
	height: 45px;
	top: 50px;
	left: 15px;
	border: 0 none;
}

header.site-header .logo > img {
	display: block;
	float: left;
	height: 25px;
	margin-top: 10px;
}

header.site-header .logo > span {
	display: none;
}

header.site-header .social {
	display: none;
}

header.site-header nav {
	display: none;
}

header.site-header .toggle {
	position: absolute;
	background: url(assets/img/pattern.jpg) top left repeat;
	display: block;
	width: 45px;
	height: 45px;
	top: 50px;
	right: 15px;
	border: 0 none;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

header.site-header .toggle > i {
	background: #fff;
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	left: 12px;
}

header.site-header .toggle > i:nth-child(1) {
	top: 15px;
}

header.site-header .toggle > i:nth-child(2) {
	top: 21px;
}

header.site-header .toggle > i:nth-child(3) {
	top: 27px;
}

/* Header - 404 specific */

/* Header - Search specific */

/* Nav mobile */

div.nav-mobile {
	background: url(assets/img/pattern_3.png) top left repeat-x,
		url(assets/img/pattern.jpg) top left repeat;
	background: url(assets/img/pattern_3.png) top left repeat-x,
		-webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
	background: url(assets/img/pattern_3.png) top left repeat-x,
		linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
	position: fixed;
	width: 100%;
	min-width: 320px;
	height: 0;
	top: 0;
	left: 0;
	z-index: 22;
	overflow-y: scroll;
	padding: 0 15px;
	
	-webkit-transition: height 0.4s ease-in-out;
	transition: height 0.4s ease-in-out;
}

div.nav-mobile.on {
	height: 100%;
}

div.nav-mobile .logo {
	position: absolute;
	display: block;
	height: 45px;
	top: 50px;
	left: 15px;
	border: 0 none;
}

div.nav-mobile .logo > img {
	display: block;
	float: left;
	height: 25px;
	margin-top: 10px;
}

div.nav-mobile .toggle {
	position: absolute;
	background: #9bc24d;
	display: block;
	width: 45px;
	height: 45px;
	top: 50px;
	right: 15px;
	border: 0 none;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

div.nav-mobile .toggle > i {
	background: #fff;
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	left: 12px;
	top: 21px;
}

div.nav-mobile .toggle > i:nth-child(1) {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.nav-mobile .toggle > i:nth-child(2) {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.nav-mobile nav {
	padding: 145px 0 45px 0;
}

div.nav-mobile nav > ul.nav {
	padding: 0;
	margin: 0;
}

div.nav-mobile nav > ul.nav > li {
	list-style-type: none;
	text-align: center;
}

div.nav-mobile nav > ul.nav > li:before {
	content: none;
}

div.nav-mobile nav > ul.nav > li > a {
	position: relative;
	display: inline-block;
	font-family: 'HalisGR', sans-serif;
	font-size: 1em;
	line-height: 41px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #fff;
	padding: 0 25px;
	border: 2px solid transparent;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

div.nav-mobile nav > ul.nav > li.on > a,
div.nav-mobile nav > ul.nav > li > a:active {
	color: #9bc24d;
}

div.nav-mobile nav > ul.nav > li.current_page_item > a,
div.nav-mobile nav > ul.nav > li.current-page-ancestor > a,
div.nav-mobile nav > ul.nav > li.current_page_parent > a {
	color: #9bc24d;
	border-color: #9bc24d;
}

div.nav-mobile nav > ul.nav > li.menu-item-has-children > a {
	padding-right: 40px;
}

div.nav-mobile nav > ul.nav > li.menu-item-has-children > a:before,
div.nav-mobile nav > ul.nav > li.menu-item-has-children > a:after {
	position: absolute;
	background-position: center center;
	backgrond-repeat: no-repeat;
	background-size: 20px 20px;
	top: 10px;
	right: 20px;
	width: 20px;
	height: 20px;
	content: '';
}

div.nav-mobile nav > ul.nav > li.menu-item-has-children > a:before {
	background-image: url(assets/img/icon_dropdown_green.svg);
}

div.nav-mobile nav > ul.nav > li.menu-item-has-children > a:after {
	background-image: url(assets/img/icon_dropdown_white.svg);
	opacity: 1;
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

div.nav-mobile nav > ul.nav > li.menu-item-has-children.on > a:after,
div.nav-mobile nav > ul.nav > li.menu-item-has-children > a:active:after {
	opacity: 0;
}

div.nav-mobile nav > ul.nav > li.current_page_item.menu-item-has-children > a:after,
div.nav-mobile nav > ul.nav > li.current-page-ancestor.menu-item-has-children > a:after,
div.nav-mobile nav > ul.nav > li.current_page_parent.menu-item-has-children > a:after {
	opacity: 0;
}

div.nav-mobile nav ul.nav > li ul.sub-menu {
	display: none;
	padding: 0;
	margin: 0;
}

div.nav-mobile nav ul.nav > li.on ul.sub-menu {
	display: block;
}

div.nav-mobile nav ul.nav > li ul.sub-menu > li:before {
	content: none;
}

div.nav-mobile nav ul.nav > li ul.sub-menu > li:first-child {
	margin-top: 5px;
}

div.nav-mobile nav ul.nav > li ul.sub-menu > li:last-child {
	margin-bottom: 5px;
}

div.nav-mobile nav ul.nav > li ul.sub-menu > li a {
	display: inline-block;
	color: #fff;
	line-height: 1.944444444em; /* 35px / 18px */
	padding: 0 25px;
	border: 0 none;
	
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

div.nav-mobile nav ul.nav > li ul.sub-menu > li.current-menu-item a,
div.nav-mobile nav ul.nav > li ul.sub-menu > li a:active {
	color: #9bc24d;
}

div.nav-mobile nav > p.social {
	text-align: center;
	margin-top: 45px;
}

div.nav-mobile nav > p.social span {
	opacity: 0.5;
	font-size: 0.888888889em; /* 16px / 18px */
	line-height: 2.1875em; /* 35px / 16px */
	color: #fff;
}

div.nav-mobile nav > p.social a {
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	border: 2px solid #fff;
	margin-left: 10px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

div.nav-mobile nav > p.social a.fb {
	background: url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.nav-mobile nav > p.social a.fb:active {
	background-color: #3b5998;
	border-color: #3b5998;
}

div.nav-mobile nav > p.social a.yt {
	background: url(assets/img/icon_yt_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.nav-mobile nav > p.social a.yt:active {
	background-color: #e52d26;
	border-color: #e52d26;
}

div.nav-mobile nav > p.social a.tw {
	background: url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.nav-mobile nav > p.social a.tw:active {
	background-color: #55acee;
	border-color: #55acee;
}

/* Nav mobile - 404 specific */

body.error404 div.nav-mobile nav > ul.nav > li.current_page_parent a {
	color: #fff;
	border-color: transparent;
}

body.error404 div.nav-mobile nav > ul.nav > li.current_page_parent a:active {
	color: #9bc24d;
}

/* Nav mobile - Search specific */

body.search div.nav-mobile nav > ul.nav > li.current_page_parent a {
	color: #fff;
	border-color: transparent;
}

body.search div.nav-mobile nav > ul.nav > li.current_page_parent a:active {
	color: #9bc24d;
}

/* Footer */

footer.site-footer {
	position: relative;
	background: url(assets/img/pattern_2.png) bottom left repeat-x,
		url(assets/img/pattern.jpg) top left repeat;
	background: url(assets/img/pattern_2.png) bottom left repeat-x,
		-webkit-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
	background: url(assets/img/pattern_2.png) bottom left repeat-x,
		linear-gradient(to bottom,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
	min-width: 320px;
	padding: 105px 0 150px 0;
	margin-top: 60px;
}

footer.site-footer:before {
	background: #fff;
	position: absolute;
	width: calc(100% - 30px);
	height: 4px;
	top: 60px;
	left: 15px;
	content: '';
}

footer.site-footer .wrapper > div,
footer.site-footer .wrapper > nav {
	margin-top: 30px;
}

footer.site-footer .wrapper > div:first-child {
	margin-top: 0;
}

footer.site-footer .logo {
	display: block;
	height: 45px;
	overflow: hidden;
	border: 0 none;
}

footer.site-footer .logo > img {
	display: block;
	height: 25px;
	margin-top: 10px;
}

footer.site-footer h6,
footer.site-footer p,
footer.site-footer small {
	color: #fff;
}

footer.site-footer h6 strong {
	font-family: 'Akkurat', sans-serif;
}

footer.site-footer ul.social {
	padding: 0;
	margin: 0;
}

footer.site-footer ul.social > li {
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

footer.site-footer ul.social > li:first-child {
	margin-left: 0;
}

footer.site-footer ul.social > li:before {
	content: none;
}

footer.site-footer ul.social > li a {
	display: block;
	width: 35px;
	height: 35px;
	border: 2px solid #fff;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

footer.site-footer ul.social > li.fb a {
	background: url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

footer.site-footer ul.social > li.fb a:active {
	background-color: #3b5998;
	border-color: #3b5998;
}

footer.site-footer ul.social > li.yt a {
	background: url(assets/img/icon_yt_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

footer.site-footer ul.social > li.yt a:active {
	background-color: #e52d26;
	border-color: #e52d26;
}

footer.site-footer ul.social > li.tw a {
	background: url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
}

footer.site-footer ul.social > li.tw a:active {
	background-color: #55acee;
	border-color: #55acee;
}
footer.site-footer ul.social > li.insta a{
        background: url(assets/img/icon_instagram.png) center center no-repeat;
        background-size: 19px 19px;
}

footer.site-footer .contact p > span:first-child {
	display: block;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
	opacity: 0.5;
}

footer.site-footer .contact p > span:last-child {
	font-size: 1.166666667em; /* 21px / 18px */
	line-height: 1.428571429em; /* 30px / 21px */
}

footer.site-footer .contact p > span:last-child a {
	color: #fff;
	border-bottom: 2px solid #fff;
	
	-webkit-transition: border 0.2s linear;
	transition: border 0.2s linear; 
}

footer.site-footer .contact p > span:last-child a:active {
	border-color: #9bc24d;
}

footer.site-footer ul.nav {
	padding: 0;
	margin-top: -5px; /* fix for vertical flow */
}

footer.site-footer ul.nav > li:before {
	content: none;
}

footer.site-footer ul.nav > li a {
	position: relative;
	display: block;
	font-size: 0.833333333em;/* 15px / 18px */
	line-height: 2em; /* 30px / 15px */
	color: #fff;
	opacity: 1;
	border: 0 none;
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

footer.site-footer ul.nav > li a:active {
	opacity: 0.5;
}

footer.site-footer ul.nav > li a:after {
	position: absolute;
	background: url(assets/img/icon_arrow_white.svg) center center no-repeat;
	background-size: 16px auto;
	display: block;
	width: 16px;
	height: 30px;
	top: 0;
	right: 0;
	content: '';
	
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

footer.site-footer ul.nav > li a:active:after {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

/* Sections */

/* Sections - Promo */

section.promo {
	padding-top: 35px;
}

section.promo .copy i.line {
	background: #b7b8bd;
}

section.promo .img {
	text-align: center;
	line-height: 0;
	margin-top: 15px;
}

section.promo .img img {
	display: inline-block;
	max-width: 100%;
}

/* Sections - Promo - Home specific */

body.home section.promo {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Sections - Promo - About specific */

body.page-template-page-about section.promo {
	background-color: #eaebf0;
}

/* Sections - Promo - Contact specific */

/* Sections - Promo - Products specific */

body.page-template-page-products section.promo {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Sections - Products */

section.products .list {
	margin-top: 55px;
}

section.products .list > a {
	position: relative;
	display: block;
	z-index: 0;
	padding-bottom: 35px;
	border: 0 none;
	margin-bottom: 40px;
}

section.products .list > a:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

section.products .list > a:after {
	background: #eaebf0;
	position: absolute;
	width: calc(100% + 30px);
	height: 1px;
	bottom: 0;
	left: -15px;
	content: '';
}

section.products .list > a:last-child:after {
	content: none;
}

section.products .list > a.flagship {
	margin-top: 80px;
}

section.products .list > a.flagship:first-child {
	margin-top: 95px;
}

section.products .list > a.flagship:before {
	background: url(assets/img/pattern.jpg) top left repeat;
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	top: -40px;
	right: 10px;
	z-index: 1;
	color: #fff;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.071428571em; /* 15px / 14px */
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	content: 'Flag- ship';
	padding: 25px 0 0 19px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section.products .list > a .img {
	display: block;
	/*background-color: #eaebf0;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	width: 100%;
	height: 295px;
	margin-bottom: 45px;
}

section.products .list > a .img:after {
	background: rgba(23, 23, 26, 0.1);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

section.products .list > a:active .img:after {
	opacity: 1;
}

section.products .list > a .h3,
section.products .list > a .p {
	display: block;
	color: #17171a;
}

section.products .list > a .subtitle {
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: inherit;
	margin-top: -5px;
	margin-bottom: 1.428571429em; /* 20px / 14px */
}

section.products .list > a .more {
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: inherit;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border: 0 none;
}

section.products .list > a .more:after {
	display: inline-block;
	background: url(assets/img/icon_arrow_green.svg) center center no-repeat;
	background-size: 16px auto;
	width: 20px;
	height: 20px;
	content: '';
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -4px;
	
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

section.products .list > a:active .more:after {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

/* Sections - Newsletter */

section.newsletter {
	position: relative;
	background: #eaebf0 url(assets/img/bg_newsletter.jpg) top 50% right -200px no-repeat;
	padding: 55px 0;
}

section.newsletter p.title {
	position: absolute;
	width: 220px;
	height: 25px;
	top: 190px;
	left: 15px;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border-bottom: 2px solid #9bc24d;
	margin: 0;
	
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

section.newsletter .badge {
	display: block;
	width: 140px;
	height: 140px;
	margin: 0 0 40px 65px;
}

section.newsletter input {
	background: #fff url(assets/img/icon_email_gray.svg) left 15px top 23px no-repeat;
	background-size: 20px 20px;
	padding-left: 50px;
}

section.newsletter button:after {
	display: inline-block;
	background: url(assets/img/icon_arrow_white.svg) center center no-repeat;
	background-size: 16px auto;
	width: 16px;
	height: 16px;
	content: '';
	vertical-align: middle;
	margin: -4px 0 0 15px;
}

section.newsletter .disclaimer {
	position: relative;
	font-style: italic;
	font-size: 0.833333333em; /* 15px / 18px */
	line-height: 1.333333333; /* 20px / 15px */
	color: #999;
	padding: 3px 0 0 35px;
	margin-top: 22px;
}

section.newsletter .disclaimer:before {
	background: #b7b8bd url(assets/img/icon_i_beige.svg) center center no-repeat;
	background-size: 20px 20px;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	content: '';
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* Sections - Text */

section.text.type-1,
section.text.type-2 {
	background: #fff;
}

section.text.type-1 p,
section.text.type-2 p {
	color: #999;
}

/* Sections - Simple text */

/* Sections - People */

section.people {
	background: #eaebf0;
	padding: 55px 0;
}

section.people .list {
	margin-top: 35px;
}

section.people .list > div {
	margin-top: 50px;
}

section.people .list > div:first-child {
	margin-top: 0;
}

section.people .list > div img {
	display: block;
	margin-bottom: 35px;
}

section.people .list > div ul.social {
	padding: 0;
	margin-top: 30px;
}

section.people .list > div ul.social > li {
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

section.people .list > div ul.social > li:first-child {
	margin-left: 0;
}

section.people .list > div ul.social > li:before {
	content: none;
}

section.people .list > div ul.social > li a {
	display: block;
	width: 35px;
	height: 35px;
	border: 2px solid #17171a;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

section.people .list > div ul.social > li.li a {
	background: url(assets/img/icon_li_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

section.people .list > div ul.social > li.li a:active {
	background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #0077b5;
}

section.people .list > div ul.social > li.tw a {
	background: url(assets/img/icon_tw_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

section.people .list > div ul.social > li.tw a:active {
	background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #55acee;
}

/* Sections - Contact data */

section.contact-data .data {
	margin-top: 55px;
}

section.contact-data .data:first-child {
	margin-top: 0;
}

section.contact-data .data.phone {
	text-align: right;
}

section.contact-data .data > span {
	display: block;
}

section.contact-data .data > span:nth-child(1) {
	font-size: 1.222222222em; /* 22px / 18px */
	line-height: 1.363636364em; /* 30px / 22px */
	color: #999;
}

section.contact-data .data > span:nth-child(2) {
	color: #17171a;
	font-size: 1.666666667em; /* 30px / 18px */
	line-height: 1.666666667em; /* 50px / 30px */
	letter-spacing: -0.03em;
}

section.contact-data .data > span:nth-child(2) a {
	color: #17171a;
	border-bottom: 4px solid #17171a;
	
	-webkit-transition: border 0.2s linear;
	transition: border 0.2s linear;
}

section.contact-data .data > span:nth-child(2) a:active {
	border-color: #9bc24d;
}

section.contact-data .map {
	height: 400px;
	margin: 55px -15px 0 -15px;
}

section.contact-data .map .marker {
	position: relative;
	background: #17171a;
	width: 235px;
	height: 50px;
	font-family: 'HalisGR', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 50px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-align: center;
	color: #fff;
	margin-top: -12px;
	
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

section.contact-data .map .marker:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom: -12px;
	left: 50%;
	content: '';
	margin-left: -10px;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #17171a transparent transparent;
}

section.contact-data .map .marker > i {
	background: url(assets/img/icon_map_white.svg) center center no-repeat;
	background-size: 19px 19px;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -2px 2px 0 0;
}

/* Sections - Tile products */

section.tile-products .list {
	margin-top: 55px;
}

section.tile-products .list > a {
	background-color: #eaebf0;
	background-position: left 50% top calc(50% - 35px);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	display: block;
	height: 440px;
	overflow: hidden;
	border: 0 none;
	margin-top: 30px;
}

section.tile-products .list > a:first-child {
	margin-top: 0;
}

section.tile-products .list > a:before {
	background: rgba(23, 23, 26, 0.1);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

section.tile-products .list > a:active:before {
	opacity: 1;
}

section.tile-products .list > a.flagship:after {
	background: url(assets/img/pattern.jpg) top left repeat;
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	top: 15px;
	right: 15px;
	z-index: 1;
	color: #fff;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.071428571em; /* 15px / 14px */
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	content: 'Flag- ship';
	padding: 25px 0 0 19px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section.tile-products .list > a strong {
	position: absolute;
	bottom: 15px;
	width: 100%;
}

section.tile-products .list > a span {
	position: relative;
	display: block;
	color: #17171a;
	z-index: 1;
	margin-left: 15px;
	margin-right: 15px;
}

section.tile-products .list > a span.subtitle {
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.428571429em; /* 20px / 14px */
	font-weight: 400;
	margin-top: -5px;
}

section.tile-products .list > a i {
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

/* Sections - Tile products - Products specific */

/* Sections - Tile products - Product specific */

body.page-template-page-product section.tile-products {
	border-top: 5px solid #eaebf0;
	padding-top: 55px;
}

/* Sections - Product top */

section.product-top {
	background: #eaebf0;
	padding-top: 35px;
}

div.popup.video + section.product-top {
	margin-top: 115px;
}

section.product-top.flagship:after {
	background: url(assets/img/pattern.jpg) top left repeat;
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	top: 15px;
	right: 15px;
	z-index: 1;
	color: #fff;
	font-family: 'HalisGR', sans-serif;
	font-size: 0.666666667em; /* 12px / 18px */
	line-height: 1.25em; /* 15px / 12px */
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	content: 'Flag- ship';
	pointer-events: none;
	padding: 15px 0 0 12px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section.product-top .slider {
	position: relative;
	height: 395px;
	overflow: hidden;
	margin-top: 15px;
}

section.product-top .slider .cluster {
	height: 395px;
	width: 100%; /* set by JS */
	
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

section.product-top .slider .cluster.animate {
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

section.product-top .slider .cluster > div {
	position: relative;
	height: 395px;
	width: 100%; /* set by JS */
	float: left;
	padding-bottom: 75px;
}

section.product-top .slider .cluster > div.duplicate-last {
	position: absolute;
	right: 0;
	top: 0;
	
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

section.product-top .slider .cluster > div.duplicate-first {
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

section.product-top .slider .cluster > div img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	border: 1px solid #eaebf0;
}

section.product-top .slider nav a {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	bottom: 0;
	border: 0 none;
}

section.product-top .slider nav a.prev {
	background: #fff url(assets/img/icon_arrow_reverse_navy.svg) center center no-repeat;
	background-size: 16px auto;
	left: 0;
}

section.product-top .slider nav a.prev:active {
	background-image: url(assets/img/icon_arrow_reverse_green.svg);
	background-size: 16px auto;
}

section.product-top .slider nav a.next {
	background: #fff url(assets/img/icon_arrow_navy.svg) center center no-repeat;
	background-size: 16px auto;
	left: 62px;
}

section.product-top .slider nav a.next:active {
	background-image: url(assets/img/icon_arrow_green.svg);
	background-size: 16px auto;
}

/* Sections - Features */

section.features ul {
	padding: 0;
}

section.features ul > li:before {
	content: none;
}

section.features ul > li {
	font-weight: 700;
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

section.features ul > li:first-child {
	border-top: 1px solid #e5e5e5;
}

/* Sections - Share */

section.share ul {
	padding: 0;
}

section.share ul > li {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
}

section.share ul > li:before {
	content: none;
}

section.share ul > li a {
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #17171a;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

section.share ul > li.fb a {
	background: #fff url(assets/img/icon_fb_navy.svg) center center no-repeat;
	background-size: 21px 21px;
}

section.share ul > li.fb a:active {
	background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 21px 21px;
	border-color: #3b5998;
}

section.share ul > li.li a {
	background: #fff url(assets/img/icon_li_navy.svg) center center no-repeat;
	background-size: 21px 21px;
}

section.share ul > li.li a:active {
	background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
	background-size: 21px 21px;
	border-color: #0077b5;
}

section.share ul > li.tw a {
	background: url(assets/img/icon_tw_navy.svg) center center no-repeat;
	background-size: 21px 21px;
}

section.share ul > li.tw a:active {
	background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 21px 21px;
	border-color: #55acee;
}

/* Sections - Share - Post specific */

body.single-post section.share {
	display: none;
}

/* Sections - Content area */

div.content-area {
	margin-top: 115px;
}

div.content-area article {
	margin-top: 60px;
}

div.content-area h1.archive + article,
div.content-area h1.search-results + article {
	margin-top: 0;
}

div.content-area article:first-child {
	margin-top: 0;
}

div.content-area article .meta {
	padding: 19px 0;
	border: 1px solid #eaebf0;
	border-width: 1px 0;
	margin-bottom: 35px;
}

div.content-area article .meta time {
	display: block;
	font-style: italic;
}

div.content-area article .meta .author {
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.785714286em; /* 25px / 14px */
}

div.content-area article .meta ul.share {
	padding: 0;
}

div.content-area article .meta ul.share > li {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin-left: 10px; 
}

div.content-area article .meta ul.share > li:first-child {
	margin-left: 0;
}

div.content-area article .meta ul.share > li:before {
	content: none;
}

div.content-area article .meta ul.share > li a {
	display: block;
	width: 35px;
	height: 35px;
	border: 2px solid #17171a;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

div.content-area article .meta ul.share > li.fb a {
	background: #fff url(assets/img/icon_fb_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.content-area article .meta ul.share > li.fb a:active {
	background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #3b5998;
}

div.content-area article .meta ul.share > li.li a {
	background: #fff url(assets/img/icon_li_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.content-area article .meta ul.share > li.li a:active {
	background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #0077b5;
}

div.content-area article .meta ul.share > li.tw a {
	background: url(assets/img/icon_tw_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

div.content-area article .meta ul.share > li.tw a:active {
	background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #55acee;
}

div.content-area article > a.img {
	position: relative;
	display: block;
	border: 0 none;
}

div.content-area article > a.img:after {
	background: rgba(23, 23, 26, 0.1);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

div.content-area article a.img:active:after {
	opacity: 1;
}

div.content-area article > a.img img {
	display: block;
	width: 100%;
	height: auto;
}

div.content-area nav {
	margin-top: 60px;
}

div.content-area nav a {
	background-color: #17171a;
	display: block;
	height: 60px;
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	font-size: 0.722222222em; /* 13px / 18px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 60px;
	color: #fff;
	text-align: center;
	border: 0 none;
	margin-top: 5px;
	
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

div.content-area nav a:active {
	background-color: #9bc24d; 
}

div.content-area nav a:first-child {
	margin-top: 0;
}

div.content-area nav a.prev:before {
	background: url(assets/img/icon_arrow_reverse_white.svg) center center no-repeat;
	background-size: 16px auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: '';
	vertical-align: middle;
	margin: -4px 15px 0 0;
}

div.content-area nav a.next:after {
	background: url(assets/img/icon_arrow_white.svg) center center no-repeat;
	background-size: 16px auto;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: '';
	vertical-align: middle;
	margin: -4px 0 0 15px;
}

/* Sections - Content area - Search specific */

body.search div.content-area nav {
	margin-top: 55px;
}

/* Sections - Aside */

aside {
	position: relative;
	padding-top: 50px;
	margin-top: 60px;
}

aside:before {
	background: #eaebf0;
	position: absolute;
	display: block;
	width: calc(100% + 30px);
	height: 1px;
	top: 0;
	left: -15px;
	content: '';
}

aside > div {
	padding-top: 35px;
	border-top: 1px solid #eaebf0;
	margin-top: 35px;
}

aside > div:first-child {
	padding-top: 0;
	border-top: 0 none;
	margin-top: 0;
}

aside > div h3 {
	font-size: 0.888888889em; /* 16px / 18px */
	line-height: 1.25em; /* 20px / 16px */
	margin: 0.625em 0; /* 10px / 16px */
}

aside > div.newsletter .badge {
	display: block;
	width: 140px;
	height: 140px;
	margin-bottom: 25px;
}

aside > div.newsletter form {
	margin-top: 25px;
}

aside > div.newsletter input {
	background: #eaebf0;
	height: 45px;
	font-size: 0.944444444em; /* 17px / 18px */
	padding: 10px 45px 10px 20px;
}

aside > div.newsletter input[type=email]::-webkit-input-placeholder {
	color: #17171a;
}

aside > div.newsletter input[type=email]:-moz-placeholder {
	color: #17171a;
}

aside > div.newsletter input[type=email]::-moz-placeholder {
	color: #17171a;
}

aside > div.newsletter input[type=email]:-ms-input-placeholder {
	color: #17171a !important;
}

aside > div.newsletter button {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 5px;
	right: 5px;
	padding: 0;
	margin: 0;
}

aside > div.newsletter button:after {
	position: relative;
	background: url(assets/img/icon_arrow_white.svg) center center no-repeat;
	background-size: 16px auto;
	display: block;
	width: 35px;
	height: 35px;
	content: '';
	z-index: 1;
}

aside > div.newsletter button.loading:after {
	content: none;
}

aside > div.newsletter button.loading:before {
	top: 5px;
	right: 5px;
}

aside > div.newsletter .disclaimer {
	position: relative;
	font-style: italic;
	font-size: 0.833333333em; /* 15px / 18px */
	line-height: 1.333333333; /* 20px / 15px */
	color: #999;
	padding: 3px 0 0 35px;
	margin-top: 22px;
}

aside > div.newsletter .disclaimer:before {
	background: #b7b8bd url(assets/img/icon_i_beige.svg) center center no-repeat;
	background-size: 20px 20px;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	content: '';
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

aside > div.social ul {
	padding: 0;
}

aside > div.social ul > li:before {
	content: none;
}

aside > div.social ul > li {
	display: block;
	height: 45px;
	padding-top: 5px;
}

aside > div.social ul > li a {
	position: relative;
	display: block;
	font-family: 'HalisGR', sans-serif;
	font-weight: 700;
	font-size: 0.722222222em; /* 13px / 18px */
	text-transform: uppercase;
	letter-spacing: 0.15em;
	line-height: 35px;
	color: #17171a;
	border: 0 none;
	padding-left: 45px;
}

aside > div.social ul > li a:before {
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	top: 0;
	left: 0;
	content: '';
	border: 2px solid #17171a;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

aside > div.social ul > li.fb a:before {
	background: #fff url(assets/img/icon_fb_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

aside > div.social ul > li.fb a:active:before {
	background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #3b5998;
}

aside > div.social ul > li.yt a:before {
	background: #fff url(assets/img/icon_yt_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

aside > div.social ul > li.yt a:active:before {
	background: #e52d26 url(assets/img/icon_yt_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #e52d26;
}

aside > div.social ul > li.tw a:before {
	background: #fff url(assets/img/icon_tw_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

aside > div.social ul > li.tw a:active:before {
	background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #55acee;
}

aside > div.posts .list {
	margin-top: 25px;
}

aside > div.posts .list > a {
	position: relative;
	display: block;
	min-height: 90px;
	color: #17171a;
	border: 0 none;
	margin-top: 30px;
}

aside > div.posts .list > a:first-child {
	margin-top: 0;
}

aside > div.posts .list > a > img {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 0;
	left: 0;
}

aside > div.posts .list > a > strong,
aside > div.posts .list > a > time {
	display: block;
	margin-left: 110px;
}

aside > div.posts .list > a > strong {
	font-size: 0.888888889em; /* 16px / 18px */
	line-height: 1.25em; /* 20px / 16px */
	
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

aside > div.posts .list > a:active > strong {
	color: #9bc24d;
}

aside > div.posts .list > a > time {
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
	font-style: italic;
	color: #999;
	margin-top: 0.769230769em; /* 10px / 13px */
}

aside > div.tags .list {
	margin: 15px -5px 0 -5px;
}

aside > div.tags .list > a {
	background: #eaebf0;
	display: block;
	float: left;
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.428571429em; /* 20px / 14px */
	color: #17171a;
	font-weight: 700;
	padding: 5px 10px;
	border: 0 none;
	margin: 10px 5px 0 5px;
	
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

aside > div.tags .list > a:active {
	background: #17171a;
	color: #fff;
}

/* Sections - Aside - Post specific */

body.single-post aside {
	margin-top: 55px;
}

/* Sections - Article full */

article.full {
	margin-top: 115px;
}

article.full section {
	margin: 0;
}

article.full section.post-top {
	margin: 0;
}

article.full section.post-top .meta {
	margin-bottom: 25px;
}

article.full section.post-top .meta time {
	display: block;
	font-style: italic;
}

article.full section.post-top .meta .author {
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.785714286em; /* 25px / 14px */
}

article.full section.post-top img {
	display: block;
	max-width: 100%;
	height: auto;
}

article.full section.post-content {
	margin-top: 30px;
}

article.full section.post-content p:first-child,
article.full section.post-content ul:first-child,
article.full section.post-content ol:first-child,
article.full section.post-content blockquote:first-child,
article.full section.post-content pre:first-child {
	margin-top: 0;
}

article.full section.post-content p:last-child,
article.full section.post-content ul:last-child,
article.full section.post-content ol:last-child,
article.full section.post-content blockquote:last-child,
article.full section.post-content pre:last-child {
	margin-bottom: 0;
}

article.full section.post-content p,
article.full section.post-content ul,
article.full section.post-content ol,
article.full section.post-content blockquote,
article.full section.post-content pre {
	font-size: 0.888888889em; /* 16px / 18px */
	line-height: 1.25em; /* 20px / 16px */
	margin: 1.25em 0; /* 20px / 16px */
}

article.full section.post-content p:first-child:first-letter {
	float: left;
	font-size: 3em; /* 48px / 16px */
	line-height: 39px; /* fix for vertical flow */
	margin-right: 0.208333333em; /* 10px / 48px */
	margin-top: 1px; /* fix for vertical flow */
}

article.full section.post-content blockquote p:first-child:first-letter {
	float: none;
	font-size: inherit;
	line-height: inherit;
	margin-right: 0;
	margin-top: 0;
}

article.full section.post-content p small {
	font-size: 0.75em; /* 12px / 16px */
	line-height: inherit;
}

article.full section.post-content img {
	max-width: 100%;
}

article.full section.post-content img.aligncenter,
article.full section.post-content img.alignleft,
article.full section.post-content img.alignright {
	display: block;
	margin: 1.25em 0; /* 20px / 16px */
}

article.full section.post-info {
	position: relative;
	padding-top: 50px;
	margin-top: 55px;
}

article.full section.post-info:before {
	background: #eaebf0;
	position: absolute;
	display: block;
	width: calc(100% + 30px);
	height: 1px;
	top: 0;
	left: -15px;
	content: '';
}

article.full section.post-info .share ul {
	padding: 0;
}

article.full section.post-info .share ul > li {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-left: 5px;
}

article.full section.post-info .share ul > li:first-child {
	margin-left: 0;
}

article.full section.post-info .share ul > li:before {
	content: none;
}

article.full section.post-info .share ul > li a {
	display: block;
	width: 35px;
	height: 35px;
	border: 2px solid #17171a;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

article.full section.post-info .share ul > li.fb a {
	background: #fff url(assets/img/icon_fb_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

article.full section.post-info .share ul > li.fb a:active {
	background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #3b5998;
}

article.full section.post-info .share ul > li.li a {
	background: #fff url(assets/img/icon_li_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

article.full section.post-info .share ul > li.li a:active {
	background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #0077b5;
}

article.full section.post-info .share ul > li.tw a {
	background: url(assets/img/icon_tw_navy.svg) center center no-repeat;
	background-size: 19px 19px;
}

article.full section.post-info .share ul > li.tw a:active {
	background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
	background-size: 19px 19px;
	border-color: #55acee;
}

article.full section.post-info .share .counter {
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: 1.538461538em; /* 20px / 13px */
	color: #999;
}

article.full section.post-info .share .counter > span {
	color: #17171a;
}

article.full section.post-info .author {
	padding-top: 35px;
	border-top: 1px solid #eaebf0;
	margin-top: 35px;
}

article.full section.post-info .author img {
	width: 100px;
	height: 100px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

article.full section.post-info .author .more {
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: inherit;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* Sections - Related */

section.related {
	border-top: 5px solid #eaebf0;
	padding-top: 55px;
}

section.related .list {
	margin-top: 55px;
}

section.related .list > article {
	position: relative;
	padding-bottom: 35px;
	margin-bottom: 40px;
}

section.related .list > article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

section.related .list > article:after {
	background: #eaebf0;
	position: absolute;
	width: calc(100% + 30px);
	height: 1px;
	bottom: 0;
	left: -15px;
	content: '';
}

section.related .list > article:last-child:after {
	content: none;
}

section.related .list > article a.img {
	position: relative;
	display: block;
	border: 0 none;
	margin-bottom: 20px;
}
section.related .list > article a.img:after {
	background: rgba(23, 23, 26, 0.1);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

section.related .list > article a.img:active:after {
	opacity: 1;
}

section.related .list > article a.img img {
	display: block;
	max-width: 100%;
	height: auto;
}

section.related .list > article .author {
	font-size: 0.777777778em; /* 14px / 18px */
	line-height: 1.785714286em; /* 25px / 14px */	
}

section.related .list > article .more {
	font-family: 'HalisGR', sans-serif;
	font-size: 0.722222222em; /* 13px / 18px */
	line-height: inherit;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border: 0 none;
}

section.related .list > article .more:after {
	display: inline-block;
	background: url(assets/img/icon_arrow_green.svg) center center no-repeat;
	background-size: 16px auto;
	width: 20px;
	height: 20px;
	content: '';
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -4px;
	
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
}

section.related .list > article .more:active:after {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0);
}

.h2Tp_cart1{padding-top:25px;}
/*************EDIT code 11/01/17******************/

#container #content{padding:0px 30px; box-sizing:border-box; overflow:hidden;}
#container{margin-top:180px;}
#content #container + aside{padding:0px 30px; box-sizing:border-box; display:none;}
#content #container + aside:before{width:100%; left:0px;}

.woocommerce div.product form.cart{
	margin:0px 0px 40px 0px;
}
body.woocommerce div.product form.cart .button,
body.woocommerce-page .products .product.type-product .variations_form.cart .button{
	width:auto;
	padding:0px 25px;
	box-sizing:border-box;
	height:40px;
	line-height:37px;
	background:#ffffff;
	border:2px solid #17171A;
	border-radius:0px !important;
	color:#17171A;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0px;
	margin-top:0px;
}
body.woocommerce div.product form.cart .button:hover,
body.woocommerce-page .products .product.type-product .variations_form.cart .button:hover{
	border-color:#9BC24D;
	background:#ffffff;
	color:#17171A;
}

body.woocommerce div.product form.cart .button{
	background:#17171A;
	color:#ffffff;
	font-weight:700;
	letter-spacing:1px;
	font-size:0.722222em;
	height:60px;
	padding-left:26px;
	padding-right:26px;
	font-family:'HalisGR', sans-serif;
}
body.woocommerce div.product form.cart .button:hover{background:#9BC24D; color:#ffffff;}

body.woocommerce-page .products .product.type-product .woocommerce-variation-add-to-cart,
body.woocommerce-page .products .product.type-product .cart:not(.variations_form){padding-top:4px; padding-left:0px;}

body.woocommerce-page .products .product.type-product .cart:not(.variations_form){margin-top:10px;}

body.woocommerce-page .products .product.type-product .variations_form.cart .button,
body.woocommerce-page .products .product.type-product .cart .button{width:100%; margin-top:0px; height:40px;}

body.woocommerce div.product .product_meta{display:none;}

.woocommerce-page .products .product.type-product .quantity{
	float:left;
	margin-right:0px;
	margin-left:0px;
	width:100%;
	margin-bottom:8px;
}
.woocommerce-page .products .product.type-product .quantity:before{width:57%;}

.woocommerce div.product form.cart .quantity,
.woocommerce-page form.cart .quantity{
	width:220px;
	height:60px;
	box-sizing:border-box;
	border:2px solid #17171A;
	margin-right:10px !important;
	border-radius:0px !important;
	font-style:13px;
	color:#17171a;
	font-weight:700;
	background:none;
	white-space:nowrap;
}
.woocommerce div.product form.cart .quantity:before,
.woocommerce-page form.cart .quantity:before{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:120px;
	text-align:center;
	content:"Quantity:";
	font-weight:normal;
	font-size:0.722222em;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:56px;
	font-weight:700;
}
.woocommerce div.product form.cart .quantity .qty,
.woocommerce-page form.cart .quantity .qty{
	width:50px;
	height:36px;
	border:0px;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;
	border-radius:0px !important;
	background:none;
	display:inline-block;
	padding:0px;
	font-weight:700;
	font-family:"Akkurat",sans-serif;
}
.addBtn{
	cursor:pointer;
	display:inline-block;
	color:inherit;
	text-decoration:none;
	border:0px !important;
}
.txt_pg_poll{
	font-size:15px;
	font-style:italic;
	padding:20px 0px 0px 37px;
	background:url(image/ico-i.png) 0px 20px no-repeat;
	display:block;
	float:none;
	clear:both;
	color:#999;
	line-height:1.8em;
}
body.woocommerce-page .shop_table_responsive.cart .actions input.button[type=submit],
body .woocommerce a.button.alt,
body.woocommerce-page .products .product.type-product .variations_form.cart .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
body.woocommerce-page .products .product.type-product .variations_form.cart .button,
body.woocommerce-page .products .product.type-product .cart .button{
	background:#17171A !important;
	border-color:#17171A !important;
	font-weight:700 !important;
	letter-spacing:1px !important;
	font-size:0.722222em !important;
	height:60px !important;
	font-family:'HalisGR', sans-serif;
	opacity:1 !important;
	color:#ffffff !important;
	text-transform:uppercase !important;
	border:0px;
	padding:0px 26px 0px 26px !important;
	line-height:58px;
}
body.woocommerce-page .shop_table_responsive.cart .actions input.button[type=submit]{
	padding-left:38px !important;
	padding-right:38px !important;
}

.addLine_Top{border-top:1px solid #b7b8bd; padding-top:26px; margin-top:35px;}
.woocommerce .price .woocommerce-Price-amount.amount{font-size:24px; font-family:"Akkurat",sans-serif;}
body.woocommerce div.product .variations select,
.products .product.type-product .variations_form.cart select
{
	border:2px solid #17171A;
	border-radius:0px !important;
	height:40px;
	width:100%;
}
.woocommerce .product .price .zl-amount{
	color: gray;
	font-family: "Akkurat", sans-serif;
	font-size: 18px;
	font-style: italic;
	opacity: 0.5;
}
body.woocommerce table.variations,
.woocommerce-page table.variations{
	width:100%;
}

.woocommerce-page  .variations .value,
.woocommerce  div.product .variations .value{position:relative; margin-bottom:10px;}

.woocommerce-page  .variations .value .reset_variations,
.woocommerce  div.product .variations .value .reset_variations{
	position:absolute;
	bottom:-22px;
	right:0px;
	font-size:12px;
	line-height:16px;
}

body .woocommerce .product-name dl.variation{margin-top:0px;}
body .woocommerce .product-name dl.variation .variation-Types{margin-bottom:0px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before{display:none;}
.woocommerce .price .woocommerce-Price-amount.amount{color:#17171a; text-shadow:0px 0px 0px #17171a;}
.woocommerce .price .woocommerce-Price-amount.amount:before{
	display:inline;
	width:auto;
	height:auto;
	content:"Price: ";
	color:inherit;
	font-size:14px;
	font-family:"Akkurat",sans-serif;
	font-weight:normal;
	text-shadow:0px 0px 0px #17171a;
	text-transform:uppercase;
	
}

.woo-cart-li > a{position:relative;}
.woo-cart-li > a > span{
	position:absolute;
	top:8px;
	right:3px;
	display:block;
	width:auto;
	height:auto;
	line-height:18px;
	font-size:10px;
	color:#000000;
	background:#9BC24D;
	border-radius:20px;
	text-align:center;
	width:18px;
	height:18px;
	letter-spacing:-1px;
	padding-right:1px;
	box-sizing:border-box;
}
.link_for_cable{color:#17171A;}
.link_for_cable:hover{color:#9bc24d;}

.woocommerce-cart .woocommerce-message .button.wc-forward{display:none;}

.woocommerce-cart section.simple-text .copy{margin-right:0px !important; width:100% !important; box-sizing:border-box !important;}

body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt{
	background:#ffffff;
	border:2px solid #17171A;
	border-radius:0px !important;
	color:#17171A;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0.2px;
}
body .button{border-radius:0px !important;}
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover{
	border-color:#9BC24D;
	background:none;
	color:#000000;
}

body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea,
.select2-container .select2-choice{
	background-clip:padding-box;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:3px;
    color:#444;
    display:block;
    font-weight:400;
    overflow:hidden;
    padding:0px 0px 0px 8px;
    position:relative;
    text-decoration:none;
    white-space:nowrap;
	height:35px;
	line-height:34px;
}
body .woocommerce form .form-row textarea.input-text {height:100px; line-height:1.4em;}
.wc_payment_methods li:before,
.woocommerce-error li:before,
.woocommerce ul.products li:before,
ul.order_details li:before
{display:none !important; opacity:0;}
body .woocommerce form #coupon_code{
	width:auto;
	height: 60px;
	font-family: 'HalisGR', sans-serif;
}
.products .product.type-product .variations_form.cart{margin-top:0px;}

.description_link_prod{padding-bottom:14px;}
.videoFileProdBX{float:left; width:auto; margin-top:30px;}
.videoStyleYou{
	width:850px;
	height:420px;
	max-width:100%;
	margin-right:20px;
}
section.text.type-2 .wrapper > h5 {
		/*width: 66.666666667%;*/
		width:49.5%;
		float:left;
	}
	section.text.type-2 .wrapper .videoFileProdBX{float:right; width:50%; height:180px;}
	section.text.type-2 .wrapper .videoFileProdBX iframe{width:100%; height:100%;}

.woocommerce form .form-row-first.validate-email,
.woocommerce form .form-row-last.validate-phone{float:none; width:100%;}

.page-id-36 section.text.type-2 .wrapper > h5 {float:none; width:100%;}
/*************END EDIT code 17/01/17******************/


/* Media queries */
@media (max-width: 1200px) {
/*.woocommerce-page .products .product.type-product .quantity{margin-bottom:10px;}*/
body.woocommerce-page .products .product.type-product .variations_form.cart .button{box-sizing:border-box; width:100%; text-align:center; padding-left:5px; padding-right:5px;}
/*.woocommerce-page form.cart .quantity .qty{width:100%; text-align:right; margin-right:0px; box-sizing:border-box;}*/
/*.woocommerce-page form.cart .quantity{margin-right:0px; width:100%; box-sizing:border-box;}*/
body.woocommerce-page .products .product.type-product .woocommerce-variation-add-to-cart{padding-left:0px;}
.woocommerce-page .products .product.type-product .quantity{margin-left:0px;}
section.text.type-2 .wrapper .videoFileProdBX{height:225px;}
}
@media (max-width: 1000px) {
.videoStyleYou{width:100%; margin-right:0px;}
.videoFileProdBX{float:none;}
.woocommerce-page .products .product.type-product .quantity:before{display:none;}
.woocommerce-page .products .product.type-product .quantity{text-align:center; height:40px;}
section.text.type-2 .wrapper .videoFileProdBX{height:240px;}
}
@media (max-width: 900px) {
section.text.type-2 .wrapper .videoFileProdBX,
section.text.type-2 .wrapper > h5{width:100%;}
section.text.type-2 .wrapper .videoFileProdBX{margin-top:10px; margin-bottom:30px;}
}
@media (max-width:600px) {
.videoStyleYou{height:300px;}
}

@media (min-width: 768px) {
	/* Fonts */

	/* Animations */
	
	/* Common */
	
	section:first-child {
		margin-top: 180px;
	}
	
	.wrapper {
		padding: 0 30px;
	}
	
	/* Fixes */
	
	/* Text */
	
	h1, .h1 {
		font-size: 2.222222222em; /* 40px / 18px */
		line-height: 1.25em; /* 50px / 40px */
		margin: 0.625em 0; /* 25px / 40px */
	}
	
	h2, .h2 {
		font-size: 1.444444444em; /* 26px / 18px */
		line-height: 1.346153846em; /* 35px / 26px */
		margin: 0.769230769em 0 0.576923077em 0; /* 20px / 26px, 15px / 26px */
	}
	
	p.actions {
		margin: 25px -10px 0 -10px;
	}
	
	p.actions:after {
		display: table;
		clear: both;
		content: '';
	}
	
	p.actions > .button,
	p.actions > .link {
		float: left;
		width: auto;
	}
	
	p.actions > * {
		margin: 5px 10px 0 10px;
	}
	
	p.actions > *:first-child {
		margin-top: 5px;
	}
	
	/* Forms */
	
	/* Popup */
	
	/* Attachments */
	
	.attachments {
		width: calc(100% + 30px);
		margin: 25px -15px 0 -15px;
	}
	
	.attachments.float-left {
		margin-top: 10px;
	}
	
	.attachments > a {
		float: left;
		width: auto;
		height: 105px;
		padding-right: 60px;
		margin: 30px 15px 0 15px;
	}
	
	.attachments > a:first-child {
		margin-top: 30px;
	}
	
	/* Back */
	
	/* Back - Product specific */
	
	body.page-template-page-product a.back {
		position: absolute;
		display: block;
		top: 20px;
		left: 30px;
		z-index: 1;
		margin-bottom: 0;
	}
	
	/* Back - Post specific */
	
	/* Header */
	
	header.site-header {
		height: 180px;
		padding: 0 30px;
	}
	
	header.site-header:before {
		width: calc(100% - 60px);
		left: 30px;
	}
	
	header.site-header .logo {
		min-width: 380px; /* IE fix */
		left: 30px;
	}
	
	header.site-header .logo > span {
		position: relative;
		display: block;
		float: left;
		height: 20px; /* fix for webkit */
		font-size: 0.777777778em; /* 14px / 18px */
		line-height: 1.5em; /* 21px / 14px, fix for webkit */
		color: #17171a;
		padding-left: 30px;
		margin-top: 15px;
	}
	
	header.site-header .logo > span:before {
		background: #eaebf0;
		position: absolute;
		display: block;
		width: 2px;
		height: 25px;
		bottom: 0;
		left: 14px;
		content: '';
	}
	
	header.site-header .social {
		display: block;
		float: right;
		height: 35px;
		margin-top: 58px;
	}
	
	header.site-header .social span {
		display: block;
		float: left;
		font-size: 0.888888889em; /* 16px / 18px */
		line-height: 1.25em; /* 20px / 16px */
		margin-top: 7px; /* fix for vertical flow */
	}
	
	header.site-header .social ul {
		float: left;
		padding: 0;
		margin: 0;
	}
	
	header.site-header .social ul > li {
		float: left;
		width: 35px;
		height: 35px;
		margin-left: 10px;
	}
	
	header.site-header .social ul > li:before {
		content: none;
	}
	
	header.site-header .social ul > li a {
		display: block;
		width: 35px;
		height: 35px;
		border: 2px solid #17171a;
		
		-webkit-border-radius: 50%;
		border-radius: 50%;
		
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	header.site-header .social ul > li.fb a {
		background: url(assets/img/icon_fb_navy.svg) center center no-repeat;
		background-size: 19px 19px;
	}
	
	header.site-header .social ul > li.fb a:active {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #3b5998;
	}
	
	header.site-header .social ul > li.yt a {
		background: url(assets/img/icon_yt_navy.svg) center center no-repeat;
		background-size: 19px 19px;
	}
	
	header.site-header .social ul > li.yt a:active {
		background: #e52d26 url(assets/img/icon_yt_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #e52d26;
	}
	
	header.site-header .social ul > li.tw a {
		background: url(assets/img/icon_tw_navy.svg) center center no-repeat;
		background-size: 19px 19px;
	}
	
	header.site-header .social ul > li.tw a:active {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;
	}
        header.site-header .social ul > li.insta a{
                background: url(assets/img/icon_instagram_black.png) center center no-repeat;
		background-size: 19px 19px;
        }
	
	header.site-header nav {
		position: absolute;
		display: block;
		width: 100%;
		top: 115px;
		left: 50%;
		
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	
	header.site-header nav ul.primary-menu {
		text-align: center;
		padding: 0;
	}
	
	header.site-header nav ul.primary-menu > li {
		position: relative;
		display: inline-block;
		height: 40px;
	}
	
	header.site-header nav ul.primary-menu > li:before {
		content: none;
	}
	
	header.site-header nav ul.primary-menu > li > a {
		display: block;
		height: 40px;
		font-family: 'HalisGR', sans-serif;
		font-weight: 700;
		font-size: 0.722222222em; /* 13px / 18px */
		line-height: 36px;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: #17171a;
		padding: 0 25px;
		border: 2px solid transparent;
		
		-webkit-transition: color 0.2s linear;
		transition: color 0.2s linear;
	}
	
	header.site-header nav ul.primary-menu li > a:active {
		color: #9bc24d;
	}
	
	header.site-header nav ul.primary-menu > li.current_page_item > a,
	header.site-header nav ul.primary-menu > li.current-page-ancestor > a,
	header.site-header nav ul.primary-menu > li.current_page_parent > a {
		border-color: #9bc24d;
	}
	
	header.site-header nav ul.sub-menu {
		display: none;
	}
	
	header.site-header .toggle {
		display: none;
	}
	
	/* Header - 404 specific */
	
	body.error404 header.site-header nav ul > li.current_page_parent a {
		border-color: transparent;
		color: #17171a;
	}
	
	body.error404 header.site-header nav ul > li.current_page_parent a:active {
		color: #9bc24d;
	}
	
	/* Header - Search specific */
	
	body.search header.site-header nav ul > li.current_page_parent a {
		border-color: transparent;
		color: #17171a;
	}
	
	body.search header.site-header nav ul > li.current_page_parent a:active {
		color: #9bc24d;
	}
	
	/* Nav mobile */
	
	/* Nav mobile - 404 specific */
	
	/* Nav mobile - Search specific */
	
	/* Footer */
	
	footer.site-footer {
		margin-top: 80px;
	}
	
	footer.site-footer:before {
		width: calc(100% - 60px);
		left: 30px;
	}
	
	footer.site-footer .wrapper {
		position: relative;
		min-height: 205px;
		padding: 0 15px;
	}
	
	footer.site-footer .wrapper > div,
	footer.site-footer .wrapper > nav {
		float: left;
		width: 33.333333333%;
		padding: 0 15px;
		margin-top: 14px; /* for vertical flow */
	}
	
	footer.site-footer .wrapper > div:nth-child(2) {
		position: absolute;
		top: 130px;
		left: 15px;
		margin-top: 0;
	}
	
	/* Sections */
	
	/* Sections - Promo */
	
	section.promo {
		overflow: hidden;
		padding: 90px 0;
	}
	
	/* Sections - Promo - Home specific */
	
	body.home section.promo {
		background-size: cover;
		background-position: top 50% right calc(50vw - 15px);
	}
	
	body.home section.promo .copy {
		padding-left: 250px;
	}
	
	body.home  section.promo .img {
		position: absolute;
		top: 50%;
		left: -80px;
		margin-top: 0;
		
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	body.home section.promo .img img {
		max-width: 330px;
	}
	
	/* Sections - Promo - About specific */
	
	body.page-template-page-about section.promo:before {
		background: #fff;
		position: absolute;
		display: block;
		width: 9999px;
		height: 100%;
		top: 0;
		right: calc(50% + 15px);
		z-index: 0;
		content: '';
	}
	
	body.page-template-page-about section.promo .copy {
		position: relative;
		z-index: 1;
		margin-right: 300px;
	}
	
	body.page-template-page-about section.promo .img {
		position: absolute;
		width: 400px;
		height: 100%;
		bottom: 0;
		right: -70px;
		z-index: 1;
		margin-top: 0;
	}
	
	body.page-template-page-about section.promo .img img {
		position: absolute;
		max-height: 100%;
		max-width: none;
		bottom: 0;
		left: 0;
	}
	
	/* Sections - Promo - Contact specific */
	
	body.page-template-page-contact section.promo {
		padding-bottom: 0;
	}
	
	/* Sections - Promo - Products specific */
	
	body.page-template-page-products section.promo {
		background-size: cover;
		background-position: top 50% left calc(50vw - 15px);
	}
	
	body.page-template-page-products section.promo .copy {
		padding-right: 250px;
	}
	
	body.page-template-page-products  section.promo .img {
		position: absolute;
		top: 50%;
		right: -80px;
		margin-top: 0;
		
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	body.page-template-page-products section.promo .img img {
		max-width: 330px;
	}
	
	/* Sections - Products */
	
	section.products .list {
		margin: 35px -15px 0 -15px;
	}
	
	section.products .list.with-flagship {
		margin-top: 70px;
	}
	
	section.products .list > a {
		float: left;
		width: 33.333333333%;
		padding: 0 15px;
		margin: 20px 0 0 0;
	}
	
	section.products .list > a:after {
		content: none;
	}
	
	section.products .list > a.flagship {
		margin-top: 0;
	}
	
	section.products .list > a.flagship:first-child {
		margin-top: 0;
	}
	
	section.products .list > a.flagship:before {
		top: -15px;
		right: 0;
	}
	
	section.products .list > a .img {
		height: 220px;
	}
	
	section.products .list > a.flagship .img {
		height: 260px;
	}
	
	/* Sections - Newsletter */
	
	section.newsletter {
		background-position: top 50% right -100px;
		width: calc(100% - 30px);
		margin-left: 30px;
	}
	
	section.newsletter h2,
	section.newsletter p,
	section.newsletter form {
		margin-left: 65px;
	}
	
	section.newsletter input {
		padding-right: 240px;
	}
	
	section.newsletter button {
		position: absolute;
		width: 220px;
		top: 10px;
		right: 10px;
		margin: 0;
	}
	
	/* Sections - Text */
	
	section.text.type-1 .wrapper > h5 {
		float: left;
		width: calc(50% - 15px);
		margin: 0.25em 0 0 0; /* 5px / 20px */
	}
	
	section.text.type-1 .wrapper > p {
		width: calc(50% - 15px);
		line-height: 1.944444444em; /* 35px / 18px */
		margin-left: calc(50% + 15px);
	}
	
	section.text.type-1 .wrapper > p:nth-of-type(1) {
		margin-top: 1.388888889em; /* 25px / 18px */
	}
	
	section.text.type-2 .wrapper {
		padding: 0 15px;
	}
	
	
	section.text.type-2 .wrapper > * {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	section.text.type-2 .wrapper > p {
		float: left;
		width: 50%;
		margin-top: 0.833333333em;
		margin-bottom: 0;
	}
	
	section.text.type-2 .wrapper > p:nth-of-type(-n+2) {
		margin-top: 0;
	}
	
	section.text.type-2 .wrapper > p:nth-of-type(2n+3) {
		clear: left;
	}
	
	/* Sections - Simple text */
	
	section.simple-text .copy {
		margin-right: 300px;
	}
	
	/* Sections - People */

	section.people:before {
		position: absolute;
		display: block;
		background: #fff;
		top: 0;
		right: 0;
		width: 30px;
		height: 100%;
		z-index: 1;
		content: '';
	}
	
	section.people .list {
		margin-left: -15px;
		margin-right: 15px; /* to align with before element */
	}
	
	section.people .list > div {
		float: left;
		width: 50%;
		padding: 0 15px;
		margin-top: 0;
	}

	/* Sections - Contact data */
	
	section.contact-data .data {
		float: left;
		width: 50%;
		margin-top: 0;
	}
	
	section.contact-data .data.phone {
		text-align: left;
	}
	
	section.contact-data .map {
		float: left;
		width: 100%;
		margin: 55px 0 0 0;
	}
	
	/* Sections - Tile products */
	
	section.tile-products .list {
		margin: 40px -15px -15px -15px;
	}
	
	section.tile-products .list > a {
		float: left;
		width: calc(50% - 30px);
		height: 270px;
		margin: 15px;
	}
	
	section.tile-products .list > a:first-child {
		margin: 15px;
	}
	
	section.tile-products .list > a.flagship {
		height: 570px;
	}
	
	/* Sections - Tile products - Products specific */
	
	body.page-template-page-products section.tile-products .list {
		position: relative;
	}
	
	body.page-template-page-products section.tile-products .list > a {
		position: absolute;
		float: none;
	}
	
	body.page-template-page-products section.tile-products .list > a:nth-child(2n+2) {
		left: 50%;
	}
	
	/* Sections - Tile products - Product specific */
	
	body.page-template-page-product section.tile-products .list > a {
		height: 320px;
	}
	
	body.page-template-page-product section.tile-products .list > a.flagship {
		height: 320px;
	}
	
	/* Sections - Product top */
	
	section.product-top {
		padding-top: 0;
	}
	
	div.popup.video + section.product-top {
		margin-top: 180px;
	}
	
	section.product-top.flagship:after {
		width: 80px;
		height: 80px;
		top: auto;
		bottom: 420px;
		right: auto;
		left: 30px;
		font-size: 14px; /* no em, IE fix */
		line-height: 15px; /* no em, IE fix */
		letter-spacing: 0.15em;
		padding: 25px 0 0 19px;
	}
	
	section.product-top .wrapper {
		position: relative;
		min-height: 560px;
	}
	
	section.product-top .copy {
		padding: 90px 0;
		margin-left: calc(50% + 15px);
	}
	
	section.product-top .slider {
		position: absolute;
		height: 500px;
		width: calc(50% - 45px);
		bottom: 0;
		left: 30px;
		z-index: 0;
		margin-top: 0;
	}
	
	section.product-top .slider .cluster {
		height: 500px;
	}
	
	section.product-top .slider .cluster > div {
		height: 500px;
	}
	
	/* Sections - Features */
	
	section.features ul {
		padding: 0;
		margin: 0 -15px;
	}
	
	section.features ul:after {
		display: table;
		clear: both;
		content: '';
	}
	
	section.features ul > li {
		float: left;
		width: calc(50% - 30px);
		margin: 0 15px;
	}
	
	section.features ul > li:nth-child(-n+2) {
		border-top: 1px solid #e5e5e5;
	}
	
	/* Sections - Share */
	
	/* Sections - Share - Post specific */
	
	/* Sections - Content area */
	
	div.content-area {
		margin-top: 180px;
	}
	
	div.content-area article .meta time,
	div.content-area article .meta .author {
		float: left;
		margin-top: 5px;
	}
	
	div.content-area article .meta .author {
		padding-left: 14px;
		border-left: 1px solid #eaebf0;
		margin-left: 15px;
	}
	
	div.content-area article .meta ul.share {
		float: right;
		margin: 0;
	}
	
	div.content-area nav a {
		padding: 0 30px;
		margin-top: 0;
	}
	
	div.content-area nav a.prev {
		float: left;
	}
	
	div.content-area nav a.next {
		float: right;
	}

	/* Sections - Content area - Search specific */

	/* Sections - Aside */
	
	aside:before {
		width: calc(100% + 60px);
		left: -30px;
	}
	
	aside > div.newsletter {
		position: relative;
	}
		
	aside > div.newsletter .badge {
		position: absolute;
		top: 0;
		right: 0;
		margin-bottom: 0;
	}
	
	aside > div.newsletter h3 {
		margin-top: 0;
	}
	
	aside > div.newsletter h3,
	aside > div.newsletter p {
		margin-right: 245px;
	}
	
	aside > div.newsletter form {
		margin-right: 245px;
	}
	
	aside > div.newsletter .disclaimer {
		margin-right: 245px;
	}
	
	aside > div.social ul > li {
		float: left;
		padding: 5px 15px 0 15px;
		border-right: 1px solid #eaebf0;
	}
	
	aside > div.social ul > li:first-child {
		padding-left: 0;
	}
	
	aside > div.social ul > li:last-child {
		padding-right: 0;
		border-right: 0 none;
	}
	
	aside > div.posts .list {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	aside > div.posts .list > a {
		float: left;
		width: 50%;
		padding: 0 15px;
		margin-top: 30px;
	}
	
	aside > div.posts .list > a:nth-child(-n+2) {
		margin-top: 0;
	}
	
	aside > div.posts .list > a:nth-child(2n+3) {
		clear: left;
	}
	
	aside > div.posts .list > a img {
		left: 15px;
	}
	
	/* Sections - Aside - Post specific */
	
	/* Sections - Article full */
	
	article.full {
		margin-top: 180px;
	}
	
	article.full section.post-top .meta time {
		float: left;
	}
	
	article.full section.post-top .meta .author {
		float: left;
		padding-left: 14px;
		border-left: 1px solid #eaebf0;
		margin-left: 15px;
	}
	
	article.full section.post-content {
		margin-top: 25px;
	}
	
	article.full section.post-content p,
	article.full section.post-content ul,
	article.full section.post-content ol,
	article.full section.post-content blockquote,
	article.full section.post-content pre {
		font-size: 1em;
		line-height: 1.388888889em; /* 25px / 18px */
		margin: 0.833333333em 0; /* 15px / 18px */
	}
	
	article.full section.post-content p:first-child:first-letter {
		font-size: 5em; /* 90px / 18px */
		line-height: 72px; /* fix for vertical flow */
		margin-right: 0.166666667em; /* 15px / 90px */
		margin-top: 3px; /* fix for vertical flow */
	}
	
	article.full section.post-content p small {
		font-size: 0.777777778em; /* 14px / 18px */
		line-height: inherit;
	}
	
	article.full section.post-content img.aligncenter {
		display: block;
		clear: both;
		margin: 0.833333333em auto; /* 15px / 18px */ 
	}
	
	article.full section.post-content img.alignleft {
		display: inline;
		float: left;
		margin: 0 0.833333333em 5px 0; /* 30px / 18px, 5px fix for text flow */
	}
	
	article.full section.post-content img.alignright {
		display: inline;
		float: right;
		margin: 0 0 5px 0.833333333em; /* 30px / 18px, 5px fix for text flow */
	}
	
	article.full section.post-info:before {
		width: calc(100% + 60px);
		left: -30px;
	}
	
	article.full section.post-info .author {
		position: relative;
	}
	
	article.full section.post-info .author img {
		display: block;
		position: absolute;
		top: 35px;
		left: 0;
	}
	
	article.full section.post-info .author small,
	article.full section.post-info .author p {
		margin-left: 130px;
	}
	
	/* Sections - Related */
	
	section.related .list {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	section.related .list > article {
		float: left;
		width: 33.333333333%;
		padding: 0 15px;
		margin-bottom: 0;
	}
	
	section.related .list > article:after {
		content: none;
	}
header.site-header nav ul.sub-menu > li > a {
		display: block;
		font-size: 0.833333333em; /* 15px / 18px */
		line-height: 39px; /* -1px for border */
		color: #fff;
		padding: 0 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);

		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
}

@media (min-width: 1330px) {
	/* Fonts */

	/* Animations */
	
	/* Common */
	.woo-cart-li > a > span{right:2px;}
	
	section {
		margin: 80px 0;
	}
	
	section:first-child {
		margin-top: 120px;
	}
	
	.wrapper {
		width: 1250px;
		padding: 0 40px;
		margin: 0 auto;
	}
	
	.hide-desktop {
		display: none !important;
	}
	
	.show-desktop {
		display: block !important;
	}
	
	/* Fixes */
	
	/* Text */
	
	h1, .h1 {
		font-size: 3.222222222em; /* 58px / 18px */
		line-height: 1.206896552em; /* 70px / 58px */
		margin: 0.446428571em 0; /* 25px / 56px */
	}
	
	h2, .h2 {
		font-size: 1.888888889em; /* 34px / 18px */
		line-height: 1.323529412em; /* 45px / 34px */
		margin: 0.588235294em 0 0.441176471em 0; /* 20px / 34px, 15px / 34px */
	}
	
	h2 a:hover, .h2 a:hover {
		background-size: 100% 100%;
	}
	
	h3, .h3 {
		font-size: 1.333333333em; /* 24px / 18px */
		line-height: 1.25em; /* 30px / 24px */
		margin: 0.416666667em 0; /* 10px / 24px */
	}
	
	h3 a:hover, .h3 a:hover {
		background-size: 100% 100%;
	}
	
	h4.line:before, .h4.line:before {
		top: -110px;
	}
	
	a:hover {
		border-color: #9bc24d;
	}
	
	p.actions > .button:hover {
		background-color: #9bc24d;
	}
	
	p.actions > .link:hover {
		color: #9bc24d;
	}
	
	/* Forms */
	
	form button:hover {
		background-color: #9bc24d;
	}
	
	/* Popup */
	
	div.popup {
		position: fixed;
		width: 1000px;
		left: 50%;
		margin-left: -500px;
	}
	
	/* Attachments */
	
	.attachments > a:hover {
		background-color: #fff;
		border: 3px solid #eaebf0;
	}
	
	.attachments > a:first-child {
		margin-top: 30px;
	}
	
	/* Back */
	
	a.back:hover {
		opacity: 0.5;
	}
	
	/* Back - Product specific */
	
	body.page-template-page-product a.back {
		left: 40px;
		top: 45px;
	}
	
	/* Back - Post specific */
	
	body.single-post a.back {
		position: absolute;
		display: block;
		left: 40px;
		top: 45px;
		z-index: 1;
		margin-bottom: 0;
	}
		
	/* Header */
	

	/* Nav mobile */
	
	/* Nav mobile - 404 specific */
	
	/* Nav mobile - Search specific */
	
	/* Footer */
	
	footer.site-footer {
		margin: 80px 40px 40px 40px;
	}
	
	footer.site-footer:before {
		width: 1170px;
		left: 50%;
		margin-left: -585px;
	}
	
	footer.site-footer .wrapper {
		min-height: 0;
		padding: 0 25px;
	}
	
	footer.site-footer .wrapper > div,
	footer.site-footer .wrapper > nav {
		width: 25%;
	}
	
	footer.site-footer .wrapper > div:nth-child(2) {
		position: static;
		top: auto;
		left: auto;
		margin-top: 14px;
	}
	
	footer.site-footer ul.social > li.fb a:hover {
		background-color: #3b5998;
		border-color: #3b5998;
	}
	
	footer.site-footer ul.social > li.yt a:hover {
		background-color: #e52d26;
		border-color: #e52d26;
	}
	
	footer.site-footer ul.social > li.tw a:hover {
		background-color: #55acee;
		border-color: #55acee;
	}
	
	footer.site-footer .contact p > span:last-child a:hover {
		border-color: #9bc24d;
	}
	
	footer.site-footer ul.nav > li a:hover {
		opacity: 0.5;
	}
	
	footer.site-footer ul.nav > li a:hover:after {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	
	/* Sections */
	
	/* Sections - Promo */
	
	/* Sections - Promo - Home specific */
	
	body.home section.promo {
		background-position: top 50% right calc(50vw - 130px); /* 40px + 85px */
		padding: 215px 0;
		border: 40px solid #fff;
		border-width: 0 40px;
	}
	
	body.home section.promo .copy {
		padding-left: 500px;
	}
	
	body.home  section.promo .img {
		left: auto;
	}
	
	body.home section.promo .img img {
		max-width: 470px;
	}
	
	/* Sections - Promo - About specific */
	
	body.page-template-page-about section.promo {
		padding: 120px 0;
		border: 40px solid #fff;
		border-width: 0 40px;
	}
	
	body.page-template-page-about section.promo:before {
		right: calc(50% + 85px);
	}
	
	body.page-template-page-about section.promo .copy {
		margin-right: 500px;
	}
	
	body.page-template-page-about section.promo .img {
		width: 470px;
		height: 100%;
		right: auto;
		left: calc(50% + 115px);
	}
	
	/* Sections - Promo - Contact specific */
	
	body.page-template-page-contact section.promo {
		padding: 120px 0 0 0;
	}
	
	body.page-template-page-contact section.promo .copy > * {
		width: 50%;
	}
	
	/* Sections - Promo - Products specific */
	
	body.page-template-page-products section.promo {
		background-position: top 50% left calc(50vw - 130px); /* 40px + 85px */
		padding: 215px 0;
		border: 40px solid #fff;
		border-width: 0 40px;
	}
	
	body.page-template-page-products section.promo .copy {
		padding-right: 0;
		margin-right: 500px;
	}
	
	body.page-template-page-products  section.promo .img {
		right: auto;
		left: calc(50% + 115px);
	}
	
	body.page-template-page-products section.promo .img img {
		max-width: 470px;
	}
	
	/* Sections - Products */
	
	section.products .list {
		margin-top: 45px;
	}
	
	section.products .list.with-flagship {
		margin-top: 90px;
	}
	
	section.products .list > a {
		margin: 30px 0 0 0;
	}
	
	section.products .list > a.flagship {
		margin-top: 0;
	}
	
	section.products .list > a .img {
		height: 380px;
	}
	
	section.products .list > a.flagship .img {
		height: 440px;
	}
	
	section.products .list > a:hover .img:after {
		opacity: 1;
	}
	
	section.products .list > a:hover .more:after {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	
	/* Sections - Newsletter */
	
	section.newsletter {
		background-position: top 50% right calc(50% - 400px);
		width: 100%;
		padding: 75px 0;
		border: 40px solid #fff;
		border-width: 0 40px;
		margin-left: 0;
	}
	
	section.newsletter .wrapper {
		position: relative;
	}
	
	section.newsletter .wrapper:before {
		position: absolute;
		display: block;
		background: #fff;
		top: -75px;
		right: calc(100% - 40px);
		width: 9999px;
		height: calc(100% + 150px);
		content: '';
	}
	
	section.newsletter p.title {
		top: 115px;
		left: 85px;
	}
	
	section.newsletter .badge {
		margin-left: 200px;
	}
	
	section.newsletter h2,
	section.newsletter p,
	section.newsletter form {
		width: 670px;
		margin-left: 200px;
	}
	
	/* Sections - Text */
	
	section.text.type-1 .wrapper > h5 {
		width: calc(50% - 115px);
	}
	
	section.text.type-1 .wrapper > p {
		width: calc(50% + 85px);
		margin-left: calc(50% - 85px);
	}
	
	section.text.type-2 .wrapper {
		padding: 0 25px;
	}
	
	section.text.type-2 .wrapper > h5 {
		width: 50%;
	}
	
	/* Sections - Simple text */
	
	section.simple-text {
		padding-top: 95px;
	}
	
	section.simple-text .copy {
		width: 735px;
		margin-right: 0;
	}
	
	/* Sections - People */
	
	section.people {
		background: transparent;
		width: 100%;
		padding: 80px 0;
	}
	
	section.people:before {
		right: auto;
		left: 0;
		width: 40px;
	}
	
	section.people .wrapper {
		position: relative;
	}
	
	section.people .wrapper:before {
		position: absolute;
		display: block;
		background: #eaebf0;;
		top: -80px;
		right: 40px;
		width: 9999px;
		height: calc(100% + 160px);
		z-index: 0;
		content: '';
	}
	
	section.people .wrapper > * {
		position: relative;
		z-index: 1;
	}
	
	section.people .list {
		width: 1000px;
		margin: 60px 0 0 0; /* 75px - 15px for images */
	}
	
	section.people .list > div {
		padding: 0 30px 0 0;
	}
	
	section.people .list > div img {
		margin-bottom: 0;
	}
	
	section.people .list > div h3 {
		margin-left: 170px;
		margin-top: -2.5em; /* 2 * line-height */
	}
	
	section.people .list > div p {
		margin-top: 1.388888889em; /* 25px / 18px */
	}
	
	section.people .list > div ul.social > li.li a:hover {
		background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #0077b5;
	}
	
	section.people .list > div ul.social > li.tw a:hover {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;
	}

	/* Sections - Contact data */
	
	section.contact-data .data > span:nth-child(2) {
		font-size: 1.888888889em; /* 34px / 18px */
		line-height: 1.470588235em; /* 50px / 34px */
	}
	
	section.contact-data .data > span:nth-child(2) a:hover {
		border-color: #9bc24d;
	}
	
	/* Sections - Tile products */
	
	section.tile-products .list {
		margin-top: 60px;
	}
	
	section.tile-products .list > a {
		height: 350px;
	}
	
	section.tile-products .list > a.flagship {
		height: 730px;
	}
	
	section.tile-products .list > a.flagship:after {
		top: 30px;
		right: 30px;
	}
	
	section.tile-products .list > a strong {
		bottom: 30px;
	}
	
	section.tile-products .list > a span {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	/* Sections - Tile products - Products specific */
	
	/* Sections - Tile products - Product specific */
	
	body.page-template-page-product section.tile-products {
		padding-top: 80px;
	}
	
	body.page-template-page-product section.tile-products .list > a {
		height: 460px;
	}
	
	body.page-template-page-product section.tile-products .list > a.flagship {
		height: 460px;
	}
	
	/* Sections - Product top */
	
	section.product-top {
		padding-top: 0;
	}
	
	div.popup.video + section.product-top {
		margin-top: 120px;
	}
	
	section.product-top.flagship:after {
		content: none;
	}
	
	section.product-top .wrapper {
		position: relative;
		min-height: 670px;
	}
	
	section.product-top.flagship .wrapper:after {
		background: url(assets/img/pattern.jpg) top left repeat;
		position: absolute;
		display: block;
		width: 80px;
		height: 80px;
		bottom: 480px;
		left: 40px;
		z-index: 1;
		color: #fff;
		font-family: 'HalisGR', sans-serif;
		font-size: 0.777777778em; /* 14px / 18px */
		line-height: 1.071428571em; /* 15px / 14px */
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		content: 'Flag- ship';
		pointer-events: none;
		padding: 25px 0 0 19px;
		
		-webkit-border-radius: 50%;
		border-radius: 50%;
		
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	section.product-top .copy {
		padding: 85px 0;
		margin-left: 500px;
	}
	
	section.product-top .slider {
		height: 560px;
		width: 470px;
		left: 40px;
	}
	
	section.product-top .slider .cluster {
		height: 560px;
	}
	
	section.product-top .slider .cluster > div {
		height: 560px;
	}
	
	section.product-top .slider nav a.prev:hover {
		background-image: url(assets/img/icon_arrow_reverse_green.svg);
		background-size: 16px auto;
	}
	
	section.product-top .slider nav a.next:hover {
		background-image: url(assets/img/icon_arrow_green.svg);
		background-size: 16px auto;
	}
	
	/* Sections - Features */
	
	/* Sections - Share */
	
	section.share ul > li.fb a:hover {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 21px 21px;
		border-color: #3b5998;
	}
	
	section.share ul > li.li a:hover {
		background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
		background-size: 21px 21px;
		border-color: #0077b5;
	}
	
	section.share ul > li.tw a:hover {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 21px 21px;
		border-color: #55acee;
	}
	
	/* Sections - Share - Post specific */

	body.single-post section.share {
		display: block;
	}
	
	/* Sections - Content area */
	
	div.content-area {
		float: left;
		width: 785px;
		padding-right: 49px;
		border-right: 1px solid #eaebf0;
		margin: 215px 50px 0 0;
	}
	
	div.content-area article {
		margin-top: 120px;
	}
	
	div.content-area article .meta ul.share > li.fb a:hover {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #3b5998;
	}
	
	div.content-area article .meta ul.share > li.li a:hover {
		background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #0077b5;
	}
	
	div.content-area article .meta ul.share > li.tw a:hover {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;
	}

	div.content-area article a.img:hover:after {
		opacity: 1;
	}
	
	div.content-area nav a:hover {
		background-color: #9bc24d; 
	}
	
	/* Sections - Content area - Search specific */
	
	/* Sections - Aside */
	
	aside {
		width: 335px;
		float: right;
		padding-top: 0;
		margin-top: 215px;
	}
	
	aside:before {
		content: none;
	}
	
	aside > div {
		position: relative;
		padding-top: 45px;
		border-top: 0 none;
		margin-top: 45px;
	}
	
	aside > div:before {
		background: #eaebf0;
		position: absolute;
		width: calc(100% + 50px);
		height: 1px;
		top: 0;
		left: -50px;
		content: '';
	}
	
	aside > div:first-child {
		padding-top: 0;
		border-top: 0 none;
		margin-top: 0;
	}
	
	aside > div:first-child:before {
		content: none;
	}	
	
	aside > div.newsletter .badge {
		position: static;
		top: auto;
		right: auto;
		margin-bottom: 25px;
	}
	
	aside > div.newsletter h3,
	aside > div.newsletter p {
		margin-right: 0;
	}
	
	aside > div.newsletter form {
		margin-right: 0;
	}
	
	aside > div.newsletter .disclaimer {
		margin-right: 0;
	}
	
	aside > div.social ul > li {
		border-right: 0 none;
	}
	
	aside > div.social ul > li:nth-child(2n+1) {
		padding-left: 0;
		border-right: 1px solid #eaebf0;
	}
	
	aside > div.social ul > li:nth-child(2n+2) {
		padding-right: 0;
	}
	
	aside > div.social ul > li:last-child {
		border-right: 0 none;
	}
	
	aside > div.social ul > li.fb a:hover:before {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #3b5998;
	}
	
	aside > div.social ul > li.yt a:hover:before {
		background: #e52d26 url(assets/img/icon_yt_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #e52d26;
	}
	
	aside > div.social ul > li.tw a:hover:before {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;;
	}
	
	aside > div.posts .list {
		margin-left: 0;
		margin-right: 0;
	}
	
	aside > div.posts .list > a {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	aside > div.posts .list > a:nth-child(-n+2) {
		margin-top: 30px;
	}
	
	aside > div.posts .list > a:nth-child(2n+3) {
		clear: none;
	}
	
	aside > div.posts .list > a img {
		left: 0;
	}
	
	aside > div.posts .list > a:hover > strong {
		color: #9bc24d;
	}
	
	aside > div.tags .list > a:hover {
		background: #17171a;
		color: #fff;
	}
	
	/* Sections - Aside - Post specific */
	
	body.single-post aside {
		margin-top: 0;
	}
	
	/* Sections - Article full */
	
	article.full {
		padding-top: 95px;
		margin-top: 120px;
	}
	
	article.full .wrapper {
		position: relative;
	}
	
	article.full section.post-top {
		min-height: 480px;
		margin-bottom: 60px;
	}
	
	article.full section.post-top .meta {
		width: 370px;
	}
	
	article.full section.post-top h2,
	article.full section.post-top h5 {
		width: 370px;
	}
	
	article.full section.post-top .img {
		position: absolute;
		width: 770px;
		height: 480px;
		top: 0;
		right: 0;
	}
	
	article.full section.post-top .img img {
		float: right;
		max-height: 100%;
	}
	
	article.full section.post-content {
		float: left;
		width: 585px;
		padding-right: 49px;
		border-right: 1px solid #eaebf0;
		margin: 0 50px 0 200px;
	}
	
	article.full section.post-info {
		position: absolute;
		width: 175px;
		left: 40px;
		padding: 0 24px 0 0;
		border-right: 1px solid #eaebf0;
		margin: 0;
	}
	
	article.full section.post-info:before {
		content: none;
	}
	
	article.full section.post-info .share ul > li.fb a:hover {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #3b5998;
	}
	
	article.full section.post-info .share ul > li.li a:hover {
		background: #0077b5 url(assets/img/icon_li_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #0077b5;
	}
	
	article.full section.post-info .share ul > li.tw a:hover {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;
	}
	
	article.full section.post-info .author {
		border-top: 0 none;
	}
	
	article.full section.post-info .author:before {
		background: #eaebf0;
		position: absolute;
		width: 175px;
		height: 1px;
		left: 0;
		top: 0;
		content: '';
	}
	
	article.full section.post-info .author img {
		position: static;
		top: auto;
		left: auto;
	}
	
	article.full section.post-info .author small,
	article.full section.post-info .author p {
		margin-left: 0;
	}
	
	/* Sections - Related */
	
	section.related {
		padding-top: 80px;
	}
	
	section.related .list {
		margin-top: 75px;
	}
	
	section.related .list > article a.img:hover:after {
		opacity: 1;
	}
	
	section.related .list > article .more:hover:after {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
	
	section.related .list > article h3 {
		font-size: 1.111111111em; /* 20px / 18px */
		line-height: 1.25em; /* 25px / 20px */
	}
}
@media (min-width: 768px){
header.site-header nav ul.sub-menu {
		position: absolute;
		display: none;
		background: url(assets/img/pattern.jpg) top left repeat;
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
		background: linear-gradient(to bottom,  rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%),
		url(assets/img/pattern.jpg) top left repeat;
		background-clip: content-box;
		min-width: 100%;
		top: 40px;
		left: 0;
		text-align: left;
		padding: 0;
		margin: 0;
		border-top: 10px solid transparent;
	}
header.site-header nav ul.primary-menu > li.menu-item-has-children:hover ul.sub-menu {
		display: block;
	}
  header.site-header nav ul.sub-menu li:hover{
    background-color: #9bc24d;
  }
  header.site-header nav ul.sub-menu li:before{
    background:none;
    content:'';
 }
header.site-header nav ul.primary-menu > li.menu-item-has-children > a:after {
		background-image: url(assets/img/icon_dropdown_navy.svg);
		opacity: 1;

		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}
header.site-header nav ul.primary-menu > li.menu-item-has-children > a:before,
	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:after {
		position: absolute;
		background-position: center center;
		backgrond-repeat: no-repeat;
		background-size: 20px 20px;
		top: 9px;
		right: 10px;
		width: 20px;
		height: 20px;
		content: '';
	}
}
@media (min-width: 1430px){

	header.site-header:before {
		width: calc(100% - 80px);
		left: 40px;
	}

	header.site-header .logo {
		left: 40px;
	}

	header.site-header .social ul > li.fb a:hover {
		background: #3b5998 url(assets/img/icon_fb_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #3b5998;
	}

	header.site-header .social ul > li.yt a:hover {
		background: #e52d26 url(assets/img/icon_yt_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #e52d26;
	}

	header.site-header .social ul > li.tw a:hover {
		background: #55acee url(assets/img/icon_tw_white.svg) center center no-repeat;
		background-size: 19px 19px;
		border-color: #55acee;
	}

	header.site-header nav ul.primary-menu > li {
		display: block;
		float: left;
	}

	header.site-header nav ul.primary-menu > li > a {
		padding: 0 19px;
	}

	header.site-header nav ul.primary-menu > li > a:hover {
		color: #9bc24d;
	}

	header.site-header nav ul.primary-menu > li.menu-item-has-children:hover > a {
		color: #9bc24d;
	}

	header.site-header nav ul.primary-menu > li.menu-item-has-children > a {
		padding-right: 35px;
	}

	

	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:before {
		background-image: url(assets/img/icon_dropdown_green.svg);
	}

	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:before,
	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:after {
		position: absolute;
		background-position: center center;
		backgrond-repeat: no-repeat;
		background-size: 20px 20px;
		top: 9px;
		right: 15px;
		width: 20px;
		height: 20px;
		content: '';
	}

	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:active:after,
	header.site-header nav ul.primary-menu > li.menu-item-has-children > a:hover:after {
		opacity: 0;
	}

	header.site-header nav ul.primary-menu > li.menu-item-has-children:hover > a:after {
		opacity: 0;
	}

	

	

	header.site-header nav ul.sub-menu > li:before {
		content: none;
	}

	header.site-header nav ul.sub-menu > li {
		width: 100%;
	}

	

	header.site-header nav ul.sub-menu > li:last-child > a {
		border-bottom-color: transparent;
	}

	header.site-header nav ul.sub-menu > li.current-menu-item > a,
	header.site-header nav ul.sub-menu > li > a:active,
	header.site-header nav ul.sub-menu > li > a:hover {
		background-color: #9dc24e;
		color: #fff;
	}

	/* Header - 404 specific */

	body.error404 header.site-header nav ul > li.current_page_parent a:hover {
		color: #9bc24d;
	}

	/* Header - Search specific */

	body.search header.site-header nav ul > li.current_page_parent a:hover {
		color: #9bc24d;
	}

	header.site-header nav {
		position: relative;
		float: right;
		width: auto;
		top: auto;
		left: auto;
		margin-top: 56px;
		margin-right: 30px;

		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	header.site-header {
		height: 120px;
		padding: 0 40px;
	}
}

section.tile-products .list > a:hover:before {
	opacity: 1;
}

ul#shipping_method>li:before{
	content: '';
	background: none;
}